@salutejs/plasma-new-hope 0.182.1-canary.1522.11628874053.0 → 0.182.1-canary.1532.11629326773.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_pv6izw.css → Autocomplete.styles_192fzgs.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +35 -62
- 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_kcgaix.css +1 -0
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/{es/components/Breadcrumbs/Breadcrumbs.styles_19b6ey4.css → cjs/components/Breadcrumbs/Breadcrumbs.styles_ixnthx.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +35 -62
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -22
- 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 +35 -62
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -22
- 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_pv6izw.css → Autocomplete.styles_192fzgs.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +35 -62
- 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_kcgaix.css +1 -0
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/{cjs/components/Breadcrumbs/Breadcrumbs.styles_19b6ey4.css → es/components/Breadcrumbs/Breadcrumbs.styles_ixnthx.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +35 -62
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -4
- 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 +0 -22
- 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 +35 -62
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +1 -4
- 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 +0 -22
- 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 +3 -26
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -27
- 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/Breadcrumbs/Breadcrumbs.styles.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 +1 -11
- 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 +1 -11
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_1anhp9c.css +0 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_1anhp9c.css +0 -1
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-tertiary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":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(--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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _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.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldContentSlotRightColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":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(--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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _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.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldContentSlotRightColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-clear);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":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(--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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _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.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldContentSlotRightColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
|
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-clear);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":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(--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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _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.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.textFieldContentSlotColor, _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldContentSlotRightColor, _Autocomplete.autocompleteTokens.textFieldColor, _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;", ":
|
|
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;", ":
|
|
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;", ":
|
|
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;", ":
|
|
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)
|
|
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-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBorderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly)
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
};
|
|
@@ -4,92 +4,65 @@ export var classes = {
|
|
|
4
4
|
export var tokens = {
|
|
5
5
|
// Токены для TextField
|
|
6
6
|
textFieldColor: '--plasma-autocomplete-textfield-color',
|
|
7
|
-
|
|
7
|
+
textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield__placeholder-color-focus',
|
|
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',
|
|
17
14
|
textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
|
|
18
15
|
textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
|
|
19
16
|
textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
|
|
20
|
-
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-
|
|
21
|
-
textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',
|
|
17
|
+
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
|
|
22
18
|
textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
|
|
23
19
|
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',
|
|
28
20
|
textFieldHeight: '--plasma-autocomplete-textfield-height',
|
|
29
21
|
textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
|
|
30
22
|
textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
|
|
31
23
|
textFieldPadding: '--plasma-autocomplete-textfield-padding',
|
|
32
|
-
textFieldLeftContentMargin: '--plasma-autocomplete-
|
|
33
|
-
textFieldRightContentMargin: '--plasma-autocomplete-
|
|
24
|
+
textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
|
|
25
|
+
textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
|
|
34
26
|
textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
|
|
35
27
|
textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
|
|
36
28
|
textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
|
|
37
29
|
textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
|
|
38
30
|
textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
|
|
39
31
|
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
|
-
|
|
50
32
|
textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
|
|
51
|
-
textFieldLabelColorReadOnly: '--plasma-autocomplete-
|
|
52
|
-
textFieldLabelOffset: '--plasma-autocomplete-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
textFieldTextAfterMargin: '--plasma-autocomplete-textfield-after-text-margin',
|
|
33
|
+
textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
|
|
34
|
+
textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
|
|
35
|
+
textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
|
|
36
|
+
textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
|
|
37
|
+
textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
|
|
38
|
+
textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
|
|
39
|
+
textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
|
|
40
|
+
textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
|
|
41
|
+
textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
|
|
42
|
+
textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
|
|
43
|
+
textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
|
|
44
|
+
textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
|
|
45
|
+
textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
|
|
46
|
+
textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
|
|
47
|
+
textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
|
|
48
|
+
textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
|
|
49
|
+
textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
|
|
50
|
+
textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
|
|
51
|
+
textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
|
|
52
|
+
textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
|
|
53
|
+
textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
|
|
54
|
+
textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
|
|
55
|
+
textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
|
|
56
|
+
textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
|
|
57
|
+
textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
|
|
58
|
+
textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
|
|
59
|
+
textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
|
|
60
|
+
textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
|
|
61
|
+
textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
|
|
81
62
|
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
|
82
63
|
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
|
83
|
-
|
|
84
|
-
|
|
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',
|
|
64
|
+
textFieldContentSlotColor: '--plasma-autocomplete-content-color',
|
|
65
|
+
textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
|
|
93
66
|
// Токены для дропдауна
|
|
94
67
|
background: '--plasma-autocomplete-background',
|
|
95
68
|
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(", ");"
|
|
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.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, 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.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.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor);
|
|
@@ -9,14 +9,11 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
|
|
9
9
|
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
|
10
10
|
export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
|
11
11
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
12
|
-
})(["opacity:", ";
|
|
12
|
+
})(["opacity:", ";color:", ";cursor:pointer;--plasma-link-disabled-opacity:var(", ");", " &:hover{color:currentColor;}&:active{color:currentColor;}"], function (_ref) {
|
|
13
13
|
var isHref = _ref.isHref;
|
|
14
14
|
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
15
15
|
}, function (_ref2) {
|
|
16
16
|
var isHref = _ref2.isHref;
|
|
17
|
-
return isHref ? 'pointer' : 'auto';
|
|
18
|
-
}, function (_ref3) {
|
|
19
|
-
var isHref = _ref3.isHref;
|
|
20
17
|
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
21
18
|
}, tokens.breadcrumbsOpacity, /*#__PURE__*/addFocus({
|
|
22
19
|
outlineOffset: '0rem',
|
package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js
CHANGED
|
@@ -8,16 +8,16 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-
|
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--
|
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--
|
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--
|
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
|
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-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(--surface-accent);", ":", ";", ":", ";", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor)
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":
|
|
18
|
-
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":
|
|
19
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":
|
|
20
|
-
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":
|
|
17
|
+
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
18
|
+
m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
19
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
|
|
20
|
+
xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
|
|
21
21
|
},
|
|
22
22
|
labelPlacement: {
|
|
23
23
|
inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
@@ -27,7 +27,7 @@ export var config = {
|
|
|
27
27
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.textFieldDisabledOpacity)
|
|
28
28
|
},
|
|
29
29
|
readOnly: {
|
|
30
|
-
"true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"
|
|
30
|
+
"true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
};
|
package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx
CHANGED
|
@@ -92,25 +92,6 @@ const meta: Meta<StoryProps> = {
|
|
|
92
92
|
type: 'inline-radio',
|
|
93
93
|
},
|
|
94
94
|
},
|
|
95
|
-
requiredPlacement: {
|
|
96
|
-
options: ['left', 'right'],
|
|
97
|
-
control: {
|
|
98
|
-
type: 'select',
|
|
99
|
-
},
|
|
100
|
-
if: { arg: 'required', truthy: true },
|
|
101
|
-
},
|
|
102
|
-
required: {
|
|
103
|
-
control: {
|
|
104
|
-
type: 'boolean',
|
|
105
|
-
},
|
|
106
|
-
if: { arg: 'optional', truthy: false },
|
|
107
|
-
},
|
|
108
|
-
optional: {
|
|
109
|
-
control: {
|
|
110
|
-
type: 'boolean',
|
|
111
|
-
},
|
|
112
|
-
if: { arg: 'required', truthy: false },
|
|
113
|
-
},
|
|
114
95
|
},
|
|
115
96
|
args: {
|
|
116
97
|
view: 'default',
|
|
@@ -128,9 +109,6 @@ const meta: Meta<StoryProps> = {
|
|
|
128
109
|
threshold: 2,
|
|
129
110
|
enableContentLeft: true,
|
|
130
111
|
enableContentRight: true,
|
|
131
|
-
optional: false,
|
|
132
|
-
required: false,
|
|
133
|
-
requiredPlacement: 'right',
|
|
134
112
|
},
|
|
135
113
|
};
|
|
136
114
|
|