@salutejs/sdds-platform-ai 0.355.0-next-sbcom.0 → 0.355.0

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

@@ -120,6 +120,14 @@ export const config = {
                 ${tokens.fontWeight}: 0;
                 ${tokens.lineHeight}: 0;
                 ${tokens.statusIconSize}: 0;
+                ${tokens.borderRadius}: 50%;
+            `
+        },
+        focused: {
+            true: css`
+                ${tokens.outlineSize}: 0.1rem;
+                ${tokens.outlineOffset}: -0.2rem;
+                ${tokens.outlineColor}: var(--surface-accent);
             `
         },
         shape: {

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

@@ -51,8 +51,8 @@ export const config = {
                 ${buttonTokens.buttonValueColor}: var(--text-secondary);
 
                 ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);
-                ${buttonTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default);
-                ${buttonTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default);
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);
 
                 ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
             `,
@@ -140,7 +140,7 @@ export const config = {
                 ${buttonTokens.buttonHeight}: 4rem;
                 ${buttonTokens.buttonWidth}: 12.5rem;
                 ${buttonTokens.buttonPadding}: 1.75rem;
-                ${buttonTokens.buttonRadius}: 2rem;
+                ${buttonTokens.buttonRadius}: 1rem;
                 ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
                 ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
                 ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
@@ -161,7 +161,7 @@ export const config = {
                 ${buttonTokens.buttonHeight}: 3.5rem;
                 ${buttonTokens.buttonWidth}: 12.5rem;
                 ${buttonTokens.buttonPadding}: 1.75rem;
-                ${buttonTokens.buttonRadius}: 1.75rem;
+                ${buttonTokens.buttonRadius}: 0.875rem;
 
                 ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
                 ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
@@ -183,7 +183,7 @@ export const config = {
                 ${buttonTokens.buttonHeight}: 3rem;
                 ${buttonTokens.buttonWidth}: 11.25rem;
                 ${buttonTokens.buttonPadding}: 1.5rem;
-                ${buttonTokens.buttonRadius}: 1.5rem;
+                ${buttonTokens.buttonRadius}: 0.75rem;
                 ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
                 ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
                 ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
@@ -204,7 +204,7 @@ export const config = {
                 ${buttonTokens.buttonHeight}: 2.5rem;
                 ${buttonTokens.buttonWidth}: 11.25rem;
                 ${buttonTokens.buttonPadding}: 1rem;
-                ${buttonTokens.buttonRadius}: 1.375rem;
+                ${buttonTokens.buttonRadius}: 0.625rem;
                 ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
                 ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -225,7 +225,7 @@ export const config = {
                 ${buttonTokens.buttonHeight}: 2rem;
                 ${buttonTokens.buttonWidth}: 10rem;
                 ${buttonTokens.buttonPadding}: 0.75rem;
-                ${buttonTokens.buttonRadius}: 1.375rem;
+                ${buttonTokens.buttonRadius}: 0.5rem;
 
                 ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);

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

@@ -7,6 +7,7 @@ export const config = {
     variations: {
         view: {
             default: css`
+                ${tokens.chipFocusColor}: var(--surface-accent);
                 ${tokens.chipColor}: var(--inverse-text-primary);
                 ${tokens.chipBackground}: var(--surface-solid-default);
                 ${tokens.chipColorHover}: var(--inverse-text-primary);
@@ -15,6 +16,7 @@ export const config = {
                 ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);
             `,
             secondary: css`
+                ${tokens.chipFocusColor}: var(--surface-accent);
                 ${tokens.chipColor}: var(--text-primary);
                 ${tokens.chipBackground}: var(--surface-transparent-secondary);
                 ${tokens.chipColorHover}: var(--text-primary);
@@ -23,6 +25,7 @@ export const config = {
                 ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
             `,
             accent: css`
+                ${tokens.chipFocusColor}: var(--surface-accent);
                 ${tokens.chipColor}: var(--on-dark-text-primary);
                 ${tokens.chipBackground}: var(--surface-accent);
                 ${tokens.chipColorHover}: var(--on-dark-text-primary);

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

@@ -0,0 +1,151 @@
+import { css, codeAreaTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${tokens.wrapperBackgroundColor}: transparent;
+                ${tokens.fieldBackgroundColor}: var(--surface-transparent-primary);
+
+                ${tokens.codeColor}: var(--text-primary);
+                ${tokens.lineNumberColor}: var(--text-tertiary);
+                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+
+                ${tokens.scrollTrackColor}: var(--surface-transparent-primary);
+                ${tokens.scrollThumbColor}: var(--surface-transparent-tertiary);
+
+                ${tokens.syntaxYellow}: var(--syntax-yellow);
+                ${tokens.syntaxOrange}: var(--syntax-orange);
+                ${tokens.syntaxPink}: var(--syntax-pink);
+                ${tokens.syntaxSpring}: var(--syntax-spring);
+                ${tokens.syntaxSkyBlue}: var(--syntax-sky-blue);
+                ${tokens.syntaxRed}: var(--syntax-red);
+            `
+        },
+        size: {
+            xl: css`
+                ${tokens.wrapperPadding}: 0;
+                ${tokens.wrapperGap}: 1.25rem;
+                ${tokens.wrapperBorderRadius}: 0;
+
+                ${tokens.overlayBorderRadius}: 1rem;
+                ${tokens.overlayPadding}: 1.25rem 1.125rem;
+
+                ${tokens.headerMarginBottom}: 1.25rem;
+                ${tokens.contentGap}: 0.5rem;
+                ${tokens.lineNumberGap}: 0.5rem;
+                ${tokens.numerationPaddingRight}: 0.5rem;
+                ${tokens.codeMarginRight}: -1rem;
+                ${tokens.codePaddingRight}: 2.875rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            l: css`
+                ${tokens.wrapperPadding}: 0;
+                ${tokens.wrapperGap}: 1rem;
+                ${tokens.wrapperBorderRadius}: 0;
+
+                ${tokens.overlayBorderRadius}: 0.875rem;
+                ${tokens.overlayPadding}: 1rem;
+
+                ${tokens.headerMarginBottom}: 1rem;
+                ${tokens.contentGap}: 0.5rem;
+                ${tokens.lineNumberGap}: 0.5rem;
+                ${tokens.numerationPaddingRight}: 0.5rem;
+                ${tokens.codeMarginRight}: -0.875rem;
+                ${tokens.codePaddingRight}: 2.75rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            m: css`
+                ${tokens.wrapperPadding}: 0;
+                ${tokens.wrapperGap}: 0.75rem;
+                ${tokens.wrapperBorderRadius}: 0;
+
+                ${tokens.overlayBorderRadius}: 0.75rem;
+                ${tokens.overlayPadding}: 0.75rem 0.875rem;
+
+                ${tokens.headerMarginBottom}: 0.75rem;
+                ${tokens.contentGap}: 0.375rem;
+                ${tokens.lineNumberGap}: 0.375rem;
+                ${tokens.numerationPaddingRight}: 0.375rem;
+                ${tokens.codeMarginRight}: -0.75rem;
+                ${tokens.codePaddingRight}: 2.5rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            s: css`
+                ${tokens.wrapperPadding}: 0;
+                ${tokens.wrapperGap}: 0.5rem;
+                ${tokens.wrapperBorderRadius}: 0;
+
+                ${tokens.overlayBorderRadius}: 0.625rem;
+                ${tokens.overlayPadding}: 0.5rem 0.75rem;
+
+                ${tokens.headerMarginBottom}: 0.5rem;
+                ${tokens.contentGap}: 0.375rem;
+                ${tokens.lineNumberGap}: 0.25rem;
+                ${tokens.numerationPaddingRight}: 0.25rem;
+                ${tokens.codeMarginRight}: -0.625rem;
+                ${tokens.codePaddingRight}: 2.375rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            xs: css`
+                ${tokens.wrapperPadding}: 0;
+                ${tokens.wrapperGap}: 0.5rem;
+                ${tokens.wrapperBorderRadius}: 0;
+
+                ${tokens.overlayBorderRadius}: 0.5rem;
+                ${tokens.overlayPadding}: 0.5rem;
+
+                ${tokens.headerMarginBottom}: 0.5rem;
+                ${tokens.contentGap}: 0.25rem;
+                ${tokens.lineNumberGap}: 0.25rem;
+                ${tokens.numerationPaddingRight}: 0.25rem;
+                ${tokens.codeMarginRight}: -0.375rem;
+                ${tokens.codePaddingRight}: 1.5rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `
+        }
+    }
+};

package/dist/styled-components/es/components/CodeArea/CodeArea.hasWrapper.config.js

@@ -0,0 +1,151 @@
+import { css, codeAreaTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${tokens.wrapperBackgroundColor}: var(--surface-transparent-primary);
+                ${tokens.fieldBackgroundColor}: var(--surface-solid-card);
+
+                ${tokens.codeColor}: var(--text-primary);
+                ${tokens.lineNumberColor}: var(--text-tertiary);
+                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+
+                ${tokens.scrollTrackColor}: var(--surface-transparent-primary);
+                ${tokens.scrollThumbColor}: var(--surface-transparent-tertiary);
+
+                ${tokens.syntaxYellow}: var(--syntax-yellow);
+                ${tokens.syntaxOrange}: var(--syntax-orange);
+                ${tokens.syntaxPink}: var(--syntax-pink);
+                ${tokens.syntaxSpring}: var(--syntax-spring);
+                ${tokens.syntaxSkyBlue}: var(--syntax-sky-blue);
+                ${tokens.syntaxRed}: var(--syntax-red);
+            `
+        },
+        size: {
+            xl: css`
+                ${tokens.wrapperPadding}: 1.25rem;
+                ${tokens.wrapperGap}: 1.25rem;
+                ${tokens.wrapperBorderRadius}: 2.25rem;
+
+                ${tokens.overlayBorderRadius}: 1rem;
+                ${tokens.overlayPadding}: 1.25rem 1.125rem;
+
+                ${tokens.headerMarginBottom}: 1.25rem;
+                ${tokens.contentGap}: 0.5rem;
+                ${tokens.lineNumberGap}: 0.5rem;
+                ${tokens.numerationPaddingRight}: 0.5rem;
+                ${tokens.codeMarginRight}: -1rem;
+                ${tokens.codePaddingRight}: 2.875rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            l: css`
+                ${tokens.wrapperPadding}: 1rem;
+                ${tokens.wrapperGap}: 1rem;
+                ${tokens.wrapperBorderRadius}: 1.875rem;
+
+                ${tokens.overlayBorderRadius}: 0.875rem;
+                ${tokens.overlayPadding}: 1rem;
+
+                ${tokens.headerMarginBottom}: 1rem;
+                ${tokens.contentGap}: 0.5rem;
+                ${tokens.lineNumberGap}: 0.5rem;
+                ${tokens.numerationPaddingRight}: 0.5rem;
+                ${tokens.codeMarginRight}: -0.875rem;
+                ${tokens.codePaddingRight}: 2.75rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            m: css`
+                ${tokens.wrapperPadding}: 0.75rem;
+                ${tokens.wrapperGap}: 0.75rem;
+                ${tokens.wrapperBorderRadius}: 1.5rem;
+
+                ${tokens.overlayBorderRadius}: 0.75rem;
+                ${tokens.overlayPadding}: 0.75rem 0.875rem;
+
+                ${tokens.headerMarginBottom}: 0.75rem;
+                ${tokens.contentGap}: 0.375rem;
+                ${tokens.lineNumberGap}: 0.375rem;
+                ${tokens.numerationPaddingRight}: 0.375rem;
+                ${tokens.codeMarginRight}: -0.75rem;
+                ${tokens.codePaddingRight}: 2.5rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            s: css`
+                ${tokens.wrapperPadding}: 0.5rem;
+                ${tokens.wrapperGap}: 0.5rem;
+                ${tokens.wrapperBorderRadius}: 1.125rem;
+
+                ${tokens.overlayBorderRadius}: 0.625rem;
+                ${tokens.overlayPadding}: 0.5rem 0.75rem;
+
+                ${tokens.headerMarginBottom}: 0.5rem;
+                ${tokens.contentGap}: 0.375rem;
+                ${tokens.lineNumberGap}: 0.25rem;
+                ${tokens.numerationPaddingRight}: 0.25rem;
+                ${tokens.codeMarginRight}: -0.625rem;
+                ${tokens.codePaddingRight}: 2.375rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `,
+            xs: css`
+                ${tokens.wrapperPadding}: 0.5rem;
+                ${tokens.wrapperGap}: 0.5rem;
+                ${tokens.wrapperBorderRadius}: 1rem;
+
+                ${tokens.overlayBorderRadius}: 0.5rem;
+                ${tokens.overlayPadding}: 0.5rem;
+
+                ${tokens.headerMarginBottom}: 0.5rem;
+                ${tokens.contentGap}: 0.25rem;
+                ${tokens.lineNumberGap}: 0.25rem;
+                ${tokens.numerationPaddingRight}: 0.25rem;
+                ${tokens.codeMarginRight}: -0.375rem;
+                ${tokens.codePaddingRight}: 1.5rem;
+
+                ${tokens.fontFamily}: 'SB Sans Text Mono', sans-serif;
+                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${tokens.scrollWidth}: 0.125rem;
+            `
+        }
+    }
+};

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

@@ -0,0 +1,11 @@
+import { codeAreaConfig, component, createConditionalComponent, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './CodeArea.config';
+import { config as hasWrapperConfig } from './CodeArea.hasWrapper.config';
+const mergedConfig = mergeConfig(codeAreaConfig, config);
+export const CodeAreaDefault = component(mergedConfig);
+const mergedConfigHasWrapper = mergeConfig(codeAreaConfig, hasWrapperConfig);
+export const CodeAreaHasWrapper = component(mergedConfigHasWrapper);
+export const CodeArea = createConditionalComponent({
+    default: CodeAreaDefault,
+    hasWrapper: CodeAreaHasWrapper
+});

package/dist/styled-components/es/components/CodeArea/index.js

@@ -0,0 +1 @@
+export { CodeArea } from './CodeArea';

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

@@ -270,7 +270,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);

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

@@ -17,7 +17,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
             `,
             accent: css`
-                ${iconButtonTokens.iconButtonColor}: var(--text-primary);
+                ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);
                 ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent-gradient);
 
                 ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
@@ -96,7 +96,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonHeight}: 4rem;
                 ${iconButtonTokens.iconButtonWidth}: 4.25rem;
                 ${iconButtonTokens.iconButtonPadding}: 1.375rem;
