npm - @salutejs/sdds-cs - Versions diffs - 0.335.1-canary.2394.20340605741.0 → 0.335.1-canary.2395.20348823527.0 - Mend

@salutejs/sdds-cs 0.335.1-canary.2394.20340605741.0 → 0.335.1-canary.2395.20348823527.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1042) hide show

package/{emotion → dist/emotion}/cjs/components/Autocomplete/Autocomplete.config.js RENAMED Viewed

@@ -218,9 +218,7 @@ function _templateObject6() {
         ": var(--surface-clear);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -249,7 +247,7 @@ var config = {
             true: (0, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
         },
         readOnly: {
-            true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderWidth)
+            true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldBorderColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/cjs/components/Combobox/Combobox.config.js RENAMED Viewed

@@ -293,9 +293,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": 0;\n                ",
         ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -324,7 +322,7 @@ var config = {
             true: (0, _emotion.css)(_templateObject5(), _emotion.comboboxNewTokens.textFieldDisabledOpacity, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldColor)
         },
         readOnly: {
-            true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderWidth)
+            true: (0, _emotion.css)(_templateObject6(), _emotion.comboboxNewTokens.textFieldColorReadOnly, _emotion.comboboxNewTokens.textFieldBackgroundColorReadOnly, _emotion.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _emotion.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _emotion.comboboxNewTokens.textFieldLabelColorReadOnly, _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLeftHelperOffset)
         }
     }
 };

package/{emotion → dist/emotion}/cjs/components/DatePicker/DatePicker.config.js RENAMED Viewed

@@ -242,9 +242,7 @@ function _templateObject3() {
         ": 0.4;\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-clear);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -267,7 +265,7 @@ var config = {
             true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
         },
         readOnly: {
-            true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderWidth)
+            true: (0, _emotion.css)(_templateObject3(), _emotion.datePickerTokens.backgroundReadOnly, _emotion.datePickerTokens.labelColorReadOnly, _emotion.datePickerTokens.leftHelperColorReadOnly, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.dividerColorReadOnly, _emotion.datePickerTokens.dividerOpacityReadOnly, _emotion.datePickerTokens.textFieldColorReadOnly, _emotion.datePickerTokens.textFieldBackgroundColorReadOnly, _emotion.datePickerTokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/cjs/components/Select/Select.config.js RENAMED Viewed

@@ -240,6 +240,7 @@ function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--surface-solid-default-hover);\n                ",
         ": var(--inverse-text-secondary);\n                ",
