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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/.elsie.js +1 -1
  2. package/bin/builders/generate/component/templates/Component.js +1 -1
  3. package/bin/builders/generate/component/templates/unit-test.js +1 -1
  4. package/bin/builders/generate/container/templates/Component.js +1 -1
  5. package/bin/builders/generate/container/templates/unit-test.js +1 -1
  6. package/config/eslint.js +8 -8
  7. package/config/jest.js +3 -3
  8. package/config/storybook/components/FileTree/index.js +1 -1
  9. package/config/storybook/components/Flex/index.js +1 -1
  10. package/config/storybook/components/OptionsTable/index.js +1 -1
  11. package/config/storybook/components/Panel/index.ts +1 -1
  12. package/config/storybook/components/Screenshot/index.js +1 -1
  13. package/config/storybook/components/Steps/index.js +1 -1
  14. package/config/storybook/components/StoryWrapper/index.js +1 -1
  15. package/config/storybook/components/Summary/index.js +1 -1
  16. package/config/storybook/components/Variants/index.js +1 -1
  17. package/config/vite.mjs +12 -12
  18. package/dist/recaptcha.js +2 -2
  19. package/dist/types/elsie/src/components/Icon/Icon.d.ts +1 -1
  20. package/dist/types/event-bus/src/events-catalog.d.ts +16 -0
  21. package/dist/types/event-bus/src/index.d.ts +53 -0
  22. package/dist/types/fetch-graphql/src/index.d.ts +105 -0
  23. package/dist/types/recaptcha/src/configs/index.d.ts +4 -0
  24. package/dist/types/recaptcha/src/configs/message.config.d.ts +8 -0
  25. package/dist/types/recaptcha/src/configs/recaptchaBadgeSelector.config.d.ts +2 -0
  26. package/dist/types/recaptcha/src/configs/typeForms.config.d.ts +2 -0
  27. package/dist/types/recaptcha/src/graphql/recaptchaConfig.graphql.d.ts +2 -0
  28. package/dist/types/recaptcha/src/index.d.ts +42 -0
  29. package/dist/types/recaptcha/src/lib/_checkRecaptchaBadge.d.ts +2 -0
  30. package/dist/types/recaptcha/src/lib/_convertKeysToCamelCase.d.ts +6 -0
  31. package/dist/types/recaptcha/src/lib/_extendConfig.d.ts +4 -0
  32. package/dist/types/recaptcha/src/lib/_storageConfig.d.ts +6 -0
  33. package/dist/types/recaptcha/src/lib/index.d.ts +5 -0
  34. package/dist/types/recaptcha/src/services/recaptcha.service.d.ts +6 -0
  35. package/package.json +1 -2
  36. package/src/components/Accordion/Accordion.stories.tsx +3 -3
  37. package/src/components/Accordion/Accordion.tsx +5 -5
  38. package/src/components/Accordion/index.ts +2 -2
  39. package/src/components/ActionButton/ActionButton.stories.tsx +4 -4
  40. package/src/components/ActionButton/ActionButton.tsx +2 -2
  41. package/src/components/ActionButton/index.ts +1 -1
  42. package/src/components/ActionButtonGroup/ActionButtonGroup.stories.tsx +3 -3
  43. package/src/components/ActionButtonGroup/ActionButtonGroup.tsx +3 -3
  44. package/src/components/ActionButtonGroup/index.ts +1 -1
  45. package/src/components/AlertBanner/AlertBanner.stories.tsx +2 -2
  46. package/src/components/AlertBanner/AlertBanner.tsx +5 -5
  47. package/src/components/AlertBanner/index.ts +2 -2
  48. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +5 -5
  49. package/src/components/Breadcrumbs/Breadcrumbs.tsx +2 -2
  50. package/src/components/Breadcrumbs/index.ts +2 -2
  51. package/src/components/Button/Button.mdx +2 -2
  52. package/src/components/Button/Button.stories.tsx +4 -4
  53. package/src/components/Button/Button.tsx +2 -2
  54. package/src/components/Button/index.ts +2 -2
  55. package/src/components/Card/Card.stories.tsx +2 -2
  56. package/src/components/Card/Card.tsx +2 -2
  57. package/src/components/Card/index.ts +1 -1
  58. package/src/components/CartItem/CartItem.stories.tsx +2 -2
  59. package/src/components/CartItem/CartItem.tsx +5 -5
  60. package/src/components/CartItem/CartItemSkeleton.tsx +1 -1
  61. package/src/components/CartItem/index.ts +3 -3
  62. package/src/components/CartList/CartList.stories.tsx +1 -1
  63. package/src/components/CartList/CartList.tsx +2 -2
  64. package/src/components/CartList/index.ts +2 -2
  65. package/src/components/Checkbox/Checkbox.stories.tsx +2 -2
  66. package/src/components/Checkbox/Checkbox.tsx +4 -4
  67. package/src/components/Checkbox/index.ts +1 -1
  68. package/src/components/ColorSwatch/ColorSwatch.stories.tsx +2 -2
  69. package/src/components/ColorSwatch/ColorSwatch.tsx +3 -3
  70. package/src/components/ColorSwatch/index.ts +2 -2
  71. package/src/components/ContentGrid/ContentGrid.stories.tsx +1 -1
  72. package/src/components/ContentGrid/ContentGrid.tsx +2 -2
  73. package/src/components/ContentGrid/index.ts +2 -2
  74. package/src/components/Divider/Divider.stories.tsx +1 -1
  75. package/src/components/Divider/Divider.tsx +2 -2
  76. package/src/components/Divider/index.ts +2 -2
  77. package/src/components/Field/Field.stories.tsx +9 -9
  78. package/src/components/Field/Field.tsx +2 -2
  79. package/src/components/Field/index.ts +1 -1
  80. package/src/components/Header/Header.stories.tsx +2 -2
  81. package/src/components/Header/Header.tsx +3 -3
  82. package/src/components/Header/index.ts +2 -2
  83. package/src/components/Icon/Icon.stories.helpers.jsx +1 -1
  84. package/src/components/Icon/Icon.stories.tsx +4 -4
  85. package/src/components/Icon/Icon.tsx +45 -45
  86. package/src/components/Icon/index.ts +1 -1
  87. package/src/components/IllustratedMessage/IllustratedMessage.stories.tsx +4 -4
  88. package/src/components/IllustratedMessage/IllustratedMessage.tsx +3 -3
  89. package/src/components/IllustratedMessage/index.ts +2 -2
  90. package/src/components/Image/Image.stories.tsx +2 -2
  91. package/src/components/Image/Image.tsx +2 -2
  92. package/src/components/Image/index.ts +1 -1
  93. package/src/components/ImageSwatch/ImageSwatch.stories.tsx +2 -2
  94. package/src/components/ImageSwatch/ImageSwatch.tsx +4 -4
  95. package/src/components/ImageSwatch/index.ts +2 -2
  96. package/src/components/InLineAlert/InLineAlert.stories.tsx +4 -4
  97. package/src/components/InLineAlert/InLineAlert.tsx +5 -5
  98. package/src/components/InLineAlert/index.ts +2 -2
  99. package/src/components/Incrementer/Incrementer.stories.tsx +1 -1
  100. package/src/components/Incrementer/Incrementer.tsx +5 -5
  101. package/src/components/Incrementer/index.ts +1 -1
  102. package/src/components/Input/Input.stories.tsx +4 -4
  103. package/src/components/Input/Input.tsx +4 -4
  104. package/src/components/Input/index.ts +2 -2
  105. package/src/components/InputDate/InputDate.stories.tsx +1 -1
  106. package/src/components/InputDate/InputDate.tsx +5 -5
  107. package/src/components/InputDate/index.ts +2 -2
  108. package/src/components/InputPassword/InputPassword.stories.tsx +1 -1
  109. package/src/components/InputPassword/InputPassword.tsx +5 -5
  110. package/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx +4 -4
  111. package/src/components/InputPassword/PasswordStatusIndicator/index.ts +2 -2
  112. package/src/components/InputPassword/index.ts +2 -2
  113. package/src/components/Modal/Modal.tsx +4 -4
  114. package/src/components/Modal/index.ts +1 -1
  115. package/src/components/Pagination/Pagination.stories.tsx +2 -2
  116. package/src/components/Pagination/Pagination.tsx +5 -5
  117. package/src/components/Pagination/index.ts +2 -2
  118. package/src/components/Picker/Picker.stories.tsx +2 -2
  119. package/src/components/Picker/Picker.tsx +4 -4
  120. package/src/components/Picker/index.ts +1 -1
  121. package/src/components/Price/Price.stories.tsx +2 -2
  122. package/src/components/Price/Price.tsx +2 -2
  123. package/src/components/Price/index.ts +1 -1
  124. package/src/components/PriceRange/PriceRange.stories.tsx +2 -2
  125. package/src/components/PriceRange/PriceRange.tsx +4 -4
  126. package/src/components/PriceRange/index.ts +2 -2
  127. package/src/components/ProgressSpinner/ProgressSpinner.stories.tsx +3 -3
  128. package/src/components/ProgressSpinner/ProgressSpinner.tsx +3 -3
  129. package/src/components/ProgressSpinner/index.ts +2 -2
  130. package/src/components/RadioButton/RadioButton.stories.tsx +2 -2
  131. package/src/components/RadioButton/RadioButton.tsx +2 -2
  132. package/src/components/RadioButton/index.ts +2 -2
  133. package/src/components/Skeleton/Skeleton.stories.tsx +1 -1
  134. package/src/components/Skeleton/Skeleton.tsx +2 -2
  135. package/src/components/Skeleton/index.ts +1 -1
  136. package/src/components/Tag/Tag.stories.tsx +1 -1
  137. package/src/components/Tag/Tag.tsx +2 -2
  138. package/src/components/Tag/index.ts +2 -2
  139. package/src/components/TextArea/TextArea.stories.tsx +1 -1
  140. package/src/components/TextArea/TextArea.tsx +2 -2
  141. package/src/components/TextArea/index.ts +2 -2
  142. package/src/components/TextSwatch/TextSwatch.stories.tsx +2 -2
  143. package/src/components/TextSwatch/TextSwatch.tsx +3 -3
  144. package/src/components/TextSwatch/index.ts +2 -2
  145. package/src/components/ToggleButton/ToggleButton.stories.tsx +3 -3
  146. package/src/components/ToggleButton/ToggleButton.tsx +3 -3
  147. package/src/components/ToggleButton/index.ts +2 -2
  148. package/src/components/UIProvider/UIProvider.tsx +4 -4
  149. package/src/components/UIProvider/index.ts +1 -1
  150. package/src/components/index.ts +40 -40
  151. package/src/docs/API/event-bus.mdx +1 -1
  152. package/src/docs/API/graphql.mdx +3 -3
  153. package/src/docs/API/initializer.mdx +2 -2
  154. package/src/docs/API/render.mdx +2 -2
  155. package/src/docs/Design/colors.mdx +1 -1
  156. package/src/docs/Design/grid.mdx +2 -2
  157. package/src/docs/Design/overview.mdx +6 -6
  158. package/src/docs/Design/shapes.mdx +3 -3
  159. package/src/docs/Design/spacing.mdx +1 -1
  160. package/src/docs/Design/typography.mdx +1 -1
  161. package/src/docs/Utilities/classList.mdx +2 -2
  162. package/src/docs/Utilities/debounce.mdx +1 -1
  163. package/src/docs/Utilities/getFormErrors.mdx +1 -1
  164. package/src/docs/Utilities/getFormValues.mdx +1 -1
  165. package/src/docs/components/overview.mdx +3 -3
  166. package/src/docs/quick-start.mdx +3 -3
  167. package/src/docs/slots.mdx +1 -1
  168. package/src/docs/welcome.mdx +4 -4
  169. package/src/i18n/index.ts +2 -2
  170. package/src/lib/index.ts +15 -15
  171. package/src/lib/initializer.ts +1 -1
  172. package/src/lib/render.tsx +2 -2
  173. package/src/lib/resolve-image.ts +1 -1
  174. package/src/lib/slot.tsx +2 -2
  175. package/src/lib/tests.tsx +1 -1