-                ${iconButtonTokens.iconButtonRadius}: 1.75rem;
+                ${iconButtonTokens.iconButtonRadius}: 1rem;
 
                 ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);
                 ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);
@@ -128,7 +128,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonHeight}: 3rem;
                 ${iconButtonTokens.iconButtonWidth}: 3.25rem;
                 ${iconButtonTokens.iconButtonPadding}: 0.875rem;
-                ${iconButtonTokens.iconButtonRadius}: 1.25rem;
+                ${iconButtonTokens.iconButtonRadius}: 0.75rem;
 
                 ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
                 ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
@@ -145,7 +145,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonWidth}: 2.75rem;
 
                 ${iconButtonTokens.iconButtonPadding}: 1rem;
-                ${iconButtonTokens.iconButtonRadius}: 1.125rem;
+                ${iconButtonTokens.iconButtonRadius}: 0.625rem;
 
                 ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);

package/dist/styled-components/es/components/Segment/SegmentItem.config.js

@@ -20,7 +20,7 @@ export const config = {
                 ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);
                 ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);
 
-                ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
+                ${segmentTokens.outlineFocusColor}: var(--text-accent);
             `,
             secondary: css`
                 ${segmentTokens.itemColor}: var(--text-primary);
@@ -36,7 +36,7 @@ export const config = {
                 ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);
                 ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);
 
