@salutejs/sdds-os 0.25.0-next-sbcom.0 → 0.25.0

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

@@ -0,0 +1,61 @@
+import { badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
+export const sizeL = `
+    ${badgeTokens.borderRadius}: 0.5rem;
+    ${badgeTokens.height}: 1.75rem;
+    ${badgeTokens.padding}: 0 0.6875rem;
+    ${badgeTokens.paddingIconOnly}: 0 0.375rem;
+
+    ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+    ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
+    ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+    ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+    ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+    ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+
+    ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
+    ${badgeTokens.leftContentMarginRight}: 0.25rem;
+
+    ${badgeTokens.rightContentMarginLeft}: 0.25rem;
+    ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+`;
+export const sizeM = `
+    ${badgeTokens.borderRadius}: 0.375rem;
+    ${badgeTokens.height}: 1.5rem;
+    ${badgeTokens.padding}: 0 0.5625rem;
+    ${badgeTokens.paddingIconOnly}: 0 0.375rem;
+
+    ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
+    ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+    ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+    ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+    ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+    ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+
+    ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
+    ${badgeTokens.leftContentMarginRight}: 0.1875rem;
+
+    ${badgeTokens.rightContentMarginLeft}: 0.1875rem;
+    ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+`;
+export const sizeS = `
+    ${badgeTokens.borderRadius}: 0.375rem;
+    ${badgeTokens.height}: 1.25rem;
+    ${badgeTokens.padding}: 0 0.4375rem;
+    ${badgeTokens.paddingIconOnly}: 0 0.25rem;
+
+    ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
+    ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
+    ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
+    ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
+    ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
+    ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+
+    ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
+    ${badgeTokens.leftContentMarginRight}: 0.125rem;
+
+    ${badgeTokens.rightContentMarginLeft}: 0.125rem;
+    ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+`;
+export const pilled = `
+    ${badgeTokens.pilledBorderRadius}: 1000px;
+`;

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

@@ -1,4 +1,5 @@
 import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { pilled, sizeL, sizeM, sizeS } from './Badge.config.common';
 export const config = {
     defaults: {
         view: 'default',
@@ -72,66 +73,18 @@ export const config = {
         },
         size: {
             l: css`
-                ${badgeTokens.borderRadius}: 0.5rem;
-                ${badgeTokens.height}: 1.75rem;
-                ${badgeTokens.padding}: 0 0.6875rem;
-                ${badgeTokens.paddingIconOnly}: 0 0.375rem;
-
-                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
-
-                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
-                ${badgeTokens.leftContentMarginRight}: 0.25rem;
-
-                ${badgeTokens.rightContentMarginLeft}: 0.25rem;
-                ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+                ${sizeL}
             `,
             m: css`
-                ${badgeTokens.borderRadius}: 0.375rem;
-                ${badgeTokens.height}: 1.5rem;
-                ${badgeTokens.padding}: 0 0.5625rem;
-                ${badgeTokens.paddingIconOnly}: 0 0.375rem;
-
-                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
-
-                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
-                ${badgeTokens.leftContentMarginRight}: 0.1875rem;
-
-                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;
-                ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+                ${sizeM}
             `,
             s: css`
-                ${badgeTokens.borderRadius}: 0.375rem;
-                ${badgeTokens.height}: 1.25rem;
-                ${badgeTokens.padding}: 0 0.4375rem;
-                ${badgeTokens.paddingIconOnly}: 0 0.25rem;
-
-                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
-
-                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
-                ${badgeTokens.leftContentMarginRight}: 0.125rem;
-
-                ${badgeTokens.rightContentMarginLeft}: 0.125rem;
-                ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+                ${sizeS}
             `
         },
         pilled: {
             true: css`
-                ${badgeTokens.pilledBorderRadius}: 1.25rem;
+                ${pilled}
             `
         },
         clear: {

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

@@ -1,6 +1,13 @@
-import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { badgeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Badge.config';
+import { config as clearConfig } from './Badge.clear.config';
 const mergedConfig = mergeConfig(badgeConfig, config);
+export const BadgeDefault = component(mergedConfig);
+const mergedConfigClear = mergeConfig(badgeConfig, clearConfig);
+export const BadgeClear = component(mergedConfigClear);
 /**
  * Компонент Badge.
- */ export const Badge = component(mergedConfig);
+ */ export const Badge = createConditionalComponent({
+    default: BadgeDefault,
+    clear: BadgeClear
+});

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/LinkButton/LinkButton.config.js

@@ -7,78 +7,71 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-primary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-primary-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-primary-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);
             `,
             accent: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-accent);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-accent-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-accent-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);
             `,
             secondary: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-secondary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-secondary-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-secondary-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);
             `,
             positive: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-positive);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-positive-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-positive-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);
             `,
             warning: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-warning);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-warning-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-warning-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);
             `,
             negative: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-negative);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-negative-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-negative-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
             `,
             info: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-info);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-info);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-info);
                 ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
-                ${linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
+                ${linkButtonTokens.linkButtonIconColorHover}: var(--text-info-hover);
+                ${linkButtonTokens.linkButtonIconColorActive}: var(--text-info-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
@@ -173,7 +166,6 @@ export const config = {
             view: 'default',
             disabled: true,
             style: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-tertiary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-tertiary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-tertiary);
             `
@@ -189,7 +181,6 @@ export const config = {
             view: 'secondary',
             disabled: true,
             style: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-tertiary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-tertiary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-tertiary);
             `
@@ -205,7 +196,6 @@ export const config = {
             view: 'warning',
             disabled: true,
             style: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-warning-minor);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-warning-minor);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-warning-minor);
             `
@@ -214,7 +204,6 @@ export const config = {
             view: 'negative',
             disabled: true,
             style: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-negative-minor);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-negative-minor);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-negative-minor);
             `
@@ -223,7 +212,6 @@ export const config = {
             view: 'info',
             disabled: true,
             style: css`
-                ${linkButtonTokens.linkButtonColor}: var(--text-info-minor);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-info-minor);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-info-minor);
             `

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

@@ -6,7 +6,9 @@ export const config = {
     view: {
         default: {
             trackColor: 'var(--surface-solid-primary)',
-            thumbColor: 'var(--surface-solid-tertiary)'
+            thumbColor: 'var(--surface-solid-tertiary)',
+            thumbHoverColor: 'var(--surface-solid-tertiary-hover)',
+            thumbActiveColor: 'var(--surface-solid-tertiary-active)'
         }
     },
     size: {

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.25.0-next-sbcom.0",
+  "version": "0.25.0",
   "description": "Salute Design System / React UI kit for SDDS OS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@salutejs-ds/sdds_os": "0.1.2",
-    "@salutejs/plasma-new-hope": "0.367.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.367.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.230.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.160.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.241.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.231.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.230.0",
+    "@salutejs/plasma-cy-utils": "0.160.0",
+    "@salutejs/plasma-icons": "1.241.0",
+    "@salutejs/plasma-sb-utils": "0.231.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "c36f4190c057fe79a831970475df9ff7ad04c743"
+  "gitHead": "22cd4c680b11c65c8abe88d14e6c8c37af778906"
 }