@salutejs/sdds-serv 0.323.0-canary.2238.17818313113.0 → 0.323.0-canary.2239.17794430722.0

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

@@ -481,7 +481,6 @@ function _templateObject12() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3.5rem;\n                ",
-        ": 3.5rem;\n                ",
         ": 12.5rem;\n                ",
         ": 1.5rem;\n                ",
         ": 0.875rem;\n                ",
@@ -558,7 +557,6 @@ function _templateObject13() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3rem;\n                ",
-        ": 3rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1.25rem;\n                ",
         ": 0.75rem;\n                ",
@@ -635,7 +633,6 @@ function _templateObject14() {
         ": 0.375rem;\n                ",
         ": 1.5rem;\n\n                ",
         ": 2.5rem;\n                ",
-        ": 2.5rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1rem;\n                ",
         ": 0.625rem;\n                ",
@@ -712,7 +709,6 @@ function _templateObject15() {
         ": 0.25rem;\n                ",
         ": 1.375rem;\n\n                ",
         ": 2rem;\n                ",
-        ": 2rem;\n                ",
         ": 10rem;\n                ",
         ": 0.75rem;\n                ",
         ": 0.5rem;\n                ",
@@ -808,10 +804,10 @@ export var config = {
             negative: css(_templateObject11(), attachTokens.helperTextColor)
         },
         size: {
-            l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
+            l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
         }
     }
 };

package/emotion/es/components/Skeleton/LineSkeleton.config.js

@@ -9,208 +9,188 @@ function _tagged_template_literal(strings, raw) {
     }));
 }
 function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-body-l-line-height);\n                ",
         ": var(--plasma-typo-body-l-font-size);\n            "
     ]);
-    _templateObject2 = function _templateObject() {
+    _templateObject = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3() {
+function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-body-m-line-height);\n                ",
         ": var(--plasma-typo-body-m-font-size);\n            "
     ]);
-    _templateObject3 = function _templateObject() {
+    _templateObject1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject4() {
+function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-body-s-line-height);\n                ",
         ": var(--plasma-typo-body-s-font-size);\n            "
     ]);
-    _templateObject4 = function _templateObject() {
+    _templateObject2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject5() {
+function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-body-xs-line-height);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n            "
     ]);
-    _templateObject5 = function _templateObject() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6() {
+function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-body-xxs-line-height);\n                ",
         ": var(--plasma-typo-body-xxs-font-size);\n            "
     ]);
-    _templateObject6 = function _templateObject() {
+    _templateObject4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject7() {
+function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-dspl-l-line-height);\n                ",
         ": var(--plasma-typo-dspl-l-font-size);\n            "
     ]);
-    _templateObject7 = function _templateObject() {
+    _templateObject5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject8() {
+function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-dspl-m-line-height);\n                ",
         ": var(--plasma-typo-dspl-m-font-size);\n            "
     ]);
-    _templateObject8 = function _templateObject() {
+    _templateObject6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9() {
+function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-dspl-s-line-height);\n                ",
         ": var(--plasma-typo-dspl-s-font-size);\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject7 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-h1-line-height);\n                ",
         ": var(--plasma-typo-h1-font-size);\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-h2-line-height);\n                ",
         ": var(--plasma-typo-h2-font-size);\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-h3-line-height);\n                ",
         ": var(--plasma-typo-h3-font-size);\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-h4-line-height);\n                ",
         ": var(--plasma-typo-h4-font-size);\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-h5-line-height);\n                ",
         ": var(--plasma-typo-h5-font-size);\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject15() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-l-line-height);\n                ",
         ": var(--plasma-typo-text-l-font-size);\n            "
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject16() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-m-line-height);\n                ",
         ": var(--plasma-typo-text-m-font-size);\n            "
     ]);
-    _templateObject16 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject17() {
+function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-s-line-height);\n                ",
         ": var(--plasma-typo-text-s-font-size);\n            "
     ]);
-    _templateObject17 = function _templateObject() {
+    _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject18() {
+function _templateObject16() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-xs-line-height);\n                ",
         ": var(--plasma-typo-text-xs-font-size);\n            "
     ]);
-    _templateObject18 = function _templateObject() {
+    _templateObject16 = function _templateObject() {
         return data;
     };
     return data;
@@ -218,32 +198,27 @@ function _templateObject18() {
 import { css, skeletonTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
     defaults: {
-        size: 'bodyM',
-        view: 'default'
+        size: 'bodyM'
     },
     variations: {
-        view: {
-            default: css(_templateObject(), skeletonTokens.gradientColor),
-            lighter: css(_templateObject1(), skeletonTokens.gradientColor)
-        },
         size: {
-            bodyL: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyM: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyXS: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyXXS: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplL: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplM: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplS: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h1: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h2: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
+            bodyL: css(_templateObject(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            bodyM: css(_templateObject1(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            bodyS: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            bodyXS: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            bodyXXS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            dsplL: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            dsplM: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            dsplS: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            h1: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            h2: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            h3: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            h4: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            h5: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textL: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textM: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textS: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textXS: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
         }
     }
 };

package/es/components/Attach/Attach.config.js

@@ -1,4 +1,4 @@
-import './Attach.config_18v389v.css';
+import './Attach.config_ld8c4j.css';
 var config = {
   defaults: {
     view: 'default',

package/es/components/Attach/Attach.config.js.map

@@ -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;;;;"}
+{"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.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.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.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.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,EAiFA,UAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAkFN,KAAA;AACJ,GAAA;AACJ;;;;"}