@salutejs/sdds-os 0.29.0-next-sbcom.0 → 0.30.0-dev.0

package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js

@@ -223,7 +223,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -298,7 +298,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/Badge/Badge.clear.config.js

@@ -33,10 +33,10 @@ const config = {
                 ${_styledcomponents.badgeTokens.color}: var(--text-negative);
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-tertiary);
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-tertiary);
             `
         },
         size: {

package/dist/styled-components/cjs/components/Chip/Chip.config.js

@@ -47,21 +47,6 @@ const config = {
                 ${_styledcomponents.chipTokens.closeIconColorHover}: var(--text-secondary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--text-primary);
             `,
-            accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.background}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundHover}: var(--surface-accent-hover);
-                ${_styledcomponents.chipTokens.colorActive}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundActive}: var(--surface-accent-active);
-                ${_styledcomponents.chipTokens.backgroundReadOnly}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-accent);
-                ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
-                ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
-            `,
             positive: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipTokens.color}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.background}: var(--surface-positive);
@@ -73,8 +58,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-positive);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             warning: (0, _styledcomponents.css)`
@@ -88,8 +73,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-warning);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             negative: (0, _styledcomponents.css)`
@@ -103,8 +88,8 @@ const config = {
                 ${_styledcomponents.chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${_styledcomponents.chipTokens.backgroundReadOnlyHover}: var(--surface-negative);
                 ${_styledcomponents.chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${_styledcomponents.chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `
         },
@@ -156,7 +141,7 @@ const config = {
         },
         disabled: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.chipTokens.disabledOpacity}: 0.4;
+                ${_styledcomponents.chipTokens.disabledOpacity}: 1;
             `
         },
         focused: {
@@ -167,5 +152,57 @@ const config = {
         pilled: {
             true: (0, _styledcomponents.css)``
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--text-tertiary);
+                ${_styledcomponents.chipTokens.background}: var(--surface-solid-tertiary);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--text-tertiary);
+                ${_styledcomponents.chipTokens.background}: var(--surface-solid-tertiary);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${_styledcomponents.chipTokens.background}: var(--surface-accent);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${_styledcomponents.chipTokens.background}: var(--surface-positive);
+                ${_styledcomponents.chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.background}: var(--surface-warning-minor);
+            `
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.chipTokens.background}: var(--surface-negative-minor);
+            `
+        }
+    ]
 };

package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js

@@ -47,6 +47,9 @@ const config = {
         size: {
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
+                ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
+                ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
+                ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
                 ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
                 ${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
                 ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -68,6 +71,9 @@ const config = {
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
+                ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
+                ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
+                ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
                 ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
                 ${_styledcomponents.chipGroupTokens.chipHeight}: 2rem;
                 ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -95,6 +101,10 @@ const config = {
             wide: (0, _styledcomponents.css)`
                 ${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
             `
+        },
+        shape: {
+            segmented: (0, _styledcomponents.css)``,
+            default: (0, _styledcomponents.css)``
         }
     }
 };

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

@@ -275,7 +275,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -396,7 +396,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -246,7 +246,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -371,7 +371,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -189,7 +189,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -275,7 +275,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -45,7 +45,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js

@@ -213,7 +213,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -288,7 +288,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Badge/Badge.clear.config.js

@@ -23,10 +23,10 @@ export const config = {
                 ${badgeTokens.color}: var(--text-negative);
             `,
             dark: css`
-                ${badgeTokens.color}: var(--on-light-text-primary);
+                ${badgeTokens.color}: var(--on-dark-text-tertiary);
             `,
             light: css`
-                ${badgeTokens.color}: var(--on-dark-text-primary);
+                ${badgeTokens.color}: var(--on-dark-text-tertiary);
             `
         },
         size: {

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

@@ -37,21 +37,6 @@ export const config = {
                 ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);
                 ${chipTokens.leftContentColor}: var(--text-primary);
             `,
-            accent: css`
-                ${chipTokens.color}: var(--on-dark-text-primary);
-                ${chipTokens.background}: var(--surface-accent);
-                ${chipTokens.colorHover}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundHover}: var(--surface-accent-hover);
-                ${chipTokens.colorActive}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundActive}: var(--surface-accent-active);
-                ${chipTokens.backgroundReadOnly}: var(--surface-accent);
-                ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
-                ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);
-                ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
-                ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
-            `,
             positive: css`
                 ${chipTokens.color}: var(--on-dark-text-primary);
                 ${chipTokens.background}: var(--surface-positive);
