@adobe-commerce/elsie 1.0.0-alpha1 → 1.0.0-alpha2

package/src/components/ActionButton/ActionButton.stories.tsx

@@ -3,10 +3,10 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   ActionButton as component,
   ActionButtonProps,
-} from '@adobe/elsie/components/ActionButton';
-import { Add } from '@adobe/elsie/icons';
-import { Icon } from '@adobe/elsie/components/Icon';
-import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
+} from '@adobe-commerce/elsie/components/ActionButton';
+import { Add } from '@adobe-commerce/elsie/icons';
+import { Icon } from '@adobe-commerce/elsie/components/Icon';
+import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
 import { expect, within } from '@storybook/test';
 
 /**

package/src/components/ActionButton/ActionButton.tsx

@@ -1,7 +1,7 @@
 import { ComponentChildren, FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { VComponent, classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/ActionButton/ActionButton.css';
+import { VComponent, classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/ActionButton/ActionButton.css';
 
 export interface ActionButtonProps
   extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {

package/src/components/ActionButton/index.ts

@@ -1 +1 @@
-export * from '@adobe/elsie/components/ActionButton/ActionButton';
+export * from '@adobe-commerce/elsie/components/ActionButton/ActionButton';

package/src/components/ActionButtonGroup/ActionButtonGroup.stories.tsx

@@ -4,8 +4,8 @@ import { ActionButton } from '..';
 import {
   ActionButtonGroup as component,
   ActionButtonGroupProps,
-} from '@adobe/elsie/components/ActionButtonGroup';
-import { Cart, Heart, Star } from '@adobe/elsie/icons';
+} from '@adobe-commerce/elsie/components/ActionButtonGroup';
+import { Cart, Heart, Star } from '@adobe-commerce/elsie/icons';
 import { Icon } from '../Icon';
 
 /**
@@ -47,7 +47,7 @@ type Story = StoryObj<ActionButtonGroupProps>;
 
 /**
  * ```ts
- * import { ActionButtonGroup } from '@adobe/elsie/components/ActionButtonGroup';
+ * import { ActionButtonGroup } from '@adobe-commerce/elsie/components/ActionButtonGroup';
  * ```
  */
 

package/src/components/ActionButtonGroup/ActionButtonGroup.tsx

@@ -1,10 +1,10 @@
 import { FunctionComponent, VNode, cloneElement } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/ActionButtonGroup/ActionButtonGroup.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';
 import { useCallback, useState } from 'preact/hooks';
 import { Children } from 'react';
-import { ActionButtonProps } from '@adobe/elsie/components/ActionButton';
+import { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';
 
 export interface ActionButtonGroupOption {
   value: string | null;

package/src/components/ActionButtonGroup/index.ts

@@ -1 +1 @@
-export * from '@adobe/elsie/components/ActionButtonGroup/ActionButtonGroup';
+export * from '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup';

package/src/components/AlertBanner/AlertBanner.stories.tsx

@@ -3,10 +3,10 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   AlertBanner as component,
   AlertBannerProps,
-} from '@adobe/elsie/components/AlertBanner';
+} from '@adobe-commerce/elsie/components/AlertBanner';
 import { action } from '@storybook/addon-actions';
 import { expect } from '@storybook/test';
