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

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

@@ -227,7 +227,7 @@ function _templateObject11() {
     };
     return data;
 }
-var baseItemView = "\n    ".concat(_styledcomponents.stepsTokens.activeTitleColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(_styledcomponents.stepsTokens.completedTitleColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(_styledcomponents.stepsTokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n    ").concat(_styledcomponents.stepsTokens.contentColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.focusColor, ": var(--surface-accent);\n\n    ").concat(_styledcomponents.stepsTokens.disabledOpacity, ": 0.4;\n");
+var baseItemView = "\n    ".concat(_styledcomponents.stepsTokens.activeTitleColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(_styledcomponents.stepsTokens.completedTitleColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(_styledcomponents.stepsTokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorBackground, ": var(--surface-solid-secondary);\n    ").concat(_styledcomponents.stepsTokens.inactiveIndicatorBackgroundHover, ": var(--surface-solid-secondary-hover);\n\n    ").concat(_styledcomponents.stepsTokens.contentColor, ": var(--text-secondary);\n    ").concat(_styledcomponents.stepsTokens.focusColor, ": var(--surface-accent);\n\n    ").concat(_styledcomponents.stepsTokens.disabledOpacity, ": 0.4;\n");
 var accentConfig = "\n    ".concat(_styledcomponents.stepsTokens.completedTitleColor, ": var(--text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedTitleColorHover, ": var(--text-primary-hover);\n    \n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackground, ": var(--surface-accent);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n    \n    // Цвет контента внутри элемента Step\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n    ").concat(_styledcomponents.stepsTokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
 var config = {
     defaults: {

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

@@ -111,8 +111,8 @@ function _templateObject4() {
         ": initial;\n                ",
         ": var(--surface-accent);\n                ",
         ": var(--surface-accent-hover);\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-transparent-tertiary-hover);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-solid-tertiary-hover);\n                ",
         ": 0;\n                ",
         ": 0;\n                ",
         ": var(--on-dark-surface-solid-default);\n                ",
@@ -127,7 +127,7 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n            "
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -144,6 +144,19 @@ function _templateObject6() {
     };
     return data;
 }
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-accent-minor);\n                ",
+        ": var(--surface-solid-secondary);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var config = {
     defaults: {
         view: 'default',
@@ -170,5 +183,12 @@ var config = {
         focused: {
             true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.switchTokens.trackFocusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.switchTokens.labelColor, _styledcomponents.switchTokens.descriptionColor, _styledcomponents.switchTokens.trackBackgroundColorOn, _styledcomponents.switchTokens.trackBackgroundColorOff)
+        }
+    ]
 };

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -82,7 +82,7 @@ function _templateObject3() {
 var config = {
     defaults: {
         view: 'divider',
-        size: 'xs'
+        size: 's'
     },
     variations: {
         view: {

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -157,7 +157,7 @@ function _templateObject6() {
 var config = {
     defaults: {
         view: 'divider',
-        size: 'l'
+        size: 'm'
     },
     variations: {
         view: {

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -42,7 +42,7 @@ function _templateObject1() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(---text-secondary-active);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": 0rem;\n                ",
         ": transparent;\n                ",
@@ -62,7 +62,7 @@ function _templateObject2() {
         ": transparent;\n                ",
         ": var(--surface-accent);\n\n                ",
         ": 0.0625rem;\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": 0.0625rem;\n            "
     ]);
     _templateObject2 = function _templateObject() {

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js

@@ -84,7 +84,7 @@ function _templateObject3() {
 var config = {
     defaults: {
         view: 'divider',
-        size: 'xs'
+        size: 's'
     },
     variations: {
         view: {

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js

@@ -123,7 +123,7 @@ function _templateObject4() {
 var config = {
     defaults: {
         view: 'divider',
-        size: 'l'
+        size: 'm'
     },
     variations: {
         view: {

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -29,7 +29,7 @@ function _templateObject() {
         ": var(--surface-accent);\n\n                ",
         ": 0.0625rem;\n                ",
         ": 0.0625rem;\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": 0.0625rem;\n            "
     ]);
     _templateObject = function _templateObject() {
@@ -88,7 +88,7 @@ function _templateObject4() {
 var config = {
     defaults: {
         view: 'divider',
-        size: 'l'
+        size: 'm'
     },
     variations: {
         view: {

package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js

@@ -43,7 +43,7 @@ function _templateObject() {
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-primary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-secondary);\n                ",
@@ -344,7 +344,7 @@ function _templateObject9() {
         "\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": 0.4;\n            "
     ]);
     _templateObject9 = function _templateObject() {

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

@@ -22,14 +22,14 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-hover);\n                ",
-        ": var(--surface-transparent-primary-active);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-hover);\n                ",
-        ": var(--surface-transparent-primary-active);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-secondary);\n\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-secondary);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-accent);\n\n                ",
@@ -42,13 +42,13 @@ function _templateObject() {
         ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-transparent-tertiary-hover);\n                ",
-        ": var(--surface-transparent-tertiary-active);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-active);\n                ",
-        ": var(--surface-transparent-primary-hover);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-solid-tertiary-hover);\n                ",
+        ": var(--surface-solid-tertiary-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n                ",
         ": var(--text-secondary);\n                ",
@@ -63,14 +63,14 @@ function _templateObject() {
 function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-warning);\n                ",
-        ": var(--surface-transparent-warning-hover);\n                ",
-        ": var(--surface-transparent-warning-active);\n                ",
-        ": var(--surface-transparent-warning);\n\n                ",
-        ": var(--surface-transparent-warning);\n                ",
-        ": var(--surface-transparent-warning-hover);\n                ",
-        ": var(--surface-transparent-warning-active);\n                ",
-        ": var(--surface-transparent-warning);\n\n                ",
+        ": var(--surface-solid-warning);\n                ",
+        ": var(--surface-solid-warning-hover);\n                ",
+        ": var(--surface-solid-warning-active);\n                ",
+        ": var(--surface-solid-warning);\n\n                ",
+        ": var(--surface-solid-warning);\n                ",
+        ": var(--surface-solid-warning-hover);\n                ",
+        ": var(--surface-solid-warning-active);\n                ",
+        ": var(--surface-solid-warning);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-warning);\n\n                ",
@@ -83,12 +83,12 @@ function _templateObject1() {
         ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-transparent-tertiary-hover);\n                ",
-        ": var(--surface-transparent-tertiary-active);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-active);\n                ",
-        ": var(--surface-transparent-primary-hover);\n\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-solid-tertiary-hover);\n                ",
+        ": var(--surface-solid-tertiary-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
         ": var(--surface-warning);\n                ",
         ": var(--surface-warning);\n                ",
         ": var(--surface-accent);\n                ",
@@ -104,14 +104,14 @@ function _templateObject1() {
 function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-hover);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-hover);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-negative-hover);\n                ",
+        ": var(--surface-solid-negative-active);\n                ",
+        ": var(--surface-solid-negative);\n\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-negative-hover);\n                ",
+        ": var(--surface-solid-negative-active);\n                ",
+        ": var(--surface-solid-negative);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-negative);\n\n                ",
@@ -124,12 +124,12 @@ function _templateObject2() {
         ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-transparent-tertiary-hover);\n                ",
-        ": var(--surface-transparent-tertiary-active);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-active);\n                ",
-        ": var(--surface-transparent-primary-hover);\n\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-solid-tertiary-hover);\n                ",
+        ": var(--surface-solid-tertiary-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--surface-accent);\n                ",
@@ -349,9 +349,9 @@ function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.1;\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": 0.4;\n            "
     ]);
     _templateObject8 = function _templateObject() {
@@ -364,7 +364,7 @@ function _templateObject9() {
         "\n                ",
         ": 0.4;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-secondary);\n            "
     ]);
     _templateObject9 = function _templateObject() {
@@ -375,6 +375,7 @@ function _templateObject9() {
 var config = {
     defaults: {
         view: 'default',
+        size: 'm',
         focused: 'true'
     },
     variations: {

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

@@ -25,9 +25,9 @@ function _templateObject() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-primary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -38,12 +38,13 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(--text-secondary-active);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n            "
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-primary);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -56,9 +57,9 @@ function _templateObject1() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-positive);\n                ",
-        ": var(--surface-transparent-positive-hover);\n                ",
-        ": var(--surface-transparent-positive-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -74,7 +75,8 @@ function _templateObject1() {
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n            "
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-positive);\n            "
     ]);
     _templateObject1 = function _templateObject() {
         return data;
@@ -87,9 +89,9 @@ function _templateObject2() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-warning);\n                ",
-        ": var(--surface-transparent-warning-hover);\n                ",
-        ": var(--surface-transparent-warning-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -105,7 +107,8 @@ function _templateObject2() {
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n            "
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-warning);\n            "
     ]);
     _templateObject2 = function _templateObject() {
         return data;
@@ -118,9 +121,9 @@ function _templateObject3() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-hover);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -136,7 +139,8 @@ function _templateObject3() {
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n            "
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-negative);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -343,14 +347,14 @@ function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-hover);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-active);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary-active);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
@@ -524,7 +528,16 @@ function _templateObject16() {
 function _templateObject17() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": transparent;\n                ",
+        ": none;\n            "
     ]);
     _templateObject17 = function _templateObject() {
         return data;
@@ -534,15 +547,16 @@ function _templateObject17() {
 function _templateObject18() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.1;\n                ",
+        ": 1;\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": 0.4;\n            "
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": none;\n            "
     ]);
     _templateObject18 = function _templateObject() {
         return data;
@@ -557,10 +571,10 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
-            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
-            warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
-            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.borderColorFocus),
+            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.borderColor),
+            warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.borderColor),
+            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorHover, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor, _styledcomponents.textFieldTokens.borderColor)
         },
         size: {
             m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.rightContentWithHintMargin, _styledcomponents.textFieldTokens.contentRightWrapperGap, _styledcomponents.textFieldTokens.contentRightWrapperMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin),
@@ -586,10 +600,10 @@ var config = {
             s: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.textFieldTokens.tooltipPaddingTop, _styledcomponents.textFieldTokens.tooltipPaddingRight, _styledcomponents.textFieldTokens.tooltipPaddingBottom, _styledcomponents.textFieldTokens.tooltipPaddingLeft, _styledcomponents.textFieldTokens.tooltipMinHeight, _styledcomponents.textFieldTokens.tooltipBorderRadius, _styledcomponents.textFieldTokens.tooltipTextFontFamily, _styledcomponents.textFieldTokens.tooltipTextFontSize, _styledcomponents.textFieldTokens.tooltipTextFontStyle, _styledcomponents.textFieldTokens.tooltipTextFontWeight, _styledcomponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledcomponents.textFieldTokens.tooltipTextFontLineHeight, _styledcomponents.textFieldTokens.tooltipContentLeftMargin, _styledcomponents.textFieldTokens.tooltipArrowMaskWidth, _styledcomponents.textFieldTokens.tooltipArrowMaskHeight, _styledcomponents.textFieldTokens.tooltipArrowMaskImage, _styledcomponents.textFieldTokens.tooltipArrowHeight, _styledcomponents.textFieldTokens.tooltipArrowEdgeMargin)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.textFieldTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.chipCloseIconDisplay)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
+            true: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.chipCloseIconDisplay)
         }
     }
 };