@salutejs/sdds-cs 0.317.1-canary.2008.15410012369.0 → 0.317.1-canary.2013.15560496949.0

package/emotion/cjs/components/Select/Select.config.js

@@ -17,11 +17,11 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-primary);\n            "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor),
-      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-accent);\n            "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor)
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.dividerColor),
+      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.itemDisabledOpacity, _emotion.selectTokens.itemDisabledColor, _emotion.selectTokens.dropdownBorderColor, _emotion.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.dividerColor)
     },
     size: {
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\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.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0 0.5rem 0 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.5rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\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                ", ": 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                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--outline-accent);\n                ", ": transparent;\n                ", ": 0.125rem;\n\n                ", ": 0.375rem;\n            "])), _plasmaNewHope.selectTokens.textFieldHeight, _plasmaNewHope.selectTokens.textFieldPadding, _plasmaNewHope.selectTokens.textFieldPaddingWithChips, _plasmaNewHope.selectTokens.textFieldBorderRadius, _plasmaNewHope.selectTokens.textFieldBorderWidth, _plasmaNewHope.selectTokens.textFieldLeftContentMargin, _plasmaNewHope.selectTokens.textFieldRightContentMargin, _plasmaNewHope.selectTokens.textFieldTextBeforeMargin, _plasmaNewHope.selectTokens.textFieldTextAfterMargin, _plasmaNewHope.selectTokens.textFieldFontFamily, _plasmaNewHope.selectTokens.textFieldFontSize, _plasmaNewHope.selectTokens.textFieldFontStyle, _plasmaNewHope.selectTokens.textFieldFontWeight, _plasmaNewHope.selectTokens.textFieldLetterSpacing, _plasmaNewHope.selectTokens.textFieldLineHeight, _plasmaNewHope.selectTokens.textFieldLabelOffset, _plasmaNewHope.selectTokens.textFieldLabelFontFamily, _plasmaNewHope.selectTokens.textFieldLabelFontSize, _plasmaNewHope.selectTokens.textFieldLabelFontStyle, _plasmaNewHope.selectTokens.textFieldLabelFontWeight, _plasmaNewHope.selectTokens.textFieldLabelLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelLineHeight, _plasmaNewHope.selectTokens.textFieldLeftHelperOffset, _plasmaNewHope.selectTokens.textFieldLeftHelperFontFamily, _plasmaNewHope.selectTokens.textFieldLeftHelperFontSize, _plasmaNewHope.selectTokens.textFieldLeftHelperFontStyle, _plasmaNewHope.selectTokens.textFieldLeftHelperFontWeight, _plasmaNewHope.selectTokens.textFieldLeftHelperLetterSpacing, _plasmaNewHope.selectTokens.textFieldLeftHelperLineHeight, _plasmaNewHope.selectTokens.textFieldLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldContentLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldIndicatorSizeInner, _plasmaNewHope.selectTokens.textFieldIndicatorSizeOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorHintInnerRight, _plasmaNewHope.selectTokens.textFieldChipGap, _plasmaNewHope.selectTokens.textFieldChipBorderRadius, _plasmaNewHope.selectTokens.textFieldChipWidth, _plasmaNewHope.selectTokens.textFieldChipHeight, _plasmaNewHope.selectTokens.textFieldChipPadding, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginLeft, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginRight, _plasmaNewHope.selectTokens.textFieldChipCloseIconSize, _plasmaNewHope.selectTokens.textFieldChipFontFamily, _plasmaNewHope.selectTokens.textFieldChipFontSize, _plasmaNewHope.selectTokens.textFieldChipFontStyle, _plasmaNewHope.selectTokens.textFieldChipFontWeight, _plasmaNewHope.selectTokens.textFieldChipLetterSpacing, _plasmaNewHope.selectTokens.textFieldChipLineHeight, _plasmaNewHope.selectTokens.buttonArrowMargin, _plasmaNewHope.selectTokens.targetHeight, _plasmaNewHope.selectTokens.buttonPadding, _plasmaNewHope.selectTokens.padding, _plasmaNewHope.selectTokens.borderRadius, _plasmaNewHope.selectTokens.dropdownBorderWidth, _plasmaNewHope.selectTokens.itemHeight, _plasmaNewHope.selectTokens.itemPadding, _plasmaNewHope.selectTokens.itemPaddingTight, _plasmaNewHope.selectTokens.itemBorderRadius, _plasmaNewHope.selectTokens.itemIconSize, _plasmaNewHope.selectTokens.itemIconSizeTight, _plasmaNewHope.selectTokens.itemIconMargin, _plasmaNewHope.selectTokens.cellPadding, _plasmaNewHope.selectTokens.cellPaddingLeftContent, _plasmaNewHope.selectTokens.cellPaddingContent, _plasmaNewHope.selectTokens.cellPaddingRightContent, _plasmaNewHope.selectTokens.cellTextboxGap, _plasmaNewHope.selectTokens.cellGap, _plasmaNewHope.selectTokens.cellTitleFontFamily, _plasmaNewHope.selectTokens.cellTitleFontSize, _plasmaNewHope.selectTokens.cellTitleFontStyle, _plasmaNewHope.selectTokens.cellTitleFontWeight, _plasmaNewHope.selectTokens.cellTitleLetterSpacing, _plasmaNewHope.selectTokens.cellTitleLineHeight, _plasmaNewHope.selectTokens.fontFamily, _plasmaNewHope.selectTokens.fontSize, _plasmaNewHope.selectTokens.fontStyle, _plasmaNewHope.selectTokens.fontWeight, _plasmaNewHope.selectTokens.fontLetterSpacing, _plasmaNewHope.selectTokens.fontLineHeight, _plasmaNewHope.selectTokens.checkboxTriggerSize, _plasmaNewHope.selectTokens.checkboxTriggerSizeTight, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadius, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadiusTight, _plasmaNewHope.selectTokens.checkboxFillColor, _plasmaNewHope.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderCheckedColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderWidth, _plasmaNewHope.selectTokens.indicatorSize)
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\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.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0 0.5rem 0 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.5rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\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                ", ": 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                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--outline-accent);\n                ", ": transparent;\n                ", ": 0.125rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n            "])), _plasmaNewHope.selectTokens.textFieldHeight, _plasmaNewHope.selectTokens.textFieldPadding, _plasmaNewHope.selectTokens.textFieldPaddingWithChips, _plasmaNewHope.selectTokens.textFieldBorderRadius, _plasmaNewHope.selectTokens.textFieldBorderWidth, _plasmaNewHope.selectTokens.textFieldLeftContentMargin, _plasmaNewHope.selectTokens.textFieldRightContentMargin, _plasmaNewHope.selectTokens.textFieldTextBeforeMargin, _plasmaNewHope.selectTokens.textFieldTextAfterMargin, _plasmaNewHope.selectTokens.textFieldFontFamily, _plasmaNewHope.selectTokens.textFieldFontSize, _plasmaNewHope.selectTokens.textFieldFontStyle, _plasmaNewHope.selectTokens.textFieldFontWeight, _plasmaNewHope.selectTokens.textFieldLetterSpacing, _plasmaNewHope.selectTokens.textFieldLineHeight, _plasmaNewHope.selectTokens.textFieldLabelOffset, _plasmaNewHope.selectTokens.textFieldLabelFontFamily, _plasmaNewHope.selectTokens.textFieldLabelFontSize, _plasmaNewHope.selectTokens.textFieldLabelFontStyle, _plasmaNewHope.selectTokens.textFieldLabelFontWeight, _plasmaNewHope.selectTokens.textFieldLabelLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelLineHeight, _plasmaNewHope.selectTokens.textFieldLeftHelperOffset, _plasmaNewHope.selectTokens.textFieldLeftHelperFontFamily, _plasmaNewHope.selectTokens.textFieldLeftHelperFontSize, _plasmaNewHope.selectTokens.textFieldLeftHelperFontStyle, _plasmaNewHope.selectTokens.textFieldLeftHelperFontWeight, _plasmaNewHope.selectTokens.textFieldLeftHelperLetterSpacing, _plasmaNewHope.selectTokens.textFieldLeftHelperLineHeight, _plasmaNewHope.selectTokens.textFieldLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldContentLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldIndicatorSizeInner, _plasmaNewHope.selectTokens.textFieldIndicatorSizeOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorHintInnerRight, _plasmaNewHope.selectTokens.textFieldChipGap, _plasmaNewHope.selectTokens.textFieldChipBorderRadius, _plasmaNewHope.selectTokens.textFieldChipWidth, _plasmaNewHope.selectTokens.textFieldChipHeight, _plasmaNewHope.selectTokens.textFieldChipPadding, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginLeft, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginRight, _plasmaNewHope.selectTokens.textFieldChipCloseIconSize, _plasmaNewHope.selectTokens.textFieldChipFontFamily, _plasmaNewHope.selectTokens.textFieldChipFontSize, _plasmaNewHope.selectTokens.textFieldChipFontStyle, _plasmaNewHope.selectTokens.textFieldChipFontWeight, _plasmaNewHope.selectTokens.textFieldChipLetterSpacing, _plasmaNewHope.selectTokens.textFieldChipLineHeight, _plasmaNewHope.selectTokens.buttonArrowMargin, _plasmaNewHope.selectTokens.targetHeight, _plasmaNewHope.selectTokens.buttonPadding, _plasmaNewHope.selectTokens.padding, _plasmaNewHope.selectTokens.borderRadius, _plasmaNewHope.selectTokens.dropdownBorderWidth, _plasmaNewHope.selectTokens.itemHeight, _plasmaNewHope.selectTokens.itemPadding, _plasmaNewHope.selectTokens.itemPaddingTight, _plasmaNewHope.selectTokens.itemBorderRadius, _plasmaNewHope.selectTokens.itemIconSize, _plasmaNewHope.selectTokens.itemIconSizeTight, _plasmaNewHope.selectTokens.itemIconMargin, _plasmaNewHope.selectTokens.cellPadding, _plasmaNewHope.selectTokens.cellPaddingLeftContent, _plasmaNewHope.selectTokens.cellPaddingContent, _plasmaNewHope.selectTokens.cellPaddingRightContent, _plasmaNewHope.selectTokens.cellTextboxGap, _plasmaNewHope.selectTokens.cellGap, _plasmaNewHope.selectTokens.cellTitleFontFamily, _plasmaNewHope.selectTokens.cellTitleFontSize, _plasmaNewHope.selectTokens.cellTitleFontStyle, _plasmaNewHope.selectTokens.cellTitleFontWeight, _plasmaNewHope.selectTokens.cellTitleLetterSpacing, _plasmaNewHope.selectTokens.cellTitleLineHeight, _plasmaNewHope.selectTokens.fontFamily, _plasmaNewHope.selectTokens.fontSize, _plasmaNewHope.selectTokens.fontStyle, _plasmaNewHope.selectTokens.fontWeight, _plasmaNewHope.selectTokens.fontLetterSpacing, _plasmaNewHope.selectTokens.fontLineHeight, _plasmaNewHope.selectTokens.checkboxTriggerSize, _plasmaNewHope.selectTokens.checkboxTriggerSizeTight, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadius, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadiusTight, _plasmaNewHope.selectTokens.checkboxFillColor, _plasmaNewHope.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderCheckedColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderWidth, _plasmaNewHope.selectTokens.indicatorSize, _plasmaNewHope.selectTokens.dividerMarginTop, _plasmaNewHope.selectTokens.dividerMarginRight, _plasmaNewHope.selectTokens.dividerMarginBottom, _plasmaNewHope.selectTokens.dividerMarginLeft, _plasmaNewHope.selectTokens.dividerMarginTopTight, _plasmaNewHope.selectTokens.dividerMarginBottomTight)
     },
     labelPlacement: {
       inner: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _plasmaNewHope.selectTokens.textFieldPlaceholderColor, _plasmaNewHope.selectTokens.textFieldLabelInnerFontFamily, _plasmaNewHope.selectTokens.textFieldLabelInnerFontSize, _plasmaNewHope.selectTokens.textFieldLabelInnerFontStyle, _plasmaNewHope.selectTokens.textFieldLabelInnerFontWeight, _plasmaNewHope.selectTokens.textFieldLabelInnerLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelInnerLineHeight),

package/emotion/cjs/components/Select/Select.stories.tsx

@@ -9,6 +9,8 @@ import { Select } from './Select';
 
 type StorySelectProps = ComponentProps<typeof Select> & {
     enableContentLeft?: boolean;
+    selectAllLabel?: string;
+    selectAllSticky?: boolean;
 };
 
 const view = ['default', 'negative'];
@@ -454,3 +456,187 @@ const PredefinedStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
 export const Predefined: StoryObj<StorySelectProps> = {
     render: (args) => <PredefinedStory {...args} />,
 };
+
+const flatItems = [
+    {
+        value: 'north_america',
+        label: 'Северная Америка',
+    },
+    {
+        value: 'rio_de_janeiro',
+        label: 'Рио-де-Жанейро',
+    },
+    {
+        value: 'sao_paulo',
+        label: 'Сан-Паулу',
+    },
+    {
+        value: 'buenos_aires',
+        label: 'Буэнос-Айрес',
+    },
+    {
+        value: 'cordoba',
+        label: 'Кордова',
+    },
+    {
+        value: 'bogota',
+        label: 'Богота',
+    },
+    {
+        value: 'medellin',
+        label: 'Медельин',
+    },
+    {
+        value: 'paris',
+        label: 'Париж',
+    },
+    {
+        value: 'lyon',
+        label: 'Лион',
+    },
+    {
+        value: 'berlin',
+        label: 'Берлин',
+    },
+    {
+        value: 'munich',
+        label: 'Мюнхен',
+    },
+    {
+        value: 'rome',
+        label: 'Рим',
+    },
+    {
+        value: 'milan',
+        label: 'Милан',
+    },
+    {
+        value: 'madrid',
+        label: 'Мадрид',
+    },
+    {
+        value: 'barcelona',
+        label: 'Барселона',
+    },
+    {
+        value: 'london',
+        label: 'Лондон',
+    },
+    {
+        value: 'manchester',
+        label: 'Манчестер',
+    },
+    {
+        value: 'beijing',
+        label: 'Пекин',
+    },
+    {
+        value: 'shanghai',
+        label: 'Шанхай',
+    },
+    {
+        value: 'tokyo',
+        label: 'Токио',
+    },
+    {
+        value: 'osaka',
+        label: 'Осака',
+    },
+    {
+        value: 'delhi',
+        label: 'Дели',
+    },
+    {
+        value: 'mumbai',
+        label: 'Мумбаи',
+    },
+    {
+        value: 'seoul',
+        label: 'Сеул',
+    },
+    {
+        value: 'busan',
+        label: 'Пусан',
+    },
+    {
+        value: 'bangkok',
+        label: 'Бангкок',
+    },
+    {
+        value: 'phuket',
+        label: 'Пхукет',
+    },
+    {
+        value: 'africa',
+        label: 'Африка',
+    },
+];
+
+const SelectAllStory = (args: StorySelectProps) => {
+    const [value, setValue] = useState([]);
+    const [checked, setChecked] = useState(false);
+    const [indeterminate, setIndeterminate] = useState(false);
+
+    const handleClick = () => {
+        if (checked && !indeterminate) {
+            setValue([]);
+        } else {
+            setValue(flatItems.map((item) => item.value));
+        }
+    };
+
+    React.useEffect(() => {
+        if (value.length === 0) {
+            setChecked(false);
+            setIndeterminate(false);
+        } else if (value.length === flatItems.length) {
+            setChecked(true);
+            setIndeterminate(false);
+        } else {
+            setChecked(true);
+            setIndeterminate(true);
+        }
+    }, [value]);
+
+    return (
+        <div style={{ width: '400px' }}>
+            <Select
+                placeholder="Placeholder"
+                multiselect
+                items={flatItems}
+                value={value}
+                onChange={setValue}
+                listOverflow="auto"
+                listMaxHeight="300px"
+                selectAllOptions={{
+                    sticky: args?.selectAllSticky || false,
+                    label: args?.selectAllLabel,
+                    checked,
+                    indeterminate,
+                    onClick: handleClick,
+                }}
+            />
+        </div>
+    );
+};
+
+export const SelectAll: StoryObj<StorySelectProps> = {
+    render: (args) => <SelectAllStory {...args} />,
+    argTypes: {
+        selectAllSticky: {
+            control: 'boolean',
+        },
+        selectAllLabel: {
+            control: 'text',
+        },
+    },
+    args: {
+        selectAllSticky: false,
+        selectAllLabel: 'Выбрать все',
+    },
+    parameters: {
+        controls: {
+            include: ['selectAllSticky', 'selectAllLabel'],
+        },
+    },
+};

package/emotion/cjs/components/Table/Table.config.js

@@ -18,9 +18,9 @@ var config = exports.config = {
       clear: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n            "])), _emotion.tableTokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 3.125rem;\n                ", ": 3.125rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.5rem;\n                ", ": 3rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0 0.75rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.75rem 0;\n                ", ": 0.375rem 1rem;\n\n                ", ": 2.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.5rem 1rem;\n                ", ": 0.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight),
-      m: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 2.75rem;\n                ", ": 2.75rem;\n                ", ": 0.25rem 0.875rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.375rem;\n                ", ": 2.5rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0 0.625rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.375rem 0.875rem;\n\n                ", ": 2rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight),
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 2.125rem;\n                ", ": 2.125rem;\n                ", ": 0.125rem 0.5rem;\n                ", ": 0.125rem 0.625rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.25rem;\n                ", ": 2rem;\n                ", ": 100%;\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.25rem 0.625rem;\n\n                ", ": 1.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 1rem;\n                ", ": 0;\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.875rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.625rem;\n                ", ": 0.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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight)
+      l: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 3.125rem;\n                ", ": 3.125rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.5rem;\n                ", ": 3rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0 0.75rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.75rem 0;\n                ", ": 0.375rem 0.75rem;\n\n                ", ": 2.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight),
+      m: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 2.75rem;\n                ", ": 2.75rem;\n                ", ": 0.25rem 0.875rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.375rem;\n                ", ": 2.5rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0 0.625rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.375rem 0.75rem;\n\n                ", ": 2rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight),
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 2.125rem;\n                ", ": 2.125rem;\n                ", ": 0.125rem 0.5rem;\n                ", ": 0.125rem 0.625rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.25rem;\n                ", ": 2rem;\n                ", ": 100%;\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.25rem 0.5rem;\n\n                ", ": 1.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 1rem;\n                ", ": 0;\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.875rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.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-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.tableTokens.fontFamily, _emotion.tableTokens.fontSize, _emotion.tableTokens.fontStyle, _emotion.tableTokens.fontWeight, _emotion.tableTokens.letterSpacing, _emotion.tableTokens.lineHeight, _emotion.tableTokens.headerRowHeight, _emotion.tableTokens.rowHeight, _emotion.tableTokens.cellPadding, _emotion.tableTokens.checkboxCellPadding, _emotion.tableTokens.checkboxTriggerBorderWidth, _emotion.tableTokens.checkboxTriggerBorderCheckedColor, _emotion.tableTokens.checkboxTriggerSize, _emotion.tableTokens.checkboxTriggerBorderRadius, _emotion.tableTokens.checkboxTriggerBorderColor, _emotion.tableTokens.checkboxFillColor, _emotion.tableTokens.checkboxTriggerIconColor, _emotion.tableTokens.editableCellIconGap, _emotion.tableTokens.editableCellIconButtonWidth, _emotion.tableTokens.editableCellIconButtonHeight, _emotion.tableTokens.editableCellPadding, _emotion.tableTokens.editableCellInputBorderRadius, _emotion.tableTokens.editableCellInputPadding, _emotion.tableTokens.editableCellInputBackground, _emotion.tableTokens.filterCheckboxPadding, _emotion.tableTokens.filterDividerMargin, _emotion.tableTokens.buttonHeight, _emotion.tableTokens.buttonFontFamily, _emotion.tableTokens.buttonFontSize, _emotion.tableTokens.buttonFontStyle, _emotion.tableTokens.buttonFontWeight, _emotion.tableTokens.buttonLetterSpacing, _emotion.tableTokens.buttonLineHeight, _emotion.tableTokens.selectPadding, _emotion.tableTokens.selectBorderRadius, _emotion.tableTokens.selectItemHeight, _emotion.tableTokens.selectItemPadding, _emotion.tableTokens.selectItemBorderRadius, _emotion.tableTokens.selectItemIconMargin, _emotion.tableTokens.selectItemIconSize, _emotion.tableTokens.selectCellPadding, _emotion.tableTokens.selectCellTitleFontFamily, _emotion.tableTokens.selectCellTitleFontSize, _emotion.tableTokens.selectCellTitleFontStyle, _emotion.tableTokens.selectCellTitleFontWeight, _emotion.tableTokens.selectCellTitleLetterSpacing, _emotion.tableTokens.selectCellTitleLineHeight, _emotion.tableTokens.selectCheckboxTriggerSize, _emotion.tableTokens.selectCheckboxTriggerBorderRadius, _emotion.tableTokens.selectCheckboxTriggerBorderWidth, _emotion.tableTokens.selectCheckboxTriggerBorderCheckedColor, _emotion.tableTokens.selectControlPanelPadding, _emotion.tableTokens.selectControlPanelGap, _emotion.tableTokens.linkButtonFontFamily, _emotion.tableTokens.linkButtonFontSize, _emotion.tableTokens.linkButtonFontStyle, _emotion.tableTokens.linkButtonFontWeight, _emotion.tableTokens.linkButtonLetterSpacing, _emotion.tableTokens.linkButtonLineHeight)
     }
   }
 };