@@ -1,58 +1,58 @@
1
1
  import { FunctionComponent } from 'preact';
2
- import { classes } from '@adobe/elsie/lib/classes';
2
+ import { classes } from '@adobe-commerce/elsie/lib/classes';
3
3
  import { lazy, Suspense, SVGProps } from 'preact/compat';
4
4
 
5
- import '@adobe/elsie/components/Icon/Icon.css';
5
+ import '@adobe-commerce/elsie/components/Icon/Icon.css';
6
6
 
7
- export type IconType = keyof typeof import('@adobe/elsie/icons');
7
+ export type IconType = keyof typeof import('@adobe-commerce/elsie/icons');
8
8
 
9
9
  const lazyIcons = {
10
- Add: lazy(() => import('@adobe/elsie/icons/Add.svg')),
11
- Bulk: lazy(() => import('@adobe/elsie/icons/Bulk.svg')),
12
- Burger: lazy(() => import('@adobe/elsie/icons/Burger.svg')),
13
- Cart: lazy(() => import('@adobe/elsie/icons/Cart.svg')),
14
- Check: lazy(() => import('@adobe/elsie/icons/Check.svg')),
15
- ChevronDown: lazy(() => import('@adobe/elsie/icons/ChevronDown.svg')),
16
- ChevronUp: lazy(() => import('@adobe/elsie/icons/ChevronUp.svg')),
17
- ChevronRight: lazy(() => import('@adobe/elsie/icons/ChevronRight.svg')),
18
- Close: lazy(() => import('@adobe/elsie/icons/Close.svg')),
19
- Heart: lazy(() => import('@adobe/elsie/icons/Heart.svg')),
20
- Minus: lazy(() => import('@adobe/elsie/icons/Minus.svg')),
21
- Placeholder: lazy(() => import('@adobe/elsie/icons/Placeholder.svg')),
10
+ Add: lazy(() => import('@adobe-commerce/elsie/icons/Add.svg')),
11
+ Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),
12
+ Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),
13
+ Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),
14
+ Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),
15
+ ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),
16
+ ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),
17
+ ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),
18
+ Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),
19
+ Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),
20
+ Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),
21
+ Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),
22
22
  PlaceholderFilled: lazy(
23
- () => import('@adobe/elsie/icons/PlaceholderFilled.svg')
23
+ () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')
24
24
  ),