-import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
+import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
 
 /**
  * Use AlertBanners to notify and prompt users to take action.

package/src/components/AlertBanner/AlertBanner.tsx

@@ -1,10 +1,10 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes, VComponent } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/AlertBanner/AlertBanner.css';
-import { Button, Icon } from '@adobe/elsie/components';
-import { Close } from '@adobe/elsie/icons';
-import { useText } from '@adobe/elsie/i18n';
+import { classes, VComponent } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/AlertBanner/AlertBanner.css';
+import { Button, Icon } from '@adobe-commerce/elsie/components';
+import { Close } from '@adobe-commerce/elsie/icons';
+import { useText } from '@adobe-commerce/elsie/i18n';
 
 export interface AlertBannerProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {

package/src/components/AlertBanner/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/AlertBanner/AlertBanner';
-export { AlertBanner as default } from '@adobe/elsie/components/AlertBanner/AlertBanner';
+export * from '@adobe-commerce/elsie/components/AlertBanner/AlertBanner';
+export { AlertBanner as default } from '@adobe-commerce/elsie/components/AlertBanner/AlertBanner';

package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -3,10 +3,10 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   Breadcrumbs as component,
   BreadcrumbsProps,
-} from '@adobe/elsie/components/Breadcrumbs';
-import { Icon } from '@adobe/elsie/components/Icon';
-import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
-import { ChevronRight, Placeholder } from '@adobe/elsie/icons';
+} from '@adobe-commerce/elsie/components/Breadcrumbs';
+import { Icon } from '@adobe-commerce/elsie/components/Icon';
+import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
+import { ChevronRight, Placeholder } from '@adobe-commerce/elsie/icons';
 import { expect } from '@storybook/test';
 
 const meta: Meta<BreadcrumbsProps> = {
@@ -38,7 +38,7 @@ type Story = StoryObj<BreadcrumbsProps>;
 
 /**
  * ```ts
- * import { Breadcrumbs } from '@adobe/elsie/components/Breadcrumbs';
+ * import { Breadcrumbs } from '@adobe-commerce/elsie/components/Breadcrumbs';
  * ```
  */
 

package/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'preact/compat';
 import { FunctionComponent, VNode } from 'preact';
-import { VComponent, classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/Breadcrumbs/Breadcrumbs.css';
+import { VComponent, classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs.css';
 
 export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
   categories: VNode[];

package/src/components/Breadcrumbs/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/Breadcrumbs/Breadcrumbs';
-export { Breadcrumbs as default } from '@adobe/elsie/components/Breadcrumbs/Breadcrumbs';
+export * from '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs';
+export { Breadcrumbs as default } from '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs';

package/src/components/Button/Button.mdx

@@ -6,7 +6,7 @@ import {
   Story,
   Description,
 } from '@storybook/blocks';
-import { StoryWrapper } from '@adobe/elsie/config/storybook/components/StoryWrapper';
+import { StoryWrapper } from '@adobe-commerce/elsie/config/storybook/components/StoryWrapper';
 import * as ButtonStories from './Button.stories';
 import './Button.css';
 
@@ -20,7 +20,7 @@ Use Buttons to highlight or guide user actions.
 ## Usage
 
 ```jsx
-import { Button } from '@adobe/elsie/components';
+import { Button } from '@adobe-commerce/elsie/components';
 ```
 
 This example uses all the `Button` properties.

package/src/components/Button/Button.stories.tsx

@@ -2,10 +2,10 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   Button as component,
   ButtonProps,
-} from '@adobe/elsie/components/Button';
-import { Cart, Check, Search, SearchFilled } from '@adobe/elsie/icons';
-import { Icon } from '@adobe/elsie/components/Icon';
-import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
+} from '@adobe-commerce/elsie/components/Button';
+import { Cart, Check, Search, SearchFilled } from '@adobe-commerce/elsie/icons';
+import { Icon } from '@adobe-commerce/elsie/components/Icon';
+import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
 import { expect, within } from '@storybook/test';
 import { action } from '@storybook/addon-actions';
 

package/src/components/Button/Button.tsx

