@salutejs/sdds-serv 0.312.0-canary.1993.15271190997.0 → 0.313.0-canary.2002.15300192913.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -2690
- package/components/List/List.config.d.ts +21 -0
- package/components/List/List.config.js +29 -0
- package/components/List/List.config.js.map +1 -0
- package/components/List/List.config_qo5s7v.css +7 -0
- package/components/List/List.css +7 -0
- package/components/List/List.d.ts +24 -0
- package/components/List/List.js +17 -0
- package/components/List/List.js.map +1 -0
- package/components/List/index.d.ts +3 -0
- package/components/Mask/Mask.css +21 -20
- package/components/Mask/Mask.d.ts +8 -0
- package/components/TextField/TextField.config.d.ts +1 -0
- package/components/TextField/TextField.config.js +20 -19
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_qklg09.css +23 -0
- package/components/TextField/TextField.d.ts +1 -0
- package/emotion/cjs/components/List/List.config.js +30 -0
- package/emotion/cjs/components/List/List.js +15 -0
- package/emotion/cjs/components/List/List.stories.tsx +64 -0
- package/emotion/cjs/components/List/index.js +19 -0
- package/emotion/cjs/components/Notification/Notification.stories.tsx +7 -1
- package/emotion/cjs/components/TextField/TextField.config.js +20 -19
- package/emotion/cjs/components/TextField/TextField.stories.tsx +12 -7
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/List/List.config.js +24 -0
- package/emotion/es/components/List/List.js +9 -0
- package/emotion/es/components/List/List.stories.tsx +64 -0
- package/emotion/es/components/List/index.js +2 -0
- package/emotion/es/components/Notification/Notification.stories.tsx +7 -1
- package/emotion/es/components/TextField/TextField.config.js +20 -19
- package/emotion/es/components/TextField/TextField.stories.tsx +12 -7
- package/emotion/es/index.js +1 -0
- package/es/components/List/List.config.js +25 -0
- package/es/components/List/List.config.js.map +1 -0
- package/es/components/List/List.config_qo5s7v.css +7 -0
- package/es/components/List/List.css +7 -0
- package/es/components/List/List.js +13 -0
- package/es/components/List/List.js.map +1 -0
- package/es/components/Mask/Mask.css +21 -20
- package/es/components/TextField/TextField.config.js +20 -19
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_qklg09.css +23 -0
- package/es/index.css +31 -22
- package/es/index.js +2 -1
- package/es/index.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +6 -0
- package/package.json +8 -8
- package/styled-components/cjs/components/List/List.config.js +30 -0
- package/styled-components/cjs/components/List/List.js +15 -0
- package/styled-components/cjs/components/List/index.js +19 -0
- package/styled-components/cjs/components/TextField/TextField.config.js +20 -19
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/List/List.config.js +24 -0
- package/styled-components/es/components/List/List.js +9 -0
- package/styled-components/es/components/List/index.js +2 -0
- package/styled-components/es/components/TextField/TextField.config.js +20 -19
- package/styled-components/es/index.js +1 -0
- package/components/TextField/TextField.config_t52djh.css +0 -22
- package/es/components/TextField/TextField.config_t52djh.css +0 -22
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
|
|
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/emotion';
|
|
4
4
|
export var config = {
|
|
@@ -16,38 +16,39 @@ export var config = {
|
|
|
16
16
|
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--text-accent);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\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-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
xl: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 1.3125rem 1.125rem;\n ", ": 0.375rem;\n ", ": 1rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ", ": -0.0625rem 0rem -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.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.82rem -2.938rem auto auto;\n ", ": 0.82rem -2.063rem auto auto;\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.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.8125rem 0 0.125rem 0;\n ", ": 1.813rem 0 0.813rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.125rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0 0.75rem 0 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 ", ": 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.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 ", ": 1.75rem auto auto -0.875rem;\n ", ": 1.75rem -0.875rem auto auto;\n ", ": 1.75rem -2.488rem auto auto;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, 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.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, 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.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
|
|
20
|
+
l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__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.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\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.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.563rem -2.938rem auto auto;\n ", ": 0.563rem -2.188rem auto auto;\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.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\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0 0.75rem 0 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 ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.488rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, 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, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
21
|
+
m: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__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.25rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ", ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\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.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.312rem -2.813rem auto auto;\n ", ": 0.312rem -2.188rem auto auto;\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.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\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0 0.625rem 0 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 ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.488rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, 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, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
22
|
+
s: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__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 ", ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\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.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.062rem -2.688rem auto auto;\n ", ": 0.062rem -2.188rem auto auto;\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.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\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 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 ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.238rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, 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, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
|
|
23
|
+
xs: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__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 ", ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.688rem -0.688rem -0.688rem 0;\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.75rem -0.625rem -0.75rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.188rem -2.1875rem auto auto;\n ", ": -0.188rem -1.938rem auto auto;\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.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\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0 0.375rem 0 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 ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.988rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, 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.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, 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, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin)
|
|
23
24
|
},
|
|
24
25
|
labelPlacement: {
|
|
25
|
-
inner: /*#__PURE__*/css(
|
|
26
|
-
outer: /*#__PURE__*/css(
|
|
26
|
+
inner: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 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),
|
|
27
|
+
outer: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
27
28
|
},
|
|
28
29
|
clear: {
|
|
29
|
-
"true": /*#__PURE__*/css(
|
|
30
|
+
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
30
31
|
},
|
|
31
32
|
chipView: {
|
|
32
|
-
"default": /*#__PURE__*/css(
|
|
33
|
-
secondary: /*#__PURE__*/css(
|
|
34
|
-
accent: /*#__PURE__*/css(
|
|
35
|
-
positive: /*#__PURE__*/css(
|
|
36
|
-
warning: /*#__PURE__*/css(
|
|
37
|
-
negative: /*#__PURE__*/css(
|
|
33
|
+
"default": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__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 ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n\n ", ": var(--inverse-text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
34
|
+
secondary: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__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 ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
35
|
+
accent: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__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 ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
36
|
+
positive: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
37
|
+
warning: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
|
|
38
|
+
negative: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
|
|
38
39
|
},
|
|
39
40
|
hintView: {
|
|
40
|
-
"default": /*#__PURE__*/css(
|
|
41
|
+
"default": /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n "])), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
|
|
41
42
|
},
|
|
42
43
|
hintSize: {
|
|
43
|
-
m: /*#__PURE__*/css(
|
|
44
|
-
s: /*#__PURE__*/css(
|
|
44
|
+
m: /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\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.375rem;\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ", ": 0.5rem;\n ", ": 0.625rem;\n "])), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
|
|
45
|
+
s: /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n\n ", ": 2rem;\n ", ": 0.5rem;\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.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n "])), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
|
|
45
46
|
},
|
|
46
47
|
disabled: {
|
|
47
|
-
"true": /*#__PURE__*/css(
|
|
48
|
+
"true": /*#__PURE__*/css(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.disabledOpacity)
|
|
48
49
|
},
|
|
49
50
|
readOnly: {
|
|
50
|
-
"true": /*#__PURE__*/css(
|
|
51
|
+
"true": /*#__PURE__*/css(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n "])), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
};
|
|
@@ -2,11 +2,12 @@ import React, { ComponentProps, useState } from 'react';
|
|
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
|
-
import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
|
|
5
|
+
import { InSpacingDecorator, disableProps, getConfigVariations } from '@salutejs/plasma-sb-utils';
|
|
6
6
|
import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
|
|
7
7
|
import { IconBellFill, IconLockOutline } from '@salutejs/plasma-icons';
|
|
8
8
|
|
|
9
|
-
import { TextField } from '
|
|
9
|
+
import { TextField } from './TextField';
|
|
10
|
+
import { config } from './TextField.config';
|
|
10
11
|
|
|
11
12
|
const onChange = action('onChange');
|
|
12
13
|
const onFocus = action('onFocus');
|
|
@@ -14,14 +15,14 @@ const onBlur = action('onBlur');
|
|
|
14
15
|
const onSearch = action('onSearch');
|
|
15
16
|
const onChipsChange = action('onChipsChange');
|
|
16
17
|
|
|
17
|
-
const
|
|
18
|
-
|
|
18
|
+
const { views, sizes } = getConfigVariations(config);
|
|
19
|
+
|
|
19
20
|
const chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
|
|
20
21
|
const hintViews = ['default'];
|
|
21
22
|
const hintSizes = ['m', 's'];
|
|
22
23
|
const hintTriggers = ['hover', 'click'];
|
|
23
|
-
const hintTargetPlacements = ['outer', 'inner'];
|
|
24
24
|
const labelPlacements = ['outer', 'inner'];
|
|
25
|
+
const hintTargetPlacements = ['outer', 'inner'];
|
|
25
26
|
const placements: Array<PopoverPlacement> = [
|
|
26
27
|
'top',
|
|
27
28
|
'top-start',
|
|
@@ -66,6 +67,10 @@ const meta: Meta<typeof TextField> = {
|
|
|
66
67
|
control: {
|
|
67
68
|
type: 'select',
|
|
68
69
|
},
|
|
70
|
+
if: {
|
|
71
|
+
arg: 'optional',
|
|
72
|
+
truthy: false,
|
|
73
|
+
},
|
|
69
74
|
},
|
|
70
75
|
required: {
|
|
71
76
|
control: {
|
|
@@ -132,7 +137,7 @@ const meta: Meta<typeof TextField> = {
|
|
|
132
137
|
size: {
|
|
133
138
|
options: sizes,
|
|
134
139
|
control: {
|
|
135
|
-
type: '
|
|
140
|
+
type: 'select',
|
|
136
141
|
},
|
|
137
142
|
},
|
|
138
143
|
titleCaption: {
|
|
@@ -353,7 +358,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
|
353
358
|
},
|
|
354
359
|
parameters: {
|
|
355
360
|
controls: {
|
|
356
|
-
exclude: ['chipType'],
|
|
361
|
+
exclude: ['chipType', 'chipView'],
|
|
357
362
|
},
|
|
358
363
|
},
|
|
359
364
|
render: (args) => <StoryDemo {...args} />,
|
package/emotion/es/index.js
CHANGED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import './List.config_qo5s7v.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 's'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "dgfkvez"
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
xs: "x1j57vd",
|
|
13
|
+
s: "s111yexy",
|
|
14
|
+
m: "m16ihyz9",
|
|
15
|
+
l: "l1rpvhm2",
|
|
16
|
+
xl: "x1ubtqc5"
|
|
17
|
+
},
|
|
18
|
+
disabled: {
|
|
19
|
+
"true": "t173m31o"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { config };
|
|
25
|
+
//# sourceMappingURL=List.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.config.js","sources":["../../../src-css/components/List/List.config.ts"],"sourcesContent":["import { css, listTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${listTokens.listItemColor}: var(--text-primary);\n ${listTokens.listItemColorHover}: var(--text-primary);\n ${listTokens.listItemBackground}: transparent;\n ${listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);\n ${listTokens.listItemBorderColor}: transparent;\n ${listTokens.listItemBorderColorHover}: transparent;\n ${listTokens.listDisabledOpacity}: 0.4;\n `,\n },\n size: {\n xs: css`\n ${listTokens.listItemPaddingTop}: 0.5rem;\n ${listTokens.listItemPaddingLeft}: 0.5rem;\n ${listTokens.listItemPaddingRight}: 0.5rem;\n ${listTokens.listItemPaddingBottom}: 0.5rem;\n ${listTokens.listItemBorderRadius}: 0.5rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${listTokens.listItemPaddingTop}: 0.689rem;\n ${listTokens.listItemPaddingLeft}: 0.75rem;\n ${listTokens.listItemPaddingRight}: 0.75rem;\n ${listTokens.listItemPaddingBottom}: 0.689rem;\n ${listTokens.listItemBorderRadius}: 0.625rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-s-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${listTokens.listItemPaddingTop}: 0.75rem;\n ${listTokens.listItemPaddingLeft}: 0.875rem;\n ${listTokens.listItemPaddingRight}: 0.875rem;\n ${listTokens.listItemPaddingBottom}: 0.75rem;\n ${listTokens.listItemBorderRadius}: 0.75rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-m-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${listTokens.listItemPaddingTop}: 1rem;\n ${listTokens.listItemPaddingLeft}: 1rem;\n ${listTokens.listItemPaddingRight}: 1rem;\n ${listTokens.listItemPaddingBottom}: 1rem;\n ${listTokens.listItemBorderRadius}: 0.875rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${listTokens.listItemPaddingTop}: 1.3125rem;\n ${listTokens.listItemPaddingLeft}: 1.125rem;\n ${listTokens.listItemPaddingRight}: 1.125rem;\n ${listTokens.listItemPaddingBottom}: 1.3125rem;\n ${listTokens.listItemBorderRadius}: 1rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l","xl","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KASV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.dgfkvez{--plasma-list-item-color:var(--text-primary);--plasma-list-item-color-hover:var(--text-primary);--plasma-list-item-background:transparent;--plasma-list-item-background-hover:var(--surface-transparent-secondary);--plasma-list-item-border-color:transparent;--plasma-list-item-border-color-hover:transparent;--plasma-list-disabled-opacity:0.4;}
|
|
2
|
+
.x1j57vd{--plasma-list-item-padding-top:0.5rem;--plasma-list-item-padding-left:0.5rem;--plasma-list-item-padding-right:0.5rem;--plasma-list-item-padding-bottom:0.5rem;--plasma-list-item-border-radius:0.5rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
3
|
+
.s111yexy{--plasma-list-item-padding-top:0.689rem;--plasma-list-item-padding-left:0.75rem;--plasma-list-item-padding-right:0.75rem;--plasma-list-item-padding-bottom:0.689rem;--plasma-list-item-border-radius:0.625rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.m16ihyz9{--plasma-list-item-padding-top:0.75rem;--plasma-list-item-padding-left:0.875rem;--plasma-list-item-padding-right:0.875rem;--plasma-list-item-padding-bottom:0.75rem;--plasma-list-item-border-radius:0.75rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
|
+
.l1rpvhm2{--plasma-list-item-padding-top:1rem;--plasma-list-item-padding-left:1rem;--plasma-list-item-padding-right:1rem;--plasma-list-item-padding-bottom:1rem;--plasma-list-item-border-radius:0.875rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
6
|
+
.x1ubtqc5{--plasma-list-item-padding-top:1.3125rem;--plasma-list-item-padding-left:1.125rem;--plasma-list-item-padding-right:1.125rem;--plasma-list-item-padding-bottom:1.3125rem;--plasma-list-item-border-radius:1rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
7
|
+
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.List_config_qo5s7v_dgfkvez__7a740f77{--plasma-list-item-color:var(--text-primary);--plasma-list-item-color-hover:var(--text-primary);--plasma-list-item-background:transparent;--plasma-list-item-background-hover:var(--surface-transparent-secondary);--plasma-list-item-border-color:transparent;--plasma-list-item-border-color-hover:transparent;--plasma-list-disabled-opacity:0.4;}
|
|
2
|
+
.List_config_qo5s7v_x1j57vd__7a740f77{--plasma-list-item-padding-top:0.5rem;--plasma-list-item-padding-left:0.5rem;--plasma-list-item-padding-right:0.5rem;--plasma-list-item-padding-bottom:0.5rem;--plasma-list-item-border-radius:0.5rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
3
|
+
.List_config_qo5s7v_s111yexy__7a740f77{--plasma-list-item-padding-top:0.689rem;--plasma-list-item-padding-left:0.75rem;--plasma-list-item-padding-right:0.75rem;--plasma-list-item-padding-bottom:0.689rem;--plasma-list-item-border-radius:0.625rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.List_config_qo5s7v_m16ihyz9__7a740f77{--plasma-list-item-padding-top:0.75rem;--plasma-list-item-padding-left:0.875rem;--plasma-list-item-padding-right:0.875rem;--plasma-list-item-padding-bottom:0.75rem;--plasma-list-item-border-radius:0.75rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
|
+
.List_config_qo5s7v_l1rpvhm2__7a740f77{--plasma-list-item-padding-top:1rem;--plasma-list-item-padding-left:1rem;--plasma-list-item-padding-right:1rem;--plasma-list-item-padding-bottom:1rem;--plasma-list-item-border-radius:0.875rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
6
|
+
.List_config_qo5s7v_x1ubtqc5__7a740f77{--plasma-list-item-padding-top:1.3125rem;--plasma-list-item-padding-left:1.125rem;--plasma-list-item-padding-right:1.125rem;--plasma-list-item-padding-bottom:1.3125rem;--plasma-list-item-border-radius:1rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.5rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
7
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { component, mergeConfig, listConfig } from '@salutejs/plasma-new-hope';
|
|
2
|
+
import { config } from './List.config.js';
|
|
3
|
+
|
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(listConfig, config);
|
|
5
|
+
var ListComponent = /*#__PURE__*/component(mergedConfig);
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Список.
|
|
9
|
+
*/
|
|
10
|
+
var List = ListComponent;
|
|
11
|
+
|
|
12
|
+
export { List };
|
|
13
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src-css/components/List/List.ts"],"sourcesContent":["import { listConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './List.config';\n\nconst mergedConfig = mergeConfig(listConfig, config);\nconst ListComponent = component(mergedConfig);\n\n/**\n * Список.\n */\nexport const List = ListComponent;\n"],"names":["mergedConfig","mergeConfig","listConfig","config","ListComponent","component","List"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;AACpD,IAAMC,aAAa,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;"}
|