25
- Search: lazy(() => import('@adobe/elsie/icons/Search.svg')),
26
- SearchFilled: lazy(() => import('@adobe/elsie/icons/SearchFilled.svg')),
27
- Sort: lazy(() => import('@adobe/elsie/icons/Sort.svg')),
28
- Star: lazy(() => import('@adobe/elsie/icons/Star.svg')),
29
- View: lazy(() => import('@adobe/elsie/icons/View.svg')),
30
- User: lazy(() => import('@adobe/elsie/icons/User.svg')),
31
- Warning: lazy(() => import('@adobe/elsie/icons/Warning.svg')),
32
- Locker: lazy(() => import('@adobe/elsie/icons/Locker.svg')),
33
- Wallet: lazy(() => import('@adobe/elsie/icons/Wallet.svg')),
34
- Card: lazy(() => import('@adobe/elsie/icons/Card.svg')),
35
- Order: lazy(() => import('@adobe/elsie/icons/Order.svg')),
36
- Delivery: lazy(() => import('@adobe/elsie/icons/Delivery.svg')),
37
- OrderError: lazy(() => import('@adobe/elsie/icons/OrderError.svg')),
38
- OrderSuccess: lazy(() => import('@adobe/elsie/icons/OrderSuccess.svg')),
39
- PaymentError: lazy(() => import('@adobe/elsie/icons/PaymentError.svg')),
40
- CheckWithCircle: lazy(() => import('@adobe/elsie/icons/CheckWithCircle.svg')),
25
+ Search: lazy(() => import('@adobe-commerce/elsie/icons/Search.svg')),
26
+ SearchFilled: lazy(() => import('@adobe-commerce/elsie/icons/SearchFilled.svg')),
27
+ Sort: lazy(() => import('@adobe-commerce/elsie/icons/Sort.svg')),
28
+ Star: lazy(() => import('@adobe-commerce/elsie/icons/Star.svg')),
29
+ View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),
30
+ User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),
31
+ Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),
32
+ Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),
33
+ Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),
34
+ Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),
35
+ Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.svg')),
36
+ Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),
37
+ OrderError: lazy(() => import('@adobe-commerce/elsie/icons/OrderError.svg')),
38
+ OrderSuccess: lazy(() => import('@adobe-commerce/elsie/icons/OrderSuccess.svg')),
39
+ PaymentError: lazy(() => import('@adobe-commerce/elsie/icons/PaymentError.svg')),
40
+ CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),
41
41
  WarningWithCircle: lazy(
42
- () => import('@adobe/elsie/icons/WarningWithCircle.svg')
42
+ () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')
43
43
  ),
