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

package/src/components/PriceRange/index.ts

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

package/src/components/ProgressSpinner/ProgressSpinner.stories.tsx

@@ -4,8 +4,8 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import ProgressSpinner, {
   ProgressSpinner as component,
   ProgressSpinnerProps,
-} from '@adobe/elsie/components/ProgressSpinner';
-import { Search } from '@adobe/elsie/icons';
+} from '@adobe-commerce/elsie/components/ProgressSpinner';
+import { Search } from '@adobe-commerce/elsie/icons';
 import { ActionButton, Button, Card, Icon, RadioButton, ImageSwatch } from '..';
 
 /**
@@ -67,7 +67,7 @@ type Story = StoryObj<ProgressSpinnerProps>;
 
 /**
  * ```ts
- * import { ProgressSpinner } from '@adobe/elsie/components/ProgressSpinner';
+ * import { ProgressSpinner } from '@adobe-commerce/elsie/components/ProgressSpinner';
  * ```
  */
 

package/src/components/ProgressSpinner/ProgressSpinner.tsx

@@ -1,9 +1,9 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { useText } from '@adobe/elsie/i18n';
-import { classes } from '@adobe/elsie/lib';
+import { useText } from '@adobe-commerce/elsie/i18n';
+import { classes } from '@adobe-commerce/elsie/lib';
 
-import '@adobe/elsie/components/ProgressSpinner/ProgressSpinner.css';
+import '@adobe-commerce/elsie/components/ProgressSpinner/ProgressSpinner.css';
 
 /**
  * @param size this is the size of the spinner ranging in [12px, 24px, 36px, 48px]

package/src/components/ProgressSpinner/index.ts

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

package/src/components/RadioButton/RadioButton.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   RadioButton,
   RadioButtonProps,
-} from '@adobe/elsie/components/RadioButton';
+} from '@adobe-commerce/elsie/components/RadioButton';
 import { expect, userEvent, within } from '@storybook/test';
 
 /**
@@ -91,7 +91,7 @@ type Story = StoryObj<RadioButtonProps>;
 
 /**
  * ```ts
- * import { RadioButton } from '@adobe/elsie/components/RadioButton';
+ * import { RadioButton } from '@adobe-commerce/elsie/components/RadioButton';
  * ```
  */
 

