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

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

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js

@@ -0,0 +1,141 @@
+import { css } from "styled-components";
+import { progressBarCircularTokens } from "../../../components/ProgressBarCircular";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-solid-default);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            secondary: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            accent: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            positive: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-positive);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            warning: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-warning);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            negative: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-negative);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
+        },
+        size: {
+            xxl: css([
+                "",
+                ":8rem;",
+                ":8rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-h2-font-family);",
+                ":var(--plasma-typo-h2-font-size);",
+                ":var(--plasma-typo-h2-font-style);",
+                ":var(--plasma-typo-h2-bold-font-weight);",
+                ":var(--plasma-typo-h2-letter-spacing);",
+                ":var(--plasma-typo-h2-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xl: css([
+                "",
+                ":5.5rem;",
+                ":5.5rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-h5-font-family);",
+                ":var(--plasma-typo-h5-font-size);",
+                ":var(--plasma-typo-h5-font-style);",
+                ":var(--plasma-typo-h5-bold-font-weight);",
+                ":var(--plasma-typo-h5-letter-spacing);",
+                ":var(--plasma-typo-h5-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            l: css([
+                "",
+                ":3.5rem;",
+                ":3.5rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-body-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            m: css([
+                "",
+                ":3rem;",
+                ":3rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-body-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            s: css([
+                "",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-body-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xs: css([
+                "",
+                ":1.5rem;",
+                ":1.5rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-body-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            xxs: css([
+                "",
+                ":1rem;",
+                ":1rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-body-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight)
+        }
+    }
+};

package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.js

@@ -0,0 +1,5 @@
+import { progressBarCircularConfig } from "../../../components/ProgressBarCircular";
+import { component, mergeConfig } from "../../../engines";
+import { config } from "./ProgressBarCircular.config";
+var mergedConfig = mergeConfig(progressBarCircularConfig, config);
+export var ProgressBarCircular = component(mergedConfig);

package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js

@@ -0,0 +1,83 @@
+import { css } from "styled-components";
+import { progressBarCircularTokens } from "../../../components/ProgressBarCircular";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-tertiary);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            accent: css([
+                "",
+                ":var(--surface-solid-tertiary);",
+                ":var(--surface-accent);",
+                ":var(--on-dark-text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            positive: css([
+                "",
+                ":var(--surface-solid-tertiary);",
+                ":var(--surface-positive);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            warning: css([
+                "",
+                ":var(--surface-solid-tertiary);",
+                ":var(--surface-warning);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            negative: css([
+                "",
+                ":var(--surface-solid-tertiary);",
+                ":var(--surface-negative);",
+                ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
+        },
+        size: {
+            l: css([
+                "",
+                ":4rem;",
+                ":4rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            m: css([
+                "",
+                ":3rem;",
+                ":3rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
+            s: css([
+                "",
+                ":2rem;",
+                ":2rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);"
+            ], progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight)
+        }
+    }
+};

package/styled-components/es/examples/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,5 @@
+import { scrollbarConfig } from "../../../components/Scrollbar";
+import { component, mergeConfig } from "../../../engines";
+import { config } from "./Scrollbar.config";
+var mergedConfig = mergeConfig(scrollbarConfig, config);
+export var Scrollbar = component(mergedConfig);

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

@@ -747,37 +747,43 @@ export 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;"
-            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
+            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
             secondary: 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;"
-            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
+            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
             accent: 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;"
-            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
+            ], tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
         },
         hintView: {
             default: css([

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

@@ -520,8 +520,10 @@ export var config = {
                 ":var(--surface-solid-default);",
                 ":var(--inverse-text-primary);",
                 ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary);",
+                ":var(--inverse-text-secondary-hover);",
                 ":1;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
             secondary: css([
                 "",
                 ":var(--text-primary);",
@@ -535,8 +537,10 @@ export var config = {
                 ":var(--surface-transparent-secondary);",
                 ":var(--text-primary);",
                 ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
                 ":1;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
             accent: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -550,8 +554,10 @@ export 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;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
             positive: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -565,8 +571,10 @@ export 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;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
             warning: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -580,8 +588,10 @@ export 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;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
             negative: css([
                 "",
                 ":var(--on-dark-text-primary);",
@@ -595,8 +605,10 @@ export 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;"
-            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
+            ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
         },
         hintView: {
             default: css([

package/styled-components/es/index.js

@@ -84,4 +84,5 @@ export * from "./components/Tour";
 export * from "./components/EmbedIconButton";
 export * from "./components/InformationWrapper";
 export * from "./components/NavigationDrawer";
+export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";

package/styled-components/es/mixins/addScrollbar.js

@@ -0,0 +1,6 @@
+export var scrollbarLarge = function() {
+    return "\n    &::-webkit-scrollbar {\n        width: 0.25rem;\n        height: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.25rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
+};
+export var scrollbarSmall = function() {
+    return "\n    &::-webkit-scrollbar {\n        width: 0.125rem;\n        height: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.125rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
+};

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

@@ -8,6 +8,5 @@ export * from "./addFocus";
 export * from "./typography";
 export * from "./applyRoundness";
 export * from "./applySkeletonGradient";
-export * from "./applyDisabled";
 export * from "./applyHidden";
 export * from "./createApplyPaperMixin";

package/styled-components/es/utils/getTokenValueInPixels.js

@@ -0,0 +1,66 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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);
+}
+export var getTokenValueInPixels = function(tokenName, element) {
+    var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
+    if (!tokenValue) {
+        return undefined;
+    }
+    var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
+    if (!valueMatch) {
+        return undefined;
+    }
+    var _valueMatch = _sliced_to_array(valueMatch, 3), number = _valueMatch[1], unit = _valueMatch[2];
+    var numericValue = parseFloat(number);
+    if (unit === 'px') {
+        return numericValue;
+    }
+    if (unit === 'rem') {
+        var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
+        return numericValue * rootFontSize;
+    }
+    return undefined;
+};

package/styled-components/es/utils/index.js

@@ -13,6 +13,7 @@ export * from "./initialValuesHelper";
 export { noop } from "./noop";
 export { getHeightAsNumber } from "./getHeightAsNumber";
 export { createConditionalComponent } from "./createConditionalComponent";
+export { getTokenValueInPixels } from "./getTokenValueInPixels";
 export var cx = function() {
     for(var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++){
         classes[_key] = arguments[_key];

package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title" | "onChange"> & {
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
     value?: boolean;
     type?: "clear" | "arrow" | "sign";
     contentLeft?: React.ReactNode;

package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts

@@ -34,7 +34,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -72,7 +72,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -108,7 +108,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -146,7 +146,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -182,7 +182,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -220,7 +220,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -256,7 +256,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -294,5 +294,5 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;
+} & Omit<import("../../../..").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>))>;
 //# sourceMappingURL=TextField.styles.d.ts.map

package/types/components/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC,wFAoEhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAtEQ,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGrE,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC,wFAyEhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA3EQ,SAAS,CAAC,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GrE,CAAC"}

package/types/components/Chip/Chip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;eAA2B,OAAO;EAIhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC"}
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;eAA2B,OAAO;EAIhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAS9B,CAAC"}

package/types/components/Chip/Chip.tokens.d.ts

@@ -18,6 +18,7 @@ export declare const tokens: {
     closeIconColor: string;
     closeIconColorHover: string;
     closeIconColorActive: string;
+    closeIconColorReadonly: string;
     leftContentColor: string;
     borderRadius: string;
     pilledBorderRadius: string;

package/types/components/Chip/Chip.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwClB,CAAC"}
+{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyClB,CAAC"}

package/types/components/Chip/Chip.types.d.ts

@@ -50,7 +50,7 @@ type CustomChipProps = {
     /**
      *  Коллбек при взаимодействии с элементом
      * @deprecated
-     * Использовать onClick для закрытия
+     * Использовать onClickClose для закрытия
      */
     onClear?: () => void;
     /**

package/types/components/Chip/variations/_disabled/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqBhB,CAAC"}

package/types/components/Chip/variations/_readonly/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/variations/_readonly/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/variations/_readonly/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsBhB,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.d.ts

@@ -4,11 +4,11 @@ import type { ComboboxProps } from './Combobox.types';
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
-export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, "items">>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, "items" | "chipClickArea">>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
 export declare const comboboxConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, "items">>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+    layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, "items" | "chipClickArea">>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FAwjBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA1jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA+kB3F,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FA0jBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAilB7G,CAAC"}