44
- WarningFilled: lazy(() => import('@adobe/elsie/icons/WarningFilled.svg')),
45
- InfoFilled: lazy(() => import('@adobe/elsie/icons/InfoFilled.svg')),
46
- HeartFilled: lazy(() => import('@adobe/elsie/icons/HeartFilled.svg')),
47
- Trash: lazy(() => import('@adobe/elsie/icons/Trash.svg')),
48
- Eye: lazy(() => import('@adobe/elsie/icons/Eye.svg')),
49
- EyeClose: lazy(() => import('@adobe/elsie/icons/EyeClose.svg')),
50
- Date: lazy(() => import('@adobe/elsie/icons/Date.svg')),
51
- AddressBook: lazy(() => import('@adobe/elsie/icons/AddressBook.svg')),
52
- EmptyBox: lazy(() => import('@adobe/elsie/icons/EmptyBox.svg')),
53
- Coupon: lazy(() => import('@adobe/elsie/icons/Coupon.svg')),
54
- Gift: lazy(() => import('@adobe/elsie/icons/Gift.svg')),
55
- GiftCard: lazy(() => import('@adobe/elsie/icons/GiftCard.svg')),
44
+ WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),
45
+ InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),
46
+ HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),
47
+ Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),
48
+ Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),
49
+ EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),
50
+ Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),
51
+ AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),
52
+ EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),
53
+ Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),
54
+ Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),
55
+ GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),
56
56
  };
57
57
 
58
58
  export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'size'> {
@@ -1 +1 @@
1
- export * from '@adobe/elsie/components/Icon/Icon';
1
+ export * from '@adobe-commerce/elsie/components/Icon/Icon';
@@ -3,11 +3,11 @@ import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import {
4
4
  IllustratedMessage as component,
5
5
  IllustratedMessageProps,
6
- } from '@adobe/elsie/components/IllustratedMessage';
7
- import { Placeholder } from '@adobe/elsie/icons';
8
- import { Button, Icon } from '@adobe/elsie/components';
6
+ } from '@adobe-commerce/elsie/components/IllustratedMessage';
7
+ import { Placeholder } from '@adobe-commerce/elsie/icons';
8
+ import { Button, Icon } from '@adobe-commerce/elsie/components';
9
9
  import { expect } from '@storybook/test';
10
- import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
10
+ import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
11
11
 
