@salutejs/plasma-b2c 1.412.1-canary.1471.11210396681.0 → 1.413.0-canary.1392.11210877000.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +13 -4
- package/components/Segment/Segment.d.ts +13 -4
- package/components/Segment/SegmentGroup.config.d.ts +5 -2
- package/components/Segment/SegmentGroup.config.js +14 -11
- package/components/Segment/SegmentItem.config.d.ts +1 -1
- package/components/Segment/SegmentItem.config.js +8 -8
- package/components/TextArea/TextArea.config.js +9 -9
- package/css/cjs/components/Segment/Segment.css +19 -18
- package/css/cjs/components/Segment/SegmentGroup.config.js +6 -3
- package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config_1dp3uyk.css +11 -0
- package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
- package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentItem.config_1id76wy.css +9 -0
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/{es/components/TextArea/TextArea.config_1392z53.css → cjs/components/TextArea/TextArea.config_a2j9a9.css} +9 -9
- package/css/cjs/components/TextArea/TextArea.css +10 -10
- package/css/cjs/index.css +31 -30
- package/css/es/components/Segment/Segment.css +19 -18
- package/css/es/components/Segment/SegmentGroup.config.js +6 -3
- package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/es/components/Segment/SegmentGroup.config_1dp3uyk.css +11 -0
- package/css/es/components/Segment/SegmentItem.config.js +3 -3
- package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/es/components/Segment/SegmentItem.config_1id76wy.css +9 -0
- package/css/es/components/TextArea/TextArea.config.js +1 -1
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/{cjs/components/TextArea/TextArea.config_1392z53.css → es/components/TextArea/TextArea.config_a2j9a9.css} +9 -9
- package/css/es/components/TextArea/TextArea.css +10 -10
- package/css/es/index.css +31 -30
- package/es/components/Segment/SegmentGroup.config.js +14 -11
- package/es/components/Segment/SegmentItem.config.js +8 -8
- package/es/components/TextArea/TextArea.config.js +9 -9
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +13 -4
- package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
- package/css/es/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
@@ -8,21 +8,21 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
size: {
|
11
|
-
xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0rem;\n ", ": 0rem;\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 ", ": 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 ", ": 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.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n
|
12
|
-
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\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
|
13
|
-
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n
|
14
|
-
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.5625rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\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
|
11
|
+
xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0rem;\n ", ": 0rem;\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 ", ": 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 ", ": 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.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
12
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\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 "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
13
|
+
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight),
|
14
|
+
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.5625rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\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 "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight)
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--
|
18
|
-
positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-
|
17
|
+
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
18
|
+
positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-hover);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
19
19
|
/**
|
20
20
|
* @deprecated
|
21
21
|
* использовать `default`
|
22
22
|
*/
|
23
|
-
primary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--
|
24
|
-
warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-
|
25
|
-
negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-
|
23
|
+
primary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
24
|
+
warning: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-hover);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
25
|
+
negative: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-hover);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n "])), textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus)
|
26
26
|
},
|
27
27
|
clear: {
|
28
28
|
"true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-b2c",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.413.0-canary.1392.11210877000.0",
|
4
4
|
"description": "Salute Design System / React UI kit for business-related web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -44,7 +44,7 @@
|
|
44
44
|
"dependencies": {
|
45
45
|
"@salutejs/plasma-core": "1.180.0",
|
46
46
|
"@salutejs/plasma-hope": "1.313.0",
|
47
|
-
"@salutejs/plasma-new-hope": "0.
|
47
|
+
"@salutejs/plasma-new-hope": "0.162.0-canary.1392.11210877000.0",
|
48
48
|
"@salutejs/plasma-themes": "0.18.0",
|
49
49
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
50
50
|
"@salutejs/plasma-tokens-web": "1.57.0",
|
@@ -109,5 +109,5 @@
|
|
109
109
|
"react"
|
110
110
|
],
|
111
111
|
"sideEffects": false,
|
112
|
-
"gitHead": "
|
112
|
+
"gitHead": "2a60857491317face692afa325bded697cb6b91d"
|
113
113
|
}
|
package/temp/plasma-b2c.api.md
CHANGED
@@ -2921,20 +2921,26 @@ true: PolymorphicClassName;
|
|
2921
2921
|
pilled: {
|
2922
2922
|
true: PolymorphicClassName;
|
2923
2923
|
};
|
2924
|
-
|
2924
|
+
stretch: {
|
2925
2925
|
true: PolymorphicClassName;
|
2926
2926
|
};
|
2927
|
-
|
2927
|
+
filledBackground: {
|
2928
2928
|
true: PolymorphicClassName;
|
2929
2929
|
};
|
2930
|
+
orientation: {
|
2931
|
+
vertical: PolymorphicClassName;
|
2932
|
+
};
|
2930
2933
|
}> & HTMLAttributes<HTMLDivElement> & {
|
2931
2934
|
selectionMode?: "multiple" | "single" | undefined;
|
2932
2935
|
disabled?: boolean | undefined;
|
2933
2936
|
stretch?: boolean | undefined;
|
2937
|
+
clip?: "scroll" | "showAll" | undefined;
|
2938
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
2934
2939
|
pilled?: boolean | undefined;
|
2935
2940
|
filledBackground?: boolean | undefined;
|
2936
2941
|
size?: string | undefined;
|
2937
2942
|
view?: string | undefined;
|
2943
|
+
hasBackground?: boolean | undefined;
|
2938
2944
|
} & RefAttributes<HTMLDivElement>>;
|
2939
2945
|
|
2940
2946
|
export { SegmentGroupProps }
|
@@ -2943,8 +2949,8 @@ export { SegmentGroupProps }
|
|
2943
2949
|
export const SegmentItem: FunctionComponent<PropsType< {
|
2944
2950
|
view: {
|
2945
2951
|
clear: PolymorphicClassName;
|
2946
|
-
default: PolymorphicClassName;
|
2947
2952
|
secondary: PolymorphicClassName;
|
2953
|
+
default: PolymorphicClassName;
|
2948
2954
|
};
|
2949
2955
|
size: {
|
2950
2956
|
xs: PolymorphicClassName;
|
@@ -2964,8 +2970,11 @@ id?: string | undefined;
|
|
2964
2970
|
label?: ReactNode;
|
2965
2971
|
pilled?: boolean | undefined;
|
2966
2972
|
customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
2973
|
+
skipSelection?: boolean | undefined;
|
2967
2974
|
size?: string | undefined;
|
2968
|
-
view?:
|
2975
|
+
view?: "default" | "secondary" | undefined;
|
2976
|
+
contentLeft?: ReactNode;
|
2977
|
+
contentRight?: ReactNode;
|
2969
2978
|
} & RefAttributes<HTMLLabelElement>>;
|
2970
2979
|
|
2971
2980
|
export { SegmentItemProps }
|
@@ -1,10 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
.tho2yw5{--plasma-segment-group-pilled-border-radius:1.75rem;}
|
9
|
-
.t1q8y2w0{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
|
10
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.d1xvuorj{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.s1f4sf91{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.5rem;}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
.tho2yw5{--plasma-segment-group-pilled-border-radius:1.75rem;}
|
9
|
-
.t1q8y2w0{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
|
10
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.d1xvuorj{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.s1f4sf91{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.5rem;}
|