@adobe-commerce/elsie 2.0.0 → 2.0.1-alpha-20260728135101

package/src/components/CartItem/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/CartItem/CartItem';

package/src/components/CartList/CartList.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { FunctionComponent } from 'preact';

package/src/components/CartList/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/CartList/CartList';

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -2,14 +2,17 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import type { Meta, StoryObj } from '@storybook/preact-vite';
-import { Checkbox, CheckboxProps } from '@adobe-commerce/elsie/components/Checkbox';
+import {
+  Checkbox,
+  CheckboxProps,
+} from '@adobe-commerce/elsie/components/Checkbox';
 import { expect, within, userEvent } from 'storybook/test';
 
 /**
@@ -98,7 +101,7 @@ export const Primary: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).not.toBeChecked();
     await userEvent.click(canvas.getByText('Option'));
@@ -119,7 +122,7 @@ export const CheckboxEnabledAndActive: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).toBeChecked();
     await userEvent.click(canvas.getByText('Option'));
@@ -160,7 +163,7 @@ export const CheckboxDisabled: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).not.toBeChecked();
     await expect(checkboxField).toBeDisabled();
@@ -184,7 +187,7 @@ export const CheckboxDisabledWithALink: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).not.toBeChecked();
     await expect(checkboxField).toBeDisabled();
@@ -202,7 +205,7 @@ export const CheckboxDisabledAndActive: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).toBeChecked();
     await expect(checkboxField).toBeDisabled();
@@ -219,7 +222,7 @@ export const CheckboxWithNodeLabelAndDescription: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     await expect(checkboxField).toBeChecked();
   },
@@ -246,10 +249,10 @@ export const CheckboxWithALink: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     const checkboxLink = document.querySelector(
-      '.dropin-checkbox a'
+      '.dropin-checkbox a',
     ) as HTMLElement;
     await expect(checkboxField).not.toBeChecked();
     await expect(checkboxLink).toBeDefined();
@@ -279,10 +282,10 @@ export const CheckboxWithLongLabel: Story = {
   },
   play: async () => {
     const checkboxField = document.querySelector(
-      'input[name="checkboxField"]'
+      'input[name="checkboxField"]',
     ) as HTMLElement;
     const checkboxLink = document.querySelector(
-      '.dropin-checkbox a'
+      '.dropin-checkbox a',
     ) as HTMLElement;
     await expect(checkboxField).not.toBeChecked();
     await expect(checkboxLink).toBeDefined();

package/src/components/Checkbox/Checkbox.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { FunctionComponent, VNode } from 'preact';
@@ -15,8 +15,10 @@ import { Icon } from '@adobe-commerce/elsie/components/Icon';
 import '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';
 import { useEffect } from 'preact/hooks';
 
-export interface CheckboxProps
-  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {
+export interface CheckboxProps extends Omit<
+  HTMLAttributes<HTMLInputElement>,
+  'size' | 'label'
+> {
   name: string;
   size?: 'medium' | 'large';
   disabled?: boolean;
@@ -38,7 +40,7 @@ export const Checkbox: FunctionComponent<CheckboxProps> = ({
   ...props
 }) => {
   const [isChecked, setIsChecked] = useState(
-    checked === undefined ? false : checked
+    checked === undefined ? false : checked,
   );
   const ref = useRef<HTMLInputElement>(null);
 

package/src/components/Checkbox/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/Checkbox/Checkbox';

package/src/components/ColorSwatch/ColorSwatch.css

@@ -55,7 +55,8 @@
   input[type='checkbox']:checked
   ~ .dropin-color-swatch__span,
 .dropin-color-swatch--selected {
-  box-shadow: 0 0 0 var(--shape-border-width-3) var(--color-neutral-50),
+  box-shadow:
+    0 0 0 var(--shape-border-width-3) var(--color-neutral-50),
     0 0 0 3px var(--color-neutral-800);
 }
 
@@ -65,7 +66,8 @@
 .dropin-color-swatch__container
   input[type='checkbox']:checked:active
   ~ .dropin-color-swatch__span {
-  box-shadow: 0 0 0 var(--shape-border-width-3) var(--color-neutral-50),
+  box-shadow:
+    0 0 0 var(--shape-border-width-3) var(--color-neutral-50),
     0 0 0 var(--shape-border-width-4) var(--color-neutral-900);
 }
 
@@ -75,7 +77,8 @@
 .dropin-color-swatch__container
   input[type='checkbox']:focus-visible
   + .dropin-color-swatch__span {
-  box-shadow: 0 0 0 var(--shape-border-width-3) var(--color-neutral-900),
+  box-shadow:
+    0 0 0 var(--shape-border-width-3) var(--color-neutral-900),
     0 0 0 6px var(--color-neutral-600);
 }
 
@@ -99,7 +102,8 @@
 
 .dropin-color-swatch__span--out-of-stock {
   box-shadow: 0 0 0 var(--shape-border-width-1) var(--color-neutral-700);
-  background: linear-gradient(
+  background:
+    linear-gradient(
       to top left,
       rgba(0, 0, 0, 0) 0%,
       rgba(0, 0, 0, 0) calc(50% - 0.8px),

package/src/components/ColorSwatch/ColorSwatch.stories.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
@@ -148,7 +148,7 @@ export const DefaultColorSwatch: Story = {
     const canvas = within(canvasElement);
     const textSwatch = await canvas.findByRole('radio');
     const spanElement = document.querySelector(
-      '.dropin-color-swatch__span'
+      '.dropin-color-swatch__span',
     ) as HTMLElement;
     expect(spanElement).toBeVisible();
     await expect(textSwatch).not.toBeChecked();
@@ -173,12 +173,12 @@ export const SelectedColorSwatch: Story = {
     const canvas = within(canvasElement);
     const textSwatch = await canvas.findByRole('radio');
     const spanElement = document.querySelector(
-      '.dropin-color-swatch__span'
+      '.dropin-color-swatch__span',
     ) as HTMLElement;
     expect(spanElement).toBeVisible();
     await expect(textSwatch).toBeChecked();
     await expect(
-      canvas.getByLabelText('Color Swatch: gray swatch selected')
+      canvas.getByLabelText('Color Swatch: gray swatch selected'),
     ).toBeChecked();
   },
 };

package/src/components/ColorSwatch/ColorSwatch.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { FunctionComponent } from 'preact';
@@ -13,8 +13,10 @@ import { classes } from '@adobe-commerce/elsie/lib';
 import '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch.css';
 import { useText } from '@adobe-commerce/elsie/i18n';
 
-export interface ColorSwatchProps
-  extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {
+export interface ColorSwatchProps extends Omit<
+  HTMLAttributes<HTMLInputElement>,
+  'label' | 'size'
+> {
   name?: string;
   label?: string;
   groupAriaLabel?: string;
@@ -64,7 +66,7 @@ export const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({
         }
       }
     },
-    [onValue, onUpdateError]
+    [onValue, onUpdateError],
   );
 
   const handleOnValue = (e: Event) => {

package/src/components/ColorSwatch/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch';

package/src/components/ContentGrid/ContentGrid.css

@@ -10,36 +10,36 @@
 /* https://cssguidelin.es/#bem-like-naming */
 
 .dropin-content-grid {
-    container-type: inline-size;
-    container-name: dropin-content-grid;
-    max-width: inherit;
-    overflow: scroll;
+  container-type: inline-size;
+  container-name: dropin-content-grid;
+  max-width: inherit;
+  overflow: scroll;
 }
 
 /* Container for the cart summary grid */
 .dropin-content-grid__content {
-    display: grid;
-    gap: var(--spacing-small);
-    margin: auto;
-    justify-items: center;
+  display: grid;
+  gap: var(--spacing-small);
+  margin: auto;
+  justify-items: center;
 }
 
 .dropin-content-grid__dynamic-columns-content {
-    display: flex;
-    flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 /* Empty grid message */
 .dropin-content-grid__content--empty {
-    grid-template-columns: repeat(1, 1fr);
+  grid-template-columns: repeat(1, 1fr);
 }
 
 /* Container rules */
 @container dropin-content-grid (width < 360) {
-    .dropin-content-grid__content {
-        grid-template-columns: repeat(4, 1fr);
-        gap: var(--spacing-xsmall);
-    }
+  .dropin-content-grid__content {
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--spacing-xsmall);
+  }
 }
 /* Medium (portrait tablets and large phones, 768px and up) */
 /* @media only screen and (min-width: 768px) { } */

