@salutejs/sdds-os 0.19.0-next-sbcom.0 → 0.19.0

package/dist/styled-components/es/components/DatePicker/DatePicker.config.js

@@ -12,9 +12,9 @@ function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--surface-accent);\n\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-positive);\n\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-positive);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
@@ -51,31 +51,31 @@ function _templateObject() {
         ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
         ": var(--plasma-typo-body-xs-line-height);\n\n                ",
         ": var(--surface-negative);\n\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
-        ": var(--surface-transparent-positive);\n                ",
-        ": var(--surface-transparent-positive-active);\n\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-negative-active);\n                ",
+        ": var(--surface-solid-positive);\n                ",
+        ": var(--surface-solid-positive-active);\n\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--shadow-down-soft-s);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-solid-card);\n\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": transparent;\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--inverse-text-primary);\n                ",
         ": var(--surface-accent);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-accent);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--surface-solid-default);\n                ",
@@ -95,7 +95,7 @@ function _templateObject() {
         ": var(--shadow-down-hard-s);\n                ",
         ": var(--text-primary);\n\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n            "
+        ": var(--surface-solid-secondary);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -530,13 +530,13 @@ function _templateObject8() {
 function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
         ": var(--text-primary);\n                ",
         ": 0.4;\n\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
         ": 0.4;\n                ",
         ": 0.4;\n                ",

package/dist/styled-components/es/components/Divider/Divider.config.js

@@ -11,7 +11,7 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
+        ": var(--surface-solid-tertiary);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;

package/dist/styled-components/es/components/Drawer/Drawer.config.js

@@ -13,7 +13,7 @@ function _templateObject() {
         "\n                ",
         ": var(--surface-solid-card);\n                ",
         ": 0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--overlay-blur);\n                ",
         ": var(--overlay-soft);\n            "
     ]);

package/dist/styled-components/es/components/Dropdown/Dropdown.config.js

@@ -131,8 +131,8 @@ function _templateObject2() {
 function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
+        ": var(--surface-solid-secondary);\n                ",
+        ": var(--surface-solid-tertiary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;

package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js

@@ -12,7 +12,7 @@ function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-primary-hover);\n                ",
@@ -27,7 +27,7 @@ function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-accent);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-accent-hover);\n                ",
@@ -42,7 +42,7 @@ function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-secondary-hover);\n                ",
@@ -57,7 +57,7 @@ function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-positive-hover);\n                ",
@@ -72,7 +72,7 @@ function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-warning-hover);\n                ",
@@ -87,7 +87,7 @@ function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-negative-hover);\n                ",
@@ -102,7 +102,7 @@ function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-info);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-info-hover);\n                ",
@@ -179,7 +179,7 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n            "
     ]);
     _templateObject10 = function _templateObject() {
         return data;
@@ -196,6 +196,76 @@ function _templateObject11() {
     };
     return data;
 }
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-warning-minor);\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-negative-minor);\n            "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-info-minor);\n            "
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -224,5 +294,42 @@ export var config = {
         focused: {
             true: css(_templateObject11(), embedIconButtonTokens.embedIconButtonFocusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css(_templateObject12(), embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css(_templateObject13(), embedIconButtonTokens.embedIconButtonDisabledOpacity)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css(_templateObject14(), embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css(_templateObject15(), embedIconButtonTokens.embedIconButtonDisabledOpacity)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css(_templateObject16(), embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css(_templateObject17(), embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'info',
+            disabled: true,
+            style: css(_templateObject18(), embedIconButtonTokens.embedIconButtonColor)
+        }
+    ]
 };

package/dist/styled-components/es/components/IconButton/IconButton.config.js

@@ -42,11 +42,11 @@ function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(",
         ");\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary-active);\n            "
+        ": var(--surface-solid-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-active);\n            "
     ]);
     _templateObject2 = function _templateObject() {
         return data;
@@ -60,8 +60,8 @@ function _templateObject3() {
         ": var(--surface-clear);\n                ",
         ": var(",
         ");\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary-active);\n            "
+        ": var(--surface-solid-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-active);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -117,7 +117,7 @@ function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep);\n                ",
+        ": var(--on-light-surface-solid-default);\n                ",
         ": var(",
         ");\n                ",
         ": var(--on-dark-text-primary-hover);\n                ",
@@ -129,21 +129,6 @@ function _templateObject7() {
     return data;
 }
 function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-solid-default);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--on-dark-text-primary-hover);\n                ",
-        ": var(--on-dark-text-primary-active);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-light-text-primary);\n                ",
@@ -153,12 +138,12 @@ function _templateObject9() {
         ": var(--on-light-text-primary-hover);\n                ",
         ": var(--on-light-text-primary-active);\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 3.5rem;\n                ",
@@ -174,12 +159,12 @@ function _templateObject10() {
         ": 1.375rem;\n                ",
         ": inherit;\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 3rem;\n                ",
@@ -195,12 +180,12 @@ function _templateObject11() {
         ": 1.375rem;\n                ",
         ": inherit;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 2.5rem;\n                ",
@@ -216,12 +201,12 @@ function _templateObject12() {
         ": 1.375rem;\n                ",
         ": inherit;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 2rem;\n                ",
@@ -237,6 +222,16 @@ function _templateObject13() {
         ": 1rem;\n                ",
         ": inherit;\n            "
     ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1;\n            "
+    ]);
     _templateObject13 = function _templateObject() {
         return data;
     };
@@ -245,7 +240,7 @@ function _templateObject13() {
 function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -255,13 +250,102 @@ function _templateObject14() {
 function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n            "
     ]);
     _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-accent-minor);\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n            "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-clear);\n            "
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject19() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-positive-minor);\n                ",
+        ": var(--surface-positive);\n            "
+    ]);
+    _templateObject19 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject20() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-warning-minor);\n            "
+    ]);
+    _templateObject20 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject21() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative-minor);\n            "
+    ]);
+    _templateObject21 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject22() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-light-surface-solid-tertiary);\n            "
+    ]);
+    _templateObject22 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject23() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-text-tertiary);\n                ",
+        ": var(--on-dark-surface-solid-default);\n            "
+    ]);
+    _templateObject23 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -278,21 +362,67 @@ export var config = {
             positive: css(_templateObject4(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive),
             warning: css(_templateObject5(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive),
             negative: css(_templateObject6(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive),
-            dark: css(_templateObject7(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive),
-            black: css(_templateObject8(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive),
-            white: css(_templateObject9(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive)
+            black: css(_templateObject7(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive),
+            white: css(_templateObject8(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive)
         },
         size: {
-            l: css(_templateObject10(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
-            m: css(_templateObject11(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
-            s: css(_templateObject12(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
-            xs: css(_templateObject13(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
+            l: css(_templateObject9(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
+            m: css(_templateObject10(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
+            s: css(_templateObject11(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
+            xs: css(_templateObject12(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
         },
         disabled: {
-            true: css(_templateObject14(), iconButtonTokens.iconButtonDisabledOpacity)
+            true: css(_templateObject13(), iconButtonTokens.iconButtonDisabledOpacity)
         },
         focused: {
-            true: css(_templateObject15(), iconButtonTokens.iconButtonFocusColor)
+            true: css(_templateObject14(), iconButtonTokens.iconButtonFocusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css(_templateObject15(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css(_templateObject16(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css(_templateObject17(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'clear',
+            disabled: true,
+            style: css(_templateObject18(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css(_templateObject19(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css(_templateObject20(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css(_templateObject21(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'black',
+            disabled: true,
+            style: css(_templateObject22(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'white',
+            disabled: true,
+            style: css(_templateObject23(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor)
+        }
+    ]
 };