12
12
  /**
13
13
  * Use IllustratedMessages to display an illustration and a message, usually for an empty state or an error page.
@@ -1,8 +1,8 @@
1
1
  import { FunctionComponent, VNode } from 'preact';
2
2
  import { HTMLAttributes, JSX } from 'preact/compat';
3
- import { classes, VComponent } from '@adobe/elsie/lib';
4
- import '@adobe/elsie/components/IllustratedMessage/IllustratedMessage.css';
5
- import { Card } from '@adobe/elsie/components';
3
+ import { classes, VComponent } from '@adobe-commerce/elsie/lib';
4
+ import '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage.css';
5
+ import { Card } from '@adobe-commerce/elsie/components';
6
6
 
7
7
  export interface IllustratedMessageProps
8
8
  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/IllustratedMessage/IllustratedMessage';
2
- export { IllustratedMessage as default } from '@adobe/elsie/components/IllustratedMessage/IllustratedMessage';
1
+ export * from '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage';
2
+ export { IllustratedMessage as default } from '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage';
@@ -1,9 +1,9 @@
1
1
  // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
2
2
  import type { Meta, StoryObj } from '@storybook/preact';
3
- import { Image, ImageProps } from '@adobe/elsie/components/Image';
3
+ import { Image, ImageProps } from '@adobe-commerce/elsie/components/Image';
4
4
  import { expect, waitFor } from '@storybook/test';
5
5
 
6
- import { Image as ExampleImage } from '@adobe/elsie/static/assets/images';
6
+ import { Image as ExampleImage } from '@adobe-commerce/elsie/static/assets/images';
7
7
 
8
8
  const defaultWidth = 384;
9
9
  const defaultHeight = 288;
@@ -4,8 +4,8 @@ import {
4
4
  classes,
5
5
  generateSrcset,
6
6
  ResolveImageUrlOptions,
7
- } from '@adobe/elsie/lib';
8
- import '@adobe/elsie/components/Image/Image.css';
7
+ } from '@adobe-commerce/elsie/lib';
8
+ import '@adobe-commerce/elsie/components/Image/Image.css';
9
9
 
10
10
  export interface ImageProps extends HTMLAttributes<HTMLDivElement> {
11
11
  params?: ResolveImageUrlOptions;
@@ -1 +1 @@
1
- export * from '@adobe/elsie/components/Image/Image';
1
+ export * from '@adobe-commerce/elsie/components/Image/Image';
@@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions';
5
5
  import {
6
6
  ImageSwatch,
7
7
  ImageSwatchProps,
8
- } from '@adobe/elsie/components/ImageSwatch';
8
+ } from '@adobe-commerce/elsie/components/ImageSwatch';
9
9
 
10
10
  const defaultWidth = 200;
11
11
  const defaultHeight = 200;
@@ -116,7 +116,7 @@ type Story = StoryObj<ImageSwatchProps>;
116
116
 
117
117
  /**
118
118
  * ```ts
119
- * import { ImageSwatch } from '@adobe/elsie/components/ImageSwatch';
119
+ * import { ImageSwatch } from '@adobe-commerce/elsie/components/ImageSwatch';
120
120
  * ```
121
121
  */
122
122
 
@@ -1,9 +1,9 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { HTMLAttributes, useCallback } from 'preact/compat';
3
- import { classes } from '@adobe/elsie/lib';
4
- import '@adobe/elsie/components/ImageSwatch/ImageSwatch.css';
5
- import { Image } from '@adobe/elsie/components/Image';
6
- import { useText } from '@adobe/elsie/i18n';
3
+ import { classes } from '@adobe-commerce/elsie/lib';
4
+ import '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch.css';
5
+ import { Image } from '@adobe-commerce/elsie/components/Image';
6
+ import { useText } from '@adobe-commerce/elsie/i18n';
7
7
 
8
8
  export interface ImageSwatchProps
9
9
  extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/ImageSwatch/ImageSwatch';
2
- export { ImageSwatch as default } from '@adobe/elsie/components/ImageSwatch/ImageSwatch';
1
+ export * from '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch';
2
+ export { ImageSwatch as default } from '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch';
@@ -3,10 +3,10 @@ import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import {
4
4
  InLineAlert as component,
5
5
  InLineAlertProps,
6
- } from '@adobe/elsie/components/InLineAlert';
6
+ } from '@adobe-commerce/elsie/components/InLineAlert';
7
7
  import { action } from '@storybook/addon-actions';
8
- import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
9
- import { CartList, Image, Price } from '@adobe/elsie/components';
8
+ import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
9
+ import { CartList, Image, Price } from '@adobe-commerce/elsie/components';
10
10
  import CartItem from '../CartItem';
11
11
 