@@ -63,8 +48,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             warning: css`
@@ -78,8 +63,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `,
             negative: css`
@@ -93,8 +78,8 @@ export const config = {
                 ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);
                 ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);
                 ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);
-                ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-primary);
+                ${chipTokens.closeIconColorHover}: var(--on-dark-text-primary-hover);
                 ${chipTokens.leftContentColor}: var(--on-dark-text-primary);
             `
         },
@@ -146,7 +131,7 @@ export const config = {
         },
         disabled: {
             true: css`
-                ${chipTokens.disabledOpacity}: 0.4;
+                ${chipTokens.disabledOpacity}: 1;
             `
         },
         focused: {
@@ -157,5 +142,57 @@ export const config = {
         pilled: {
             true: css``
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--text-tertiary);
+                ${chipTokens.background}: var(--surface-solid-tertiary);
+                ${chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--text-tertiary);
+                ${chipTokens.background}: var(--surface-solid-tertiary);
+                ${chipTokens.closeIconColor}: var(--text-tertiary);
+            `
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${chipTokens.background}: var(--surface-accent);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css`
+                ${chipTokens.color}: var(--on-dark-text-positive-minor);
+                ${chipTokens.background}: var(--surface-positive);
+                ${chipTokens.closeIconColor}: var(--on-dark-text-positive-minor);
+            `
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css`
+                ${chipTokens.background}: var(--surface-warning-minor);
+            `
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css`
+                ${chipTokens.background}: var(--surface-negative-minor);
+            `
+        }
+    ]
 };

package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js

@@ -37,6 +37,9 @@ export const config = {
         size: {
             m: css`
                 ${tokens.chipBorderRadius}: 0.625rem;
+                ${tokens.chipDefaultRadius}: 0.625rem;
+                ${tokens.chipSegmentedRadius}: 0.25rem;
+                ${tokens.chipSideRadius}: 0.625rem;
                 ${tokens.chipWidth}: auto;
                 ${tokens.chipHeight}: 2.5rem;
                 ${tokens.chipPadding}: 0 0.875rem;
@@ -58,6 +61,9 @@ export const config = {
             `,
             s: css`
                 ${tokens.chipBorderRadius}: 0.5rem;
+                ${tokens.chipDefaultRadius}: 0.5rem;
+                ${tokens.chipSegmentedRadius}: 0.25rem;
+                ${tokens.chipSideRadius}: 0.5rem;
                 ${tokens.chipWidth}: auto;
                 ${tokens.chipHeight}: 2rem;
                 ${tokens.chipPadding}: 0 0.875rem;
@@ -85,6 +91,10 @@ export const config = {
             wide: css`
                 ${tokens.chipGroupItemsGap}: 0.5rem;
             `
+        },
+        shape: {
+            segmented: css``,
+            default: css``
         }
     }
 };

package/dist/styled-components/es/components/Combobox/Combobox.config.js

@@ -265,7 +265,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -386,7 +386,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -236,7 +236,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -361,7 +361,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -179,7 +179,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -265,7 +265,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js

@@ -35,7 +35,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-os",
-  "version": "0.29.0-next-sbcom.0",
+  "version": "0.30.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS OS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -19,7 +19,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "ssh://git@github.com:salute-developers/plasma.git",
+    "url": "git+https://github.com/salute-developers/plasma.git",
     "directory": "packages/sdds-os"
   },
   "exports": {
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@salutejs-ds/sdds_os": "0.1.2",
-    "@salutejs/plasma-new-hope": "0.371.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.372.0-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -59,11 +59,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.234.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.164.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.243.1-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.235.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.17.0-dev.0",
+    "@salutejs/plasma-core": "1.235.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.165.0-dev.0",
+    "@salutejs/plasma-icons": "1.244.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.236.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e3fdc1d1ec835c185f57201ef48ba11fdc04140d"
+  "gitHead": "f47f14d572251d01146ea257b4f87e906537a1e2"
 }