@salutejs/plasma-b2c 1.414.0-canary.1452.11263420833.0 → 1.414.0-canary.1466.11269016047.0

package/es/components/Slider/Slider.config.js

@@ -13,9 +13,9 @@ export var config = {
       gradient: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
     },
     size: {
-      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueLeftRightMargin, sliderTokens.rangeValueVerticalMargin, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\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                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\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            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueLeftRightMargin, sliderTokens.rangeValueVerticalMargin, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\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.5rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\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                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\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            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueLeftRightMargin, sliderTokens.rangeValueVerticalMargin, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\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.75rem;\n                ", ": -1.25rem;\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                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
+      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": -1.25rem;\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                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\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            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
+      s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": -1.25rem;\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                ", ": 1rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\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            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), sliderTokens.disabledOpacity)

package/es/components/Tabs/TabItem.js

@@ -1,8 +1,17 @@
-import { tabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-import { config } from './TabItem.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(tabItemConfig, config);
-
+import React from 'react';
+import { horizontalTabItemConfig, verticalTabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';
+import { config as verticalConfig } from './vertical/VerticalTabItem.config';
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, horizontalConfig);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, verticalConfig);
+var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
 /**
  * Элемент списка, недопустимо использовать вне компонента Tabs.
  */
-export var TabItem = /*#__PURE__*/component(mergedConfig);
+export var TabItem = function TabItem(props) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabItem, props);
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
+};

package/es/components/Tabs/Tabs.js

@@ -1,7 +1,17 @@
-import { tabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-import { config } from './Tabs.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(tabsConfig, config);
+import React from 'react';
+import { horizontalTabsConfig, verticalTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config as horizontalConfig } from './horizontal/HorizontalTabs.config';
+import { config as verticalConfig } from './vertical/VerticalTabs.config';
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, horizontalConfig);
+var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, verticalConfig);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
 /**
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
  */
-export var Tabs = /*#__PURE__*/component(mergedConfig);
+export var Tabs = function Tabs(props) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabs, props);
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
+};

package/es/components/Tabs/TabsController.js

@@ -1,9 +1,13 @@
-import { createTabsController } from '@salutejs/plasma-new-hope/styled-components';
-import { Tabs } from './Tabs';
-import { TabItem } from './TabItem';
+import { createTabsController, horizontalTabItemConfig as horizontalBaseTabItemConfig, horizontalTabsConfig as horizontalBaseTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';
+import { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
 
 /**
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
  */
-export var TabsController = /*#__PURE__*/createTabsController(Tabs, TabItem);
+export var TabsController = /*#__PURE__*/createTabsController(HorizontalTabs, HorizontalTabItem);

package/es/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js}

@@ -8,10 +8,10 @@ export var config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      "default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary);\n            "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor)
+      clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      "default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
     },
     size: {
       xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0 0.5rem;\n                ", ": 0 0.375rem;\n                ", ": 1.75rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\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            "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),

package/es/components/Tabs/vertical/VerticalTabItem.config.js

@@ -0,0 +1,23 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'divider',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
+    },
+    size: {
+      xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0 0.5rem;\n                ", ": 0 0.375rem;\n                ", ": 0.5rem 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\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            "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.5rem;\n                ", ": 0 0.625rem;\n                ", ": 0 0.5rem;\n                ", ": 0.5rem 1rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\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            "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": auto;\n                ", ": 3rem;\n                ", ": 0 0.625rem;\n                ", ": 0 0.5rem;\n                ", ": 0.75rem 1.25rem;\n                ", ": 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\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            "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": auto;\n                ", ": 3.5rem;\n                ", ": 0 0.875rem;\n                ", ": 0 0.75rem;\n                ", ": 1rem 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\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            "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tabsTokens.disabledOpacity)
+    }
+  }
+};

package/es/components/Tabs/vertical/VerticalTabs.config.js

@@ -0,0 +1,26 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'divider',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--surface-accent);\n\n                ", ": 0.0625rem;\n                ", ": 0.0625rem;\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.0625rem;\n            "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
+    },
+    size: {
+      xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.125rem;\n            "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.25rem;\n            "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.625rem;\n            "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.75rem;\n            "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
+    },
+    stretch: {
+      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n            "])), tabsTokens.containerHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tabsTokens.disabledOpacity)
+    }
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-b2c",
-  "version": "1.414.0-canary.1452.11263420833.0",
+  "version": "1.414.0-canary.1466.11269016047.0",
   "description": "Salute Design System / React UI kit for business-related web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -44,7 +44,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.181.0-dev.0",
     "@salutejs/plasma-hope": "1.314.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.163.0-canary.1452.11263420833.0",
+    "@salutejs/plasma-new-hope": "0.163.0-canary.1466.11269016047.0",
     "@salutejs/plasma-themes": "0.19.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.52.0",
     "@salutejs/plasma-tokens-web": "1.57.0",
@@ -109,5 +109,5 @@
     "react"
   ],
   "sideEffects": false,
-  "gitHead": "68dbade72cba9b5f3002f82c53271876802b951f"
+  "gitHead": "bba75403b6d3e7274d50d2f1a5fde2ba1fabf426"
 }