12
12
  /**
@@ -79,7 +79,7 @@ type Story = StoryObj<InLineAlertProps>;
79
79
 
80
80
  /**
81
81
  * ```ts
82
- * import { InLineAlert } from '@adobe/elsie/components/InLineAlert';
82
+ * import { InLineAlert } from '@adobe-commerce/elsie/components/InLineAlert';
83
83
  * ```
84
84
  * ```tsx
85
85
  * <InLineAlert
@@ -1,11 +1,11 @@
1
- import { Button, Icon } from '@adobe/elsie/components';
2
- import { useText } from '@adobe/elsie/i18n';
3
- import { Close } from '@adobe/elsie/icons';
4
- import { VComponent, classes } from '@adobe/elsie/lib';
1
+ import { Button, Icon } from '@adobe-commerce/elsie/components';
2
+ import { useText } from '@adobe-commerce/elsie/i18n';
3
+ import { Close } from '@adobe-commerce/elsie/icons';
4
+ import { VComponent, classes } from '@adobe-commerce/elsie/lib';
5
5
  import { FunctionComponent, VNode } from 'preact';
6
6
  import { HTMLAttributes } from 'preact/compat';
7
7
 
8
- import '@adobe/elsie/components/InLineAlert/InLineAlert.css';
8
+ import '@adobe-commerce/elsie/components/InLineAlert/InLineAlert.css';
9
9
  export interface InLineAlertProps
10
10
  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
11
11
  variant?: 'primary' | 'secondary';
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/InLineAlert/InLineAlert';
2
- export { InLineAlert as default } from '@adobe/elsie/components/InLineAlert/InLineAlert';
1
+ export * from '@adobe-commerce/elsie/components/InLineAlert/InLineAlert';
2
+ export { InLineAlert as default } from '@adobe-commerce/elsie/components/InLineAlert/InLineAlert';
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import {
4
4
  Incrementer,
5
5
  IncrementerProps,
6
- } from '@adobe/elsie/components/Incrementer';
6
+ } from '@adobe-commerce/elsie/components/Incrementer';
7
7
  import { action } from '@storybook/addon-actions';
8
8
  import { expect, userEvent, within } from '@storybook/test';
9
9
 
@@ -1,11 +1,11 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { useState, useCallback } from 'preact/hooks';
3
3
  import { HTMLAttributes } from 'preact/compat';
4
- import { classes, debounce } from '@adobe/elsie/lib';
5
- import { Add, Minus } from '@adobe/elsie/icons';
6
- import { Icon } from '@adobe/elsie/components/Icon';
7
- import { Localizer, Text } from '@adobe/elsie/i18n';
8
- import '@adobe/elsie/components/Incrementer/Incrementer.css';
4
+ import { classes, debounce } from '@adobe-commerce/elsie/lib';
5
+ import { Add, Minus } from '@adobe-commerce/elsie/icons';
6
+ import { Icon } from '@adobe-commerce/elsie/components/Icon';
7
+ import { Localizer, Text } from '@adobe-commerce/elsie/i18n';
8
+ import '@adobe-commerce/elsie/components/Incrementer/Incrementer.css';
9
9
 
10
10
  export interface IncrementerProps
11
11
  extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {
@@ -1 +1 @@
1
- export * from '@adobe/elsie/components/Incrementer/Incrementer';
1
+ export * from '@adobe-commerce/elsie/components/Incrementer/Incrementer';
@@ -1,11 +1,11 @@
1
1
  // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
2
2
  import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { Input, InputProps } from '@adobe/elsie/components/Input';
5
- import { Cart } from '@adobe/elsie/icons';
6
- import { Icon } from '@adobe/elsie/components/Icon';
4
+ import { Input, InputProps } from '@adobe-commerce/elsie/components/Input';
5
+ import { Cart } from '@adobe-commerce/elsie/icons';
6
+ import { Icon } from '@adobe-commerce/elsie/components/Icon';
7
7
  import { expect, userEvent, within } from '@storybook/test';
8
- import { IconsList } from '@adobe/elsie/components/Icon/Icon.stories.helpers';
8
+ import { IconsList } from '@adobe-commerce/elsie/components/Icon/Icon.stories.helpers';
9
9
 
10
10
  /**
11
11
  * Use Input to let users enter and edit text.
@@ -1,7 +1,7 @@
1
- import { Icon } from '@adobe/elsie/components/Icon';
2
- import '@adobe/elsie/components/Input/Input.css';
3
- import { CheckWithCircle, WarningWithCircle } from '@adobe/elsie/icons';
4
- import { VComponent, classes, debounce } from '@adobe/elsie/lib';
1
+ import { Icon } from '@adobe-commerce/elsie/components/Icon';
2
+ import '@adobe-commerce/elsie/components/Input/Input.css';
3
+ import { CheckWithCircle, WarningWithCircle } from '@adobe-commerce/elsie/icons';
4
+ import { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';
5
5
  import { FunctionComponent, VNode } from 'preact';
6
6
  import { HTMLAttributes } from 'preact/compat';
7
7
  import { useCallback } from 'preact/hooks';
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/Input/Input';
2
- export { Input as default } from '@adobe/elsie/components/Input';
1
+ export * from '@adobe-commerce/elsie/components/Input/Input';
2
+ export { Input as default } from '@adobe-commerce/elsie/components/Input';
@@ -1,6 +1,6 @@
1
1
  // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
2
2
  import type { Meta, StoryObj } from '@storybook/preact';
3
- import { InputDate, InputDateProps } from '@adobe/elsie/components/InputDate';
3
+ import { InputDate, InputDateProps } from '@adobe-commerce/elsie/components/InputDate';
4
4
  import { action } from '@storybook/addon-actions';
5
5
  import { expect, userEvent, within } from '@storybook/test';
6
6
 
@@ -1,12 +1,12 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { useRef, useState } from 'preact/hooks';
3
- import { classes, isIOSMobileDevice } from '@adobe/elsie/lib';
3
+ import { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';
4
4
  import { JSX } from 'preact/compat';
5
- import { Field, Icon, Input, InputProps } from '@adobe/elsie/components';
6
- import { Date } from '@adobe/elsie/icons';
7
- import { useText } from '@adobe/elsie/i18n';
5
+ import { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';
6
+ import { Date } from '@adobe-commerce/elsie/icons';
7
+ import { useText } from '@adobe-commerce/elsie/i18n';
8
8
 
9
- import '@adobe/elsie/components/InputDate/InputDate.css';
9
+ import '@adobe-commerce/elsie/components/InputDate/InputDate.css';
10
10
  import { useCallback } from 'react';
11
11
 
12
12
  export interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/InputDate/InputDate';
2
- export { InputDate as default } from '@adobe/elsie/components/InputDate/InputDate';
1
+ export * from '@adobe-commerce/elsie/components/InputDate/InputDate';
2
+ export { InputDate as default } from '@adobe-commerce/elsie/components/InputDate/InputDate';
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import {
4
4
  InputPassword,
5
5
  InputPasswordProps,
6
- } from '@adobe/elsie/components/InputPassword';
6
+ } from '@adobe-commerce/elsie/components/InputPassword';
7
7
  import { expect, userEvent, within, fn } from '@storybook/test';
8
8
 
9
9
  const meta: Meta<InputPasswordProps> = {
@@ -1,16 +1,16 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { useCallback, useState } from 'preact/hooks';
3
- import { classes } from '@adobe/elsie/lib';
4
- import { Locker, EyeClose, Eye } from '@adobe/elsie/icons';
5
- import { Button, Field, Input, Icon } from '@adobe/elsie/components';
6
- import { useText } from '@adobe/elsie/i18n';
3
+ import { classes } from '@adobe-commerce/elsie/lib';
4
+ import { Locker, EyeClose, Eye } from '@adobe-commerce/elsie/icons';
5
+ import { Button, Field, Input, Icon } from '@adobe-commerce/elsie/components';
6
+ import { useText } from '@adobe-commerce/elsie/i18n';
7
7
  import {
8
8
  PasswordStatusIndicator,
9
9
  PasswordStatusIndicatorProps,
10
10
  } from './PasswordStatusIndicator';
11
11
  import { HTMLAttributes } from 'preact/compat';
12
12
 
13
- import '@adobe/elsie/components/InputPassword/InputPassword.css';
13
+ import '@adobe-commerce/elsie/components/InputPassword/InputPassword.css';
14
14
 
15
15
  export interface InputPasswordProps
16
16
  extends PasswordStatusIndicatorProps,
@@ -1,14 +1,14 @@
1
1
  import { FunctionComponent, JSX } from 'preact';
2
2
  import { HTMLAttributes } from 'preact/compat';
3
- import { classes } from '@adobe/elsie/lib';
4
- import { useText } from '@adobe/elsie/i18n';
3
+ import { classes } from '@adobe-commerce/elsie/lib';
4
+ import { useText } from '@adobe-commerce/elsie/i18n';
5
5
  import {
6
6
  Check,
7
7
  Close as ErrorValidation,
8
8
  Minus as PendingValidation,
9
- } from '@adobe/elsie/icons';
9
+ } from '@adobe-commerce/elsie/icons';
10
10
 
11
- import '@adobe/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';
11
+ import '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';
12
12
 
13
13
  type statusTypes = '' | 'success' | 'error' | 'pending';
14
14
 
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator';
2
- export { PasswordStatusIndicator as default } from '@adobe/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator';
1
+ export * from '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator';
2
+ export { PasswordStatusIndicator as default } from '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator';
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/InputPassword/InputPassword';
2
- export { InputPassword as default } from '@adobe/elsie/components/InputPassword/InputPassword';
1
+ export * from '@adobe-commerce/elsie/components/InputPassword/InputPassword';
2
+ export { InputPassword as default } from '@adobe-commerce/elsie/components/InputPassword/InputPassword';
@@ -12,8 +12,8 @@ is strictly forbidden unless prior written permission is obtained
12
12
  from Adobe.
13
13
  */
