fix stories

umbraco · Jan 22, 2024 · 6af8933 · 6af8933
1 parent d9732d9
commit 6af8933
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 29 deletions.
diff --git a/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.story.ts b/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.story.ts
@@ -81,22 +81,25 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
-    <uui-ref-node-data-type border name="TextField" alias="Umbraco.TextField">
+    <uui-ref-node-data-type
+      standalone
+      name="TextField"
+      alias="Umbraco.TextField">
       <uui-action-bar slot="actions">
         <uui-button label="Remove">Remove</uui-button>
       </uui-action-bar>
     </uui-ref-node-data-type>
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-data-type
-  border
+  standalone
   name="TextField"
   alias="Umbraco.TextField">
   <uui-action-bar slot="actions">

diff --git a/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.story.ts b/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.story.ts
@@ -81,22 +81,25 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
-    <uui-ref-node-document-type border name="Product Page" alias="productPage">
+    <uui-ref-node-document-type
+      standalone
+      name="Product Page"
+      alias="productPage">
       <uui-action-bar slot="actions">
         <uui-button label="Remove">Remove</uui-button>
       </uui-action-bar>
     </uui-ref-node-document-type>
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-document-type
-  border
+  standalone
   name="Product Page"
   alias="productPage">
   <uui-action-bar slot="actions">

diff --git a/packages/uui-ref-node-form/lib/uui-ref-node-form.story.ts b/packages/uui-ref-node-form/lib/uui-ref-node-form.story.ts
@@ -82,10 +82,10 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
     <uui-ref-node-form
-      border
+      standalone
       name="Newsletter Signup"
       detail="Signup for newsletter">
       <uui-action-bar slot="actions">
@@ -95,12 +95,12 @@ export const Border: Story = () => html`
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-form
-  border
+  standalone
   name="Newsletter Signup"
   detail="Signup for newsletter">
   <uui-action-bar slot="actions">

diff --git a/packages/uui-ref-node-member/lib/uui-ref-node-member.story.ts b/packages/uui-ref-node-member/lib/uui-ref-node-member.story.ts
@@ -83,10 +83,10 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
     <uui-ref-node-member
-      border
+      standalone
       name="Arnold Vitz"
       group-name="Visitor, Registered-Member">
       <uui-action-bar slot="actions">
@@ -96,12 +96,12 @@ export const Border: Story = () => html`
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-member
-  border
+  standalone
   name="Arnold Vitz"
   group-name="Visitor, Registered-Member">
   <uui-action-bar slot="actions">

diff --git a/packages/uui-ref-node-package/lib/uui-ref-node-package.story.ts b/packages/uui-ref-node-package/lib/uui-ref-node-package.story.ts
@@ -93,10 +93,10 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
     <uui-ref-node-package
-      border
+      standalone
       name="Umbraco Starter Kit"
       version="1.1"
       author="Umbraco HQ">
@@ -110,12 +110,12 @@ export const Border: Story = () => html`
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-package
-  border
+  standalone
   name="Umbraco Starter Kit"
   version="1.1"
   author="Umbraco HQ">

diff --git a/packages/uui-ref-node-user/lib/uui-ref-node-user.story.ts b/packages/uui-ref-node-user/lib/uui-ref-node-user.story.ts
@@ -81,10 +81,10 @@ CustomIcon.parameters = {
   },
 };
 
-export const Border: Story = () => html`
+export const Standalone: Story = () => html`
   <div style="max-width: 420px;">
     <uui-ref-node-user
-      border
+      standalone
       name="Arnold Edits"
       group-name="Editor, Translator">
       <uui-action-bar slot="actions">
@@ -94,12 +94,12 @@ export const Border: Story = () => html`
   </div>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node-user
-  border
+  standalone
   name="Arnold Edits"
   group-name="Editor, Translator"
   <uui-action-bar slot="actions">

diff --git a/packages/uui-ref-node/lib/uui-ref-node.story.ts b/packages/uui-ref-node/lib/uui-ref-node.story.ts
@@ -85,14 +85,17 @@ CustomIcon.parameters = {
   <uui-action-bar slot="actions">
     <uui-button label="Remove">Remove</uui-button>
   </uui-action-bar>
-</uui-ref-node>
+</uui-ref-node>s
     `,
     },
   },
 };
 
-export const Border: Story = () => html`
-  <uui-ref-node border name="Rabbit Suit Product Page" detail="path/to/nowhere">
+export const Standalone: Story = () => html`
+  <uui-ref-node
+    standalone
+    name="Rabbit Suit Product Page"
+    detail="path/to/nowhere">
     <uui-tag size="s" slot="tag" color="positive">Published</uui-tag>
     <uui-action-bar slot="actions">
       <uui-button type="button" label="Delete"
@@ -102,12 +105,12 @@ export const Border: Story = () => html`
   </uui-ref-node>
 `;
 
-Border.parameters = {
+Standalone.parameters = {
   docs: {
     source: {
       code: `
 <uui-ref-node
-  border
+  standalone
   name="Rabbit Suit Product Page"
   detail="path/to/nowhere">
   <uui-tag size="s" slot="tag" color="positive" >Published</uui-tag>