package/src/components/ContentGrid/ContentGrid.stories.tsx

@@ -2,15 +2,15 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import {
   ContentGrid as component,
-  ContentGridProps
+  ContentGridProps,
 } from '@adobe-commerce/elsie/components/ContentGrid';
 import type { Meta, StoryObj } from '@storybook/preact-vite';
 

package/src/components/ContentGrid/ContentGrid.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { FunctionComponent, VNode } from 'preact';

package/src/components/ContentGrid/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/ContentGrid/ContentGrid';

package/src/components/Divider/Divider.stories.tsx

@@ -2,13 +2,16 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import type { Meta, StoryObj } from '@storybook/preact-vite';
-import { Divider, DividerProps } from '@adobe-commerce/elsie/components/Divider';
+import {
+  Divider,
+  DividerProps,
+} from '@adobe-commerce/elsie/components/Divider';
 import { expect, within } from 'storybook/test';
 
 /**

package/src/components/Divider/Divider.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { FunctionComponent } from 'preact';

package/src/components/Divider/index.ts

@@ -2,10 +2,10 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/Divider/Divider';
-export { Divider as default } from '@adobe-commerce/elsie/components/Divider/Divider'; 
+export { Divider as default } from '@adobe-commerce/elsie/components/Divider/Divider';

package/src/components/Field/Field.stories.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
@@ -116,15 +116,15 @@ export const IncrementerField: Story = {
   },
   play: async () => {
     const canvasElement = document.querySelector(
-      '#storybook-root'
+      '#storybook-root',
     ) as HTMLElement;
     const canvas = within(canvasElement);
     const decreaseButton = document.querySelector(
-      'button[aria-label="Decrease Quantity"]'
+      'button[aria-label="Decrease Quantity"]',
     ) as HTMLElement;
     const inputField = document.querySelector('input') as HTMLElement;
     const increaseButton = document.querySelector(
-      'button[aria-label="Increase Quantity"]'
+      'button[aria-label="Increase Quantity"]',
     ) as HTMLElement;
 
     // Without this wait test failing intermittently as click event is triggerning before even element fully loaded
@@ -201,7 +201,7 @@ export const PickerField: Story = {
     await expect(canvas.getByText('Option 2')).toBeVisible();
 
     const select = document.querySelector(
-      '.dropin-picker__select'
+      '.dropin-picker__select',
     ) as HTMLSelectElement;
 
     await userEvent.selectOptions(select, 'option3');

package/src/components/Field/Field.tsx

@@ -12,8 +12,10 @@ import { classes, VComponent } from '@adobe-commerce/elsie/lib';
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
 
-export interface FieldProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {
+export interface FieldProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'size'
+> {
   label?: string;
   error?: string;
   hint?: string;

package/src/components/Field/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/Field/Field';

package/src/components/Header/Header.stories.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
@@ -70,8 +70,8 @@ export default {
           3: 'h3',
           4: 'h4',
           5: 'h5',
-          6: 'h6'
-        }
+          6: 'h6',
+        },
       },
       defaultValue: { summary: 2 },
     },
@@ -156,7 +156,6 @@ export const WithoutActions = {
   },
 };
 
-
 export const HeadingLevels = {
   ...Template,
   parameters: {
@@ -172,9 +171,9 @@ export const HeadingLevels = {
     level: {
       control: {
         type: 'select',
-        options: [1, 2, 3, 4, 5, 6]
+        options: [1, 2, 3, 4, 5, 6],
       },
       description: 'Set the heading level',
-    }
-  }
-};
+    },
+  },
+};

package/src/components/Header/Header.tsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import { ComponentChildren, FunctionComponent, VNode, JSX } from 'preact';
@@ -13,7 +13,10 @@ import { classes, VComponent } from '@adobe-commerce/elsie/lib';
 import { Divider } from '@adobe-commerce/elsie/components';
 import '@adobe-commerce/elsie/components/Header/Header.css';
 
-export interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {
+export interface HeaderProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'size'
+> {
   title: string;
   size?: 'medium' | 'large';
   divider?: boolean;
@@ -30,9 +33,10 @@ const Heading = ({
   className?: string;
   children?: ComponentChildren;
 }) => {
-  const HeadingTag = level && level >= 1 && level <= 6
-    ? `h${level}` as keyof JSX.IntrinsicElements
-    : 'span';
+  const HeadingTag =
+    level && level >= 1 && level <= 6
+      ? (`h${level}` as keyof JSX.IntrinsicElements)
+      : 'span';
 
   return <HeadingTag className={className}>{children as any}</HeadingTag>;
 };

package/src/components/Header/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/components/Header/Header';

package/src/components/Icon/Icon.stories.helpers.jsx

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 import * as Icons from '@adobe-commerce/elsie/icons';
@@ -17,5 +17,5 @@ export const IconsList = iconNames.reduce(
     acc[name] = <Icon key={name} source={Icons[name]} size="24" stroke="1" />;
     return acc;
   },
-  { none: null }
+  { none: null },
 );