@@ -277,9 +278,7 @@ function _templateObject7() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--surface-transparent-primary);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -306,13 +305,13 @@ var config = {
             outer: (0, _emotion.css)(_templateObject4())
         },
         chipView: {
-            default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipCloseIconColorHover, _emotion.selectTokens.textFieldChipOpacityReadonly)
+            default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipColorHover, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipCloseIconColorHover, _emotion.selectTokens.textFieldChipOpacityReadonly)
         },
         disabled: {
             true: (0, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
         },
         readOnly: {
-            true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderWidth)
+            true: (0, _emotion.css)(_templateObject7(), _emotion.selectTokens.disclosureIconOpacityReadOnly, _emotion.selectTokens.textFieldColorReadOnly, _emotion.selectTokens.textFieldBackgroundColorReadOnly, _emotion.selectTokens.textFieldPlaceholderColorReadOnly, _emotion.selectTokens.textFieldLeftHelperColorReadOnly, _emotion.selectTokens.textFieldTitleCaptionColorReadOnly, _emotion.selectTokens.textFieldLabelColorReadOnly, _emotion.selectTokens.textFieldDividerColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/cjs/components/TextField/TextField.config.js RENAMED Viewed

@@ -283,9 +283,7 @@ function _templateObject8() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": 0.4;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -320,7 +318,7 @@ var config = {
             true: (0, _emotion.css)(_templateObject7(), _emotion.textFieldTokens.disabledOpacity, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.color)
         },
         readOnly: {
-            true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderWidth)
+            true: (0, _emotion.css)(_templateObject8(), _emotion.textFieldTokens.readOnlyOpacity, _emotion.textFieldTokens.colorReadOnly, _emotion.textFieldTokens.backgroundColorReadOnly, _emotion.textFieldTokens.placeholderColorReadOnly, _emotion.textFieldTokens.leftHelperColorReadOnly, _emotion.textFieldTokens.titleCaptionColorReadOnly, _emotion.textFieldTokens.labelColorReadOnly, _emotion.textFieldTokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/es/components/Autocomplete/Autocomplete.config.js RENAMED Viewed

@@ -207,9 +207,7 @@ function _templateObject6() {
         ": var(--surface-clear);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -239,7 +237,7 @@ export var config = {
             true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
         },
         readOnly: {
-            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
+            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/es/components/Combobox/Combobox.config.js RENAMED Viewed

@@ -282,9 +282,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": 0;\n                ",
         ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -314,7 +312,7 @@ export var config = {
             true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
         },
         readOnly: {
-            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
+            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
         }
     }
 };

package/{emotion → dist/emotion}/es/components/DatePicker/DatePicker.config.js RENAMED Viewed

@@ -231,9 +231,7 @@ function _templateObject3() {
         ": 0.4;\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-clear);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -257,7 +255,7 @@ export var config = {
             true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
         },
         readOnly: {
-            true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
+            true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/es/components/Select/Select.config.js RENAMED Viewed

@@ -229,6 +229,7 @@ function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--surface-solid-default-hover);\n                ",
         ": var(--inverse-text-secondary);\n                ",
@@ -266,9 +267,7 @@ function _templateObject7() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--surface-transparent-primary);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -296,13 +295,13 @@ export var config = {
             outer: css(_templateObject4())
         },
         chipView: {
-            default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
+            default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipColorHover, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
         },
         disabled: {
             true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
         },
         readOnly: {
-            true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
+            true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
         }
     }
 };

package/{emotion → dist/emotion}/es/components/TextField/TextField.config.js RENAMED Viewed

@@ -272,9 +272,7 @@ function _templateObject8() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": 0.4;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -310,7 +308,7 @@ export var config = {
             true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
         },
         readOnly: {
-            true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
+            true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

package/{components → dist/styled-components/cjs/components}/Autocomplete/Autocomplete.config.js RENAMED Viewed

@@ -218,9 +218,7 @@ function _templateObject6() {
         ": var(--surface-clear);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -249,7 +247,7 @@ var config = {
             true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
         }
     }
 };

package/{components → dist/styled-components/cjs/components}/Combobox/Combobox.config.js RENAMED Viewed

@@ -293,9 +293,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": 0;\n                ",
         ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -324,7 +322,7 @@ var config = {
             true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldColor)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset)
         }
     }
 };

package/{components → dist/styled-components/cjs/components}/DatePicker/DatePicker.config.js RENAMED Viewed

@@ -242,9 +242,7 @@ function _templateObject3() {
         ": 0.4;\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-clear);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -267,7 +265,7 @@ var config = {
             true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.labelColor)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderWidth)
+            true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/{components → dist/styled-components/cjs/components}/Select/Select.config.js RENAMED Viewed

@@ -240,6 +240,7 @@ function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--surface-solid-default-hover);\n                ",
         ": var(--inverse-text-secondary);\n                ",
@@ -277,9 +278,7 @@ function _templateObject7() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--surface-transparent-primary);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -306,13 +305,13 @@ var config = {
             outer: (0, _styledcomponents.css)(_templateObject4())
         },
         chipView: {
-            default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.textFieldChipCloseIconColorHover, _styledcomponents.selectTokens.textFieldChipOpacityReadonly)
+            default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipColorHover, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.textFieldChipCloseIconColorHover, _styledcomponents.selectTokens.textFieldChipOpacityReadonly)
         },
         disabled: {
             true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.selectTokens.textFieldDisabledOpacity, _styledcomponents.selectTokens.textFieldBackgroundColor, _styledcomponents.selectTokens.textFieldBackgroundColorFocus, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderColorHover, _styledcomponents.selectTokens.textFieldBorderColorFocus, _styledcomponents.selectTokens.textFieldColor)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderWidth)
