@aws-amplify/ui-react 3.0.4 → 3.2.1
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/dist/IconWarning-2a211ab8.js +1 -0
- package/dist/esm/PrimitiveCatalog.js +1 -0
- package/dist/esm/components/Authenticator/hooks/useAuthenticator/index.js +1 -1
- package/dist/esm/hooks/useBreakpointValue.js +1 -1
- package/dist/esm/internal.js +1 -1
- package/dist/esm/primitives/Alert/Alert.js +1 -1
- package/dist/esm/primitives/Checkbox/Checkbox.js +1 -1
- package/dist/esm/primitives/CheckboxField/CheckboxField.js +1 -1
- package/dist/esm/primitives/Link/Link.js +1 -1
- package/dist/esm/primitives/Pagination/PaginationItem.js +1 -1
- package/dist/esm/primitives/PasswordField/PasswordField.js +1 -1
- package/dist/esm/primitives/PasswordField/ShowPasswordButton.js +1 -1
- package/dist/esm/primitives/SliderField/SliderField.js +1 -1
- package/dist/esm/primitives/StepperField/StepperField.js +1 -1
- package/dist/esm/primitives/shared/constants.js +1 -1
- package/dist/esm/primitives/shared/responsive/getMediaQueries.js +1 -1
- package/dist/esm/primitives/shared/responsive/utils.js +1 -1
- package/dist/esm/primitives/shared/styleUtils.js +1 -1
- package/dist/esm/primitives/shared/types.js +1 -0
- package/dist/esm/primitives/shared/utils.js +1 -1
- package/dist/esm/primitives/utils/testUtils.js +1 -1
- package/dist/esm/primitives/utils/useLayoutEffect.js +1 -1
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/primitives.json +9 -0
- package/dist/styles.css +75 -67
- package/dist/types/PrimitiveCatalog.d.ts +2 -0
- package/dist/types/internal.d.ts +1 -0
- package/dist/types/primitives/Alert/Alert.d.ts +1 -1
- package/dist/types/primitives/Badge/Badge.d.ts +1 -1
- package/dist/types/primitives/Button/Button.d.ts +1 -1
- package/dist/types/primitives/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/types/primitives/Card/Card.d.ts +1 -1
- package/dist/types/primitives/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/primitives/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/types/primitives/Divider/Divider.d.ts +1 -1
- package/dist/types/primitives/Expander/Expander.d.ts +1 -1
- package/dist/types/primitives/Expander/ExpanderItem.d.ts +1 -1
- package/dist/types/primitives/Field/FieldClearButton.d.ts +1 -1
- package/dist/types/primitives/FieldGroup/FieldGroup.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIcon.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIconButton.d.ts +1 -1
- package/dist/types/primitives/Flex/Flex.d.ts +1 -1
- package/dist/types/primitives/Grid/Grid.d.ts +1 -1
- package/dist/types/primitives/Heading/Heading.d.ts +1 -1
- package/dist/types/primitives/Icon/Icon.d.ts +1 -1
- package/dist/types/primitives/Image/Image.d.ts +1 -1
- package/dist/types/primitives/Input/Input.d.ts +1 -1
- package/dist/types/primitives/Label/Label.d.ts +1 -1
- package/dist/types/primitives/Link/Link.d.ts +1 -1
- package/dist/types/primitives/Loader/Loader.d.ts +1 -1
- package/dist/types/primitives/Menu/Menu.d.ts +1 -1
- package/dist/types/primitives/Menu/MenuButton.d.ts +1 -1
- package/dist/types/primitives/Pagination/Pagination.d.ts +1 -1
- package/dist/types/primitives/PasswordField/PasswordField.d.ts +1 -1
- package/dist/types/primitives/PasswordField/ShowPasswordButton.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/types/primitives/Placeholder/Placeholder.d.ts +1 -1
- package/dist/types/primitives/Radio/Radio.d.ts +1 -1
- package/dist/types/primitives/RadioGroupField/RadioGroupField.d.ts +1 -1
- package/dist/types/primitives/Rating/Rating.d.ts +1 -1
- package/dist/types/primitives/ScrollView/ScrollView.d.ts +1 -1
- package/dist/types/primitives/SearchField/SearchField.d.ts +1 -1
- package/dist/types/primitives/SearchField/SearchFieldButton.d.ts +1 -1
- package/dist/types/primitives/Select/Select.d.ts +1 -1
- package/dist/types/primitives/SelectField/SelectField.d.ts +1 -1
- package/dist/types/primitives/SliderField/SliderField.d.ts +1 -1
- package/dist/types/primitives/StepperField/StepperField.d.ts +1 -1
- package/dist/types/primitives/SwitchField/SwitchField.d.ts +1 -1
- package/dist/types/primitives/Table/Table.d.ts +1 -1
- package/dist/types/primitives/Table/TableBody.d.ts +1 -1
- package/dist/types/primitives/Table/TableCell.d.ts +1 -1
- package/dist/types/primitives/Table/TableFoot.d.ts +1 -1
- package/dist/types/primitives/Table/TableHead.d.ts +1 -1
- package/dist/types/primitives/Table/TableRow.d.ts +1 -1
- package/dist/types/primitives/Tabs/Tabs.d.ts +2 -2
- package/dist/types/primitives/Text/Text.d.ts +1 -1
- package/dist/types/primitives/TextArea/TextArea.d.ts +1 -1
- package/dist/types/primitives/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/types/primitives/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/types/primitives/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/primitives/View/View.d.ts +3 -3
- package/dist/types/primitives/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/dist/types/primitives/shared/constants.d.ts +14 -544
- package/dist/types/primitives/shared/responsive/utils.d.ts +7 -1
- package/dist/types/primitives/shared/styleUtils.d.ts +12 -6
- package/dist/types/primitives/shared/types.d.ts +130 -0
- package/dist/types/primitives/shared/utils.d.ts +13 -12
- package/dist/types/primitives/types/alert.d.ts +5 -0
- package/dist/types/primitives/types/link.d.ts +4 -0
- package/dist/types/primitives/types/passwordField.d.ts +32 -0
- package/dist/types/primitives/types/sliderField.d.ts +6 -0
- package/dist/types/primitives/types/style.d.ts +4 -0
- package/dist/types/primitives/types/theme.d.ts +2 -48
- package/dist/types/primitives/utils/testUtils.d.ts +2 -2
- package/dist/types/types/catalog.d.ts +3 -7
- package/package.json +10 -13
- package/dist/IconWarning-227761f5.js +0 -1
- package/dist/esm/primitives/types/theme.js +0 -1
- package/dist/esm/primitives-catalog.js +0 -27124
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
declare type ComponentNameKey = 'Alert' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
2
|
+
declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
|
|
3
|
+
export declare enum ComponentClassName {
|
|
4
|
+
Alert = "amplify-alert",
|
|
5
|
+
AlertIcon = "amplify-alert__icon",
|
|
6
|
+
AlertHeading = "amplify-alert__heading",
|
|
7
|
+
AlertBody = "amplify-alert__body",
|
|
8
|
+
AlertDismiss = "amplify-alert__dismiss",
|
|
9
|
+
Badge = "amplify-badge",
|
|
10
|
+
Button = "amplify-button",
|
|
11
|
+
ButtonGroup = "amplify-buttongroup",
|
|
12
|
+
ButtonLoaderWrapper = "amplify-button__loader-wrapper",
|
|
13
|
+
Card = "amplify-card",
|
|
14
|
+
Checkbox = "amplify-checkbox",
|
|
15
|
+
CheckboxButton = "amplify-checkbox__button",
|
|
16
|
+
CheckboxIcon = "amplify-checkbox__icon",
|
|
17
|
+
CheckboxInput = "amplify-checkbox__input",
|
|
18
|
+
CheckboxLabel = "amplify-checkbox__label",
|
|
19
|
+
CheckboxField = "amplify-checkboxfield",
|
|
20
|
+
Collection = "amplify-collection",
|
|
21
|
+
CollectionItems = "amplify-collection-items",
|
|
22
|
+
CollectionSearch = "amplify-collection-search",
|
|
23
|
+
CollectionPagination = "amplify-collection-pagination",
|
|
24
|
+
CountryCodeSelect = "amplify-countrycodeselect",
|
|
25
|
+
Divider = "amplify-divider",
|
|
26
|
+
DividerLabel = "amplify-divider--label",
|
|
27
|
+
Expander = "amplify-expander",
|
|
28
|
+
ExpanderContent = "amplify-expander__content",
|
|
29
|
+
ExpanderContentText = "amplify-expander__content__text",
|
|
30
|
+
ExpanderHeader = "amplify-expander__header",
|
|
31
|
+
ExpanderIcon = "amplify-expander__icon",
|
|
32
|
+
ExpanderItem = "amplify-expander__item",
|
|
33
|
+
ExpanderTrigger = "amplify-expander__trigger",
|
|
34
|
+
Field = "amplify-field",
|
|
35
|
+
FieldDescription = "amplify-field__description",
|
|
36
|
+
FieldErrorMessage = "amplify-field__error-message",
|
|
37
|
+
FieldGroup = "amplify-field-group",
|
|
38
|
+
FieldGroupControl = "amplify-field-group__control",
|
|
39
|
+
FieldGroupOuterEnd = "amplify-field-group__outer-end",
|
|
40
|
+
FieldGroupOuterStart = "amplify-field-group__outer-start",
|
|
41
|
+
FieldGroupInnerEnd = "amplify-field-group__inner-end",
|
|
42
|
+
FieldGroupInnerStart = "amplify-field-group__inner-start",
|
|
43
|
+
FieldGroupIcon = "amplify-field-group__icon",
|
|
44
|
+
FieldGroupIconButton = "amplify-field-group__icon-button",
|
|
45
|
+
FieldGroupHasInnerEnd = "amplify-field-group--has-inner-end",
|
|
46
|
+
FieldGroupHasInnerStart = "amplify-field-group--has-inner-start",
|
|
47
|
+
FieldShowPassword = "amplify-field__show-password",
|
|
48
|
+
FieldGroupFieldWrapper = "amplify-field-group__field-wrapper",
|
|
49
|
+
Flex = "amplify-flex",
|
|
50
|
+
Grid = "amplify-grid",
|
|
51
|
+
Heading = "amplify-heading",
|
|
52
|
+
Icon = "amplify-icon",
|
|
53
|
+
Image = "amplify-image",
|
|
54
|
+
Input = "amplify-input",
|
|
55
|
+
Label = "amplify-label",
|
|
56
|
+
Link = "amplify-link",
|
|
57
|
+
Loader = "amplify-loader",
|
|
58
|
+
LoaderDeterminate = "amplify-loader--determinate",
|
|
59
|
+
LoaderPercentageText = "amplify-loader__percentage-text",
|
|
60
|
+
MenuContent = "amplify-menu-content",
|
|
61
|
+
MenuItem = "amplify-menu-content__item",
|
|
62
|
+
MenuTrigger = "amplify-menu-trigger",
|
|
63
|
+
Pagination = "amplify-pagination",
|
|
64
|
+
PaginationItemButton = "amplify-pagination__item-button",
|
|
65
|
+
PaginationItemCurrent = "amplify-pagination__item-current",
|
|
66
|
+
PaginationItemEllipsis = "amplify-pagination__item-ellipsis",
|
|
67
|
+
PasswordField = "amplify-passwordfield",
|
|
68
|
+
PhoneNumberField = "amplify-phonenumberfield",
|
|
69
|
+
Placeholder = "amplify-placeholder",
|
|
70
|
+
Radio = "amplify-radio",
|
|
71
|
+
RadioButton = "amplify-radio__button",
|
|
72
|
+
RadioInput = "amplify-radio__input",
|
|
73
|
+
RadioLabel = "amplify-radio__label",
|
|
74
|
+
RadioGroupField = "amplify-radiogroupfield",
|
|
75
|
+
RadioGroup = "amplify-radiogroup",
|
|
76
|
+
Rating = "amplify-rating",
|
|
77
|
+
ScrollView = "amplify-scrollview",
|
|
78
|
+
SearchField = "amplify-searchfield",
|
|
79
|
+
SearchFieldClear = "amplify-searchfield__clear",
|
|
80
|
+
SearchFieldSearch = "amplify-searchfield__search",
|
|
81
|
+
Select = "amplify-select",
|
|
82
|
+
SelectField = "amplify-selectfield",
|
|
83
|
+
SelectWrapper = "amplify-select__wrapper",
|
|
84
|
+
SelectIconWrapper = "amplify-select__icon-wrapper",
|
|
85
|
+
SliderField = "amplify-sliderfield",
|
|
86
|
+
SliderFieldGroup = "amplify-sliderfield__group",
|
|
87
|
+
SliderFieldLabel = "amplify-sliderfield__label",
|
|
88
|
+
SliderFieldRange = "amplify-sliderfield__range",
|
|
89
|
+
SliderFieldRoot = "amplify-sliderfield__root",
|
|
90
|
+
SliderFieldThumb = "amplify-sliderfield__thumb",
|
|
91
|
+
SliderFieldTrack = "amplify-sliderfield__track",
|
|
92
|
+
StepperField = "amplify-stepperfield",
|
|
93
|
+
StepperFieldButtonDecrease = "amplify-stepperfield__button--decrease",
|
|
94
|
+
StepperFieldButtonIncrease = "amplify-stepperfield__button--increase",
|
|
95
|
+
StepperFieldInput = "amplify-stepperfield__input",
|
|
96
|
+
SwitchField = "amplify-switchfield",
|
|
97
|
+
SwitchLabel = "amplify-switch-label",
|
|
98
|
+
SwitchThumb = "amplify-switch-thumb",
|
|
99
|
+
SwitchTrack = "amplify-switch-track",
|
|
100
|
+
SwitchWrapper = "amplify-switch__wrapper",
|
|
101
|
+
Table = "amplify-table",
|
|
102
|
+
TableCaption = "amplify-table__caption",
|
|
103
|
+
TableBody = "amplify-table__body",
|
|
104
|
+
TableTd = "amplify-table__td",
|
|
105
|
+
TableTh = "amplify-table__th",
|
|
106
|
+
TableFoot = "amplify-table__foot",
|
|
107
|
+
TableHead = "amplify-table__head",
|
|
108
|
+
TableRow = "amplify-table__row",
|
|
109
|
+
Tabs = "amplify-tabs",
|
|
110
|
+
TabItems = "amplify-tabs-item",
|
|
111
|
+
Text = "amplify-text",
|
|
112
|
+
Textarea = "amplify-textarea",
|
|
113
|
+
TextAreaField = "amplify-textareafield",
|
|
114
|
+
TextField = "amplify-textfield",
|
|
115
|
+
ToggleButton = "amplify-togglebutton",
|
|
116
|
+
ToggleButtonGroup = "amplify-togglebuttongroup",
|
|
117
|
+
VisuallyHidden = "amplify-visually-hidden"
|
|
118
|
+
}
|
|
119
|
+
interface ComponentClassNameMetadata {
|
|
120
|
+
className: ComponentClassName;
|
|
121
|
+
components?: ComponentNameKey[];
|
|
122
|
+
description?: string;
|
|
123
|
+
}
|
|
124
|
+
export declare type ComponentClassNameItems = {
|
|
125
|
+
[Name in ComponentClassNameKey]: ComponentClassNameMetadata;
|
|
126
|
+
};
|
|
127
|
+
export declare type ComponentClassNames = {
|
|
128
|
+
[Name in ComponentClassNameKey]: ComponentClassNameMetadata['className'];
|
|
129
|
+
};
|
|
130
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ThemeStylePropKey } from '../types/theme';
|
|
2
|
+
import { ComponentClassName } from './types';
|
|
2
3
|
export declare const strHasLength: (str: unknown) => str is string;
|
|
3
4
|
export declare const isFunction: (fn: unknown) => fn is Function;
|
|
4
5
|
export declare const isEmptyString: (value: unknown) => boolean;
|
|
@@ -18,7 +19,7 @@ export declare const getConsecutiveIntArray: (start: number, end: number) => num
|
|
|
18
19
|
* @param elementHierarchy
|
|
19
20
|
* @returns overrides only for specified element
|
|
20
21
|
*/
|
|
21
|
-
export declare const findChildOverrides: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) =>
|
|
22
|
+
export declare const findChildOverrides: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => EscapeHatchProps | null;
|
|
22
23
|
/**
|
|
23
24
|
* This helper method is used to get the overrides
|
|
24
25
|
* that will be applied to a component
|
|
@@ -27,11 +28,9 @@ export declare const findChildOverrides: (overrides: EscapeHatchProps | null | u
|
|
|
27
28
|
* @param elementHierarchy
|
|
28
29
|
* @returns component overrides
|
|
29
30
|
*/
|
|
30
|
-
export declare const getOverrideProps: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) =>
|
|
31
|
-
[k: string]: string;
|
|
32
|
-
};
|
|
31
|
+
export declare const getOverrideProps: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => EscapeHatchProps | null;
|
|
33
32
|
export declare type EscapeHatchProps = {
|
|
34
|
-
[elementHierarchy: string]: Record<string,
|
|
33
|
+
[elementHierarchy: string]: Record<string, unknown>;
|
|
35
34
|
};
|
|
36
35
|
declare type VariantValues = {
|
|
37
36
|
[key: string]: string;
|
|
@@ -46,9 +45,11 @@ export declare type Variant = {
|
|
|
46
45
|
* @param variants list of style variants to select from
|
|
47
46
|
* @param props variant values to select from the list, may include additional props, to tidy up usage upstream
|
|
48
47
|
*/
|
|
49
|
-
export declare function getOverridesFromVariants(variants: Variant[], props: {
|
|
50
|
-
[key: string]:
|
|
51
|
-
}): {
|
|
48
|
+
export declare function getOverridesFromVariants<T>(variants: Variant[], props: {
|
|
49
|
+
[key: string]: T;
|
|
50
|
+
}): {
|
|
51
|
+
[key: string]: Variant;
|
|
52
|
+
};
|
|
52
53
|
/**
|
|
53
54
|
* This helper method is used to merge
|
|
54
55
|
* variants with overrides
|
|
@@ -66,7 +67,7 @@ declare type Modifiers = string | number | null;
|
|
|
66
67
|
* @param modifier The modifier to add onto the base
|
|
67
68
|
* @returns the modified class name or null
|
|
68
69
|
*/
|
|
69
|
-
export declare const classNameModifier: (base:
|
|
70
|
+
export declare const classNameModifier: (base: ComponentClassName, modifier: Modifiers) => string;
|
|
70
71
|
/**
|
|
71
72
|
* This helper function creates modified class names that are used for our flat BEM styling
|
|
72
73
|
* it takes in a base, modifier, and flag and returns the modified class name if the flag is true and null if the flag is false
|
|
@@ -75,6 +76,6 @@ export declare const classNameModifier: (base: ComponentClasses, modifier: Modif
|
|
|
75
76
|
* @param flag
|
|
76
77
|
* @returns the modified class name or null
|
|
77
78
|
*/
|
|
78
|
-
export declare const classNameModifierByFlag: (base:
|
|
79
|
-
export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey:
|
|
79
|
+
export declare const classNameModifierByFlag: (base: ComponentClassName, modifier: Modifiers, flag: boolean) => string;
|
|
80
|
+
export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey: ThemeStylePropKey, value: Value) => string | Value;
|
|
80
81
|
export {};
|
|
@@ -12,6 +12,11 @@ export interface AlertProps extends FlexProps {
|
|
|
12
12
|
* The isDismissible property will affect whether the user can dismiss (close) the Alert. Defaults to false (not dismissible).
|
|
13
13
|
*/
|
|
14
14
|
isDismissible?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* @description
|
|
17
|
+
* Configures the accessible label for the Alert's dismiss button.
|
|
18
|
+
*/
|
|
19
|
+
dismissButtonLabel?: string;
|
|
15
20
|
/**
|
|
16
21
|
* @description
|
|
17
22
|
* The onDismiss callback will be called when the user dismisses (closes) the Alert.
|
|
@@ -13,6 +13,10 @@ export interface LinkOptions {
|
|
|
13
13
|
*/
|
|
14
14
|
isExternal?: boolean;
|
|
15
15
|
/**
|
|
16
|
+
* @deprecated
|
|
17
|
+
* The Link component's to prop will soon be deprecated.
|
|
18
|
+
* Please see the Amplify UI documentation for using the Link component with routing libraries:
|
|
19
|
+
* https://ui.docs.amplify.aws/react/components/link#routing-libraries
|
|
16
20
|
* @description
|
|
17
21
|
* A string representation of the URL path
|
|
18
22
|
*/
|
|
@@ -8,12 +8,28 @@ export interface PasswordFieldProps extends TextInputFieldProps {
|
|
|
8
8
|
*/
|
|
9
9
|
hideShowPassword?: boolean;
|
|
10
10
|
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
* The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes.
|
|
11
13
|
* @description
|
|
12
14
|
* Set the `aria-label` for hide password button
|
|
13
15
|
* @default
|
|
14
16
|
* "Hide password"
|
|
15
17
|
*/
|
|
16
18
|
hidePasswordButtonLabel?: string;
|
|
19
|
+
/**
|
|
20
|
+
* @description
|
|
21
|
+
* Sets the text read by screen readers when the password is hidden
|
|
22
|
+
* @default
|
|
23
|
+
* "Password is hidden"
|
|
24
|
+
*/
|
|
25
|
+
passwordIsHiddenLabel?: string;
|
|
26
|
+
/**
|
|
27
|
+
* @description
|
|
28
|
+
* Sets the text read by screen readers when the password is shown
|
|
29
|
+
* @default
|
|
30
|
+
* "Password is shown"
|
|
31
|
+
*/
|
|
32
|
+
passwordIsShownLabel?: string;
|
|
17
33
|
/**
|
|
18
34
|
* @description
|
|
19
35
|
* Set the `aria-label` for show password button
|
|
@@ -43,12 +59,28 @@ export interface ShowPasswordButtonProps extends ButtonProps {
|
|
|
43
59
|
*/
|
|
44
60
|
fieldType: PasswordFieldType;
|
|
45
61
|
/**
|
|
62
|
+
* @deprecated
|
|
63
|
+
* The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes.
|
|
46
64
|
* @description
|
|
47
65
|
* Set the `aria-label` for hide password button
|
|
48
66
|
* @default
|
|
49
67
|
* "Hide password"
|
|
50
68
|
*/
|
|
51
69
|
hidePasswordButtonLabel?: string;
|
|
70
|
+
/**
|
|
71
|
+
* @description
|
|
72
|
+
* Sets the text read by screen readers when the password is hidden
|
|
73
|
+
* @default
|
|
74
|
+
* "Password is hidden"
|
|
75
|
+
*/
|
|
76
|
+
passwordIsHiddenLabel?: string;
|
|
77
|
+
/**
|
|
78
|
+
* @description
|
|
79
|
+
* Sets the text read by screen readers when the password is shown
|
|
80
|
+
* @default
|
|
81
|
+
* "Password is shown"
|
|
82
|
+
*/
|
|
83
|
+
passwordIsShownLabel?: string;
|
|
52
84
|
/**
|
|
53
85
|
* @description
|
|
54
86
|
* Set the `aria-label` for show password button
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { StyleToken } from './style';
|
|
3
4
|
import { TextInputFieldProps } from './textField';
|
|
4
5
|
import { ViewProps } from './view';
|
|
@@ -60,6 +61,11 @@ export interface SliderFieldProps extends TextInputFieldProps, ViewProps {
|
|
|
60
61
|
* Sets the SliderField’s initial value on render
|
|
61
62
|
*/
|
|
62
63
|
defaultValue?: number;
|
|
64
|
+
/**
|
|
65
|
+
* @description
|
|
66
|
+
* Use to format how the value gets rendered
|
|
67
|
+
*/
|
|
68
|
+
formatValue?: (value: number) => React.ReactNode;
|
|
63
69
|
/**
|
|
64
70
|
* @description
|
|
65
71
|
* Handles changes to the current value when using the SliderField as a controlled component
|
|
@@ -494,9 +494,13 @@ export declare type ComponentPropToStyleProp = Required<{
|
|
|
494
494
|
[key in keyof AllStyleProps]: keyof React.CSSProperties;
|
|
495
495
|
}>;
|
|
496
496
|
/**
|
|
497
|
+
* @internal May be removed in a future version
|
|
497
498
|
* Maps from component style props to React `style` props
|
|
498
499
|
* Note: Primarily needed to map from component style props that don't match CSS Properties directly
|
|
499
500
|
* such as wrap => flexWrap and direction => flexDirection
|
|
500
501
|
*/
|
|
501
502
|
export declare const ComponentPropsToStylePropsMap: ComponentPropToStyleProp;
|
|
503
|
+
/**
|
|
504
|
+
* @internal May be removed in a future version
|
|
505
|
+
*/
|
|
502
506
|
export declare const ComponentPropsToStylePropsMapKeys: (keyof AllStyleProps)[];
|
|
@@ -33,52 +33,6 @@ export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20'
|
|
|
33
33
|
export declare type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
|
|
34
34
|
export declare type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
|
|
35
35
|
export declare type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
|
|
36
|
-
export declare
|
|
37
|
-
|
|
38
|
-
color: string;
|
|
39
|
-
borderRadius: string;
|
|
40
|
-
fontSize: string;
|
|
41
|
-
fontWeight: string;
|
|
42
|
-
fontFamily: string;
|
|
43
|
-
lineHeight: string;
|
|
44
|
-
opacity: string;
|
|
45
|
-
boxShadow: string;
|
|
46
|
-
transform: string;
|
|
47
|
-
left: string;
|
|
48
|
-
right: string;
|
|
49
|
-
top: string;
|
|
50
|
-
bottom: string;
|
|
51
|
-
height: string;
|
|
52
|
-
width: string;
|
|
53
|
-
letterSpacing: string;
|
|
54
|
-
margin: string;
|
|
55
|
-
marginBlock: string;
|
|
56
|
-
marginBlockEnd: string;
|
|
57
|
-
marginBlockStart: string;
|
|
58
|
-
marginInline: string;
|
|
59
|
-
marginInlineEnd: string;
|
|
60
|
-
marginInlineStart: string;
|
|
61
|
-
marginLeft: string;
|
|
62
|
-
marginRight: string;
|
|
63
|
-
marginTop: string;
|
|
64
|
-
marginBottom: string;
|
|
65
|
-
maxHeight: string;
|
|
66
|
-
maxWidth: string;
|
|
67
|
-
minHeight: string;
|
|
68
|
-
minWidth: string;
|
|
69
|
-
padding: string;
|
|
70
|
-
paddingBlock: string;
|
|
71
|
-
paddingBlockEnd: string;
|
|
72
|
-
paddingBlockStart: string;
|
|
73
|
-
paddingInline: string;
|
|
74
|
-
paddingInlineEnd: string;
|
|
75
|
-
paddingInlineStart: string;
|
|
76
|
-
paddingLeft: string;
|
|
77
|
-
paddingRight: string;
|
|
78
|
-
paddingTop: string;
|
|
79
|
-
paddingBottom: string;
|
|
80
|
-
gap: string;
|
|
81
|
-
columnGap: string;
|
|
82
|
-
rowGap: string;
|
|
83
|
-
};
|
|
36
|
+
export declare type ThemeStylePropKey = 'backgroundColor' | 'borderRadius' | 'bottom' | 'boxShadow' | 'color' | 'columnGap' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'gap' | 'height' | 'left' | 'letterSpacing' | 'lineHeight' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginBottom' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'marginLeft' | 'marginRight' | 'marginTop' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom' | 'right' | 'rowGap' | 'top' | 'transform' | 'width';
|
|
37
|
+
export declare type ThemeTokenKey = 'components' | 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'lineHeights' | 'opacities' | 'outlineOffsets' | 'outlineWidths' | 'radii' | 'shadows' | 'space' | 'time' | 'transforms';
|
|
84
38
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const errorMessageWrapper: (fn: () => void, message: string) => void;
|
|
1
|
+
export declare const getTestId: (testId: string, component: string) => string;
|
|
2
|
+
export declare const errorMessageWrapper: (fn: () => void, message: string) => void | Error;
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
Boolean = "boolean",
|
|
3
|
-
String = "string",
|
|
4
|
-
Number = "number",
|
|
5
|
-
Any = "any"
|
|
6
|
-
}
|
|
1
|
+
export declare type PrimitiveCatalogComponentPropertyType = 'boolean' | 'string' | 'number';
|
|
7
2
|
export declare type PrimitiveCatalogComponentProperty = {
|
|
8
3
|
type: PrimitiveCatalogComponentPropertyType;
|
|
4
|
+
priority?: boolean;
|
|
9
5
|
};
|
|
10
6
|
export declare type PrimitiveCatalogComponentProperties = Record<string, PrimitiveCatalogComponentProperty>;
|
|
11
7
|
export declare type PrimitiveCatalogComponent = {
|
|
12
8
|
properties: PrimitiveCatalogComponentProperties;
|
|
13
9
|
};
|
|
14
|
-
export declare type
|
|
10
|
+
export declare type PrimitiveCatalogType = Record<string, PrimitiveCatalogComponent>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aws-amplify/ui-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -12,10 +12,6 @@
|
|
|
12
12
|
"import": "./dist/esm/internal.js",
|
|
13
13
|
"require": "./dist/internal.js"
|
|
14
14
|
},
|
|
15
|
-
"./internal/primitives-catalog": {
|
|
16
|
-
"import": "./dist/esm/primitives-catalog.js",
|
|
17
|
-
"default": null
|
|
18
|
-
},
|
|
19
15
|
"./legacy": {
|
|
20
16
|
"import": "./dist/esm/legacy.js",
|
|
21
17
|
"require": "./dist/legacy.js"
|
|
@@ -42,9 +38,9 @@
|
|
|
42
38
|
],
|
|
43
39
|
"scripts": {
|
|
44
40
|
"prebuild": "rimraf dist",
|
|
45
|
-
"build": "yarn run build:
|
|
41
|
+
"build": "yarn run build:catalog && yarn run build:ts",
|
|
46
42
|
"build:ts": "rollup --config",
|
|
47
|
-
"build:catalog": "ts
|
|
43
|
+
"build:catalog": "yarn ts scripts/generatePrimitiveCatalog.ts",
|
|
48
44
|
"dev": "tsup --watch",
|
|
49
45
|
"dev:build": "tsup",
|
|
50
46
|
"update:icons": "node scripts/updateIcons.js",
|
|
@@ -56,10 +52,11 @@
|
|
|
56
52
|
"test:watch": "yarn test:unit:watch",
|
|
57
53
|
"test:unit": "jest",
|
|
58
54
|
"test:unit:watch": "jest --watch",
|
|
55
|
+
"ts": "node -r esbuild-register",
|
|
59
56
|
"size": "yarn run size-limit"
|
|
60
57
|
},
|
|
61
58
|
"dependencies": {
|
|
62
|
-
"@aws-amplify/ui": "3.12.
|
|
59
|
+
"@aws-amplify/ui": "3.12.4",
|
|
63
60
|
"@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
|
|
64
61
|
"@radix-ui/react-accordion": "0.1.6",
|
|
65
62
|
"@radix-ui/react-dropdown-menu": "0.1.6",
|
|
@@ -70,8 +67,8 @@
|
|
|
70
67
|
"deepmerge": "4.2.2",
|
|
71
68
|
"lodash": "4.17.21",
|
|
72
69
|
"mapbox-gl": "1.13.1",
|
|
73
|
-
"maplibre-gl": "1.
|
|
74
|
-
"maplibre-gl-js-amplify": "
|
|
70
|
+
"maplibre-gl": "2.1.9",
|
|
71
|
+
"maplibre-gl-js-amplify": "2.0.2",
|
|
75
72
|
"qrcode": "1.5.0",
|
|
76
73
|
"react-generate-context": "1.0.1",
|
|
77
74
|
"react-map-gl": "7.0.15"
|
|
@@ -101,6 +98,7 @@
|
|
|
101
98
|
"@typescript-eslint/eslint-plugin": "^5.20.0",
|
|
102
99
|
"@typescript-eslint/parser": "^5.20.0",
|
|
103
100
|
"degit": "^2.8.4",
|
|
101
|
+
"esbuild-register": "^3.3.3",
|
|
104
102
|
"eslint": "^8.13.0",
|
|
105
103
|
"eslint-config-prettier": "^8.5.0",
|
|
106
104
|
"eslint-plugin-import": "^2.26.0",
|
|
@@ -120,8 +118,7 @@
|
|
|
120
118
|
"rollup-plugin-terser": "^7.0.2",
|
|
121
119
|
"size-limit": "^7.0.8",
|
|
122
120
|
"ts-jest": "^27.0.3",
|
|
123
|
-
"ts-morph": "^12.0.0"
|
|
124
|
-
"ts-node": "^10.2.1"
|
|
121
|
+
"ts-morph": "^12.0.0"
|
|
125
122
|
},
|
|
126
123
|
"sideEffects": [
|
|
127
124
|
"dist/**/*.css"
|
|
@@ -137,7 +134,7 @@
|
|
|
137
134
|
"name": "Geo",
|
|
138
135
|
"path": "dist/esm/index.js",
|
|
139
136
|
"import": "{ MapView, LocationSearch }",
|
|
140
|
-
"limit": "
|
|
137
|
+
"limit": "330 kB"
|
|
141
138
|
}
|
|
142
139
|
]
|
|
143
140
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),i=require("lodash/isObject"),a=require("react/jsx-runtime"),n=require("classnames"),o=require("react"),s=require("@aws-amplify/ui");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var p=l(e),c=l(t),d=l(i),m=l(n),h=r(o);const g=h.createContext({theme:s.createTheme()}),u=e=>d.default(e)&&p.default(e),f=e=>c.default(e)&&p.default(e);function w(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(i[a[n]]=e[a[n]])}return i}const b={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},x=Object.keys(b),y={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},C=e=>"string"==typeof e&&0===e.length,v=e=>null==e||C(e);const N=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>N(e,t))).join(" ");const i=t.split(".");let{tokens:a}=s.defaultTheme;a=a[y[e]];for(let e=0;e<i.length&&a;e++)a=a[i[e]];return s.isDesignToken(a)?`var(--${s.cssNameTransform({path:[y[e],...i]})})`:t},S=(e,t,i,a)=>{if(s.isDesignToken(e))return e.toString();if("object"!=typeof e)return N(a,e);let n={};const o=Object.keys(i).sort(((e,t)=>i[e]-i[t]));return Array.isArray(e)?e.map(((e,t)=>{n[o[t]]=e})):n=e,j(a,n,t,i)},j=(e,t,i,a)=>{if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}const n=Object.keys(a).sort(((e,t)=>a[t]-a[e])),o=n.slice(n.indexOf(i));for(const i of o)if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}return null},F="undefined"==typeof window?h.useEffect:h.useLayoutEffect,T=({breakpoints:e,defaultBreakpoint:t})=>{const i="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,a=h.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,i)=>e[i]-e[t]));return t.map(((i,a)=>{let n="",o=e[i];const s=t[a-1],l=s?e[s]-1:null;return o>=0&&(n=`(min-width: ${o}px)`),null!==l&&(n&&(n+=" and "),n+=`(max-width: ${l}px)`),{breakpoint:i,query:n,maxWidth:l,minWidth:o}}))})({breakpoints:e})),[e]),[n,o]=h.useState(t),s=h.useCallback(((e,t)=>{e&&o(t)}),[o]);return F((()=>{if(!i)return;const e=a.map((({query:e,breakpoint:t})=>{const a=i(e);s(a.matches,t);const n=e=>{e.matches&&o(t)};return a.addEventListener("change",n),()=>a.removeEventListener("change",n)}));return()=>{e.forEach((e=>e()))}}),[e,o,i,a]),h.useDebugValue(n,(e=>e)),n},_=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,k=()=>{const e=h.useContext(g);return _(e)},L=(e,t)=>{const{breakpoints:{values:i,defaultBreakpoint:a}}=k(),n=T({breakpoints:i,defaultBreakpoint:a}),o=(e=>{const{rowSpan:t,columnSpan:i,row:a,column:n}=e,o=w(e,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:s,columnFromSpanValue:l}=h.useMemo((()=>({rowFromSpanValue:I(t),columnFromSpanValue:I(i)})),[t,i]);return Object.assign({row:v(a)?s:a,column:v(n)?l:n},o)})(e);return h.useMemo((()=>B({props:o,style:t,breakpoint:n,breakpoints:i})),[o,t,i,n])},I=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return O(e);if(Array.isArray(e))return e.map((e=>O(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,i])=>{t[e]=O(i)})),t}return null},O=e=>"auto"===e?"auto":`span ${e}`,B=({props:e={},style:t={},breakpoint:i,breakpoints:a})=>{const n={};return Object.keys(e).filter((t=>null!=e[t])).forEach((o=>{if(o in b){if(!C(e[o])){let n=e[o];n=S(n,i,a,o);const s=b[o];t=Object.assign(Object.assign({},t),{[s]:n})}}else n[o]=e[o]})),{propStyles:t,nonStyleProps:n}},E={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},M={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},H=h.forwardRef(((e,t)=>{var{as:i="div",children:a,testId:n,ariaLabel:o,isDisabled:s,style:l}=e,r=w(e,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=L(r,l);return h.createElement(i,Object.assign({"aria-label":o,"data-testid":n,disabled:s,ref:t,style:p},c),a)}));H.displayName="View";const P={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}};let V={};Object.keys(P).map((e=>{V[e]=P[e].className})),Object.freeze(V);exports.AmplifyContext=g,exports.ComponentClassNames=V,exports.ComponentClassObject=P,exports.ComponentPropsToStylePropsMap=b,exports.ComponentPropsToStylePropsMapKeys=x,exports.ComponentText={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},exports.IconAdd=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})}))}))},exports.IconCheck=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})}))}))},exports.IconCheckCircle=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})}))}))},exports.IconChevronLeft=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})}))}))},exports.IconChevronRight=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})}))}))},exports.IconClose=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})}))}))},exports.IconError=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})}))}))},exports.IconExpandMore=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})}))}))},exports.IconInfo=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})}))}))},exports.IconMenu=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})}))}))},exports.IconRemove=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})}))}))},exports.IconSearch=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})}))}))},exports.IconStar=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})}))}))},exports.IconVisibility=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})}))}))},exports.IconVisibilityOff=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})}))}))},exports.IconWarning=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})}))}))},exports.View=H,exports.__awaiter=function(e,t,i,a){return new(i||(i=Promise))((function(n,o){function s(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,l)}r((a=a.apply(e,t||[])).next())}))},exports.__rest=w,exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,i)=>{const a=t[i];return!(!f(e)||!f(a))||(!(!u(e)||!u(a))||e===a)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,i)=>i?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(i,(([e,i])=>({[e.replace(t,"")]:i}))))},exports.getConsecutiveIntArray=(e,t)=>{const i=t-e+1;return Array.from({length:i},((t,i)=>i+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(i)},exports.getOverridesFromVariants=function(e,t){const i=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],a=Object.keys(t).filter((e=>i.includes(e)&&t[e])).reduce(((e,i)=>(e[i]=t[i],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(a).length&&Object.entries(e).every((([e,t])=>a[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.getThemeFromContext=_,exports.getValueAtCurrentBreakpoint=S,exports.isFunction=e=>"function"==typeof e,exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const i=new Set(Object.keys(t)),a=Object.keys(e).filter((e=>i.has(e))),n=Object.fromEntries(a.map((i=>[i,Object.assign(Object.assign({},e[i]),t[i])])));return Object.assign(Object.assign(Object.assign({},e),t),n)},exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((i=>{i in E?t.flexContainerStyleProps[i]=e[i]:i in M?t.baseStyleProps[i]=e[i]:t.rest[i]=e[i]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=T,exports.useStyles=L,exports.useTheme=k;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"};export{a as stylePropsToThemeKeys};
|