@salutejs/plasma-new-hope 0.180.0-dev.0 → 0.180.2-canary.1522.11609402169.0
Sign up to get free protection for your applications and to get access to all the features.
- 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 -34
- 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/Combobox/ComboboxNew/Combobox.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +62 -34
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- 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/TextField/TextField.config.js +16 -16
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +62 -34
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- 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/TextField/TextField.config.js +16 -16
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- 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 -34
- 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/Combobox/ComboboxNew/Combobox.js +2 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +62 -34
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- 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/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +9 -9
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +62 -34
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
- 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/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +9 -9
- 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 -2
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +27 -1
- 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.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/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/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/cjs/components/Autocomplete/ui/TextField/TextField.styles_1csckkd.css +0 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_1csckkd.css +0 -1
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.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-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.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-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.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-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.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-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
|
21
21
|
},
|
22
22
|
size: {
|
23
23
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 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.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.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":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.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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.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;"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.clearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
|
package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js
CHANGED
@@ -14,16 +14,16 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-tertiary);", ":var(--plasma-colors-secondary);", ":var(--surface-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);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldClearColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColorHover, _Autocomplete.autocompleteTokens.textFieldContentSlotColorActive, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldIndicatorColor, _Autocomplete.autocompleteTokens.textFieldOptionalColor, _Autocomplete.autocompleteTokens.textFieldDividerColor, _Autocomplete.autocompleteTokens.textFieldDividerColorHover, _Autocomplete.autocompleteTokens.textFieldDividerColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-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);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldClearColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColorHover, _Autocomplete.autocompleteTokens.textFieldContentSlotColorActive, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldIndicatorColor, _Autocomplete.autocompleteTokens.textFieldOptionalColor, _Autocomplete.autocompleteTokens.textFieldDividerColor, _Autocomplete.autocompleteTokens.textFieldDividerColorHover, _Autocomplete.autocompleteTokens.textFieldDividerColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-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);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldClearColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColorHover, _Autocomplete.autocompleteTokens.textFieldContentSlotColorActive, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldIndicatorColor, _Autocomplete.autocompleteTokens.textFieldOptionalColor, _Autocomplete.autocompleteTokens.textFieldDividerColor, _Autocomplete.autocompleteTokens.textFieldDividerColorHover, _Autocomplete.autocompleteTokens.textFieldDividerColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-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);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldClearColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldClearPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.textFieldBorderColor, _Autocomplete.autocompleteTokens.textFieldBorderColorHover, _Autocomplete.autocompleteTokens.textFieldBorderColorFocus, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColorHover, _Autocomplete.autocompleteTokens.textFieldContentSlotColorActive, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldIndicatorColor, _Autocomplete.autocompleteTokens.textFieldOptionalColor, _Autocomplete.autocompleteTokens.textFieldDividerColor, _Autocomplete.autocompleteTokens.textFieldDividerColorHover, _Autocomplete.autocompleteTokens.textFieldDividerColorFocus, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor)
|
21
21
|
},
|
22
22
|
size: {
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
24
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
25
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
26
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap)
|
23
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldClearLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeInner, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
24
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldClearLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeInner, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
25
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldClearLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeInner, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
|
26
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":0.0625rem;", ":-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;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldBorderWidth, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldClearLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeInner, _Autocomplete.autocompleteTokens.textFieldIndicatorSizeOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _Autocomplete.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _Autocomplete.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap)
|
27
27
|
},
|
28
28
|
labelPlacement: {
|
29
29
|
inner: /*#__PURE__*/(0, _styledComponents.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);"], _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontSize, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelInnerLineHeight),
|
@@ -33,7 +33,7 @@ var config = exports.config = {
|
|
33
33
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Autocomplete.autocompleteTokens.textFieldDisabledOpacity)
|
34
34
|
},
|
35
35
|
readOnly: {
|
36
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-
|
36
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBorderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly, _Autocomplete.autocompleteTokens.textFieldDividerColorReadOnly)
|
37
37
|
}
|
38
38
|
}
|
39
39
|
};
|
@@ -4,64 +4,92 @@ export var classes = {
|
|
4
4
|
export var tokens = {
|
5
5
|
// Токены для TextField
|
6
6
|
textFieldColor: '--plasma-autocomplete-textfield-color',
|
7
|
-
|
7
|
+
textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',
|
8
8
|
textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
|
9
9
|
textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
|
10
10
|
textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
|
11
11
|
textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
|
12
12
|
textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
|
13
13
|
textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
|
14
|
+
textFieldDividerColor: '--plasma-autocomplete-textfield-divider-color',
|
15
|
+
textFieldDividerColorHover: '--plasma-autocomplete-textfield-divider-color-hover',
|
16
|
+
textFieldDividerColorFocus: '--plasma-autocomplete-textfield-divider-color-focus',
|
14
17
|
textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
|
15
18
|
textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
|
16
19
|
textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
|
17
|
-
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-
|
20
|
+
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield-placeholder-color-readonly',
|
21
|
+
textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',
|
18
22
|
textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
|
19
23
|
textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
|
24
|
+
textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield-placeholder-color-focus',
|
25
|
+
textFieldClearPlaceholderColor: '--plasma-autocomplete-textfield-clear-placeholder-color',
|
26
|
+
textFieldClearPlaceholderColorFocus: '--plasma-autocomplete-textfield-clear-placeholder-color-focus',
|
27
|
+
textFieldOptionalColor: '--plasma-autocomplete-textfield-optional-color',
|
20
28
|
textFieldHeight: '--plasma-autocomplete-textfield-height',
|
21
29
|
textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
|
22
30
|
textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
|
23
31
|
textFieldPadding: '--plasma-autocomplete-textfield-padding',
|
24
|
-
textFieldLeftContentMargin: '--plasma-autocomplete-
|
25
|
-
textFieldRightContentMargin: '--plasma-autocomplete-
|
32
|
+
textFieldLeftContentMargin: '--plasma-autocomplete-textfield-left-content-margin',
|
33
|
+
textFieldRightContentMargin: '--plasma-autocomplete-textfield-right-content-margin',
|
26
34
|
textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
|
27
35
|
textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
|
28
36
|
textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
|
29
37
|
textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
|
30
38
|
textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
|
31
39
|
textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
|
40
|
+
textFieldContentSlotColor: '--plasma-autocomplete-textfield-content-slot-color',
|
41
|
+
textFieldContentSlotColorHover: '--plasma-autocomplete-textfield-content-slot-color-hover',
|
42
|
+
textFieldContentSlotColorActive: '--plasma-autocomplete-textfield-content-slot-color-active',
|
43
|
+
textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color',
|
44
|
+
//
|
45
|
+
textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover',
|
46
|
+
//
|
47
|
+
textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
|
48
|
+
//
|
49
|
+
|
32
50
|
textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
|
33
|
-
textFieldLabelColorReadOnly: '--plasma-autocomplete-
|
34
|
-
textFieldLabelOffset: '--plasma-autocomplete-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
51
|
+
textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',
|
52
|
+
textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',
|
53
|
+
textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',
|
54
|
+
textFieldLabelFontFamily: '--plasma-autocomplete-textfield-label-font-family',
|
55
|
+
textFieldLabelFontStyle: '--plasma-autocomplete-textfield-label-font-style',
|
56
|
+
textFieldLabelFontSize: '--plasma-autocomplete-textfield-label-font-size',
|
57
|
+
textFieldLabelFontWeight: '--plasma-autocomplete-textfield-label-font-weight',
|
58
|
+
textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield-label-letter-spacing',
|
59
|
+
textFieldLabelLineHeight: '--plasma-autocomplete-textfield-label-line-height',
|
60
|
+
textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement-inner-label-font-family',
|
61
|
+
textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement-inner-label-font-style',
|
62
|
+
textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement-inner-label-font-size',
|
63
|
+
textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement-inner-label-font-weight',
|
64
|
+
textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement-inner-label-letter-spacing',
|
65
|
+
textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement-inner-label-line-height',
|
66
|
+
textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-label-padding',
|
67
|
+
textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-content-padding',
|
68
|
+
textFieldLeftHelperColor: '--plasma-autocomplete-textfield-left-helper-color',
|
69
|
+
textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield-left-helper-color-readonly',
|
70
|
+
textFieldLeftHelperOffset: '--plasma-autocomplete-textfield-left-helper-offset',
|
71
|
+
textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield-left-helper-font-family',
|
72
|
+
textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield-left-helper-font-style',
|
73
|
+
textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield-left-helper-font-size',
|
74
|
+
textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield-left-helper-font-weight',
|
75
|
+
textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield-left-helper-letter-spacing',
|
76
|
+
textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield-left-helper-line-height',
|
77
|
+
textFieldTextBeforeColor: '--plasma-autocomplete-textfield-before-text-color',
|
78
|
+
textFieldTextAfterColor: '--plasma-autocomplete-textfield-after-text-color',
|
79
|
+
textFieldTextBeforeMargin: '--plasma-autocomplete-textfield-before-text-margin',
|
80
|
+
textFieldTextAfterMargin: '--plasma-autocomplete-textfield-after-text-margin',
|
62
81
|
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
63
82
|
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
64
|
-
|
83
|
+
textFieldIndicatorColor: '--plasma-autocomplete-textfield-indicator-color',
|
84
|
+
textFieldIndicatorSizeInner: '--plasma-autocomplete-textfield-indicator-size-inner',
|
85
|
+
textFieldIndicatorSizeOuter: '--plasma-autocomplete-textfield-indicator-size-outer',
|
86
|
+
textFieldIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-indicator-label-placement-inner',
|
87
|
+
textFieldIndicatorLabelPlacementOuter: '--plasma-autocomplete-textfield-indicator-label-placement-outer',
|
88
|
+
textFieldIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-indicator-label-placement-inner-right',
|
89
|
+
textFieldIndicatorLabelPlacementOuterRight: '--plasma-autocomplete-textfield-indicator-label-placement-outer-right',
|
90
|
+
textFieldClearIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner',
|
91
|
+
textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right',
|
92
|
+
textFieldClearIndicatorHintInnerRight: '--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right',
|
65
93
|
// Токены для дропдауна
|
66
94
|
background: '--plasma-autocomplete-background',
|
67
95
|
boxShadow: '--plasma-autocomplete-box-shadow',
|
@@ -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);
|
@@ -327,7 +327,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
327
327
|
}
|
328
328
|
}
|
329
329
|
setChecked(checkedCopy);
|
330
|
-
setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(
|
330
|
+
setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
|
331
331
|
|
332
332
|
// В deps мы кладем именно outerValue и internalValue, а не просто value.
|
333
333
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
@@ -360,6 +360,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
360
360
|
},
|
361
361
|
placement: placement,
|
362
362
|
portal: portal,
|
363
|
+
listWidth: listWidth,
|
363
364
|
target: function target(referenceRef) {
|
364
365
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
365
366
|
ref: inputForkRef,
|
@@ -14,6 +14,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
14
|
onToggle = _ref.onToggle,
|
15
15
|
placement = _ref.placement,
|
16
16
|
portal = _ref.portal,
|
17
|
+
listWidth = _ref.listWidth,
|
17
18
|
_ref$offset = _ref.offset,
|
18
19
|
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
19
20
|
var _useFloating = useFloating({
|
@@ -26,7 +27,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
26
27
|
var rects = _ref2.rects,
|
27
28
|
elements = _ref2.elements;
|
28
29
|
Object.assign(elements.floating.style, {
|
29
|
-
width: "".concat(rects.reference.width, "px")
|
30
|
+
width: listWidth || "".concat(rects.reference.width, "px")
|
30
31
|
});
|
31
32
|
}
|
32
33
|
})]
|