@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.
- package/.elsie.js +1 -1
- package/bin/builders/generate/component/templates/Component.js +1 -1
- package/bin/builders/generate/component/templates/unit-test.js +1 -1
- package/bin/builders/generate/container/templates/Component.js +1 -1
- package/bin/builders/generate/container/templates/unit-test.js +1 -1
- package/config/eslint.js +8 -8
- package/config/jest.js +3 -3
- package/config/storybook/components/FileTree/index.js +1 -1
- package/config/storybook/components/Flex/index.js +1 -1
- package/config/storybook/components/OptionsTable/index.js +1 -1
- package/config/storybook/components/Panel/index.ts +1 -1
- package/config/storybook/components/Screenshot/index.js +1 -1
- package/config/storybook/components/Steps/index.js +1 -1
- package/config/storybook/components/StoryWrapper/index.js +1 -1
- package/config/storybook/components/Summary/index.js +1 -1
- package/config/storybook/components/Variants/index.js +1 -1
- package/config/vite.mjs +12 -12
- package/dist/recaptcha.js +2 -2
- package/dist/types/elsie/src/components/Icon/Icon.d.ts +1 -1
- package/dist/types/event-bus/src/events-catalog.d.ts +16 -0
- package/dist/types/event-bus/src/index.d.ts +53 -0
- package/dist/types/fetch-graphql/src/index.d.ts +105 -0
- package/dist/types/recaptcha/src/configs/index.d.ts +4 -0
- package/dist/types/recaptcha/src/configs/message.config.d.ts +8 -0
- package/dist/types/recaptcha/src/configs/recaptchaBadgeSelector.config.d.ts +2 -0
- package/dist/types/recaptcha/src/configs/typeForms.config.d.ts +2 -0
- package/dist/types/recaptcha/src/graphql/recaptchaConfig.graphql.d.ts +2 -0
- package/dist/types/recaptcha/src/index.d.ts +42 -0
- package/dist/types/recaptcha/src/lib/_checkRecaptchaBadge.d.ts +2 -0
- package/dist/types/recaptcha/src/lib/_convertKeysToCamelCase.d.ts +6 -0
- package/dist/types/recaptcha/src/lib/_extendConfig.d.ts +4 -0
- package/dist/types/recaptcha/src/lib/_storageConfig.d.ts +6 -0
- package/dist/types/recaptcha/src/lib/index.d.ts +5 -0
- package/dist/types/recaptcha/src/services/recaptcha.service.d.ts +6 -0
- package/package.json +1 -2
- package/src/components/Accordion/Accordion.stories.tsx +3 -3
- package/src/components/Accordion/Accordion.tsx +5 -5
- package/src/components/Accordion/index.ts +2 -2
- package/src/components/ActionButton/ActionButton.stories.tsx +4 -4
- package/src/components/ActionButton/ActionButton.tsx +2 -2
- package/src/components/ActionButton/index.ts +1 -1
- package/src/components/ActionButtonGroup/ActionButtonGroup.stories.tsx +3 -3
- package/src/components/ActionButtonGroup/ActionButtonGroup.tsx +3 -3
- package/src/components/ActionButtonGroup/index.ts +1 -1
- package/src/components/AlertBanner/AlertBanner.stories.tsx +2 -2
- package/src/components/AlertBanner/AlertBanner.tsx +5 -5
- package/src/components/AlertBanner/index.ts +2 -2
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +5 -5
- package/src/components/Breadcrumbs/Breadcrumbs.tsx +2 -2
- package/src/components/Breadcrumbs/index.ts +2 -2
- package/src/components/Button/Button.mdx +2 -2
- package/src/components/Button/Button.stories.tsx +4 -4
- package/src/components/Button/Button.tsx +2 -2
- package/src/components/Button/index.ts +2 -2
- package/src/components/Card/Card.stories.tsx +2 -2
- package/src/components/Card/Card.tsx +2 -2
- package/src/components/Card/index.ts +1 -1
- package/src/components/CartItem/CartItem.stories.tsx +2 -2
- package/src/components/CartItem/CartItem.tsx +5 -5
- package/src/components/CartItem/CartItemSkeleton.tsx +1 -1
- package/src/components/CartItem/index.ts +3 -3
- package/src/components/CartList/CartList.stories.tsx +1 -1
- package/src/components/CartList/CartList.tsx +2 -2
- package/src/components/CartList/index.ts +2 -2
- package/src/components/Checkbox/Checkbox.stories.tsx +2 -2
- package/src/components/Checkbox/Checkbox.tsx +4 -4
- package/src/components/Checkbox/index.ts +1 -1
- package/src/components/ColorSwatch/ColorSwatch.stories.tsx +2 -2
- package/src/components/ColorSwatch/ColorSwatch.tsx +3 -3
- package/src/components/ColorSwatch/index.ts +2 -2
- package/src/components/ContentGrid/ContentGrid.stories.tsx +1 -1
- package/src/components/ContentGrid/ContentGrid.tsx +2 -2
- package/src/components/ContentGrid/index.ts +2 -2
- package/src/components/Divider/Divider.stories.tsx +1 -1
- package/src/components/Divider/Divider.tsx +2 -2
- package/src/components/Divider/index.ts +2 -2
- package/src/components/Field/Field.stories.tsx +9 -9
- package/src/components/Field/Field.tsx +2 -2
- package/src/components/Field/index.ts +1 -1
- package/src/components/Header/Header.stories.tsx +2 -2
- package/src/components/Header/Header.tsx +3 -3
- package/src/components/Header/index.ts +2 -2
- package/src/components/Icon/Icon.stories.helpers.jsx +1 -1
- package/src/components/Icon/Icon.stories.tsx +4 -4
- package/src/components/Icon/Icon.tsx +45 -45
- package/src/components/Icon/index.ts +1 -1
- package/src/components/IllustratedMessage/IllustratedMessage.stories.tsx +4 -4
- package/src/components/IllustratedMessage/IllustratedMessage.tsx +3 -3
- package/src/components/IllustratedMessage/index.ts +2 -2
- package/src/components/Image/Image.stories.tsx +2 -2
- package/src/components/Image/Image.tsx +2 -2
- package/src/components/Image/index.ts +1 -1
- package/src/components/ImageSwatch/ImageSwatch.stories.tsx +2 -2
- package/src/components/ImageSwatch/ImageSwatch.tsx +4 -4
- package/src/components/ImageSwatch/index.ts +2 -2
- package/src/components/InLineAlert/InLineAlert.stories.tsx +4 -4
- package/src/components/InLineAlert/InLineAlert.tsx +5 -5
- package/src/components/InLineAlert/index.ts +2 -2
- package/src/components/Incrementer/Incrementer.stories.tsx +1 -1
- package/src/components/Incrementer/Incrementer.tsx +5 -5
- package/src/components/Incrementer/index.ts +1 -1
- package/src/components/Input/Input.stories.tsx +4 -4
- package/src/components/Input/Input.tsx +4 -4
- package/src/components/Input/index.ts +2 -2
- package/src/components/InputDate/InputDate.stories.tsx +1 -1
- package/src/components/InputDate/InputDate.tsx +5 -5
- package/src/components/InputDate/index.ts +2 -2
- package/src/components/InputPassword/InputPassword.stories.tsx +1 -1
- package/src/components/InputPassword/InputPassword.tsx +5 -5
- package/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx +4 -4
- package/src/components/InputPassword/PasswordStatusIndicator/index.ts +2 -2
- package/src/components/InputPassword/index.ts +2 -2
- package/src/components/Modal/Modal.tsx +4 -4
- package/src/components/Modal/index.ts +1 -1
- package/src/components/Pagination/Pagination.stories.tsx +2 -2
- package/src/components/Pagination/Pagination.tsx +5 -5
- package/src/components/Pagination/index.ts +2 -2
- package/src/components/Picker/Picker.stories.tsx +2 -2
- package/src/components/Picker/Picker.tsx +4 -4
- package/src/components/Picker/index.ts +1 -1
- package/src/components/Price/Price.stories.tsx +2 -2
- package/src/components/Price/Price.tsx +2 -2
- package/src/components/Price/index.ts +1 -1
- package/src/components/PriceRange/PriceRange.stories.tsx +2 -2
- package/src/components/PriceRange/PriceRange.tsx +4 -4
- package/src/components/PriceRange/index.ts +2 -2
- package/src/components/ProgressSpinner/ProgressSpinner.stories.tsx +3 -3
- package/src/components/ProgressSpinner/ProgressSpinner.tsx +3 -3
- package/src/components/ProgressSpinner/index.ts +2 -2
- package/src/components/RadioButton/RadioButton.stories.tsx +2 -2
- package/src/components/RadioButton/RadioButton.tsx +2 -2
- package/src/components/RadioButton/index.ts +2 -2
- package/src/components/Skeleton/Skeleton.stories.tsx +1 -1
- package/src/components/Skeleton/Skeleton.tsx +2 -2
- package/src/components/Skeleton/index.ts +1 -1
- package/src/components/Tag/Tag.stories.tsx +1 -1
- package/src/components/Tag/Tag.tsx +2 -2
- package/src/components/Tag/index.ts +2 -2
- package/src/components/TextArea/TextArea.stories.tsx +1 -1
- package/src/components/TextArea/TextArea.tsx +2 -2
- package/src/components/TextArea/index.ts +2 -2
- package/src/components/TextSwatch/TextSwatch.stories.tsx +2 -2
- package/src/components/TextSwatch/TextSwatch.tsx +3 -3
- package/src/components/TextSwatch/index.ts +2 -2
- package/src/components/ToggleButton/ToggleButton.stories.tsx +3 -3
- package/src/components/ToggleButton/ToggleButton.tsx +3 -3
- package/src/components/ToggleButton/index.ts +2 -2
- package/src/components/UIProvider/UIProvider.tsx +4 -4
- package/src/components/UIProvider/index.ts +1 -1
- package/src/components/index.ts +40 -40
- package/src/docs/API/event-bus.mdx +1 -1
- package/src/docs/API/graphql.mdx +3 -3
- package/src/docs/API/initializer.mdx +2 -2
- package/src/docs/API/render.mdx +2 -2
- package/src/docs/Design/colors.mdx +1 -1
- package/src/docs/Design/grid.mdx +2 -2
- package/src/docs/Design/overview.mdx +6 -6
- package/src/docs/Design/shapes.mdx +3 -3
- package/src/docs/Design/spacing.mdx +1 -1
- package/src/docs/Design/typography.mdx +1 -1
- package/src/docs/Utilities/classList.mdx +2 -2
- package/src/docs/Utilities/debounce.mdx +1 -1
- package/src/docs/Utilities/getFormErrors.mdx +1 -1
- package/src/docs/Utilities/getFormValues.mdx +1 -1
- package/src/docs/components/overview.mdx +3 -3
- package/src/docs/quick-start.mdx +3 -3
- package/src/docs/slots.mdx +1 -1
- package/src/docs/welcome.mdx +4 -4
- package/src/i18n/index.ts +2 -2
- package/src/lib/index.ts +15 -15
- package/src/lib/initializer.ts +1 -1
- package/src/lib/render.tsx +2 -2
- package/src/lib/resolve-image.ts +1 -1
- package/src/lib/slot.tsx +2 -2
- 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'> {
|
|
@@ -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'> {
|