14
14
 
15
- import { useText } from '@adobe/elsie/i18n';
16
- import { classes } from '@adobe/elsie/lib';
15
+ import { useText } from '@adobe-commerce/elsie/i18n';
16
+ import { classes } from '@adobe-commerce/elsie/lib';
17
17
  import {
18
18
  FunctionComponent,
19
19
  HTMLAttributes,
@@ -21,10 +21,10 @@ import {
21
21
  useEffect,
22
22
  } from 'preact/compat';
23
23
  import { Button } from '../Button';
24
- import { Close as CloseSVG } from '@adobe/elsie/icons';
24
+ import { Close as CloseSVG } from '@adobe-commerce/elsie/icons';
25
25
  import { VNode } from 'preact';
26
26
 
27
- import '@adobe/elsie/components/Modal/Modal.css';
27
+ import '@adobe-commerce/elsie/components/Modal/Modal.css';
28
28
 
29
29
  export interface ModalProps
30
30
  extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {
@@ -12,4 +12,4 @@ is strictly forbidden unless prior written permission is obtained
12
12
  from Adobe.
13
13
  */
14
14
 
15
- export * from '@adobe/elsie/components/Modal/Modal';
15
+ export * from '@adobe-commerce/elsie/components/Modal/Modal';
@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
4
4
  import {
5
5
  Pagination,
6
6
  PaginationProps,
7
- } from '@adobe/elsie/components/Pagination';
7
+ } from '@adobe-commerce/elsie/components/Pagination';
8
8
  import { expect, userEvent, within } from '@storybook/test';
9
9
  import { useState } from 'preact/hooks';
10
10
 
@@ -40,7 +40,7 @@ type Story = StoryObj<PaginationProps>;
40
40
 
41
41
  /**
42
42
  * ```ts
43
- * import { Pagination } from '@adobe/elsie/components/Pagination';
43
+ * import { Pagination } from '@adobe-commerce/elsie/components/Pagination';
44
44
  * ```
45
45
  */
46
46
 
@@ -1,10 +1,10 @@
1
1
  import { FunctionComponent } from 'preact';
2
- import { classes, isNumber } from '@adobe/elsie/lib';
2
+ import { classes, isNumber } from '@adobe-commerce/elsie/lib';
3
3
  import { useCallback, useMemo } from 'preact/hooks';
4
- import { ChevronDown } from '@adobe/elsie/icons';
5
- import { Icon } from '@adobe/elsie/components/Icon';
6
- import { useText } from '@adobe/elsie/i18n';
7
- import '@adobe/elsie/components/Pagination/Pagination.css';
4
+ import { ChevronDown } from '@adobe-commerce/elsie/icons';
5
+ import { Icon } from '@adobe-commerce/elsie/components/Icon';
6
+ import { useText } from '@adobe-commerce/elsie/i18n';
7
+ import '@adobe-commerce/elsie/components/Pagination/Pagination.css';
8
8
 
9
9
  export interface PaginationProps {
10
10
  className?: string;
@@ -1,2 +1,2 @@
1
- export * from '@adobe/elsie/components/Pagination/Pagination';
2
- export { Pagination as default } from '@adobe/elsie/components/Pagination/Pagination';
1
+ export * from '@adobe-commerce/elsie/components/Pagination/Pagination';
2
+ export { Pagination as default } from '@adobe-commerce/elsie/components/Pagination/Pagination';
@@ -1,8 +1,8 @@
1
1
  // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
2
2
  import type { Meta, StoryObj } from '@storybook/preact';
3
- import { Picker, PickerProps } from '@adobe/elsie/components/Picker';
3
+ import { Picker, PickerProps } from '@adobe-commerce/elsie/components/Picker';
4
4
  import { expect, userEvent, within } from '@storybook/test';
5
- import { Placeholder } from '@adobe/elsie/icons';
5
+ import { Placeholder } from '@adobe-commerce/elsie/icons';
6
6
 
7
7
  /**
8
8
  * Use Pickers to let users select values or items from predefined lists.
@@ -1,7 +1,7 @@
1
- import { Icon } from '@adobe/elsie/components';
2
- import '@adobe/elsie/components/Picker/Picker.css';
3
- import { ChevronDown } from '@adobe/elsie/icons';
4
- import { classes } from '@adobe/elsie/lib';
1
+ import { Icon } from '@adobe-commerce/elsie/components';
2
+ import '@adobe-commerce/elsie/components/Picker/Picker.css';
3
+ import { ChevronDown } from '@adobe-commerce/elsie/icons';
4
+ import { classes } from '@adobe-commerce/elsie/lib';
5
5
  import { FunctionComponent, VNode } from 'preact';
6
6
  import { HTMLAttributes, useEffect, useState } from 'preact/compat';
7
7
 
@@ -1 +1 @@
1
- export * from '@adobe/elsie/components/Picker/Picker';
1
+ export * from '@adobe-commerce/elsie/components/Picker/Picker';
@@ -1,6 +1,6 @@
1
1
  // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
2
2
  import type { Meta, StoryObj } from '@storybook/preact';
3
- import { Price, PriceProps } from '@adobe/elsie/components/Price';
3
+ import { Price, PriceProps } from '@adobe-commerce/elsie/components/Price';
4
4
  import { expect, within } from '@storybook/test';
5
5
 
6
6
  /**
@@ -60,7 +60,7 @@ type Story = StoryObj<PriceProps>;
60
60
 
61
61
  /**
62
62
  * ```ts
63
- * import { Price } from '@adobe/elsie/components/Price';
63
+ * import { Price } from '@adobe-commerce/elsie/components/Price';
64
64
  * ```
65
65
  */
66
66
 
@@ -1,7 +1,7 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { HTMLAttributes, useMemo } from 'preact/compat';
3
- import { classes } from '@adobe/elsie/lib';
4
- import '@adobe/elsie/components/Price/Price.css';
3
+ import { classes } from '@adobe-commerce/elsie/lib';
4
+ import '@adobe-commerce/elsie/components/Price/Price.css';
5
5
 
6
6
  export interface PriceProps
7
7
  extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {
@@ -1 +1 @@
1
- export * from '@adobe/elsie/components/Price/Price';
1
+ export * from '@adobe-commerce/elsie/components/Price/Price';
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/preact';
3
3
  import {
4
4
  PriceRange as component,
5
5
  PriceRangeProps,
6
- } from '@adobe/elsie/components/PriceRange';
6
+ } from '@adobe-commerce/elsie/components/PriceRange';
7
7
 
8
8
  /**
9
9
  * Use PriceRanges to display price range.
@@ -11,7 +11,7 @@ import {
11
11
  * Import the component like this:
12
12
  *
13
13
  * ```tsx
14
- * import { PriceRange } from '@adobe/elsie/components/PriceRange';
14
+ * import { PriceRange } from '@adobe-commerce/elsie/components/PriceRange';
15
15
  * ```
16
16
  *
17
17
  */
@@ -1,9 +1,9 @@
1
1
  import { FunctionComponent } from 'preact';
2
2
  import { HTMLAttributes, useMemo } from 'preact/compat';
3
- import { classes } from '@adobe/elsie/lib';
4
- import '@adobe/elsie/components/PriceRange/PriceRange.css';
5
- import { Price } from '@adobe/elsie/components/Price';
6
- import { useText } from '@adobe/elsie/i18n';
3
+ import { classes } from '@adobe-commerce/elsie/lib';
4
+ import '@adobe-commerce/elsie/components/PriceRange/PriceRange.css';
5
+ import { Price } from '@adobe-commerce/elsie/components/Price';
6
+ import { useText } from '@adobe-commerce/elsie/i18n';
7
7
 
8
8
  export interface PriceRangeProps
9
9
  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {