@salutejs/plasma-web 1.597.0-canary.2286.18557548158.0 → 1.597.0-canary.2288.18653805742.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/components/Attach/Attach.config.js +60 -28
  2. package/components/Attach/Attach.d.ts +448 -16
  3. package/components/Select/Select.config.js +8 -16
  4. package/components/Select/Select.d.ts +0 -12
  5. package/css/cjs/components/Attach/Attach.config.js +1 -1
  6. package/css/cjs/components/Attach/Attach.config.js.map +1 -1
  7. package/css/cjs/components/Attach/{Attach.config_18v389v.css → Attach.config_4eb05r.css} +14 -14
  8. package/css/cjs/components/Attach/Attach.css +16 -16
  9. package/css/cjs/components/Select/Select.config.js +1 -1
  10. package/css/cjs/components/Select/Select.config.js.map +1 -1
  11. package/css/cjs/components/Select/{Select.config_orq393.css → Select.config_wwtmze.css} +4 -4
  12. package/css/cjs/components/Select/Select.css +23 -23
  13. package/css/cjs/index.css +40 -40
  14. package/css/es/components/Attach/Attach.config.js +1 -1
  15. package/css/es/components/Attach/Attach.config.js.map +1 -1
  16. package/css/es/components/Attach/{Attach.config_18v389v.css → Attach.config_4eb05r.css} +14 -14
  17. package/css/es/components/Attach/Attach.css +16 -16
  18. package/css/es/components/Select/Select.config.js +1 -1
  19. package/css/es/components/Select/Select.config.js.map +1 -1
  20. package/css/es/components/Select/{Select.config_orq393.css → Select.config_wwtmze.css} +4 -4
  21. package/css/es/components/Select/Select.css +23 -23
  22. package/css/es/index.css +40 -40
  23. package/es/components/Attach/Attach.config.js +60 -28
  24. package/es/components/Select/Select.config.js +8 -16
  25. package/package.json +3 -3
package/components/Select/Select.config.js CHANGED
@@ -456,9 +456,7 @@ function _templateObject10() {
456
456
  ": 0.75rem;\n ",
457
457
  ": 0 0.5rem 0 0;\n ",
458
458
  ": 1.5rem;\n ",
459
- ": 1.5rem;\n ",
460
- ": 0.5rem;\n ",
461
- ": 2rem;\n\n ",
459
+ ": 1.5rem;\n\n ",
462
460
  ": 0rem;\n ",
463
461
  ": 0rem;\n ",
464
462
  ": 0rem;\n ",
@@ -570,9 +568,7 @@ function _templateObject11() {
570
568
  ": 0.625rem;\n ",
571
569
  ": 0 0.375rem 0 0;\n ",
572
570
  ": 1.5rem;\n ",
573
- ": 1.5rem;\n ",
574
- ": 0.375rem;\n ",
575
- ": 2rem;\n\n ",
571
+ ": 1.5rem;\n\n ",
576
572
  ": 0rem;\n ",
577
573
  ": 0rem;\n ",
578
574
  ": 0rem;\n ",
@@ -684,9 +680,7 @@ function _templateObject12() {
684
680
  ": 0.5rem;\n ",
685
681
  ": 1.5rem;\n ",
686
682
  ": 1rem;\n ",
687
- ": 0 0.375rem 0 0;\n ",
688
- ": 0.375rem;\n ",
689
- ": 1.875rem;\n\n ",
683
+ ": 0 0.375rem 0 0;\n\n ",
690
684
  ": 0rem;\n ",
691
685
  ": 0rem;\n ",
692
686
  ": 0rem;\n ",
@@ -798,9 +792,7 @@ function _templateObject13() {
798
792
  ": 0.375rem;\n ",
799
793
  ": 1rem;\n ",
800
794
  ": 1rem;\n ",
801
- ": 0 0.25rem 0 0;\n ",
802
- ": 0.25rem;\n ",
803
- ": 1.25rem;\n\n ",
795
+ ": 0 0.25rem 0 0;\n\n ",
804
796
  ": 0rem;\n ",
805
797
  ": 0rem;\n ",
806
798
  ": 0rem;\n ",
@@ -1039,10 +1031,10 @@ var config = {
1039
1031
  white: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.selectTokens.buttonColor, _styledcomponents.selectTokens.buttonColorHover, _styledcomponents.selectTokens.buttonColorActive, _styledcomponents.selectTokens.buttonArrowColor, _styledcomponents.selectTokens.buttonArrowColorHover, _styledcomponents.selectTokens.buttonArrowColorActive, _styledcomponents.selectTokens.buttonBackgroundColor, _styledcomponents.selectTokens.buttonBackgroundColorHover, _styledcomponents.selectTokens.buttonBackgroundColorActive, _styledcomponents.selectTokens.itemBackgroundHover, _styledcomponents.selectTokens.disclosureIconColor, _styledcomponents.selectTokens.disclosureIconColorHover, _styledcomponents.selectTokens.itemDisabledOpacity, _styledcomponents.selectTokens.itemDisabledColor, _styledcomponents.selectTokens.dividerColor, _styledcomponents.selectTokens.itemIconColor, _styledcomponents.selectTokens.checkboxFillColor, _styledcomponents.selectTokens.checkboxIconColor, _styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.selectTokens.checkboxTriggerBorderColor)
1040
1032
  },
1041
1033
  size: {
1042
- l: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemGap, _styledcomponents.selectTokens.itemTreeOffsetWidth, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1043
- m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemGap, _styledcomponents.selectTokens.itemTreeOffsetWidth, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1044
- s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemGap, _styledcomponents.selectTokens.itemTreeOffsetWidth, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1045
- xs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemGap, _styledcomponents.selectTokens.itemTreeOffsetWidth, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight)
1034
+ l: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1035
+ m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1036
+ s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight),
1037
+ xs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.selectTokens.textFieldHeight, _styledcomponents.selectTokens.textFieldPadding, _styledcomponents.selectTokens.textFieldPaddingWithChips, _styledcomponents.selectTokens.textFieldBorderRadius, _styledcomponents.selectTokens.textFieldBorderWidth, _styledcomponents.selectTokens.textFieldLeftContentMargin, _styledcomponents.selectTokens.textFieldRightContentMargin, _styledcomponents.selectTokens.textFieldRightContentWithHintMargin, _styledcomponents.selectTokens.textFieldContentRightWrapperGap, _styledcomponents.selectTokens.textFieldContentRightWrapperMargin, _styledcomponents.selectTokens.textFieldTextBeforeMargin, _styledcomponents.selectTokens.textFieldTextAfterMargin, _styledcomponents.selectTokens.textFieldFontFamily, _styledcomponents.selectTokens.textFieldFontSize, _styledcomponents.selectTokens.textFieldFontStyle, _styledcomponents.selectTokens.textFieldFontWeight, _styledcomponents.selectTokens.textFieldLetterSpacing, _styledcomponents.selectTokens.textFieldLineHeight, _styledcomponents.selectTokens.textFieldLabelOffset, _styledcomponents.selectTokens.textFieldLabelFontFamily, _styledcomponents.selectTokens.textFieldLabelFontSize, _styledcomponents.selectTokens.textFieldLabelFontStyle, _styledcomponents.selectTokens.textFieldLabelFontWeight, _styledcomponents.selectTokens.textFieldLabelLetterSpacing, _styledcomponents.selectTokens.textFieldLabelLineHeight, _styledcomponents.selectTokens.textFieldHintMargin, _styledcomponents.selectTokens.textFieldHintTargetSize, _styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.selectTokens.textFieldLeftHelperOffset, _styledcomponents.selectTokens.textFieldLeftHelperFontFamily, _styledcomponents.selectTokens.textFieldLeftHelperFontSize, _styledcomponents.selectTokens.textFieldLeftHelperFontStyle, _styledcomponents.selectTokens.textFieldLeftHelperFontWeight, _styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.selectTokens.textFieldLeftHelperLineHeight, _styledcomponents.selectTokens.textFieldLabelInnerPadding, _styledcomponents.selectTokens.textFieldContentLabelInnerPadding, _styledcomponents.selectTokens.textFieldIndicatorSizeInner, _styledcomponents.selectTokens.textFieldIndicatorSizeOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.selectTokens.textFieldChipGap, _styledcomponents.selectTokens.textFieldChipBorderRadius, _styledcomponents.selectTokens.textFieldChipWidth, _styledcomponents.selectTokens.textFieldChipHeight, _styledcomponents.selectTokens.textFieldChipPadding, _styledcomponents.selectTokens.textFieldChipClearContentMarginLeft, _styledcomponents.selectTokens.textFieldChipClearContentMarginRight, _styledcomponents.selectTokens.textFieldChipCloseIconSize, _styledcomponents.selectTokens.textFieldChipFontFamily, _styledcomponents.selectTokens.textFieldChipFontSize, _styledcomponents.selectTokens.textFieldChipFontStyle, _styledcomponents.selectTokens.textFieldChipFontWeight, _styledcomponents.selectTokens.textFieldChipLetterSpacing, _styledcomponents.selectTokens.textFieldChipLineHeight, _styledcomponents.selectTokens.buttonArrowMargin, _styledcomponents.selectTokens.targetHeight, _styledcomponents.selectTokens.buttonPadding, _styledcomponents.selectTokens.padding, _styledcomponents.selectTokens.borderRadius, _styledcomponents.selectTokens.itemHeight, _styledcomponents.selectTokens.itemPadding, _styledcomponents.selectTokens.itemPaddingTight, _styledcomponents.selectTokens.itemBorderRadius, _styledcomponents.selectTokens.itemIconSize, _styledcomponents.selectTokens.itemIconSizeTight, _styledcomponents.selectTokens.itemIconMargin, _styledcomponents.selectTokens.cellPadding, _styledcomponents.selectTokens.cellPaddingLeftContent, _styledcomponents.selectTokens.cellPaddingContent, _styledcomponents.selectTokens.cellPaddingRightContent, _styledcomponents.selectTokens.cellTextboxGap, _styledcomponents.selectTokens.cellGap, _styledcomponents.selectTokens.cellTitleFontFamily, _styledcomponents.selectTokens.cellTitleFontSize, _styledcomponents.selectTokens.cellTitleFontStyle, _styledcomponents.selectTokens.cellTitleFontWeight, _styledcomponents.selectTokens.cellTitleLetterSpacing, _styledcomponents.selectTokens.cellTitleLineHeight, _styledcomponents.selectTokens.fontFamily, _styledcomponents.selectTokens.fontSize, _styledcomponents.selectTokens.fontStyle, _styledcomponents.selectTokens.fontWeight, _styledcomponents.selectTokens.fontLetterSpacing, _styledcomponents.selectTokens.fontLineHeight, _styledcomponents.selectTokens.checkboxTriggerSize, _styledcomponents.selectTokens.checkboxTriggerSizeTight, _styledcomponents.selectTokens.checkboxTriggerBorderRadius, _styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.selectTokens.checkboxTriggerBorderWidth, _styledcomponents.selectTokens.indicatorSize, _styledcomponents.selectTokens.dividerMarginTop, _styledcomponents.selectTokens.dividerMarginRight, _styledcomponents.selectTokens.dividerMarginBottom, _styledcomponents.selectTokens.dividerMarginLeft, _styledcomponents.selectTokens.dividerMarginTopTight, _styledcomponents.selectTokens.dividerMarginBottomTight)
1046
1038
  },
1047
1039
  labelPlacement: {
1048
1040
  inner: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.selectTokens.textFieldPlaceholderColor, _styledcomponents.selectTokens.textFieldLabelInnerFontFamily, _styledcomponents.selectTokens.textFieldLabelInnerFontSize, _styledcomponents.selectTokens.textFieldLabelInnerFontStyle, _styledcomponents.selectTokens.textFieldLabelInnerFontWeight, _styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing, _styledcomponents.selectTokens.textFieldLabelInnerLineHeight),
package/components/Select/Select.d.ts CHANGED
@@ -72,8 +72,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
72
72
  disabled?: boolean;
73
73
  readOnly?: boolean;
74
74
  items?: DropdownNodeSelect[] | undefined;
75
- treeView?: boolean;
76
- arrowPlacement?: "left" | "right";
77
75
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
78
76
  children?: never;
79
77
  isTargetAmount?: boolean;
@@ -134,8 +132,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
134
132
  disabled?: boolean;
135
133
  readOnly?: boolean;
136
134
  items?: DropdownNodeSelect[] | undefined;
137
- treeView?: boolean;
138
- arrowPlacement?: "left" | "right";
139
135
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
140
136
  children?: never;
141
137
  isTargetAmount?: boolean;
@@ -195,8 +191,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
195
191
  disabled?: boolean;