@@ -1,7 +1,7 @@
 import { ComponentChildren, FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { VComponent, classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/Button/Button.css';
+import { VComponent, classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/Button/Button.css';
 
 export interface ButtonProps
   extends Omit<

package/src/components/Button/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/Button/Button';
-export { Button as default } from '@adobe/elsie/components/Button/Button';
+export * from '@adobe-commerce/elsie/components/Button/Button';
+export { Button as default } from '@adobe-commerce/elsie/components/Button/Button';

package/src/components/Card/Card.stories.tsx

@@ -1,6 +1,6 @@
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import type { Meta, StoryObj } from '@storybook/preact';
-import { Card, CardProps } from '@adobe/elsie/components/Card';
+import { Card, CardProps } from '@adobe-commerce/elsie/components/Card';
 import { expect, within } from '@storybook/test';
 
 /**
@@ -29,7 +29,7 @@ type Story = StoryObj<CardProps>;
 
 /**
  * ```ts
- * import { Card } from '@adobe/elsie/components/Card';
+ * import { Card } from '@adobe-commerce/elsie/components/Card';
  * ```
  */
 

package/src/components/Card/Card.tsx

@@ -1,7 +1,7 @@
 import { ComponentChildren, FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/Card/Card.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/Card/Card.css';
 
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
   variant?: 'primary' | 'secondary';

package/src/components/Card/index.ts

@@ -1 +1 @@
-export * from '@adobe/elsie/components/Card/Card';
+export * from '@adobe-commerce/elsie/components/Card/Card';

package/src/components/CartItem/CartItem.stories.tsx

@@ -9,8 +9,8 @@ import {
   CartItemProps,
   CartItemSkeleton,
   Icon,
-} from '@adobe/elsie/components';
-import { WarningWithCircle } from '@adobe/elsie/icons';
+} from '@adobe-commerce/elsie/components';
+import { WarningWithCircle } from '@adobe-commerce/elsie/icons';
 
 /**
  * Use CartItems to display a product item in Cart.

package/src/components/CartItem/CartItem.tsx

@@ -1,6 +1,6 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes, useContext } from 'preact/compat';
-import { classes, VComponent } from '@adobe/elsie/lib';
+import { classes, VComponent } from '@adobe-commerce/elsie/lib';
 import {
   Button,
   CartItemSkeleton,
@@ -9,11 +9,11 @@ import {
   UIContext,
   ProgressSpinner,
   Picker,
-} from '@adobe/elsie/components';
-import { useText } from '@adobe/elsie/i18n';
-import { Trash } from '@adobe/elsie/icons';
+} from '@adobe-commerce/elsie/components';
+import { useText } from '@adobe-commerce/elsie/i18n';
+import { Trash } from '@adobe-commerce/elsie/icons';
 
-import '@adobe/elsie/components/CartItem/CartItem.css';
+import '@adobe-commerce/elsie/components/CartItem/CartItem.css';
 
 export interface CartItemProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {

package/src/components/CartItem/CartItemSkeleton.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'preact';
-import { Skeleton, SkeletonRow } from '@adobe/elsie/components';
+import { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';
 
 export const CartItemSkeleton: FunctionComponent = () => {
   return (

package/src/components/CartItem/index.ts

@@ -1,3 +1,3 @@
-export * from '@adobe/elsie/components/CartItem/CartItem';
-export * from '@adobe/elsie/components/CartItem/CartItemSkeleton';
-export { CartItem as default } from '@adobe/elsie/components/CartItem/CartItem';
+export * from '@adobe-commerce/elsie/components/CartItem/CartItem';
+export * from '@adobe-commerce/elsie/components/CartItem/CartItemSkeleton';
+export { CartItem as default } from '@adobe-commerce/elsie/components/CartItem/CartItem';

package/src/components/CartList/CartList.stories.tsx

@@ -6,7 +6,7 @@ import {
   CartItem,
   Image,
   Price,
-} from '@adobe/elsie/components';
+} from '@adobe-commerce/elsie/components';
 
 /**
  * Use CartList to display a list of product items in Cart.

package/src/components/CartList/CartList.tsx

@@ -1,8 +1,8 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes, Children } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
+import { classes } from '@adobe-commerce/elsie/lib';
 
-import '@adobe/elsie/components/CartList/CartList.css';
+import '@adobe-commerce/elsie/components/CartList/CartList.css';
 
 export interface CartListProps extends HTMLAttributes<HTMLDivElement> {}
 

package/src/components/CartList/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/CartList/CartList';
-export { CartList as default } from '@adobe/elsie/components/CartList/CartList';
+export * from '@adobe-commerce/elsie/components/CartList/CartList';
+export { CartList as default } from '@adobe-commerce/elsie/components/CartList/CartList';

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

@@ -1,6 +1,6 @@
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import type { Meta, StoryObj } from '@storybook/preact';
-import { Checkbox, CheckboxProps } from '@adobe/elsie/components/Checkbox';
+import { Checkbox, CheckboxProps } from '@adobe-commerce/elsie/components/Checkbox';
 import { expect, within, userEvent } from '@storybook/test';
 
 /**
@@ -75,7 +75,7 @@ type Story = StoryObj<CheckboxProps>;
  * Import the Checkbox component
  *
  * ```ts
- * import { Checkbox } from '@adobe/elsie/components/Checkbox';
+ * import { Checkbox } from '@adobe-commerce/elsie/components/Checkbox';
  * ```
  */
 

package/src/components/Checkbox/Checkbox.tsx

@@ -1,9 +1,9 @@
 import { FunctionComponent, VNode } from 'preact';
 import { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import { Check } from '@adobe/elsie/icons';
-import { Icon } from '@adobe/elsie/components/Icon';
-import '@adobe/elsie/components/Checkbox/Checkbox.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import { Check } from '@adobe-commerce/elsie/icons';
+import { Icon } from '@adobe-commerce/elsie/components/Icon';
+import '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';
 import { useEffect } from 'preact/hooks';
 
 export interface CheckboxProps

package/src/components/Checkbox/index.ts

@@ -1 +1 @@
-export * from '@adobe/elsie/components/Checkbox/Checkbox';
+export * from '@adobe-commerce/elsie/components/Checkbox/Checkbox';

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

@@ -5,7 +5,7 @@ import { expect, within } from '@storybook/test';
 import {
   ColorSwatch,
   ColorSwatchProps,
-} from '@adobe/elsie/components/ColorSwatch';
+} from '@adobe-commerce/elsie/components/ColorSwatch';
 
 /**
  * Use Color Swatches to display fills — such as colors, gradients, and textures — that can be applied to an object.
@@ -117,7 +117,7 @@ type Story = StoryObj<ColorSwatchProps>;
 
 /**
  * ```ts
- * import { ColorSwatch } from '@adobe/elsie/components/ColorSwatch';
+ * import { ColorSwatch } from '@adobe-commerce/elsie/components/ColorSwatch';
  * ```
  */
 

package/src/components/ColorSwatch/ColorSwatch.tsx

@@ -1,8 +1,8 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes, useCallback } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/ColorSwatch/ColorSwatch.css';
-import { useText } from '@adobe/elsie/i18n';
+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'> {

package/src/components/ColorSwatch/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/ColorSwatch/ColorSwatch';
-export { ColorSwatch as default } from '@adobe/elsie/components/ColorSwatch/ColorSwatch';
+export * from '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch';
+export { ColorSwatch as default } from '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch';

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

@@ -20,7 +20,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   ContentGrid as component,
   ContentGridProps,
-} from '@adobe/elsie/components/ContentGrid/index';
+} from '@adobe-commerce/elsie/components/ContentGrid/index';
 
 /**
  * Used to display a grid of content, such as products or images, with a maximum number of columns.

package/src/components/ContentGrid/ContentGrid.tsx

@@ -17,8 +17,8 @@
 
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/ContentGrid/ContentGrid.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/ContentGrid/ContentGrid.css';
 
 export interface ContentGridProps extends HTMLAttributes<HTMLDivElement> {
   emptyGridContent: VNode;

package/src/components/ContentGrid/index.ts

@@ -15,5 +15,5 @@
  * from Adobe.
  *******************************************************************/
 