package/emotion/cjs/index.js

@@ -707,6 +707,17 @@ Object.keys(_ToastNew).forEach(function (key) {
     }
   });
 });
+var _Carousel = /*#__PURE__*/require("./components/Carousel");
+Object.keys(_Carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Carousel[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/emotion/es/components/Carousel/Carousel.config.js

@@ -0,0 +1,17 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
+    },
+    size: {
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    }
+  }
+};

package/emotion/es/components/Carousel/Carousel.js

@@ -0,0 +1,5 @@
+import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+import { config } from './Carousel.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
+var Carousel = /*#__PURE__*/component(mergedConfig);
+export { Carousel };

package/emotion/es/components/Carousel/Carousel.stories.tsx

@@ -0,0 +1,138 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import styled from 'styled-components';
+import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { config } from './Carousel.config';
+import { Carousel } from './Carousel';
+
+import { CarouselItem } from './index';
+
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
+
+const meta: Meta<StoryCarouselProps> = {
+    title: 'Navigation/Carousel',
+    component: Carousel,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        align: {
+            options: ['start', 'center', 'end', 'activeDirection'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        view: 'default',
+        size: 's',
+        align: 'center',
+        slides: 10,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'align',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StyledCard = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 8px;
+    width: 400px;
+    height: 370px;
+    background-color: #add8e6;
+    font-size: 30px;
+`;
+
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
+
+    return (
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryCarouselProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/es/components/Carousel/index.js

@@ -0,0 +1,2 @@
+export { CarouselItem } from '@salutejs/plasma-new-hope/emotion';
+export { Carousel } from './Carousel';