Code/markup formatting

Author: leekelleher

packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.story.ts

@@ -13,13 +13,11 @@ const meta: Meta = {
   component: 'uui-ref-node-document-type',
   title: 'Displays/References/Document Type',
   args: { name: 'Product Page', alias: 'productPage' },
-  render: args =>
-    html`<uui-ref-node-document-type
-      id="refNode"
-      ${spread(args)}
-      @open=${() => onOpen()}
-      >${renderSlots(args)}</uui-ref-node-document-type
-    > `,
+  render: args => html`
+    <uui-ref-node-document-type id="refNode" ${spread(args)}>
+      ${renderSlots(args)}
+    </uui-ref-node-document-type>
+  `,
 
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
@@ -32,10 +30,13 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete">
+          <uui-icon name="delete"></uui-icon>
+        </uui-button>
+      </uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {

packages/uui-ref-node-form/lib/uui-ref-node-form.story.ts

@@ -16,10 +16,11 @@ const meta: Meta = {
     name: 'Newsletter Signup',
     detail: 'Accept and signup for newsletter',
   },
-  render: args =>
-    html`<uui-ref-node-form ${spread(args)}
-      >${renderSlots(args)}</uui-ref-node-form
-    >`,
+  render: args => html`
+    <uui-ref-node-form ${spread(args)}>
+      ${renderSlots(args)}
+    </uui-ref-node-form>
+  `,
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
@@ -31,10 +32,12 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete"
+          ><uui-icon name="delete"></uui-icon> </uui-button
+      ></uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {

packages/uui-ref-node-member/lib/uui-ref-node-member.story.ts

@@ -28,10 +28,13 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete">
+          <uui-icon name="delete"></uui-icon>
+        </uui-button>
+      </uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {

packages/uui-ref-node-package/lib/uui-ref-node-package.story.ts

@@ -13,10 +13,11 @@ const meta: Meta = {
   component: 'uui-ref-node-package',
   title: 'Displays/References/Package',
   args: { name: 'Umbraco Starter Kit', version: '1.1', author: 'Umbraco HQ' },
-  render: args =>
-    html`<uui-ref-node-package ${spread(args)}
-      >${renderSlots(args)}</uui-ref-node-package
-    >`,
+  render: args => html`
+    <uui-ref-node-package ${spread(args)}>
+      ${renderSlots(args)}
+    </uui-ref-node-package>
+  `,
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
@@ -28,10 +29,13 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete">
+          <uui-icon name="delete"></uui-icon>
+        </uui-button>
+      </uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {

packages/uui-ref-node-user/lib/uui-ref-node-user.story.ts

@@ -13,10 +13,11 @@ const meta: Meta = {
   component: 'uui-ref-node-user',
   title: 'Displays/References/User',
   args: { name: 'Arnold Edits', groupName: 'Editor, Translator' },
-  render: args =>
-    html`<uui-ref-node-user ${spread(args)}
-      >${renderSlots(args)}</uui-ref-node-user
-    >`,
+  render: args => html`
+    <uui-ref-node-user ${spread(args)}>
+      ${renderSlots(args)}
+    </uui-ref-node-user>
+  `,
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
@@ -28,10 +29,13 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete">
+          <uui-icon name="delete"></uui-icon>
+        </uui-button>
+      </uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {

packages/uui-ref-node/lib/uui-ref-node.story.ts

@@ -31,13 +31,16 @@ type Story = StoryObj;
 
 export const Default: Story = {
   args: {
-    'tag slot': html`<uui-tag size="s" slot="tag" color="positive"
-      >Published</uui-tag
-    >`,
-    'actions slot': html`<uui-action-bar slot="actions"
-      ><uui-button label="delete"
-        ><uui-icon name="delete"></uui-icon></uui-button
-    ></uui-action-bar>`,
+    'tag slot': html`
+      <uui-tag size="s" slot="tag" color="positive">Published</uui-tag>
+    `,
+    'actions slot': html`
+      <uui-action-bar slot="actions">
+        <uui-button label="delete">
+          <uui-icon name="delete"></uui-icon>
+        </uui-button>
+      </uui-action-bar>
+    `,
   },
 };
 export const CustomIcon: Story = {