-export * from '@adobe/elsie/components/ContentGrid/ContentGrid';
-export { ContentGrid as default } from '@adobe/elsie/components/ContentGrid/ContentGrid';
+export * from '@adobe-commerce/elsie/components/ContentGrid/ContentGrid';
+export { ContentGrid as default } from '@adobe-commerce/elsie/components/ContentGrid/ContentGrid';

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/preact';
-import { Divider, DividerProps } from '@adobe/elsie/components/Divider';
+import { Divider, DividerProps } from '@adobe-commerce/elsie/components/Divider';
 import { expect, within } from '@storybook/test';
 
 /**

package/src/components/Divider/Divider.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/Divider/Divider.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/Divider/Divider.css';
 
 export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
   variant?: 'primary' | 'secondary';

package/src/components/Divider/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/Divider/Divider';
-export { Divider as default } from '@adobe/elsie/components/Divider/Divider'; 
+export * 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

@@ -8,7 +8,7 @@ import {
   Input,
   Incrementer,
   Checkbox,
-} from '@adobe/elsie/components';
+} from '@adobe-commerce/elsie/components';
 import { expect, within, userEvent } from '@storybook/test';
 
 /**
@@ -58,8 +58,8 @@ type Story = StoryObj<FieldProps>;
 
 /**
  * ```ts
- * import { Field } from '@adobe/elsie/components/Field';
- * import { Input } from '@adobe/elsie/components/Input';
+ * import { Field } from '@adobe-commerce/elsie/components/Field';
+ * import { Input } from '@adobe-commerce/elsie/components/Input';
  * ```
  */
 export const InputField: Story = {
@@ -87,8 +87,8 @@ export const InputField: Story = {
 
 /**
  * ```ts
- * import { Field } from '@adobe/elsie/components/Field';
- * import { Incrementer } from '@adobe/elsie/components/Incrementer';
+ * import { Field } from '@adobe-commerce/elsie/components/Field';
+ * import { Incrementer } from '@adobe-commerce/elsie/components/Incrementer';
  * ```
  */
 export const IncrementerField: Story = {
@@ -146,8 +146,8 @@ export const IncrementerField: Story = {
 
 /**
  * ```ts
- * import { Field } from '@adobe/elsie/components/Field';
- * import { Picker } from '@adobe/elsie/components/Picker';
+ * import { Field } from '@adobe-commerce/elsie/components/Field';
+ * import { Picker } from '@adobe-commerce/elsie/components/Picker';
  * ```
  */
 export const PickerField: Story = {
@@ -223,7 +223,7 @@ export const CheckboxField: Story = {
 
 /**
  * ```ts
- * import { Field } from '@adobe/elsie/components/Field';
- * import { TextSwatch } from '@adobe/elsie/components/TextSwatch';
+ * import { Field } from '@adobe-commerce/elsie/components/Field';
+ * import { TextSwatch } from '@adobe-commerce/elsie/components/TextSwatch';
  * ```
  */

package/src/components/Field/Field.tsx

@@ -1,5 +1,5 @@
-import '@adobe/elsie/components/Field/Field.css';
-import { classes } from '@adobe/elsie/lib';
+import '@adobe-commerce/elsie/components/Field/Field.css';
+import { classes } from '@adobe-commerce/elsie/lib';
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
 

package/src/components/Field/index.ts

@@ -1 +1 @@
-export * from '@adobe/elsie/components/Field/Field';
+export * from '@adobe-commerce/elsie/components/Field/Field';

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

@@ -1,7 +1,7 @@
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import type { Meta, StoryObj } from '@storybook/preact';
-import { Header, HeaderProps } from '@adobe/elsie/components/Header';
-import { Button } from '@adobe/elsie/components';
+import { Header, HeaderProps } from '@adobe-commerce/elsie/components/Header';
+import { Button } from '@adobe-commerce/elsie/components';
 import { expect, userEvent, within } from '@storybook/test';
 
 export default {

package/src/components/Header/Header.tsx

@@ -1,8 +1,8 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes, VComponent } from '@adobe/elsie/lib';
-import { Divider } from '@adobe/elsie/components';
-import '@adobe/elsie/components/Header/Header.css';
+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 HTMLAttributes<HTMLDivElement> {
   title: string;

package/src/components/Header/index.ts

@@ -1,2 +1,2 @@
-export * from '@adobe/elsie/components/Header/Header';
-export { Header as default } from '@adobe/elsie/components/Header/Header';
+export * from '@adobe-commerce/elsie/components/Header/Header';
+export { Header as default } from '@adobe-commerce/elsie/components/Header/Header';

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

@@ -1,4 +1,4 @@
-import * as Icons from '@adobe/elsie/icons';
+import * as Icons from '@adobe-commerce/elsie/icons';
 import { Icon } from './Icon';
 
 const iconNames = Object.keys(Icons);

package/src/components/Icon/Icon.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/preact';
-import { Icon, IconProps } from '@adobe/elsie/components/Icon';
-import { Cart } from '@adobe/elsie/icons/index';
-import * as Icons from '@adobe/elsie/icons';
+import { Icon, IconProps } from '@adobe-commerce/elsie/components/Icon';
+import { Cart } from '@adobe-commerce/elsie/icons/index';
+import * as Icons from '@adobe-commerce/elsie/icons';
 
 /**
  * Use Icons as symbols or metaphors to communicate and enhance the user experience.
@@ -38,7 +38,7 @@ type Story = StoryObj<IconProps>;
 
 /**
  * ```ts
- * import { Icon } from '@adobe/elsie/components/Icon';
+ * import { Icon } from '@adobe-commerce/elsie/components/Icon';
  * ```
  */