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

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

@@ -511,16 +511,13 @@ var config = {
             true: (0, _styledcomponents.css)([
                 "",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-primary);",
-                ":0.4;",
-                ":var(--text-primary);",
-                ":var(--surface-transparent-primary);",
                 ":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)
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":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)
         }
     }
 };

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

@@ -36,8 +36,9 @@ var config = {
                 ":transparent;",
                 ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );",
                 ":var(--text-primary);",
+                ":var(--text-secondary);",
                 ":var(--surface-accent);"
-            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
+            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.paginationHelperTextColor, _Pagination.paginationTokens.buttonFocusColor),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -56,8 +57,9 @@ var config = {
                 ":var(--surface-solid-secondary);",
                 ":transparent;",
                 ":var(--text-primary);",
+                ":var(--text-secondary);",
                 ":var(--surface-accent);"
-            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
+            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.paginationHelperTextColor, _Pagination.paginationTokens.buttonFocusColor),
             clear: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -76,8 +78,9 @@ var config = {
                 ":var(--surface-solid-card);",
                 ":transparent;",
                 ":var(--text-primary);",
+                ":var(--text-secondary);",
                 ":var(--surface-accent);"
-            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor)
+            ], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonColorHover, _Pagination.paginationTokens.buttonColorActive, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonBackgroundColorHover, _Pagination.paginationTokens.buttonBackgroundColorActive, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonArrowColor, _Pagination.paginationTokens.buttonArrowColorHover, _Pagination.paginationTokens.buttonArrowColorActive, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.paginationHelperTextColor, _Pagination.paginationTokens.buttonFocusColor)
         },
         viewCurrentPage: {
             default: (0, _styledcomponents.css)([
@@ -142,8 +145,9 @@ var config = {
                 ":4rem;",
                 ":3.5rem;",
                 ":0 0.625rem;",
-                ":0.0625rem;"
-            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth),
+                ":0.0625rem;",
+                ":2.5rem;"
+            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             m: (0, _styledcomponents.css)([
                 "",
                 ":var(--plasma-typo-body-m-font-family);",
@@ -177,8 +181,9 @@ var config = {
                 ":3.5rem;",
                 ":3rem;",
                 ":0 0.625rem;",
-                ":0.0625rem;"
-            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth),
+                ":0.0625rem;",
+                ":2.5rem;"
+            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             s: (0, _styledcomponents.css)([
                 "",
                 ":var(--plasma-typo-body-s-font-family);",
@@ -212,8 +217,9 @@ var config = {
                 ":3rem;",
                 ":2.5rem;",
                 ":0 0.625rem;",
-                ":0.0625rem;"
-            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth),
+                ":0.0625rem;",
+                ":2.5rem;"
+            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":var(--plasma-typo-body-xs-font-family);",
@@ -247,8 +253,9 @@ var config = {
                 ":2.5rem;",
                 ":2rem;",
                 ":0 0.625rem;",
-                ":0.0625rem;"
-            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth)
+                ":0.0625rem;",
+                ":2.5rem;"
+            ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap)
         },
         type: {
             compact: (0, _styledcomponents.css)([

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

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

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

@@ -677,9 +677,8 @@ var config = {
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":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)
+                ":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)
         }
     }
 };

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

@@ -46,7 +46,6 @@ 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-f303ce3c-0"
+    componentId: "sc-48220e28-0"
 })([
     "",
     ":var(",
@@ -238,7 +238,5 @@ 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.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);
+], 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);

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

@@ -96,7 +96,6 @@ 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-4f67df85-0"
+    componentId: "sc-e7d38474-0"
 })([
     "",
     ":var(",
@@ -304,7 +304,5 @@ 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.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);
+], 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);

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