+            true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly)
         }
     }
 };

package/{components → dist/styled-components/cjs/components}/TextField/TextField.config.js RENAMED Viewed

@@ -283,9 +283,7 @@ function _templateObject8() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": 0.4;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -320,7 +318,7 @@ var config = {
             true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textFieldTokens.disabledOpacity, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.color)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
+            true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

package/dist/styled-components/cjs/helpers/index.js ADDED Viewed

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get IconPlaceholder () {
+        return _plasmasbutils.IconPlaceholder;
+    },
+    get InSpacingDecorator () {
+        return _plasmasbutils.InSpacingDecorator;
+    },
+    get disableProps () {
+        return _plasmasbutils.disableProps;
+    },
+    get getGroupedTokens () {
+        return _plasmasbutils.getGroupedTokens;
+    }
+});
+var _plasmasbutils = require("@salutejs/plasma-sb-utils");

package/{es → dist/styled-components/es}/components/Autocomplete/Autocomplete.config.js RENAMED Viewed

@@ -207,9 +207,7 @@ function _templateObject6() {
         ": var(--surface-clear);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -239,7 +237,7 @@ export var config = {
             true: css(_templateObject5(), tokens.itemColor, tokens.background, tokens.textFieldColor, tokens.textFieldLabelColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus)
         },
         readOnly: {
-            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
+            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
         }
     }
 };

package/{es → dist/styled-components/es}/components/Combobox/Combobox.config.js RENAMED Viewed

@@ -282,9 +282,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": 0;\n                ",
         ": 0.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -314,7 +312,7 @@ export var config = {
             true: css(_templateObject5(), tokens.textFieldDisabledOpacity, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldColor)
         },
         readOnly: {
-            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
+            true: css(_templateObject6(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.textFieldPadding, tokens.textFieldLabelOffset, tokens.textFieldLeftHelperOffset)
         }
     }
 };

package/{es → dist/styled-components/es}/components/DatePicker/DatePicker.config.js RENAMED Viewed

@@ -231,9 +231,7 @@ function _templateObject3() {
         ": 0.4;\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-clear);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--text-secondary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -257,7 +255,7 @@ export var config = {
             true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
         },
         readOnly: {
-            true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.borderColor, tokens.borderWidth)
+            true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColor, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/{es → dist/styled-components/es}/components/Select/Select.config.js RENAMED Viewed

@@ -229,6 +229,7 @@ function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--surface-solid-default-hover);\n                ",
         ": var(--inverse-text-secondary);\n                ",
@@ -266,9 +267,7 @@ function _templateObject7() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": var(--surface-transparent-primary);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -296,13 +295,13 @@ export var config = {
             outer: css(_templateObject4())
         },
         chipView: {
-            default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
+            default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipColorHover, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
         },
         disabled: {
             true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
         },
         readOnly: {
-            true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderWidth)
+            true: css(_templateObject7(), selectTokens.disclosureIconOpacityReadOnly, selectTokens.textFieldColorReadOnly, selectTokens.textFieldBackgroundColorReadOnly, selectTokens.textFieldPlaceholderColorReadOnly, selectTokens.textFieldLeftHelperColorReadOnly, selectTokens.textFieldTitleCaptionColorReadOnly, selectTokens.textFieldLabelColorReadOnly, selectTokens.textFieldDividerColorReadOnly)
         }
     }
 };

package/{es → dist/styled-components/es}/components/TextField/TextField.config.js RENAMED Viewed

@@ -272,9 +272,7 @@ function _templateObject8() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": 0.4;\n                ",
-        ": transparent;\n                ",
-        ": 0;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -310,7 +308,7 @@ export var config = {
             true: css(_templateObject7(), tokens.disabledOpacity, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.color)
         },
         readOnly: {
-            true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
+            true: css(_templateObject8(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
         }
     }
 };