-                ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
+                ${segmentTokens.outlineFocusColor}: var(--text-accent);
             `,
             default: css`
                 ${segmentTokens.itemColor}: var(--text-primary);
@@ -52,7 +52,7 @@ export const config = {
                 ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);
                 ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);
 
-                ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
+                ${segmentTokens.outlineFocusColor}: var(--text-accent);
             `,
             accent: css`
                 ${segmentTokens.itemColor}: var(--text-primary);
@@ -68,7 +68,7 @@ export const config = {
                 ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
                 ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);
 
-                ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
+                ${segmentTokens.outlineFocusColor}: var(--text-accent);
             `
         },
         size: {

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

@@ -398,7 +398,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);

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

@@ -69,14 +69,14 @@ export const config = {
                 ${switchTokens.labelColor}: var(--text-primary);
                 ${switchTokens.descriptionColor}: var(--text-secondary);
                 ${switchTokens.descriptionMaxLines}: initial;
-                ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);
-                ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);
+                ${switchTokens.trackBackgroundColorOn}: var(--surface-solid-default);
+                ${switchTokens.trackBackgroundColorOnHover}: var(--surface-solid-default-hover);
                 ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);
                 ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);
                 ${switchTokens.trackBorderWidthOn}: 0;
                 ${switchTokens.trackBorderWidthOff}: 0;
-                ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);
-                ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);
+                ${switchTokens.thumbBackgroundColorOn}: var(--surface-solid-primary);
+                ${switchTokens.thumbBackgroundColorOff}: var(--surface-solid-primary);
                 ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);
             `
         },

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

@@ -192,7 +192,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-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);

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

@@ -9,6 +9,7 @@ export * from './components/Card';
 export * from './components/Cell';
 export * from './components/Chip';
 export * from './components/ChipGroup';
+export * from './components/CodeArea';
 export * from './components/Divider';
 export * from './components/Image';
 export * from './components/InformationWrapper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-platform-ai",
-  "version": "0.355.0-next-sbcom.0",
+  "version": "0.355.0",
   "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,8 +40,8 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.368.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.70.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.368.0",
+    "@salutejs/sdds-themes": "0.70.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.231.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.161.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.232.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.231.0",
+    "@salutejs/plasma-cy-utils": "0.161.0",
+    "@salutejs/plasma-icons": "1.242.0",
+    "@salutejs/plasma-sb-utils": "0.232.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -109,5 +109,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "f3a7abb061ba55e82d3cfd084db936b0749caeec"
+  "gitHead": "943a8d7362903f1a335fa5a99917fcbf0f673ea6"
 }

package/types/components/Avatar/Avatar.config.d.ts

@@ -14,6 +14,9 @@ export declare const config: {
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
+        focused: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
         shape: {
             circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;