package/temp/plasma-b2c.api.md

@@ -40,6 +40,8 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
+import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
+import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
 import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
 import { BlurProps } from '@salutejs/plasma-core';
 import { blurs } from '@salutejs/plasma-core';
@@ -100,10 +102,10 @@ import { convertRoundnessMatrix } from '@salutejs/plasma-core';
 import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
+import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
-import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
-import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
+import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
 import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
 import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
@@ -273,11 +275,9 @@ import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { SyntheticEvent } from 'react';
 import { syntheticFocus } from '@salutejs/plasma-core';
-import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
 import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TextareaHTMLAttributes } from '@salutejs/plasma-core';
 import type { TextAreaProps as TextAreaProps_2 } from '@salutejs/plasma-hope';
 import { TextareaResize } from '@salutejs/plasma-core';
@@ -701,6 +701,7 @@ size: {
 l: PolymorphicClassName;
 m: PolymorphicClassName;
 s: PolymorphicClassName;
+xs: PolymorphicClassName;
 };
 pilled: {
 true: PolymorphicClassName;
@@ -3202,115 +3203,37 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
 name: string;
 value?: undefined;
 defaultValue?: number | undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "m" | "s" | "l" | undefined;
-type?: "single" | undefined;
-hasPointer?: boolean | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((event: FormTypeNumber) => void) | undefined;
-name: string;
-value?: undefined;
-defaultValue?: number | undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
-hasPointer?: boolean | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
 name?: undefined;
 defaultValue?: undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
-hasPointer?: boolean | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((value: number) => void) | undefined;
-value: number;
-name?: undefined;
-defaultValue?: undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "m" | "s" | "l" | undefined;
-type?: "single" | undefined;
-hasPointer?: boolean | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
 onChange?: ((event: FormTypeString) => void) | undefined;
 name?: string | undefined;
@@ -3395,15 +3318,17 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
 
 export { syntheticFocus }
 
+// Warning: (ae-forgotten-export) The symbol "TabItemProps" needs to be exported by the entry point index.d.ts
+//
 // @public
-export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
-
-export { TabItemProps }
+export const TabItem: (props: TabItemProps) => JSX.Element;
 
 export { TabItemRefs }
 
+// Warning: (ae-forgotten-export) The symbol "TabsProps" needs to be exported by the entry point index.d.ts
+//
 // @public
-export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
+export const Tabs: (props: TabsProps) => JSX.Element;
 
 export { TabsContext }
 
@@ -3412,8 +3337,6 @@ export const TabsController: ForwardRefExoticComponent<TabsControllerProps & Ref
 
 export { TabsControllerProps }
 
-export { TabsProps }
-
 // @public
 export const TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 

package/css/cjs/components/Slider/Slider.config_4uln15.css

@@ -1,7 +0,0 @@
-.d6l4g7t{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-solid-default);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
-.arixt6{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
-.g15uwhki{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent-gradient);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent-gradient);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
-.llm3h8c{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-left-right-margin:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-size-large:1.25rem;--plasma-slider-thumb-border:0.0625rem solid;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-s-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-s-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-s-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-s-line-height);--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
-.mog9szd{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-left-right-margin:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-size-large:1.25rem;--plasma-slider-thumb-border:0.0625rem solid;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-xs-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-xs-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-xs-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-xs-line-height);--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
-.shhrpp3{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-left-right-margin:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-size-large:1.25rem;--plasma-slider-thumb-border:0.0625rem solid;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-xs-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-xs-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-xs-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-xs-line-height);--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
-.tugcj18{--plasma-slider-disabled-opacity:0.4;}

package/css/cjs/components/Tabs/TabItem.config.js

@@ -1,39 +0,0 @@
-import './TabItem.config_vxu3dc.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      clear: "c12geyh4",
-      secondary: "skxrl3x",
-      divider: "d1qfynte",
-      "default": "dcu9hou"
-    },
-    size: {
-      xs: "xd9jef9",
-      s: "svtzz6s",
-      m: "mv38ab4",
-      l: "l1bx3z7v",
-      h5: "hst8lw7",
-      h4: "hnmfpx2",
-      h3: "h1ph8cz0",
-      h2: "h1dyyy38",
-      h1: "hsee6cj"
-    },
-    disabled: {
-      "true": "t1uqdflh"
-    },
-    pilled: {
-      "true": "t1cm9seg"
-    }
-  }
-};
-
-exports.config = config;
-//# sourceMappingURL=TabItem.config.js.map

package/css/cjs/components/Tabs/TabItem.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.config.js","sources":["../../../../src-css/components/Tabs/TabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n                ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.additionalContentColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n                ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.additionalContentColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n                ${tabsTokens.additionalContentSelectedColor}: var(--inverse-text-secondary);\n                ${tabsTokens.additionalContentSelectedHoverColor}: var(--inverse-text-secondary);\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.875rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.5rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 3.5rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled"],"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;AACFG,MAAAA,KAAK,EAyBJ,UAAA;AACDC,MAAAA,SAAS,EAyBR,SAAA;AACDC,MAAAA,OAAO,EA0BN,UAAA;MACDC,SAAO,EAAA,SAAA;KA0BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}