package/src/components/RadioButton/RadioButton.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/RadioButton/RadioButton.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/RadioButton/RadioButton.css';
 
 export interface RadioButtonProps
   extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {

package/src/components/RadioButton/index.ts

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

package/src/components/Skeleton/Skeleton.stories.tsx

@@ -78,7 +78,7 @@ type Story = StoryObj<SkeletonRowProps & SkeletonProps>;
  * Import the component to use in your components:
  *
  * ```ts
- * import { Skeleton, SkeletonRow } from '@adobe/elsie/components';
+ * import { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';
  * ```
  */
 

package/src/components/Skeleton/Skeleton.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/Skeleton/Skeleton.css';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';
 
 export interface SkeletonRowProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {

package/src/components/Skeleton/index.ts

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

package/src/components/Tag/Tag.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 { Tag, TagProps } from '@adobe/elsie/components';
+import { Tag, TagProps } from '@adobe-commerce/elsie/components';
 import { expect } from '@storybook/test';
 
 /**

package/src/components/Tag/Tag.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent, VNode } from 'preact';
-import { classes } from '@adobe/elsie/lib';
+import { classes } from '@adobe-commerce/elsie/lib';
 import { HTMLAttributes } from 'preact/compat';
-import '@adobe/elsie/components/Tag/Tag.css';
+import '@adobe-commerce/elsie/components/Tag/Tag.css';
 
 export interface TagProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {

package/src/components/Tag/index.ts

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

package/src/components/TextArea/TextArea.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 { TextArea, TextAreaProps } from '@adobe/elsie/components/TextArea';
+import { TextArea, TextAreaProps } from '@adobe-commerce/elsie/components/TextArea';
 import { expect, userEvent, within } from '@storybook/test';
 import { useState, useCallback } from 'preact/hooks';
 

package/src/components/TextArea/TextArea.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'preact';
-import { classes } from '@adobe/elsie/lib';
+import { classes } from '@adobe-commerce/elsie/lib';
 import { HTMLAttributes } from 'preact/compat';
-import '@adobe/elsie/components/TextArea/TextArea.css';
+import '@adobe-commerce/elsie/components/TextArea/TextArea.css';
 import { useRef, useEffect, useId } from 'preact/hooks';
 
 export interface TextAreaProps extends HTMLAttributes<HTMLTextAreaElement> {

package/src/components/TextArea/index.ts

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

package/src/components/TextSwatch/TextSwatch.stories.tsx

@@ -6,7 +6,7 @@ import { expect, userEvent, within } from '@storybook/test';
 import {
   TextSwatch,
   TextSwatchProps,
-} from '@adobe/elsie/components/TextSwatch';
+} from '@adobe-commerce/elsie/components/TextSwatch';
 
 /**
  * Use Text Swatches to display text selections, like sizes or categories.
@@ -102,7 +102,7 @@ type Story = StoryObj<TextSwatchProps>;
 
 /**
  * ```ts
- * import { TextSwatch } from '@adobe/elsie/components/TextSwatch';
+ * import { TextSwatch } from '@adobe-commerce/elsie/components/TextSwatch';
  * ```
  */
 

package/src/components/TextSwatch/TextSwatch.tsx

@@ -6,9 +6,9 @@ import {
   useRef,
   useCallback,
 } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/TextSwatch/TextSwatch.css';
-import { useText } from '@adobe/elsie/i18n';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/TextSwatch/TextSwatch.css';
+import { useText } from '@adobe-commerce/elsie/i18n';
 
 export interface TextSwatchProps
   extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {

package/src/components/TextSwatch/index.ts

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

package/src/components/ToggleButton/ToggleButton.stories.tsx

@@ -3,9 +3,9 @@ import type { Meta, StoryObj } from '@storybook/preact';
 import {
   ToggleButton as component,
   ToggleButtonProps,
-} from '@adobe/elsie/components/ToggleButton';
-import { Card as CardSVG } from '@adobe/elsie/icons';
-import { Card as CardPNG } from '@adobe/elsie/static/assets/images';
+} from '@adobe-commerce/elsie/components/ToggleButton';
+import { Card as CardSVG } from '@adobe-commerce/elsie/icons';
+import { Card as CardPNG } from '@adobe-commerce/elsie/static/assets/images';
 import { expect, within } from '@storybook/test';
 
 /**

package/src/components/ToggleButton/ToggleButton.tsx

@@ -1,8 +1,8 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/ToggleButton/ToggleButton.css';
-import { RadioButton } from '@adobe/elsie/components';
+import { classes } from '@adobe-commerce/elsie/lib';
+import '@adobe-commerce/elsie/components/ToggleButton/ToggleButton.css';
+import { RadioButton } from '@adobe-commerce/elsie/components';
 
 export interface ToggleButtonProps
   extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {

package/src/components/ToggleButton/index.ts

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

package/src/components/UIProvider/UIProvider.tsx

@@ -1,10 +1,10 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes, createContext, useMemo } from 'preact/compat';
-import { deepmerge, Render } from '@adobe/elsie/lib';
-import { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe/elsie/i18n';
+import { deepmerge, Render } from '@adobe-commerce/elsie/lib';
+import { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';
 
-import '@adobe/elsie/components/UIProvider/UIProvider.css';
-import '@adobe/elsie/components/UIProvider/normalize.css';
+import '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';
+import '@adobe-commerce/elsie/components/UIProvider/normalize.css';
 
 export const UIContext = createContext<{
   locale: string;

package/src/components/UIProvider/index.ts

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

package/src/components/index.ts

@@ -1,40 +1,40 @@
-export * from '@adobe/elsie/components/Skeleton';
-export * from '@adobe/elsie/components/UIProvider';
-export * from '@adobe/elsie/components/Incrementer';
-export * from '@adobe/elsie/components/Input';
-export * from '@adobe/elsie/components/InputDate';
-export * from '@adobe/elsie/components/InputPassword';
-export * from '@adobe/elsie/components/TextArea';
-export * from '@adobe/elsie/components/Image';
-export * from '@adobe/elsie/components/Divider';
-export * from '@adobe/elsie/components/Icon';
-export * from '@adobe/elsie/components/Price';
-export * from '@adobe/elsie/components/RadioButton';
-export * from '@adobe/elsie/components/Image';
-export * from '@adobe/elsie/components/Divider';
-export * from '@adobe/elsie/components/Icon';
-export * from '@adobe/elsie/components/Button';
-export * from '@adobe/elsie/components/Picker';
-export * from '@adobe/elsie/components/Field';
-export * from '@adobe/elsie/components/ActionButton';
-export * from '@adobe/elsie/components/ActionButtonGroup';
-export * from '@adobe/elsie/components/Card';
-export * from '@adobe/elsie/components/Checkbox';
-export * from '@adobe/elsie/components/ColorSwatch';
-export * from '@adobe/elsie/components/TextSwatch';
-export * from '@adobe/elsie/components/ProgressSpinner';
-export * from '@adobe/elsie/components/ImageSwatch';
-export * from '@adobe/elsie/components/Accordion';
-export * from '@adobe/elsie/components/InLineAlert';
-export * from '@adobe/elsie/components/Modal';
-export * from '@adobe/elsie/components/CartItem';
-export * from '@adobe/elsie/components/CartList';
-export * from '@adobe/elsie/components/PriceRange';
-export * from '@adobe/elsie/components/Breadcrumbs';
-export * from '@adobe/elsie/components/AlertBanner';
-export * from '@adobe/elsie/components/IllustratedMessage';
-export * from '@adobe/elsie/components/ToggleButton';
-export * from '@adobe/elsie/components/Header';
-export * from '@adobe/elsie/components/Tag';
-export * from '@adobe/elsie/components/ContentGrid';
-export * from '@adobe/elsie/components/Pagination';
+export * from '@adobe-commerce/elsie/components/Skeleton';
+export * from '@adobe-commerce/elsie/components/UIProvider';
+export * from '@adobe-commerce/elsie/components/Incrementer';
+export * from '@adobe-commerce/elsie/components/Input';
+export * from '@adobe-commerce/elsie/components/InputDate';
+export * from '@adobe-commerce/elsie/components/InputPassword';
+export * from '@adobe-commerce/elsie/components/TextArea';
+export * from '@adobe-commerce/elsie/components/Image';
+export * from '@adobe-commerce/elsie/components/Divider';
+export * from '@adobe-commerce/elsie/components/Icon';
+export * from '@adobe-commerce/elsie/components/Price';
+export * from '@adobe-commerce/elsie/components/RadioButton';
+export * from '@adobe-commerce/elsie/components/Image';
+export * from '@adobe-commerce/elsie/components/Divider';
+export * from '@adobe-commerce/elsie/components/Icon';
+export * from '@adobe-commerce/elsie/components/Button';
+export * from '@adobe-commerce/elsie/components/Picker';
+export * from '@adobe-commerce/elsie/components/Field';
+export * from '@adobe-commerce/elsie/components/ActionButton';
+export * from '@adobe-commerce/elsie/components/ActionButtonGroup';
+export * from '@adobe-commerce/elsie/components/Card';
+export * from '@adobe-commerce/elsie/components/Checkbox';
+export * from '@adobe-commerce/elsie/components/ColorSwatch';
+export * from '@adobe-commerce/elsie/components/TextSwatch';
+export * from '@adobe-commerce/elsie/components/ProgressSpinner';
+export * from '@adobe-commerce/elsie/components/ImageSwatch';
+export * from '@adobe-commerce/elsie/components/Accordion';
+export * from '@adobe-commerce/elsie/components/InLineAlert';
+export * from '@adobe-commerce/elsie/components/Modal';
+export * from '@adobe-commerce/elsie/components/CartItem';
+export * from '@adobe-commerce/elsie/components/CartList';
+export * from '@adobe-commerce/elsie/components/PriceRange';
+export * from '@adobe-commerce/elsie/components/Breadcrumbs';
+export * from '@adobe-commerce/elsie/components/AlertBanner';
+export * from '@adobe-commerce/elsie/components/IllustratedMessage';
+export * from '@adobe-commerce/elsie/components/ToggleButton';
+export * from '@adobe-commerce/elsie/components/Header';
+export * from '@adobe-commerce/elsie/components/Tag';
+export * from '@adobe-commerce/elsie/components/ContentGrid';
+export * from '@adobe-commerce/elsie/components/Pagination';

package/src/docs/API/event-bus.mdx

@@ -9,7 +9,7 @@ import { Meta, Unstyled } from '@storybook/blocks';
 
 ```ts
 // from drop-in project (SDK)
-import { events } from '@adobe/elsie/lib';
+import { events } from '@adobe-commerce/elsie/lib';
 
 // from host site
 import { events } from '@dropins/tools/event-bus.js';

package/src/docs/API/graphql.mdx

@@ -87,8 +87,8 @@ First, add the typing to your initializer API in `./src/api/initialize/initializ
 ```ts
 // ./src/api/initialize/initialize.ts
 
-import { Initializer, Model } from '@adobe/elsie/lib';
-import { Lang } from '@adobe/elsie/i18n';
+import { Initializer, Model } from '@adobe-commerce/elsie/lib';
+import { Lang } from '@adobe-commerce/elsie/i18n';
 import { MyModel } from '@/my-dropin/data/models';
 
 type ConfigProps = {
@@ -118,7 +118,7 @@ Then, use the configuration to extend the data transformer the model uses by dee
 
 ```ts
 // ./src/data/transforms/transform-my-model.ts
-import { merge } from '@adobe/elsie/lib';
+import { merge } from '@adobe-commerce/elsie/lib';
 import { MyModel } from '@/my-dropin/data/models';
 
 export function transformMyModel(data: any): MyModel {

package/src/docs/API/initializer.mdx

@@ -8,8 +8,8 @@ import { Meta, Unstyled } from '@storybook/blocks';
 ```typescript
 // my-dropin/initializer.ts
 
-import { Initializer } from '@adobe/elsie/lib';
-// import { events } from '@adobe/event-bus';
+import { Initializer } from '@adobe-commerce/elsie/lib';
+// import { events } from '@adobe-commerce/event-bus';
 
 type ConfigProps = {};
 

package/src/docs/API/render.mdx

@@ -7,14 +7,14 @@ import { Meta, Unstyled } from '@storybook/blocks';
 
 ## Implementing a new render in your dropin
 
-To implement a new render in your dropin, you must create an instance of the `Render` class from the `@adobe/elsie/lib` library, passing in a `Provider` component. 
+To implement a new render in your dropin, you must create an instance of the `Render` class from the `@adobe-commerce/elsie/lib` library, passing in a `Provider` component. 
 This setup initializes the rendering context with the specified provider, which can manage state, context, or other dependencies required by your components. 
 By exporting this `render` instance, you enable different parts of your application to render components within the defined context, ensuring consistent behavior and integration across your application.
 
 ```ts
 // Dropin
 
-import { Render } from '@adobe/elsie/lib';
+import { Render } from '@adobe-commerce/elsie/lib';
 import { Provider } from './Provider';
 
 export const render = new Render(<Provider />);

package/src/docs/Design/colors.mdx

@@ -1,6 +1,6 @@
 import { Meta, Unstyled } from '@storybook/blocks';
 import { Block, DesignSwatchGroup, TokenDefinitions } from './designBlocks';
-import colorsData from '@adobe/storefront-design/base/colors/colors.json';
+import colorsData from '@adobe-commerce/storefront-design/base/colors/colors.json';
 import { getTokenData } from './getTokenData';
 
 export const tokenData = getTokenData(colorsData);

package/src/docs/Design/grid.mdx

@@ -1,8 +1,8 @@
 import { Meta, Unstyled } from '@storybook/blocks';
 import { Block, DesignSwatchGroup, TokenDefinitions } from './designBlocks.jsx';
-import gridData from '@adobe/storefront-design/base/grid/grid.json';
+import gridData from '@adobe-commerce/storefront-design/base/grid/grid.json';
 import { getTokenData } from './getTokenData';
-import { OptionsTable } from '@adobe/elsie/config/storybook/components/OptionsTable';
+import { OptionsTable } from '@adobe-commerce/elsie/config/storybook/components/OptionsTable';
 
 export const tokenData = getTokenData(gridData);
 export const tokenNames = tokenData.map((token) => token.name);

package/src/docs/Design/overview.mdx

@@ -1,11 +1,11 @@
 import { Meta, Unstyled } from '@storybook/blocks';
-import { Flex } from '@adobe/elsie/config/storybook/components/Flex';
-import { Panel } from '@adobe/elsie/config/storybook/components/Panel';
+import { Flex } from '@adobe-commerce/elsie/config/storybook/components/Flex';
+import { Panel } from '@adobe-commerce/elsie/config/storybook/components/Panel';
 
-import colors from '@adobe/elsie/src/docs/assets/Colors.png';
-import spacing from '@adobe/elsie/src/docs/assets/Spacing.png';
-import typography from '@adobe/elsie/src/docs/assets/Typography.png';
-import shapeStyles from '@adobe/elsie/src/docs/assets/ShapeStyles.png';
+import colors from '@adobe-commerce/elsie/src/docs/assets/Colors.png';
+import spacing from '@adobe-commerce/elsie/src/docs/assets/Spacing.png';
+import typography from '@adobe-commerce/elsie/src/docs/assets/Typography.png';
+import shapeStyles from '@adobe-commerce/elsie/src/docs/assets/ShapeStyles.png';
 
 <Meta title="Design/Overview" />
 <Unstyled>

package/src/docs/Design/shapes.mdx

@@ -2,11 +2,11 @@ import { Meta, Unstyled } from '@storybook/blocks';
 
 import { Block, DesignSwatchGroup, TokenDefinitions } from './designBlocks.jsx';
 
-import shapesData from '@adobe/storefront-design/base/shapes/shapes.json';
+import shapesData from '@adobe-commerce/storefront-design/base/shapes/shapes.json';
 import { getTokenData } from './getTokenData';
 
-import { Icon } from '@adobe/elsie/src/components';
-import { Placeholder } from '@adobe/elsie/src/icons';
+import { Icon } from '@adobe-commerce/elsie/src/components';
+import { Placeholder } from '@adobe-commerce/elsie/src/icons';
 
 export const tokenData = getTokenData(shapesData);
 export const tokenNames = tokenData.map((token) => token.name);

package/src/docs/Design/spacing.mdx

@@ -1,6 +1,6 @@
 import { Meta, Unstyled } from '@storybook/blocks';
 import { Block, DesignSwatchGroup, TokenDefinitions } from './designBlocks.jsx';
-import spacingData from '@adobe/storefront-design/base/spacing/spacing.json';
+import spacingData from '@adobe-commerce/storefront-design/base/spacing/spacing.json';
 import { getTokenData } from './getTokenData';
 
 export const tokenData = getTokenData(spacingData);

package/src/docs/Design/typography.mdx

@@ -1,6 +1,6 @@
 import { Meta, Unstyled } from '@storybook/blocks';
 import { Block, TokenDefinitions } from './designBlocks.jsx';
-import typeData from '@adobe/storefront-design/base/typography/typography.json';
+import typeData from '@adobe-commerce/storefront-design/base/typography/typography.json';
 import { getTokenData } from './getTokenData';
 export const tokenData = getTokenData(typeData);
 export const tokenNames = tokenData.map((token) => token.name);

package/src/docs/Utilities/classList.mdx

@@ -19,7 +19,7 @@ Returns a string of space separated entries that can be used for CSS classname a
 ## Examples
 
 ```ts
-import { classes } from '@adobe/elsie/lib';
+import { classes } from '@adobe-commerce/elsie/lib';
 
 type ClassList = Array<string | [string, boolean] | undefined>;
 
@@ -33,7 +33,7 @@ console.log(result); // "class-1 class-2 class-3"
 You can use a `<string,boolean>` array to control whether a class should be included or omitted from the final classes list.
 
 ```ts
-import { classes } from '@adobe/elsie/lib';
+import { classes } from '@adobe-commerce/elsie/lib';
 
 type ClassList = Array<string | [string, boolean] | undefined>;
 

package/src/docs/Utilities/debounce.mdx

@@ -23,7 +23,7 @@ This function can be treated like the original callback, except when called, the
 ## Examples
 
 ```ts
-import { debounce } from '@adobe/elsie/ore/lib';
+import { debounce } from '@adobe-commerce/elsie/ore/lib';
 
 const debouncedLog = debounce(console.log, 500);
 

package/src/docs/Utilities/getFormErrors.mdx

@@ -29,7 +29,7 @@ A JavaScript object containing the form errors
 ```
 
 ```ts
-import { getFormErrors } from '@adobe/elsie/ore/lib';
+import { getFormErrors } from '@adobe-commerce/elsie/ore/lib';
 
 const formElement = container.querySelector('form') as HTMLFormElement;
 

package/src/docs/Utilities/getFormValues.mdx

@@ -26,7 +26,7 @@ A JavaScript object containing the form data
 ```
 
 ```ts
-import { getFormValues } from '@adobe/elsie/ore/lib';
+import { getFormValues } from '@adobe-commerce/elsie/ore/lib';
 
 const formElement = container.querySelector('form') as HTMLFormElement;
 

package/src/docs/components/overview.mdx

@@ -1,6 +1,6 @@
 import { Meta, Unstyled } from '@storybook/blocks';
-import { Flex } from '@adobe/elsie/config/storybook/components/Flex';
-import { Panel } from '@adobe/elsie/config/storybook/components/Panel';
+import { Flex } from '@adobe-commerce/elsie/config/storybook/components/Flex';
+import { Panel } from '@adobe-commerce/elsie/config/storybook/components/Panel';
 import {
   Button,
   ActionButton,
@@ -11,7 +11,7 @@ import {
   Incrementer,
   Input,
   Checkbox,
-} from '@adobe/elsie/src/components';
+} from '@adobe-commerce/elsie/src/components';
 
 <Meta title="Components/Overview" />
 <Unstyled>

package/src/docs/quick-start.mdx

@@ -1,7 +1,7 @@
 import { Meta, Unstyled } from '@storybook/blocks';
-import { Steps } from '@adobe/elsie/config/storybook/components/Steps';
-import { FileTree } from '@adobe/elsie/config/storybook/components/FileTree';
-import { Screenshot } from '@adobe/elsie/config/storybook/components/Screenshot';
+import { Steps } from '@adobe-commerce/elsie/config/storybook/components/Steps';
+import { FileTree } from '@adobe-commerce/elsie/config/storybook/components/FileTree';
+import { Screenshot } from '@adobe-commerce/elsie/config/storybook/components/Screenshot';
 import dropinDevEnv from '../../static/dropin.png';
 
 <Meta title="Quick start" />

package/src/docs/slots.mdx

@@ -62,7 +62,7 @@ This property is useful for cases where the content within the slot is static or
 // MyContainer.tsx (Drop-in)
 
 import { HTMLAttributes } from 'preact/compat';
-import { Container, Slot, SlotProps } from '@adobe/elsie/lib';
+import { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';
 
 export interface MyContainerProps extends HTMLAttributes<HTMLDivElement> {
   slots?: {

package/src/docs/welcome.mdx

@@ -1,8 +1,8 @@
 import { Meta, Unstyled } from '@storybook/blocks';
-import { Flex } from '@adobe/elsie/config/storybook/components/Flex';
-import { Panel } from '@adobe/elsie/config/storybook/components/Panel';
-import { Screenshot } from '@adobe/elsie/config/storybook/components/Screenshot';
-import { Summary } from '@adobe/elsie/config/storybook/components/Summary';
+import { Flex } from '@adobe-commerce/elsie/config/storybook/components/Flex';
+import { Panel } from '@adobe-commerce/elsie/config/storybook/components/Panel';
+import { Screenshot } from '@adobe-commerce/elsie/config/storybook/components/Screenshot';
+import { Summary } from '@adobe-commerce/elsie/config/storybook/components/Summary';
 import banner from './assets/DropinBanner.png';
 
 <Meta title="Welcome" />

package/src/i18n/index.ts

@@ -1,5 +1,5 @@
-import { deepmerge } from '@adobe/elsie/lib';
-import en_US from '@adobe/elsie/i18n/en_US.json';
+import { deepmerge } from '@adobe-commerce/elsie/lib';
+import en_US from '@adobe-commerce/elsie/i18n/en_US.json';
 
 export type Lang = 'en_US';