@salutejs/plasma-web 1.403.0-canary.1445.10999600795.0 → 1.403.0-canary.1449.10999414938.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +236 -20
- package/components/Mask/Mask.d.ts +236 -0
- package/components/TextField/TextField.config.d.ts +3 -0
- package/components/TextField/TextField.config.js +14 -11
- package/components/TextField/TextField.d.ts +173 -5
- package/css/cjs/components/Mask/Mask.css +12 -11
- package/css/cjs/components/TextField/TextField.config.js +6 -3
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config_10wbzne.css +13 -0
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +13 -22
- package/css/cjs/index.js +0 -2
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Mask/Mask.css +12 -11
- package/css/es/components/TextField/TextField.config.js +6 -3
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.config_10wbzne.css +13 -0
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +13 -22
- package/css/es/index.js +0 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +0 -2
- package/es/components/TextField/TextField.config.js +14 -11
- package/es/index.js +1 -2
- package/index.d.ts +0 -1
- package/index.js +0 -11
- package/package.json +3 -3
- package/temp/plasma-web.api.md +236 -20
- package/components/ChipGroup/ChipGroup.config.d.ts +0 -23
- package/components/ChipGroup/ChipGroup.config.js +0 -32
- package/components/ChipGroup/ChipGroup.d.ts +0 -18
- package/components/ChipGroup/ChipGroup.js +0 -10
- package/components/ChipGroup/index.d.ts +0 -1
- package/components/ChipGroup/index.js +0 -12
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +0 -31
- package/css/cjs/components/ChipGroup/ChipGroup.config.js.map +0 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config_o3u1bd.css +0 -9
- package/css/cjs/components/ChipGroup/ChipGroup.css +0 -9
- package/css/cjs/components/ChipGroup/ChipGroup.js +0 -12
- package/css/cjs/components/ChipGroup/ChipGroup.js.map +0 -1
- package/css/cjs/components/TextField/TextField.config_1sbw8b3.css +0 -12
- package/css/es/components/ChipGroup/ChipGroup.config.js +0 -27
- package/css/es/components/ChipGroup/ChipGroup.config.js.map +0 -1
- package/css/es/components/ChipGroup/ChipGroup.config_o3u1bd.css +0 -9
- package/css/es/components/ChipGroup/ChipGroup.css +0 -9
- package/css/es/components/ChipGroup/ChipGroup.js +0 -8
- package/css/es/components/ChipGroup/ChipGroup.js.map +0 -1
- package/css/es/components/TextField/TextField.config_1sbw8b3.css +0 -12
- package/es/components/ChipGroup/ChipGroup.config.js +0 -26
- package/es/components/ChipGroup/ChipGroup.js +0 -4
- package/es/components/ChipGroup/index.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -9,26 +9,29 @@ export var config = {
|
|
|
9
9
|
},
|
|
10
10
|
variations: {
|
|
11
11
|
view: {
|
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
13
|
-
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
14
|
-
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
15
|
-
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
12
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
13
|
+
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
14
|
+
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
15
|
+
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
16
16
|
},
|
|
17
17
|
size: {
|
|
18
|
-
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
19
|
-
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.6875rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
20
|
-
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
21
|
-
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.6875rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
|
|
18
|
+
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
19
|
+
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.6875rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
20
|
+
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
|
|
21
|
+
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.6875rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
|
|
22
22
|
},
|
|
23
23
|
labelPlacement: {
|
|
24
24
|
inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
25
25
|
outer: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
26
26
|
},
|
|
27
|
+
clear: {
|
|
28
|
+
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
29
|
+
},
|
|
27
30
|
disabled: {
|
|
28
|
-
"true": /*#__PURE__*/css(
|
|
31
|
+
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.disabledOpacity)
|
|
29
32
|
},
|
|
30
33
|
readOnly: {
|
|
31
|
-
"true": /*#__PURE__*/css(
|
|
34
|
+
"true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n "])), tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
};
|
package/es/index.js
CHANGED
|
@@ -68,5 +68,4 @@ export * from './components/DatePicker';
|
|
|
68
68
|
export * from './components/Autocomplete';
|
|
69
69
|
export * from './components/EmptyState';
|
|
70
70
|
export * from './components/TextFieldGroup';
|
|
71
|
-
export * from './components/Mask';
|
|
72
|
-
export * from './components/ChipGroup';
|
|
71
|
+
export * from './components/Mask';
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -783,15 +783,4 @@ Object.keys(_Mask).forEach(function (key) {
|
|
|
783
783
|
return _Mask[key];
|
|
784
784
|
}
|
|
785
785
|
});
|
|
786
|
-
});
|
|
787
|
-
var _ChipGroup = /*#__PURE__*/require("./components/ChipGroup");
|
|
788
|
-
Object.keys(_ChipGroup).forEach(function (key) {
|
|
789
|
-
if (key === "default" || key === "__esModule") return;
|
|
790
|
-
if (key in exports && exports[key] === _ChipGroup[key]) return;
|
|
791
|
-
Object.defineProperty(exports, key, {
|
|
792
|
-
enumerable: true,
|
|
793
|
-
get: function get() {
|
|
794
|
-
return _ChipGroup[key];
|
|
795
|
-
}
|
|
796
|
-
});
|
|
797
786
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.403.0-canary.
|
|
3
|
+
"version": "1.403.0-canary.1449.10999414938.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
|
23
23
|
"@salutejs/plasma-hope": "1.312.0",
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.151.0-canary.
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.151.0-canary.1449.10999414938.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"Fanil Zubairov"
|
|
113
113
|
],
|
|
114
114
|
"sideEffects": false,
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "a470fd8234ed1f0ec4a59a066fe95de9747ed8c9"
|
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
|
@@ -80,7 +80,6 @@ import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components
|
|
|
80
80
|
import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
|
|
81
81
|
import { ChangeEvent } from 'react';
|
|
82
82
|
import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
|
|
83
|
-
import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
|
|
84
83
|
import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
85
84
|
import { clearSelection } from '@salutejs/plasma-hope';
|
|
86
85
|
import { closeNotification } from '@salutejs/plasma-new-hope/styled-components';
|
|
@@ -958,25 +957,6 @@ true: PolymorphicClassName;
|
|
|
958
957
|
};
|
|
959
958
|
}> & ChipProps & RefAttributes<HTMLButtonElement>>;
|
|
960
959
|
|
|
961
|
-
// @public (undocumented)
|
|
962
|
-
export const ChipGroup: FunctionComponent<PropsType< {
|
|
963
|
-
view: {
|
|
964
|
-
default: PolymorphicClassName;
|
|
965
|
-
secondary: PolymorphicClassName;
|
|
966
|
-
accent: PolymorphicClassName;
|
|
967
|
-
};
|
|
968
|
-
size: {
|
|
969
|
-
l: PolymorphicClassName;
|
|
970
|
-
m: PolymorphicClassName;
|
|
971
|
-
s: PolymorphicClassName;
|
|
972
|
-
xs: PolymorphicClassName;
|
|
973
|
-
};
|
|
974
|
-
gap: {
|
|
975
|
-
dense: PolymorphicClassName;
|
|
976
|
-
wide: PolymorphicClassName;
|
|
977
|
-
};
|
|
978
|
-
}> & ChipGroupProps & RefAttributes<HTMLDivElement>>;
|
|
979
|
-
|
|
980
960
|
export { ChipProps }
|
|
981
961
|
|
|
982
962
|
export { clearSelection }
|
|
@@ -1883,6 +1863,9 @@ labelPlacement: {
|
|
|
1883
1863
|
inner: PolymorphicClassName;
|
|
1884
1864
|
outer: PolymorphicClassName;
|
|
1885
1865
|
};
|
|
1866
|
+
clear: {
|
|
1867
|
+
true: PolymorphicClassName;
|
|
1868
|
+
};
|
|
1886
1869
|
disabled: {
|
|
1887
1870
|
true: PolymorphicClassName;
|
|
1888
1871
|
};
|
|
@@ -1909,6 +1892,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
|
1909
1892
|
required: true;
|
|
1910
1893
|
optional?: false | undefined;
|
|
1911
1894
|
} & {
|
|
1895
|
+
clear?: boolean | undefined;
|
|
1896
|
+
hasDivider?: boolean | undefined;
|
|
1897
|
+
} & {
|
|
1912
1898
|
chips?: undefined;
|
|
1913
1899
|
onChangeChips?: undefined;
|
|
1914
1900
|
enumerationType?: "plain" | undefined;
|
|
@@ -1930,6 +1916,9 @@ labelPlacement: {
|
|
|
1930
1916
|
inner: PolymorphicClassName;
|
|
1931
1917
|
outer: PolymorphicClassName;
|
|
1932
1918
|
};
|
|
1919
|
+
clear: {
|
|
1920
|
+
true: PolymorphicClassName;
|
|
1921
|
+
};
|
|
1933
1922
|
disabled: {
|
|
1934
1923
|
true: PolymorphicClassName;
|
|
1935
1924
|
};
|
|
@@ -1956,6 +1945,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
|
1956
1945
|
required: true;
|
|
1957
1946
|
optional?: false | undefined;
|
|
1958
1947
|
} & {
|
|
1948
|
+
clear?: boolean | undefined;
|
|
1949
|
+
hasDivider?: boolean | undefined;
|
|
1950
|
+
} & {
|
|
1959
1951
|
enumerationType: "chip";
|
|
1960
1952
|
onSearch?: undefined;
|
|
1961
1953
|
chips?: TextFieldPrimitiveValue[] | undefined;
|
|
@@ -1977,6 +1969,221 @@ labelPlacement: {
|
|
|
1977
1969
|
inner: PolymorphicClassName;
|
|
1978
1970
|
outer: PolymorphicClassName;
|
|
1979
1971
|
};
|
|
1972
|
+
clear: {
|
|
1973
|
+
true: PolymorphicClassName;
|
|
1974
|
+
};
|
|
1975
|
+
disabled: {
|
|
1976
|
+
true: PolymorphicClassName;
|
|
1977
|
+
};
|
|
1978
|
+
readOnly: {
|
|
1979
|
+
true: PolymorphicClassName;
|
|
1980
|
+
};
|
|
1981
|
+
}> & {
|
|
1982
|
+
size?: string | undefined;
|
|
1983
|
+
view?: string | undefined;
|
|
1984
|
+
readOnly?: boolean | undefined;
|
|
1985
|
+
disabled?: boolean | undefined;
|
|
1986
|
+
} & {
|
|
1987
|
+
label?: string | undefined;
|
|
1988
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
|
1989
|
+
leftHelper?: string | undefined;
|
|
1990
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
1991
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
1992
|
+
textBefore?: string | undefined;
|
|
1993
|
+
textAfter?: string | undefined;
|
|
1994
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
1995
|
+
} & {
|
|
1996
|
+
requiredPlacement?: "right" | "left" | undefined;
|
|
1997
|
+
} & {
|
|
1998
|
+
required: true;
|
|
1999
|
+
optional?: false | undefined;
|
|
2000
|
+
} & {
|
|
2001
|
+
clear?: false | undefined;
|
|
2002
|
+
hasDivider?: undefined;
|
|
2003
|
+
} & {
|
|
2004
|
+
chips?: undefined;
|
|
2005
|
+
onChangeChips?: undefined;
|
|
2006
|
+
enumerationType?: "plain" | undefined;
|
|
2007
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
2008
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
|
2009
|
+
view: {
|
|
2010
|
+
default: PolymorphicClassName;
|
|
2011
|
+
positive: PolymorphicClassName;
|
|
2012
|
+
warning: PolymorphicClassName;
|
|
2013
|
+
negative: PolymorphicClassName;
|
|
2014
|
+
};
|
|
2015
|
+
size: {
|
|
2016
|
+
l: PolymorphicClassName;
|
|
2017
|
+
m: PolymorphicClassName;
|
|
2018
|
+
s: PolymorphicClassName;
|
|
2019
|
+
xs: PolymorphicClassName;
|
|
2020
|
+
};
|
|
2021
|
+
labelPlacement: {
|
|
2022
|
+
inner: PolymorphicClassName;
|
|
2023
|
+
outer: PolymorphicClassName;
|
|
2024
|
+
};
|
|
2025
|
+
clear: {
|
|
2026
|
+
true: PolymorphicClassName;
|
|
2027
|
+
};
|
|
2028
|
+
disabled: {
|
|
2029
|
+
true: PolymorphicClassName;
|
|
2030
|
+
};
|
|
2031
|
+
readOnly: {
|
|
2032
|
+
true: PolymorphicClassName;
|
|
2033
|
+
};
|
|
2034
|
+
}> & {
|
|
2035
|
+
size?: string | undefined;
|
|
2036
|
+
view?: string | undefined;
|
|
2037
|
+
readOnly?: boolean | undefined;
|
|
2038
|
+
disabled?: boolean | undefined;
|
|
2039
|
+
} & {
|
|
2040
|
+
label?: string | undefined;
|
|
2041
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
|
2042
|
+
leftHelper?: string | undefined;
|
|
2043
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2044
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2045
|
+
textBefore?: string | undefined;
|
|
2046
|
+
textAfter?: string | undefined;
|
|
2047
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
2048
|
+
} & {
|
|
2049
|
+
requiredPlacement?: "right" | "left" | undefined;
|
|
2050
|
+
} & {
|
|
2051
|
+
required: true;
|
|
2052
|
+
optional?: false | undefined;
|
|
2053
|
+
} & {
|
|
2054
|
+
clear?: false | undefined;
|
|
2055
|
+
hasDivider?: undefined;
|
|
2056
|
+
} & {
|
|
2057
|
+
enumerationType: "chip";
|
|
2058
|
+
onSearch?: undefined;
|
|
2059
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
|
2060
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
|
2061
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
|
2062
|
+
view: {
|
|
2063
|
+
default: PolymorphicClassName;
|
|
2064
|
+
positive: PolymorphicClassName;
|
|
2065
|
+
warning: PolymorphicClassName;
|
|
2066
|
+
negative: PolymorphicClassName;
|
|
2067
|
+
};
|
|
2068
|
+
size: {
|
|
2069
|
+
l: PolymorphicClassName;
|
|
2070
|
+
m: PolymorphicClassName;
|
|
2071
|
+
s: PolymorphicClassName;
|
|
2072
|
+
xs: PolymorphicClassName;
|
|
2073
|
+
};
|
|
2074
|
+
labelPlacement: {
|
|
2075
|
+
inner: PolymorphicClassName;
|
|
2076
|
+
outer: PolymorphicClassName;
|
|
2077
|
+
};
|
|
2078
|
+
clear: {
|
|
2079
|
+
true: PolymorphicClassName;
|
|
2080
|
+
};
|
|
2081
|
+
disabled: {
|
|
2082
|
+
true: PolymorphicClassName;
|
|
2083
|
+
};
|
|
2084
|
+
readOnly: {
|
|
2085
|
+
true: PolymorphicClassName;
|
|
2086
|
+
};
|
|
2087
|
+
}> & {
|
|
2088
|
+
size?: string | undefined;
|
|
2089
|
+
view?: string | undefined;
|
|
2090
|
+
readOnly?: boolean | undefined;
|
|
2091
|
+
disabled?: boolean | undefined;
|
|
2092
|
+
} & {
|
|
2093
|
+
label?: string | undefined;
|
|
2094
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
|
2095
|
+
leftHelper?: string | undefined;
|
|
2096
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2097
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2098
|
+
textBefore?: string | undefined;
|
|
2099
|
+
textAfter?: string | undefined;
|
|
2100
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
2101
|
+
} & {
|
|
2102
|
+
requiredPlacement?: "right" | "left" | undefined;
|
|
2103
|
+
} & {
|
|
2104
|
+
optional?: true | undefined;
|
|
2105
|
+
required?: false | undefined;
|
|
2106
|
+
} & {
|
|
2107
|
+
clear?: boolean | undefined;
|
|
2108
|
+
hasDivider?: boolean | undefined;
|
|
2109
|
+
} & {
|
|
2110
|
+
chips?: undefined;
|
|
2111
|
+
onChangeChips?: undefined;
|
|
2112
|
+
enumerationType?: "plain" | undefined;
|
|
2113
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
2114
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
|
2115
|
+
view: {
|
|
2116
|
+
default: PolymorphicClassName;
|
|
2117
|
+
positive: PolymorphicClassName;
|
|
2118
|
+
warning: PolymorphicClassName;
|
|
2119
|
+
negative: PolymorphicClassName;
|
|
2120
|
+
};
|
|
2121
|
+
size: {
|
|
2122
|
+
l: PolymorphicClassName;
|
|
2123
|
+
m: PolymorphicClassName;
|
|
2124
|
+
s: PolymorphicClassName;
|
|
2125
|
+
xs: PolymorphicClassName;
|
|
2126
|
+
};
|
|
2127
|
+
labelPlacement: {
|
|
2128
|
+
inner: PolymorphicClassName;
|
|
2129
|
+
outer: PolymorphicClassName;
|
|
2130
|
+
};
|
|
2131
|
+
clear: {
|
|
2132
|
+
true: PolymorphicClassName;
|
|
2133
|
+
};
|
|
2134
|
+
disabled: {
|
|
2135
|
+
true: PolymorphicClassName;
|
|
2136
|
+
};
|
|
2137
|
+
readOnly: {
|
|
2138
|
+
true: PolymorphicClassName;
|
|
2139
|
+
};
|
|
2140
|
+
}> & {
|
|
2141
|
+
size?: string | undefined;
|
|
2142
|
+
view?: string | undefined;
|
|
2143
|
+
readOnly?: boolean | undefined;
|
|
2144
|
+
disabled?: boolean | undefined;
|
|
2145
|
+
} & {
|
|
2146
|
+
label?: string | undefined;
|
|
2147
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
|
2148
|
+
leftHelper?: string | undefined;
|
|
2149
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2150
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
|
2151
|
+
textBefore?: string | undefined;
|
|
2152
|
+
textAfter?: string | undefined;
|
|
2153
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
|
2154
|
+
} & {
|
|
2155
|
+
requiredPlacement?: "right" | "left" | undefined;
|
|
2156
|
+
} & {
|
|
2157
|
+
optional?: true | undefined;
|
|
2158
|
+
required?: false | undefined;
|
|
2159
|
+
} & {
|
|
2160
|
+
clear?: boolean | undefined;
|
|
2161
|
+
hasDivider?: boolean | undefined;
|
|
2162
|
+
} & {
|
|
2163
|
+
enumerationType: "chip";
|
|
2164
|
+
onSearch?: undefined;
|
|
2165
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
|
2166
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
|
2167
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
|
2168
|
+
view: {
|
|
2169
|
+
default: PolymorphicClassName;
|
|
2170
|
+
positive: PolymorphicClassName;
|
|
2171
|
+
warning: PolymorphicClassName;
|
|
2172
|
+
negative: PolymorphicClassName;
|
|
2173
|
+
};
|
|
2174
|
+
size: {
|
|
2175
|
+
l: PolymorphicClassName;
|
|
2176
|
+
m: PolymorphicClassName;
|
|
2177
|
+
s: PolymorphicClassName;
|
|
2178
|
+
xs: PolymorphicClassName;
|
|
2179
|
+
};
|
|
2180
|
+
labelPlacement: {
|
|
2181
|
+
inner: PolymorphicClassName;
|
|
2182
|
+
outer: PolymorphicClassName;
|
|
2183
|
+
};
|
|
2184
|
+
clear: {
|
|
2185
|
+
true: PolymorphicClassName;
|
|
2186
|
+
};
|
|
1980
2187
|
disabled: {
|
|
1981
2188
|
true: PolymorphicClassName;
|
|
1982
2189
|
};
|
|
@@ -2003,6 +2210,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
|
2003
2210
|
optional?: true | undefined;
|
|
2004
2211
|
required?: false | undefined;
|
|
2005
2212
|
} & {
|
|
2213
|
+
clear?: false | undefined;
|
|
2214
|
+
hasDivider?: undefined;
|
|
2215
|
+
} & {
|
|
2006
2216
|
chips?: undefined;
|
|
2007
2217
|
onChangeChips?: undefined;
|
|
2008
2218
|
enumerationType?: "plain" | undefined;
|
|
@@ -2024,6 +2234,9 @@ labelPlacement: {
|
|
|
2024
2234
|
inner: PolymorphicClassName;
|
|
2025
2235
|
outer: PolymorphicClassName;
|
|
2026
2236
|
};
|
|
2237
|
+
clear: {
|
|
2238
|
+
true: PolymorphicClassName;
|
|
2239
|
+
};
|
|
2027
2240
|
disabled: {
|
|
2028
2241
|
true: PolymorphicClassName;
|
|
2029
2242
|
};
|
|
@@ -2050,6 +2263,9 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
|
2050
2263
|
optional?: true | undefined;
|
|
2051
2264
|
required?: false | undefined;
|
|
2052
2265
|
} & {
|
|
2266
|
+
clear?: false | undefined;
|
|
2267
|
+
hasDivider?: undefined;
|
|
2268
|
+
} & {
|
|
2053
2269
|
enumerationType: "chip";
|
|
2054
2270
|
onSearch?: undefined;
|
|
2055
2271
|
chips?: TextFieldPrimitiveValue[] | undefined;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export declare const config: {
|
|
2
|
-
defaults: {
|
|
3
|
-
view: string;
|
|
4
|
-
size: string;
|
|
5
|
-
};
|
|
6
|
-
variations: {
|
|
7
|
-
view: {
|
|
8
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
-
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
11
|
-
};
|
|
12
|
-
size: {
|
|
13
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
16
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
17
|
-
};
|
|
18
|
-
gap: {
|
|
19
|
-
dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
20
|
-
wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.config = void 0;
|
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
9
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
|
-
var config = exports.config = {
|
|
11
|
-
defaults: {
|
|
12
|
-
view: 'default',
|
|
13
|
-
size: 'm'
|
|
14
|
-
},
|
|
15
|
-
variations: {
|
|
16
|
-
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
|
|
18
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
|
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive)
|
|
20
|
-
},
|
|
21
|
-
size: {
|
|
22
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.125rem;\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1.5rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": -0.125rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
|
24
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
|
25
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize)
|
|
26
|
-
},
|
|
27
|
-
gap: {
|
|
28
|
-
dense: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), _styledComponents.chipGroupTokens.chipGroupItemsGap),
|
|
29
|
-
wide: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), _styledComponents.chipGroupTokens.chipGroupItemsGap)
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|