@salutejs/plasma-new-hope 0.335.0-canary.2203.17433640523.0 → 0.336.0-canary.1906.17438878873.0

package/styled-components/cjs/examples/components/Button/Button.config.js

@@ -156,8 +156,10 @@ var config = {
                 ":inherit;",
                 ":0 0.625rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.625rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.5rem;",
+                ":0.375rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             l: (0, _styledcomponents.css)([
                 "",
                 ":3.5rem;",
@@ -174,8 +176,10 @@ var config = {
                 ":inherit;",
                 ":0 0.5rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.5rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.5rem;",
+                ":0.375rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
@@ -192,8 +196,10 @@ var config = {
                 ":inherit;",
                 ":0 0.375rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.375rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.375rem;",
+                ":0.25rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
@@ -210,8 +216,10 @@ var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
@@ -228,8 +236,10 @@ var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.125rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             xxs: (0, _styledcomponents.css)([
                 "",
                 ":1.5rem;",
@@ -246,8 +256,10 @@ var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin)
+                ":0 0rem 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.125rem;"
+            ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonAdditionalContentMargin, _Button.buttonTokens.buttonValueMargin, _Button.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/Combobox/Combobox.config.js

@@ -686,12 +686,13 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.css)([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
+                ":var(--text-primary);"
+            ], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
         }
     }
 };

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

@@ -511,13 +511,16 @@ var config = {
             true: (0, _styledcomponents.css)([
                 "",
                 ":var(--surface-transparent-primary);",
+                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-secondary);"
-            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly)
+                ":var(--text-secondary);",
+                ":0.4;",
+                ":0.4;"
+            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.dividerOpacityReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly, _DatePicker.datePickerTokens.rightContentOpacityReadOnly, _DatePicker.datePickerTokens.textFieldContentSlotRightOpacityReadOnly)
         }
     }
 };

package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js

