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

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

@@ -23,9 +23,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                ",
@@ -62,31 +62,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                ",
@@ -106,7 +106,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;
@@ -541,13 +541,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/cjs/components/Divider/Divider.config.js

@@ -22,7 +22,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/cjs/components/Drawer/Drawer.config.js

@@ -24,7 +24,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/cjs/components/Dropdown/Dropdown.config.js

@@ -142,8 +142,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/cjs/components/EmbedIconButton/EmbedIconButton.config.js

@@ -23,7 +23,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                ",
@@ -38,7 +38,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                ",
@@ -53,7 +53,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                ",
@@ -68,7 +68,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                ",
@@ -83,7 +83,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                ",
@@ -98,7 +98,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                ",
@@ -113,7 +113,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                ",
@@ -190,7 +190,7 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n            "
     ]);
     _templateObject10 = function _templateObject() {
         return data;
@@ -207,6 +207,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;
+}
 var config = {
     defaults: {
         view: 'default',
@@ -234,5 +304,42 @@ var config = {
         focused: {
             true: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.embedIconButtonTokens.embedIconButtonFocusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.embedIconButtonTokens.embedIconButtonDisabledOpacity)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.embedIconButtonTokens.embedIconButtonDisabledOpacity)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor)
+        },
+        {
+            view: 'info',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor)
+        }
+    ]
 };

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

@@ -53,11 +53,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;
@@ -71,8 +71,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;
@@ -128,7 +128,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                ",
@@ -140,21 +140,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                ",
@@ -164,12 +149,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                ",
@@ -185,12 +170,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                ",
@@ -206,12 +191,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                ",
@@ -227,12 +212,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                ",
@@ -248,6 +233,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;
     };
@@ -256,7 +251,7 @@ function _templateObject13() {
 function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -266,13 +261,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;
+}
 var config = {
     defaults: {
         view: 'default',
@@ -288,21 +372,67 @@ var config = {
             positive: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive),
             warning: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive),
             negative: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive),
-            dark: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonColorHover, _styledcomponents.iconButtonTokens.iconButtonColorActive),
-            black: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonColorHover, _styledcomponents.iconButtonTokens.iconButtonColorActive),
-            white: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonColorHover, _styledcomponents.iconButtonTokens.iconButtonColorActive)
+            black: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonColorHover, _styledcomponents.iconButtonTokens.iconButtonColorActive),
+            white: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonColorHover, _styledcomponents.iconButtonTokens.iconButtonColorActive)
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
-            m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
-            s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
-            xs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
+            l: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
+            m: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
+            s: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
+            xs: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
         },
         focused: {
-            true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
+            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'clear',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'black',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        },
+        {
+            view: 'white',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor)
+        }
+    ]
 };