196
192
  readOnly?: boolean;
197
193
  items?: DropdownNodeSelect[] | undefined;
198
- treeView?: boolean;
199
- arrowPlacement?: "left" | "right";
200
194
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
201
195
  children?: never;
202
196
  isTargetAmount?: boolean;
@@ -257,8 +251,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
257
251
  disabled?: boolean;
258
252
  readOnly?: boolean;
259
253
  items?: DropdownNodeSelect[] | undefined;
260
- treeView?: boolean;
261
- arrowPlacement?: "left" | "right";
262
254
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
263
255
  children?: never;
264
256
  isTargetAmount?: boolean;
@@ -306,8 +298,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
306
298
  disabled?: boolean;
307
299
  readOnly?: boolean;
308
300
  items?: DropdownNodeSelect[] | undefined;
309
- treeView?: boolean;
310
- arrowPlacement?: "left" | "right";
311
301
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
312
302
  children?: never;
313
303
  isTargetAmount?: boolean;
@@ -356,8 +346,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
356
346
  disabled?: boolean;
357
347
  readOnly?: boolean;
358
348
  items?: DropdownNodeSelect[] | undefined;
359
- treeView?: boolean;
360
- arrowPlacement?: "left" | "right";
361
349
  onItemSelect?: ((e: DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
362
350
  children?: never;
363
351
  isTargetAmount?: boolean;
package/css/cjs/components/Attach/Attach.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Attach.config_18v389v.css');
1
+ require('./Attach.config_4eb05r.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/css/cjs/components/Attach/Attach.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.config.js","sources":["../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAwCC,SAAA;AACDC,MAAAA,MAAM,EAwCL,SAAA;AACDC,MAAAA,SAAS,EAwCR,SAAA;AACDC,MAAAA,KAAK,EAwCJ,SAAA;AACDC,MAAAA,OAAO,EAqCN,SAAA;AACDC,MAAAA,OAAO,EAwCN,UAAA;AACDC,MAAAA,QAAQ,EAqCP,SAAA;AACDC,MAAAA,IAAI,EAwCH,SAAA;AACDC,MAAAA,KAAK,EAwCJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAyCR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAkFA,UAAA;AACDC,MAAAA,CAAC,EAkFA,SAAA;AACDC,MAAAA,CAAC,EAkFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAmFN,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Attach.config.js","sources":["../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.75rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.875rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 1rem;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.5rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.75rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.625rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.5rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0CC,SAAA;AACDC,MAAAA,MAAM,EA0CL,SAAA;AACDC,MAAAA,SAAS,EA0CR,SAAA;AACDC,MAAAA,KAAK,EA0CJ,SAAA;AACDC,MAAAA,OAAO,EA0CN,SAAA;AACDC,MAAAA,OAAO,EA0CN,UAAA;AACDC,MAAAA,QAAQ,EAuCP,SAAA;AACDC,MAAAA,IAAI,EA0CH,SAAA;AACDC,MAAAA,KAAK,EA0CJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAyFA,UAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0FN,KAAA;AACJ,GAAA;AACJ;;;;"}