@@ -94,8 +94,9 @@ var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.5rem 0 0;",
+                ":0 0 0 0.5rem;",
                 ":0 0 0 0.5rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin),
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin),
             l: (0, _styledcomponents.css)([
                 "",
                 ":3.5rem;",
@@ -111,8 +112,9 @@ var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.5rem 0 0;",
+                ":0 0 0 0.5rem;",
                 ":0 0 0 0.5rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin),
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
@@ -128,8 +130,9 @@ var config = {
                 ":inherit;",
                 ":0.125rem 0;",
                 ":0 0.375rem 0 0;",
+                ":0 0 0 0.375rem;",
                 ":0 0 0 0.375rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin),
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
@@ -145,8 +148,9 @@ var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":0 0 0 0.25rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin),
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
@@ -162,8 +166,9 @@ var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":0 0 0 0.25rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin),
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonTextPadding, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin),
             xxs: (0, _styledcomponents.css)([
                 "",
                 ":1.5rem;",
@@ -178,8 +183,9 @@ var config = {
                 ":0.75rem;",
                 ":inherit;",
                 ":0.063rem 0.25rem 0.063rem 0;",
-                ":0.063rem 0 0.063rem 0.25rem;"
-            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin)
+                ":0.063rem 0 0.063rem 0.25rem;",
+                ":0 0 0 0.25rem;"
+            ], _LinkButton.linkButtonTokens.linkButtonHeight, _LinkButton.linkButtonTokens.linkButtonPadding, _LinkButton.linkButtonTokens.linkButtonRadius, _LinkButton.linkButtonTokens.linkButtonFontFamily, _LinkButton.linkButtonTokens.linkButtonFontSize, _LinkButton.linkButtonTokens.linkButtonFontStyle, _LinkButton.linkButtonTokens.linkButtonFontWeight, _LinkButton.linkButtonTokens.linkButtonLetterSpacing, _LinkButton.linkButtonTokens.linkButtonLineHeight, _LinkButton.linkButtonTokens.linkButtonSpinnerSize, _LinkButton.linkButtonTokens.linkButtonSpinnerColor, _LinkButton.linkButtonTokens.linkButtonLeftContentMargin, _LinkButton.linkButtonTokens.linkButtonRightContentMargin, _LinkButton.linkButtonTokens.linkButtonAdditionalContentMargin)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

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

@@ -557,8 +557,9 @@ var config = {
                 ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly, _TextArea.textAreaTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.contentSlotRightOpacityReadOnly)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

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

@@ -677,8 +677,9 @@ var config = {
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js

@@ -46,6 +46,7 @@ export var tokens = {
     textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color',
     textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover',
     textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active',
+    textFieldContentSlotRightOpacityReadOnly: '--plasma-autocomplete-textfield-content-right-slot-opacity-readonly',
     textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
     textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',
     textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',

package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedConfig);
 export var StyledTextField = styled(TextField).withConfig({
     displayName: "TextField.styles__StyledTextField",
-    componentId: "sc-48220e28-0"
+    componentId: "sc-f303ce3c-0"
 })([
     "",
     ":var(",
@@ -238,5 +238,7 @@ export var StyledTextField = styled(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");"
-], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.clearColor, autocompleteTokens.textFieldClearColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, autocompleteTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, autocompleteTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, autocompleteTokens.textFieldOptionalColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, autocompleteTokens.textFieldDividerColor, textFieldTokens.dividerColorHover, autocompleteTokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, autocompleteTokens.textFieldDividerColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, autocompleteTokens.textFieldDividerColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, autocompleteTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, autocompleteTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, autocompleteTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, autocompleteTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, autocompleteTokens.textFieldContentSlotRightColorActive, textFieldTokens.indicatorColor, autocompleteTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, autocompleteTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, autocompleteTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, autocompleteTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, autocompleteTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, autocompleteTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, autocompleteTokens.textFieldBoxShadow, textFieldTokens.rightContentWithHintMargin, autocompleteTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, autocompleteTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, autocompleteTokens.textFieldContentRightWrapperMargin, textFieldTokens.hintCustomIconTargetSize, autocompleteTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, autocompleteTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, autocompleteTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, autocompleteTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, autocompleteTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, autocompleteTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, autocompleteTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, autocompleteTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, autocompleteTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, autocompleteTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, autocompleteTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, autocompleteTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, autocompleteTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, autocompleteTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, autocompleteTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, autocompleteTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, autocompleteTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, autocompleteTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, autocompleteTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, autocompleteTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, autocompleteTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, autocompleteTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, autocompleteTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, autocompleteTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, autocompleteTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, autocompleteTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, autocompleteTokens.textFieldTooltipArrowBackground);
+], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.clearColor, autocompleteTokens.textFieldClearColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, autocompleteTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, autocompleteTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, autocompleteTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, autocompleteTokens.textFieldOptionalColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.dividerColor, autocompleteTokens.textFieldDividerColor, textFieldTokens.dividerColorHover, autocompleteTokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, autocompleteTokens.textFieldDividerColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, autocompleteTokens.textFieldDividerColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, autocompleteTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor, textFieldTokens.contentSlotColor, autocompleteTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, autocompleteTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, autocompleteTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, autocompleteTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, autocompleteTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, autocompleteTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.indicatorColor, autocompleteTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, autocompleteTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, autocompleteTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, autocompleteTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, autocompleteTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, autocompleteTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, autocompleteTokens.textFieldBoxShadow, textFieldTokens.rightContentWithHintMargin, autocompleteTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, autocompleteTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, autocompleteTokens.textFieldContentRightWrapperMargin, textFieldTokens.hintCustomIconTargetSize, autocompleteTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, autocompleteTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, autocompleteTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, autocompleteTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, autocompleteTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, autocompleteTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, autocompleteTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, autocompleteTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, autocompleteTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, autocompleteTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, autocompleteTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, autocompleteTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, autocompleteTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, autocompleteTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, autocompleteTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, autocompleteTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, autocompleteTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, autocompleteTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, autocompleteTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, autocompleteTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, autocompleteTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, autocompleteTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, autocompleteTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, autocompleteTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, autocompleteTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, autocompleteTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, autocompleteTokens.textFieldTooltipArrowBackground);

package/styled-components/es/components/Button/Button.js

@@ -78,6 +78,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef } from "react";
+import cls from "classnames";
 import { convertRoundnessMatrix } from "../../utils/roundness";
 import { cx } from "../../utils";
 import { base as viewCSS } from "./variations/_view/base";
@@ -86,11 +87,11 @@ import { base as disabledCSS } from "./variations/_disabled/base";
 import { base as focusedCSS } from "./variations/_focused/base";
 import { base as stretchingCSS } from "./variations/_stretching/base";
 import { base as blurredCSS } from "./variations/_blurred/base";
-import { base, ButtonText, ButtonValue, Loader, LoadWrap, StyledContentLeft, StyledContentRight, StyledSpinner } from "./Button.styles";
+import { base, ButtonText, ButtonValue, Loader, LoadWrap, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner } from "./Button.styles";
 import { classes, tokens } from "./Button.tokens";
 export var buttonRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var children = props.children, view = props.view, size = props.size, text = props.text, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, _props_contentPlacing = props.contentPlacing, contentPlacing = _props_contentPlacing === void 0 ? 'default' : _props_contentPlacing, isLoading = props.isLoading, loader = props.loader, stretch = props.stretch, square = props.square, pin = props.pin, disabled = props.disabled, focused = props.focused, outlined = props.outlined, className = props.className, blur = props.blur, style = props.style, _props_stretching = props.stretching, stretching = _props_stretching === void 0 ? 'auto' : _props_stretching, rest = _object_without_properties(props, [
+        var children = props.children, view = props.view, size = props.size, text = props.text, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, _props_contentPlacing = props.contentPlacing, contentPlacing = _props_contentPlacing === void 0 ? 'default' : _props_contentPlacing, isLoading = props.isLoading, loader = props.loader, stretch = props.stretch, square = props.square, pin = props.pin, disabled = props.disabled, focused = props.focused, outlined = props.outlined, className = props.className, blur = props.blur, style = props.style, _props_stretching = props.stretching, stretching = _props_stretching === void 0 ? 'auto' : _props_stretching, additionalContent = props.additionalContent, rest = _object_without_properties(props, [
             "children",
             "view",
             "size",
@@ -110,7 +111,8 @@ export var buttonRoot = function(Root) {
             "className",
             "blur",
             "style",
-            "stretching"
+            "stretching",
+            "additionalContent"
         ]);
         var txt = typeof children === 'string' ? children : text;
         var hasRightContentMargin = Boolean(children || txt || value || contentRight);
@@ -144,8 +146,10 @@ export var buttonRoot = function(Root) {
         }, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
             hasContentMargin: hasRightContentMargin
         }, contentLeft), txt ? /*#__PURE__*/ React.createElement(ButtonText, {
-            className: contentRelaxedClass
-        }, txt) : children, value && /*#__PURE__*/ React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
+            className: !additionalContent ? contentRelaxedClass : ''
+        }, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, {
+            className: cls(contentRelaxedClass, _define_property({}, classes.buttonHasValue, Boolean(value)))
+        }, additionalContent), value && /*#__PURE__*/ React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
             hasContentMargin: hasLeftContentMargin
         }, contentRight)), isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
     });

