@salutejs/plasma-new-hope 0.338.0-canary.2277.18342250629.0 → 0.338.0-canary.2281.18401175529.0

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

@@ -40,6 +40,8 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
@@ -61,7 +63,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             positive: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -84,6 +86,8 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
@@ -105,7 +109,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             warning: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -128,6 +132,8 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
@@ -149,7 +155,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor),
             negative: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -172,6 +178,8 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--text-tertiary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
@@ -193,7 +201,7 @@ var config = {
                 ":var(--on-dark-text-primary);",
                 ":transparent;",
                 ":var(--text-secondary);"
-            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor)
+            ], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldClearColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColor, _Combobox.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldContentSlotColor, _Combobox.comboboxNewTokens.textFieldContentSlotColorHover, _Combobox.comboboxNewTokens.textFieldContentSlotColorActive, _Combobox.comboboxNewTokens.textFieldIndicatorColor, _Combobox.comboboxNewTokens.textFieldOptionalColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorHover, _Combobox.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly, _Combobox.comboboxNewTokens.disclosureIconColor, _Combobox.comboboxNewTokens.disclosureIconColorHover, _Combobox.comboboxNewTokens.itemBackgroundHover, _Combobox.comboboxNewTokens.textFieldHintIconColor, _Combobox.comboboxNewTokens.dividerColor, _Combobox.comboboxNewTokens.itemIconColor, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor)
         },
         size: {
             l: (0, _styledcomponents.css)([

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

@@ -757,37 +757,43 @@ var config = {
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--surface-solid-default-hover);",
+                ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary);",
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorReadonly, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--surface-transparent-secondary-hover);",
-                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipCloseIconColorReadonly, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--surface-accent-hover);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":1;"
-            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
+            ], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipCloseIconColorReadonly, _.selectTokens.textFieldChipCloseIconColorHover, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
         },
         hintView: {
             default: (0, _styledcomponents.css)([

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

@@ -530,8 +530,10 @@ var config = {
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -545,8 +547,10 @@ var config = {
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -560,8 +564,10 @@ var config = {
                 ":var(--surface-accent);",
                 ":var(--on-dark-text-primary);",
                 ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
             positive: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -575,8 +581,10 @@ var config = {
                 ":var(--surface-positive);",
                 ":var(--on-dark-text-primary);",
                 ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
             warning: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -590,8 +598,10 @@ var config = {
                 ":var(--surface-warning);",
                 ":var(--on-dark-text-primary);",
                 ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
             negative: (0, _styledcomponents.css)([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -605,8 +615,10 @@ var config = {
                 ":var(--surface-negative);",
                 ":var(--on-dark-text-primary);",
                 ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
                 ":1;"
-            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly)
+            ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorReadonly, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly)
         },
         hintView: {
             default: (0, _styledcomponents.css)([

package/styled-components/cjs/mixins/index.js

@@ -12,7 +12,6 @@ _export_star(require("./addFocus"), exports);
 _export_star(require("./typography"), exports);
 _export_star(require("./applyRoundness"), exports);
 _export_star(require("./applySkeletonGradient"), exports);
-_export_star(require("./applyDisabled"), exports);
 _export_star(require("./applyHidden"), exports);
 _export_star(require("./createApplyPaperMixin"), exports);
 function _export_star(from, to) {

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

@@ -67,7 +67,8 @@ import { classes, tokens } from "./Chip.tokens";
 export var chipRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
         var children = props.children, text = props.text, contentLeft = props.contentLeft, contentRight = props.contentRight, contentClearButton = props.contentClearButton, _props_hasClear = props.hasClear, hasClear = _props_hasClear === void 0 ? true : _props_hasClear, size = props.size, className = props.className, onClear = props.onClear, onClick = props.onClick, onClickClose = props.onClickClose, _props_pilled = props.pilled, pilled = _props_pilled === void 0 ? false : _props_pilled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, // @ts-ignore
-        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, rest = _object_without_properties(props, [
+        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, // @ts-ignore
+        chipClickArea = props.chipClickArea, rest = _object_without_properties(props, [
             "children",
             "text",
             "contentLeft",
@@ -82,7 +83,8 @@ export var chipRoot = function(Root) {
             "pilled",
             "readOnly",
             "disabled",
-            "_forceChipManipulationWithReadonly"
+            "_forceChipManipulationWithReadonly",
+            "chipClickArea"
         ]);
         var txt = !text && typeof children === 'string' ? children : text;
         var pilledClass = pilled ? classes.pilled : undefined;
@@ -93,14 +95,16 @@ export var chipRoot = function(Root) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            onClear === null || onClear === void 0 ? void 0 : onClear();
         };
         var handleClickClose = function(event) {
-            if (disabled || readOnly || !onClickClose) {
+            if (disabled || readOnly && !_forceChipManipulationWithReadonly || !onClickClose) {
                 return;
             }
             event.stopPropagation();
             onClickClose(event);
+            if (onClear) {
+                onClear();
+            }
         };
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             type: "button",
@@ -109,7 +113,7 @@ export var chipRoot = function(Root) {
             tabIndex: readOnly ? -1 : 0,
             onClick: handleClick,
             disabled: disabled,
-            readOnly: !disabled && readOnly,
+            readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
             size: size
         }, rest), contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
             hasClear: hasClear

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

@@ -7,7 +7,7 @@ export var base = css([
 ]);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "Chip.styles__StyledContentLeft",
-    componentId: "sc-9d5799f0-0"
+    componentId: "sc-ea11377a-0"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
@@ -16,14 +16,14 @@ export var StyledContentLeft = styled.div.withConfig({
 ], tokens.leftContentMarginLeft, tokens.leftContentMarginRight, tokens.leftContentColor);
 export var StyledContentMain = styled.div.withConfig({
     displayName: "Chip.styles__StyledContentMain",
-    componentId: "sc-9d5799f0-1"
+    componentId: "sc-ea11377a-1"
 })([
     "",
     ";"
 ], applyEllipsis());
 export var StyledContentRight = styled.div.withConfig({
     displayName: "Chip.styles__StyledContentRight",
-    componentId: "sc-9d5799f0-2"
+    componentId: "sc-ea11377a-2"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:",
@@ -33,10 +33,11 @@ export var StyledContentRight = styled.div.withConfig({
 });
 export var StyledContentClear = styled.div.withConfig({
     displayName: "Chip.styles__StyledContentClear",
-    componentId: "sc-9d5799f0-3"
+    componentId: "sc-ea11377a-3"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
     ");color:var(",
-    ");"
-], tokens.clearContentMarginLeft, tokens.clearContentMarginRight, tokens.closeIconColor);
+    ");:hover{color:var(",
+    ");}"
+], tokens.clearContentMarginLeft, tokens.clearContentMarginRight, tokens.closeIconColor, tokens.closeIconColorHover);

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

@@ -18,6 +18,7 @@ export var tokens = {
     closeIconColor: '--plasma-chip-close-icon-color',
     closeIconColorHover: '--plasma-chip-close-icon-color-hover',
     closeIconColorActive: '--plasma-chip-close-icon-color-active',
+    closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
     leftContentColor: '--plasma-chip-left-content-color',
     borderRadius: '--plasma-chip-border-radius',
     pilledBorderRadius: '--plasma-chip-pilled-border-radius',

package/styled-components/es/components/Chip/variations/_disabled/base.js

@@ -1,8 +1,12 @@
 import { css } from "styled-components";
 import { tokens } from "../../Chip.tokens";
+import { StyledContentClear } from "../../Chip.styles";
 export var base = css([
     "&[disabled]{opacity:var(",
     ");cursor:not-allowed;:hover,:active{scale:none;color:var(",
     ");background-color:var(",
-    ");}}"
-], tokens.disabledOpacity, tokens.color, tokens.background);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], tokens.disabledOpacity, tokens.color, tokens.background, StyledContentClear, tokens.closeIconColor, tokens.closeIconColor);

package/styled-components/es/components/Chip/variations/_readonly/base.js

@@ -1,9 +1,13 @@
 import { css } from "styled-components";
 import { tokens } from "../../Chip.tokens";
+import { StyledContentClear } from "../../Chip.styles";
 export var base = css([
     "&[readonly]{color:var(",
     ");background-color:var(",
     ");:hover,:active{scale:none;cursor:default;color:var(",
     ");background-color:var(",
-    ");}}"
-], tokens.colorReadOnly, tokens.backgroundReadOnly, tokens.colorReadOnlyHover, tokens.backgroundReadOnlyHover);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], tokens.colorReadOnly, tokens.backgroundReadOnly, tokens.colorReadOnlyHover, tokens.backgroundReadOnlyHover, StyledContentClear, tokens.closeIconColorReadonly, tokens.closeIconColorReadonly);

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

@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
  */ export var comboboxRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
         var _getItemByFocused;
-        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
+        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
@@ -194,6 +194,7 @@ import { Context } from "./Combobox.context";
             "onScroll",
             "onToggle",
             "mode",
+            "chipClickArea",
             "_offset"
         ]);
         var transformedItems = useMemo(function() {
@@ -607,8 +608,9 @@ import { Context } from "./Combobox.context";
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
+                    _chipClickArea: chipClickArea,
                     _chips: getChips(),
-                    _onChipClick: handleChipClick
+                    _onChipCloseClick: handleChipClick
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

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

@@ -181,6 +181,8 @@ export var tokens = {
     textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
     textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
     textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
+    textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
+    textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
     textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
     textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
     textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',

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-7712693a-0"
+    componentId: "sc-e19acd42-0"
 })([
     "",
     ":var(",
@@ -308,5 +308,9 @@ export var StyledTextField = styled(TextField).withConfig({
     ":var(",
     ");",
     ":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.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, 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.readOnlyOpacity, comboboxTokens.textFieldReadOnlyOpacity, 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.chipCloseIconColorHover, comboboxTokens.textFieldChipCloseIconColorHover, textFieldTokens.chipCloseIconColorReadonly, comboboxTokens.textFieldChipCloseIconColorReadonly, 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/Drawer/Drawer.js

@@ -71,7 +71,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_positionFixed = _param.positionFixed, positionFixed = _param_positionFixed === void 0 ? false : _param_positionFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -94,7 +94,6 @@ export var drawerRoot = function(Root) {
             "onEscKeyDown",
             "offset",
             "frame",
-            "positionFixed",
             "borderRadius",
             "placement",
             "closeOnEsc",
@@ -146,7 +145,6 @@ export var drawerRoot = function(Root) {
             placement: placement,
             popupInfo: drawerInfo,
             frame: frame,
-            positionFixed: positionFixed,
             width: innerWidth,
             height: innerHeight,
             offset: offset,

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

@@ -58,10 +58,10 @@ import { useForkRef } from "@salutejs/plasma-core";
 import { safeUseId } from "../../utils";
 import { component } from "../../engines";
 import { useFocusTrap } from "../../hooks";
+import { IconClose } from "../_Icon";
 import { popupConfig, usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
-import { IconClose } from "../_Icon/Icons/IconClose";
 import { classes, tokens } from "./Modal.tokens";
 import { useModal } from "./hooks";
 import { base as viewCSS } from "./variations/_view/base";
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */ export var modalRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, overlay = _param.overlay, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -95,7 +95,8 @@ var Popup = component(popupConfig);
             "hasBody",
             "hasClose",
             "resizable",
-            "draggable"
+            "draggable",
+            "overlay"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
@@ -148,9 +149,9 @@ var Popup = component(popupConfig);
             popupInfo: modalInfo,
             withAnimation: withAnimation,
             zIndex: zIndex,
-            overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
+            overlay: /*#__PURE__*/ React.createElement(Root, {
                 view: view
-            }, overlayNode),
+            }, overlay || overlayNode),
             draggable: draggable,
             resizable: resizable
         }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {

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

@@ -133,6 +133,7 @@ import { useForkRef } from "@salutejs/plasma-core";
 import { useFocusTrap } from "../../hooks";
 import { cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
+import { Resizable } from "../_Resizable";
 import { base as viewCSS } from "./variations/_view/base";
 import { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from "./Popover.styles";
 import { classes } from "./Popover.tokens";
@@ -147,7 +148,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
         var target = _param.target, children = _param.children, animated = _param.animated, isOpen = _param.isOpen, opened = _param.opened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, hasArrow = _param.hasArrow, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, className = _param.className, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'auto' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? [
             0,
             0
-        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
+        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
             "target",
             "children",
             "animated",
@@ -164,6 +165,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             "closeOnEsc",
             "preventOverflow",
             "usePortal",
+            "resizable",
             "view",
             "onToggle",
             "closeOnOverlayClick"
@@ -401,7 +403,9 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             className: classes.arrow,
             ref: setArrowElement,
             style: styles.arrow
-        }, attributes.arrow)), children)))));
+        }, attributes.arrow)), /*#__PURE__*/ React.createElement(Resizable, {
+            resizable: resizable
+        }, children))))));
     });
 };
 export var popoverConfig = {