@@ -31,10 +31,8 @@ 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',
-    dividerOpacityReadOnly: '--plasma-date-picker_range__divider-opacity-readonly',
-    /** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
+    /** Токены слотов для контента в рендже */ 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',
@@ -118,7 +116,6 @@ 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',

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-16307fd6-0"
+    componentId: "sc-90bc7dc8-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов Range
 export var StyledRange = styled(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-16307fd6-1"
+    componentId: "sc-90bc7dc8-1"
 })([
     "",
     ":var(",
@@ -177,12 +177,8 @@ export var StyledRange = styled(Range).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
     ");"
-], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.rightContentOpacityReadOnly, tokens.rightContentOpacityReadOnly, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.dividerOpacityReadOnly, tokens.dividerOpacityReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
+], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -193,7 +189,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
 export var LeftHelper = styled.div.withConfig({
     displayName: "RangeDate.styles__LeftHelper",
-    componentId: "sc-16307fd6-2"
+    componentId: "sc-90bc7dc8-2"
 })([
     "color:var(",
     ");&.",

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-3e25c44b-0"
+    componentId: "sc-545a903e-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-3e25c44b-1"
+    componentId: "sc-545a903e-1"
 })([
     "width:100%;",
     ":var(",
@@ -138,9 +138,7 @@ export var StyledInput = styled(TextField).withConfig({
     "));",
     ":var(",
     ",var(",
-    "));",
-    ":var(",
-    ");&.",
+    "));&.",
     "{",
     ":var(",
     ");",
@@ -167,7 +165,7 @@ export var StyledInput = styled(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -177,7 +175,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
 export var LeftHelper = styled.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-3e25c44b-2"
+    componentId: "sc-545a903e-2"
 })([
     "color:var(",
     ");&.",

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

@@ -99,9 +99,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { useState, forwardRef, Fragment } from "react";
+import React, { useState, forwardRef, Fragment, useRef, useEffect } from "react";
 import { cx, isNumber } from "../../utils";
-import { PaginationPages, PaginationActions, PaginationButton, PaginationSection, PaginationButtonGroup, PaginationRoot, PaginationShorter } from "./Pagination.styles";
+import { PaginationPages, PaginationActions, PaginationButton, PaginationSection, PaginationButtonGroup, PaginationRoot, PaginationShorter, PaginationActionsLeft, PaginationHelperText } from "./Pagination.styles";
 import { getSections, defaultValues } from "./utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as typeCSS } from "./variations/_type/base";
@@ -111,9 +111,10 @@ import { PaginationQuickJumpToPage } from "./ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from "./ui/PaginationSelectPerPage/PaginationSelectPerPage";
 export var paginationRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, listWidth = _param.listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, helperText = _param.helperText, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, listWidth = _param.listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
+            "helperText",
             "perPage",
             "defaultPerPage",
             "slots",
@@ -143,11 +144,13 @@ export var paginationRoot = function(Root) {
         var pageValue = outerValue !== null && outerValue !== void 0 ? outerValue : pageInner;
         var _useState1 = _sliced_to_array(useState(hasPerPage ? defaultPerPage || defaultValues.perPage : undefined), 2), perPageInner = _useState1[0], setPerPageInner = _useState1[1];
         var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+        var pagesRef = useRef(null);
+        var _useState2 = _sliced_to_array(useState(0), 2), pagesWidth = _useState2[0], setPagesWidth = _useState2[1];
         var pages = Math.ceil(count / (perPageValue || 1));
         var sections = getSections(pageValue, pages, slots);
         var typeClass = classes["".concat(type, "Type")];
         var roundedClass = pilled ? 'circle-circle' : 'square-square';
-        var withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;
+        var withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;
         var withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;
         var disabled = disabledPages.map(function(el) {
             return isNumber(el) ? Number(el) : null;
@@ -185,6 +188,20 @@ export var paginationRoot = function(Root) {
         var isActiveButton = function(checkPage) {
             return pageValue === checkPage ? classes.paginationPageButtonActive : '';
         };
+        useEffect(function() {
+            var observer = new ResizeObserver(function(entries) {
+                var newWidth = entries[0].contentRect.width;
+                setPagesWidth(newWidth);
+            });
+            if (pagesRef.current) {
+                observer.observe(pagesRef.current);
+            }
+            return function() {
+                return observer.disconnect();
+            };
+        }, [
+            type
+        ]);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             size: size,
             view: view,
@@ -193,7 +210,9 @@ export var paginationRoot = function(Root) {
             ref: ref
         }, rest), /*#__PURE__*/ React.createElement(PaginationRoot, {
             className: typeClass
-        }, /*#__PURE__*/ React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
+        }, /*#__PURE__*/ React.createElement(PaginationPages, {
+            ref: pagesRef
+        }, leftContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, leftContent), sections && sections.map(function(section, indexSection) {
             return /*#__PURE__*/ React.createElement(Fragment, {
@@ -217,12 +236,18 @@ export var paginationRoot = function(Root) {
         }), rightContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, rightContent)), /*#__PURE__*/ React.createElement(PaginationActions, {
+            style: type === 'compact' ? {
+                width: "".concat(pagesWidth, "px"),
+                maxWidth: "".concat(pagesWidth, "px")
+            } : {
+                width: "calc(100% - ".concat(pagesWidth, "px)")
+            },
             className: cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
-        }, hasQuickJump && /*#__PURE__*/ React.createElement(PaginationQuickJumpToPage, {
+        }, /*#__PURE__*/ React.createElement(PaginationActionsLeft, null, hasQuickJump && /*#__PURE__*/ React.createElement(PaginationQuickJumpToPage, {
             placeholderQuickJump: placeholderQuickJump,
             textQuickJump: textQuickJump,
             onChangeValue: handleSetPage
-        }), hasPerPage && /*#__PURE__*/ React.createElement(PaginationSelectPerPage, {
+        }), helperText && /*#__PURE__*/ React.createElement(PaginationHelperText, null, helperText)), hasPerPage && /*#__PURE__*/ React.createElement(PaginationSelectPerPage, {
             textPerPage: textPerPage,
             perPageValue: perPageValue,
             perPageList: perPageList,