@salutejs/plasma-new-hope 0.183.0-canary.1530.11628993812.0 → 0.183.1-canary.1535.11680166109.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.css +3 -3
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +3 -3
- package/cjs/components/Autocomplete/Autocomplete.css +6 -6
- package/cjs/components/Autocomplete/Autocomplete.styles.js +1 -1
- package/cjs/components/Autocomplete/{Autocomplete.styles_192fzgs.css → Autocomplete.styles_pv6izw.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_1anhp9c.css +1 -0
- package/cjs/components/Button/Button.css +2 -2
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/variations/_disabled/base.js +1 -1
- package/cjs/components/Button/variations/_disabled/base.js.map +1 -1
- package/{es/components/Button/variations/_disabled/base_1t3ywu.css → cjs/components/Button/variations/_disabled/base_do83p2.css} +1 -1
- package/cjs/components/Button/variations/_view/base.js +1 -1
- package/cjs/components/Button/variations/_view/base.js.map +1 -1
- package/cjs/components/Button/variations/_view/base_jfbpjg.css +1 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +3 -3
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +3 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_16ltv0e.css +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/cjs/components/Drawer/Drawer.css +2 -2
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +2 -2
- package/cjs/components/EmptyState/EmptyState.css +2 -2
- package/cjs/components/IconButton/IconButton.css +3 -3
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/IconButton/IconButton.styles_403on7.css +1 -0
- package/cjs/components/Notification/Notification.css +2 -2
- package/cjs/components/Notification/NotificationsProvider.css +2 -2
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +2 -2
- package/cjs/components/Range/Range.js +4 -7
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/cjs/components/Toast/Toast.css +2 -2
- package/cjs/components/Toast/ToastController.css +2 -2
- package/cjs/index.css +10 -10
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Button/Button.styles.js +10 -10
- package/emotion/cjs/components/Button/variations/_disabled/base.js +1 -1
- package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/emotion/cjs/components/Range/Range.js +4 -7
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +22 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +24 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +24 -0
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Button/Button.styles.js +10 -10
- package/emotion/es/components/Button/variations/_disabled/base.js +1 -1
- package/emotion/es/components/Button/variations/_view/base.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/emotion/es/components/Range/Range.js +4 -7
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +22 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +24 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +24 -0
- package/es/components/Attach/Attach.css +3 -3
- package/es/components/Attach/components/AttachButton/AttachButton.css +3 -3
- package/es/components/Autocomplete/Autocomplete.css +6 -6
- package/es/components/Autocomplete/Autocomplete.styles.js +1 -1
- package/es/components/Autocomplete/{Autocomplete.styles_192fzgs.css → Autocomplete.styles_pv6izw.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_1anhp9c.css +1 -0
- package/es/components/Button/Button.css +2 -2
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/variations/_disabled/base.js +1 -1
- package/es/components/Button/variations/_disabled/base.js.map +1 -1
- package/{cjs/components/Button/variations/_disabled/base_1t3ywu.css → es/components/Button/variations/_disabled/base_do83p2.css} +1 -1
- package/es/components/Button/variations/_view/base.js +1 -1
- package/es/components/Button/variations/_view/base.js.map +1 -1
- package/es/components/Button/variations/_view/base_jfbpjg.css +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.css +3 -3
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_16ltv0e.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/es/components/Drawer/Drawer.css +2 -2
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +2 -2
- package/es/components/EmptyState/EmptyState.css +2 -2
- package/es/components/IconButton/IconButton.css +3 -3
- package/es/components/IconButton/IconButton.styles.js +1 -1
- package/es/components/IconButton/IconButton.styles_403on7.css +1 -0
- package/es/components/Notification/Notification.css +2 -2
- package/es/components/Notification/NotificationsProvider.css +2 -2
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +2 -2
- package/es/components/Range/Range.js +4 -7
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/es/components/Toast/Toast.css +2 -2
- package/es/components/Toast/ToastController.css +2 -2
- package/es/index.css +10 -10
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/styled-components/cjs/components/Range/Range.js +4 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +9 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +22 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +24 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +9 -9
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +24 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +62 -35
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Button/variations/_view/base.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +80 -45
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -0
- package/styled-components/es/components/Range/Range.js +4 -7
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +9 -9
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +22 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +24 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +9 -9
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +24 -0
- package/types/components/Autocomplete/Autocomplete.d.ts +2 -2
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +26 -3
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -2
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +48 -13
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +0 -3
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +0 -4
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +1 -1
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +11 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +492 -0
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +11 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +492 -0
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +0 -3
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_kcgaix.css +0 -1
- package/cjs/components/Button/variations/_view/base_1x0spnh.css +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css +0 -1
- package/cjs/components/IconButton/IconButton.styles_sttslf.css +0 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_kcgaix.css +0 -1
- package/es/components/Button/variations/_view/base_1x0spnh.css +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css +0 -1
- package/es/components/IconButton/IconButton.styles_sttslf.css +0 -1
|
@@ -6,4 +6,4 @@ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
|
|
6
6
|
var TextField = /*#__PURE__*/component(mergedConfig);
|
|
7
7
|
export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
|
|
8
8
|
componentId: "plasma-new-hope__sc-1rp2ggs-0"
|
|
9
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.
|
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.clearColor, autocompleteTokens.textFieldClearColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, autocompleteTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, autocompleteTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, autocompleteTokens.textFieldOptionalColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, autocompleteTokens.textFieldDividerColor, textFieldTokens.dividerColorHover, autocompleteTokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, autocompleteTokens.textFieldDividerColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, autocompleteTokens.textFieldDividerColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, autocompleteTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, autocompleteTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, autocompleteTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, autocompleteTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, autocompleteTokens.textFieldContentSlotRightColorActive, textFieldTokens.indicatorColor, autocompleteTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, autocompleteTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, autocompleteTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, autocompleteTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, autocompleteTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, autocompleteTokens.textFieldClearIndicatorHintInnerRight);
|
|
@@ -42,9 +42,9 @@ export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
|
|
|
42
42
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
|
|
43
43
|
|
|
44
44
|
// INFO: Для возможности переиспользования стилей в других компонентах
|
|
45
|
-
export var baseContent = /*#__PURE__*/"\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.".concat(String(classes.buttonSquare), " {\n width: var(").concat(tokens.buttonHeight, ");\n padding: 0;\n }\n\n color: var(").concat(tokens.buttonColor, ");\n background
|
|
45
|
+
export var baseContent = /*#__PURE__*/"\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.".concat(String(classes.buttonSquare), " {\n width: var(").concat(tokens.buttonHeight, ");\n padding: 0;\n }\n\n color: var(").concat(tokens.buttonColor, ");\n background: var(").concat(tokens.buttonBackgroundColor, ");\n\n :hover {\n color: var(").concat(tokens.buttonColorHover, ", var(").concat(tokens.buttonColor, "));\n background: var(").concat(tokens.buttonBackgroundColorHover, ", var(").concat(tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(tokens.buttonScaleHover, ");\n }\n\n :active {\n color: var(").concat(tokens.buttonColorActive, ", var(").concat(tokens.buttonColor, "));\n background: var(").concat(tokens.buttonBackgroundColorActive, ", var(").concat(tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(tokens.buttonScaleActive, ");\n }\n\n height: var(").concat(tokens.buttonHeight, ");\n width: var(").concat(tokens.buttonWidth, ");\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(").concat(tokens.buttonPadding, ", calc(var(").concat(tokens.buttonHeight, ") * 1.618 / 4));\n\n font-family: var(").concat(tokens.buttonFontFamily, ");\n font-size: var(").concat(tokens.buttonFontSize, ");\n font-style: var(").concat(tokens.buttonFontStyle, ");\n font-weight: var(").concat(tokens.buttonFontWeight, ");\n letter-spacing: var(").concat(tokens.buttonLetterSpacing, ");\n line-height: var(").concat(tokens.buttonLineHeight, ");\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ").concat(addFocus({
|
|
46
46
|
outlineOffset: '-0.125rem',
|
|
47
47
|
outlineSize: 'var(--plasma_private-btn-outline-size)',
|
|
48
48
|
outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',
|
|
49
49
|
outlineColor: "var(".concat(tokens.buttonFocusColor, ")")
|
|
50
|
-
}), "\n\n &[disabled] {\n opacity: var(").concat(tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(tokens.buttonColor, ");\n background
|
|
50
|
+
}), "\n\n &[disabled] {\n opacity: var(").concat(tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(tokens.buttonColor, ");\n background: var(").concat(tokens.buttonBackgroundColor, ");\n }\n }\n\n &.").concat(classes.fixedStretching, " {\n width: var(").concat(tokens.buttonWidth, ");\n }\n &.").concat(classes.filledStretching, " {\n width: 100%;\n }\n &.").concat(classes.autoStretching, " {\n width: fit-content;\n }\n");
|
|
@@ -7,4 +7,4 @@ import { tokens } from '../../Button.tokens';
|
|
|
7
7
|
/* because some projects don't need disabled */
|
|
8
8
|
/* so we don't want to keep `:not(:disabled)` inside _view */
|
|
9
9
|
|
|
10
|
-
export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background
|
|
10
|
+
export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background:var(", ");}}"], tokens.buttonDisabledOpacity, tokens.buttonColor, tokens.buttonBackgroundColor);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
2
|
import { tokens, classes } from '../../Button.tokens';
|
|
3
|
-
export var base = /*#__PURE__*/css(["color:var(", ");background
|
|
3
|
+
export var base = /*#__PURE__*/css(["color:var(", ");background:var(", ");&.", "{background:var(", ");}:hover{color:var(", ",var(", "));background:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background:var(", ",var(", "));scale:var(", ");}"], tokens.buttonColor, tokens.buttonBackgroundColor, classes.buttonLoading, tokens.buttonLoadingBackgroundColor, tokens.buttonColorHover, tokens.buttonColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColor, tokens.buttonScaleHover, tokens.buttonColorActive, tokens.buttonColor, tokens.buttonBackgroundColorActive, tokens.buttonBackgroundColor, tokens.buttonScaleActive);
|
|
4
4
|
|
|
5
5
|
// TODO: #715 background-image: gradients
|
|
6
6
|
|
|
@@ -54,7 +54,7 @@ export var tokens = {
|
|
|
54
54
|
targetHeight: '--plasma-combobox-target-height',
|
|
55
55
|
// Токены для TextField
|
|
56
56
|
textFieldColor: '--plasma-combobox-new-textfield-color',
|
|
57
|
-
|
|
57
|
+
textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',
|
|
58
58
|
textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',
|
|
59
59
|
textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',
|
|
60
60
|
textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',
|
|
@@ -64,74 +64,95 @@ export var tokens = {
|
|
|
64
64
|
textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',
|
|
65
65
|
textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',
|
|
66
66
|
textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',
|
|
67
|
-
textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-
|
|
67
|
+
textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',
|
|
68
68
|
textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',
|
|
69
69
|
textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',
|
|
70
|
+
textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',
|
|
71
|
+
textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',
|
|
72
|
+
textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',
|
|
73
|
+
textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',
|
|
70
74
|
textFieldHeight: '--plasma-combobox-new-textfield-height',
|
|
71
75
|
textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',
|
|
72
76
|
textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',
|
|
73
77
|
textFieldPadding: '--plasma-combobox-new-textfield-padding',
|
|
74
78
|
textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',
|
|
75
|
-
textFieldLeftContentMargin: '--plasma-combobox-new-
|
|
76
|
-
textFieldRightContentMargin: '--plasma-combobox-new-
|
|
79
|
+
textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',
|
|
80
|
+
textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',
|
|
77
81
|
textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',
|
|
78
82
|
textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',
|
|
79
83
|
textFieldFontSize: '--plasma-combobox-new-textfield-font-size',
|
|
80
84
|
textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',
|
|
81
85
|
textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',
|
|
82
86
|
textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',
|
|
87
|
+
textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',
|
|
88
|
+
textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',
|
|
89
|
+
textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',
|
|
90
|
+
textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',
|
|
91
|
+
textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',
|
|
92
|
+
textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',
|
|
83
93
|
textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
|
|
84
|
-
textFieldLabelColorReadOnly: '--plasma-combobox-new-
|
|
85
|
-
textFieldLabelOffset: '--plasma-combobox-new-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
94
|
+
textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',
|
|
95
|
+
textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',
|
|
96
|
+
textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',
|
|
97
|
+
textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',
|
|
98
|
+
textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',
|
|
99
|
+
textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',
|
|
100
|
+
textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',
|
|
101
|
+
textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',
|
|
102
|
+
textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',
|
|
103
|
+
textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',
|
|
104
|
+
textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',
|
|
105
|
+
textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',
|
|
106
|
+
textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',
|
|
107
|
+
textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',
|
|
108
|
+
textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',
|
|
109
|
+
textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',
|
|
110
|
+
textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',
|
|
111
|
+
textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',
|
|
112
|
+
textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',
|
|
113
|
+
textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',
|
|
114
|
+
textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',
|
|
115
|
+
textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',
|
|
116
|
+
textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',
|
|
117
|
+
textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',
|
|
118
|
+
textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',
|
|
119
|
+
textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',
|
|
120
|
+
textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',
|
|
121
|
+
textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',
|
|
122
|
+
textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',
|
|
123
|
+
textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',
|
|
124
|
+
textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',
|
|
125
|
+
textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',
|
|
126
|
+
textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',
|
|
127
|
+
textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',
|
|
128
|
+
textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',
|
|
129
|
+
textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',
|
|
130
|
+
textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',
|
|
131
|
+
textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',
|
|
132
|
+
textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',
|
|
113
133
|
textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
134
|
+
textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',
|
|
135
|
+
textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',
|
|
136
|
+
textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',
|
|
117
137
|
textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',
|
|
118
|
-
|
|
138
|
+
textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',
|
|
119
139
|
textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',
|
|
120
|
-
|
|
121
|
-
|
|
140
|
+
textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',
|
|
141
|
+
textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',
|
|
122
142
|
textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',
|
|
123
143
|
textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',
|
|
124
144
|
textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',
|
|
125
145
|
textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
146
|
+
textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
|
|
147
|
+
textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
|
|
148
|
+
textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',
|
|
149
|
+
textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
|
|
150
|
+
textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
|
|
129
151
|
textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
|
|
130
|
-
|
|
152
|
+
textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',
|
|
131
153
|
textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',
|
|
154
|
+
textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',
|
|
132
155
|
textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',
|
|
133
|
-
textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
|
|
134
|
-
textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
|
|
135
156
|
textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',
|
|
136
157
|
textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',
|
|
137
158
|
textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',
|
|
@@ -139,6 +160,20 @@ export var tokens = {
|
|
|
139
160
|
textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',
|
|
140
161
|
textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',
|
|
141
162
|
textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',
|
|
163
|
+
textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
|
|
164
|
+
textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
|
|
165
|
+
textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',
|
|
166
|
+
textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
|
|
167
|
+
textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',
|
|
168
|
+
textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',
|
|
169
|
+
textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',
|
|
170
|
+
textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',
|
|
171
|
+
textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',
|
|
172
|
+
textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',
|
|
173
|
+
textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',
|
|
174
|
+
textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',
|
|
175
|
+
textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',
|
|
176
|
+
textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',
|
|
142
177
|
// Токены для EmptyState
|
|
143
178
|
emptyStatePadding: '--plasma-combobox-new-empty-state-padding',
|
|
144
179
|
labelOffset: '--plasma-combobox-label-offset',
|
|
@@ -6,4 +6,4 @@ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
|
|
6
6
|
var TextField = /*#__PURE__*/component(mergedConfig);
|
|
7
7
|
export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
|
|
8
8
|
componentId: "plasma-new-hope__sc-1639yp6-0"
|
|
9
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipPaddingRight, comboboxTokens.textFieldChipPaddingRight, textFieldTokens.chipPaddingLeft, comboboxTokens.textFieldChipPaddingLeft, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips);
|
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipScaleHover, comboboxTokens.textFieldChipScaleHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipScaleActive, comboboxTokens.textFieldChipScaleActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPaddingTop, comboboxTokens.textFieldChipPaddingTop, textFieldTokens.chipPaddingRight, comboboxTokens.textFieldChipPaddingRight, textFieldTokens.chipPaddingBottom, comboboxTokens.textFieldChipPaddingBottom, textFieldTokens.chipPaddingLeft, comboboxTokens.textFieldChipPaddingLeft, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["className", "
|
|
1
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -26,7 +26,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
|
26
26
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
27
27
|
var _rangeRef$current, _rangeRef$current2;
|
|
28
28
|
var className = _ref.className,
|
|
29
|
-
autoComplete = _ref.autoComplete,
|
|
30
29
|
_ref$isDoubleCalendar = _ref.isDoubleCalendar,
|
|
31
30
|
isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
|
|
32
31
|
_ref$opened = _ref.opened,
|
|
@@ -266,7 +265,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
|
266
265
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
|
267
266
|
var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
|
|
268
267
|
ref: rangeRef,
|
|
269
|
-
autoComplete: autoComplete,
|
|
270
268
|
dividerIcon: dividerIcon,
|
|
271
269
|
dividerVariant: dividerVariant,
|
|
272
270
|
disabled: disabled,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _StyledDivider;
|
|
2
|
-
var _excluded = ["
|
|
2
|
+
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -15,8 +15,7 @@ import { classes } from './Range.tokens';
|
|
|
15
15
|
export var rangeRoot = function rangeRoot(Root) {
|
|
16
16
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
17
17
|
var _StyledDivider2;
|
|
18
|
-
var
|
|
19
|
-
label = _ref.label,
|
|
18
|
+
var label = _ref.label,
|
|
20
19
|
leftHelper = _ref.leftHelper,
|
|
21
20
|
contentLeft = _ref.contentLeft,
|
|
22
21
|
contentRight = _ref.contentRight,
|
|
@@ -108,8 +107,7 @@ export var rangeRoot = function rangeRoot(Root) {
|
|
|
108
107
|
onChange: handleChangeFirstValue,
|
|
109
108
|
onSearch: handleSearchFirstValue,
|
|
110
109
|
onFocus: onFocusFirstTextfield,
|
|
111
|
-
onBlur: onBlurFirstTextfield
|
|
112
|
-
autoComplete: autoComplete
|
|
110
|
+
onBlur: onBlurFirstTextfield
|
|
113
111
|
}), Divider, /*#__PURE__*/React.createElement(StyledInput, {
|
|
114
112
|
ref: secondTextFieldRef,
|
|
115
113
|
className: cx(secondValueErrorClass, secondValueSuccessClass),
|
|
@@ -124,8 +122,7 @@ export var rangeRoot = function rangeRoot(Root) {
|
|
|
124
122
|
onChange: handleChangeSecondValue,
|
|
125
123
|
onSearch: handleSearchSecondValue,
|
|
126
124
|
onFocus: onFocusSecondTextfield,
|
|
127
|
-
onBlur: onBlurSecondTextfield
|
|
128
|
-
autoComplete: autoComplete
|
|
125
|
+
onBlur: onBlurSecondTextfield
|
|
129
126
|
}), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
|
|
130
127
|
});
|
|
131
128
|
};
|
package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js
CHANGED
|
@@ -8,16 +8,16 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-
|
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--
|
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--
|
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--
|
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.focusColor, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldDividerColor, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor)
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
18
|
-
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
19
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
20
|
-
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
|
|
17
|
+
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldClearLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
18
|
+
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.25rem auto auto;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldClearLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
19
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.125rem auto auto;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldClearLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
20
|
+
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.875rem auto auto;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldClearLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
|
|
21
21
|
},
|
|
22
22
|
labelPlacement: {
|
|
23
23
|
inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
@@ -27,7 +27,7 @@ export var config = {
|
|
|
27
27
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.textFieldDisabledOpacity)
|
|
28
28
|
},
|
|
29
29
|
readOnly: {
|
|
30
|
-
"true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
30
|
+
"true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
};
|
package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx
CHANGED
|
@@ -92,6 +92,25 @@ const meta: Meta<StoryProps> = {
|
|
|
92
92
|
type: 'inline-radio',
|
|
93
93
|
},
|
|
94
94
|
},
|
|
95
|
+
requiredPlacement: {
|
|
96
|
+
options: ['left', 'right'],
|
|
97
|
+
control: {
|
|
98
|
+
type: 'select',
|
|
99
|
+
},
|
|
100
|
+
if: { arg: 'required', truthy: true },
|
|
101
|
+
},
|
|
102
|
+
required: {
|
|
103
|
+
control: {
|
|
104
|
+
type: 'boolean',
|
|
105
|
+
},
|
|
106
|
+
if: { arg: 'optional', truthy: false },
|
|
107
|
+
},
|
|
108
|
+
optional: {
|
|
109
|
+
control: {
|
|
110
|
+
type: 'boolean',
|
|
111
|
+
},
|
|
112
|
+
if: { arg: 'required', truthy: false },
|
|
113
|
+
},
|
|
95
114
|
},
|
|
96
115
|
args: {
|
|
97
116
|
view: 'default',
|
|
@@ -109,6 +128,9 @@ const meta: Meta<StoryProps> = {
|
|
|
109
128
|
threshold: 2,
|
|
110
129
|
enableContentLeft: true,
|
|
111
130
|
enableContentRight: true,
|
|
131
|
+
optional: false,
|
|
132
|
+
required: false,
|
|
133
|
+
requiredPlacement: 'right',
|
|
112
134
|
},
|
|
113
135
|
};
|
|
114
136
|
|