package/styled-components/es/components/Button/Button.styles.js

@@ -9,16 +9,26 @@ var mergedConfig = mergeConfig(spinnerConfig);
 var Spinner = component(mergedConfig);
 export var ButtonText = styled.span.withConfig({
     displayName: "Button.styles__ButtonText",
-    componentId: "sc-63bce397-0"
+    componentId: "sc-b7c1e7a-0"
 })([
-    "min-width:4ch;flex-shrink:2;color:var(",
+    "min-width:4ch;&.",
+    "{flex-grow:2;text-align:start;}color:var(",
     ");",
-    " &.",
-    "{text-align:start;flex-grow:2;}"
-], tokens.buttonTextColor, applyEllipsis(), String(classes.contentRelaxed));
+    ""
+], String(classes.contentRelaxed), tokens.buttonTextColor, applyEllipsis());
+export var StyledAdditionalContent = styled.div.withConfig({
+    displayName: "Button.styles__StyledAdditionalContent",
+    componentId: "sc-b7c1e7a-1"
+})([
+    "display:flex;align-items:center;margin:var(",
+    ");&.",
+    "{text-align:start;flex-grow:2;}&.",
+    "{margin-right:var(",
+    ");}"
+], tokens.buttonAdditionalContentMargin, String(classes.contentRelaxed), classes.buttonHasValue, tokens.buttonAdditionalContentMarginRightWidthValue);
 export var ButtonValue = styled.span.withConfig({
     displayName: "Button.styles__ButtonValue",
-    componentId: "sc-63bce397-1"
+    componentId: "sc-b7c1e7a-2"
 })([
     "color:var(",
     ");margin:var(",
@@ -28,7 +38,7 @@ export var ButtonValue = styled.span.withConfig({
 // TODO: #720
 export var LoadWrap = styled.div.withConfig({
     displayName: "Button.styles__LoadWrap",
-    componentId: "sc-63bce397-2"
+    componentId: "sc-b7c1e7a-3"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:",
@@ -42,13 +52,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "Button.styles__Loader",
-    componentId: "sc-63bce397-3"
+    componentId: "sc-b7c1e7a-4"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "Button.styles__StyledSpinner",
-    componentId: "sc-63bce397-4"
+    componentId: "sc-b7c1e7a-5"
 })([
     "",
     ":var(",
@@ -58,7 +68,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
 ], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "Button.styles__StyledContentLeft",
-    componentId: "sc-63bce397-5"
+    componentId: "sc-b7c1e7a-6"
 })([
     "display:flex;align-self:var(",
     ");color:var(",
@@ -70,7 +80,7 @@ export var StyledContentLeft = styled.div.withConfig({
 });
 export var StyledContentRight = styled.div.withConfig({
     displayName: "Button.styles__StyledContentRight",
-    componentId: "sc-63bce397-6"
+    componentId: "sc-b7c1e7a-7"
 })([
     "display:flex;align-self:var(",
     ");color:var(",

package/styled-components/es/components/Button/Button.tokens.js

@@ -6,7 +6,8 @@ export var classes = {
     contentRelaxed: 'button-content-relaxed',
     buttonSquare: 'button-square',
     buttonItem: 'button-item',
-    buttonLoading: 'button-loading'
+    buttonLoading: 'button-loading',
+    buttonHasValue: 'button-has-value'
 };
 export var tokens = {
     buttonColor: '--plasma-button-color',
@@ -36,7 +37,9 @@ export var tokens = {
     buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
     buttonRightContentMargin: '--plasma-button-right-content-margin',
     buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
+    buttonAdditionalContentMargin: '--plasma-button-additional-content-margin',
     buttonValueMargin: '--plasma-button-value-margin',
+    buttonAdditionalContentMarginRightWidthValue: '--plasma-button-additional-content-margin-right-width-value',
     buttonDisabledOpacity: '--plasma-button-disabled-opacity',
     buttonFocusColor: '--plasma-button-focus-color',
     buttonSpinnerColor: '--plasma-button-spinner-color',

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -96,6 +96,7 @@ export var tokens = {
     textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',
     textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',
     textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',
+    textFieldContentSlotRightOpacityReadOnly: '--plasma-combobox-new-textfield-content-right-slot-opacity-readonly',
     textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
     textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',
     textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',

package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -6,7 +6,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedConfig);
 export var StyledTextField = styled(TextField).withConfig({
     displayName: "Target.styles__StyledTextField",
-    componentId: "sc-e7d38474-0"
+    componentId: "sc-4f67df85-0"
 })([
     "",
     ":var(",
@@ -304,5 +304,7 @@ export var StyledTextField = styled(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");"
-], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);
+], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, comboboxTokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, comboboxTokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, comboboxTokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.contentSlotRightOpacityReadOnly, comboboxTokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, comboboxTokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, comboboxTokens.textFieldHintMargin, textFieldTokens.hintTargetSize, comboboxTokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, comboboxTokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, comboboxTokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, comboboxTokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, comboboxTokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, comboboxTokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, comboboxTokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, comboboxTokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, comboboxTokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, comboboxTokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, comboboxTokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, comboboxTokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, comboboxTokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, comboboxTokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, comboboxTokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, comboboxTokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, comboboxTokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, comboboxTokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, comboboxTokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, comboboxTokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, comboboxTokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, comboboxTokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, comboboxTokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, comboboxTokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, comboboxTokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, comboboxTokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPadding, comboboxTokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.boxShadow, comboboxTokens.textFieldBoxShadow);

package/styled-components/es/components/DatePicker/DatePicker.tokens.js

@@ -31,8 +31,10 @@ export var tokens = {
     dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
     dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
     dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
-    /** Токены слотов для контента в рендже */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
+    dividerOpacityReadOnly: '--plasma-date-picker_range__divider-opacity-readonly',
+    /** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
     rightContentMargin: '--plasma-date-picker_range__right-content-margin',
+    rightContentOpacityReadOnly: '--plasma-date-picker_range__right-content-opacity-readonly',
     /** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
     labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
     labelOffset: '--plasma-date-picker__label-offset',
@@ -116,6 +118,7 @@ export var tokens = {
     textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
     textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
     textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
+    textFieldContentSlotRightOpacityReadOnly: '--plasma-date-picker-textfield__content-right-color-hover',
     /** Токены календаря */ calendarMarginTop: '--plasma-date-picker-calendar-margin-top',
     calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
     calendarShadow: '--plasma-date-picker-calendar-shadow',