@salutejs/sdds-cs 0.359.0-next-sbcom.0 → 0.359.0

package/dist/emotion/cjs/components/Accordion/Accordion.config.js

@@ -38,7 +38,7 @@ const config = {
                 ${_emotion.accordionTokens.accordionItemTextColor}: var(--text-primary);
                 ${_emotion.accordionTokens.accordionItemIconColor}: var(--text-accent);
                 ${_emotion.accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${_emotion.accordionTokens.accordionItemBorderRadius}: 0rem !important;
+                ${_emotion.accordionTokens.accordionItemViewBorderRadius}: 0rem;
                 ${_emotion.accordionTokens.accordionBackground}: var(--surface-clear);
                 ${_emotion.accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);
                 ${_emotion.accordionTokens.accordionItemPaddingHorizontalLeft}: 0;

package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js

@@ -132,7 +132,7 @@ const config = {
                 ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);

package/dist/emotion/cjs/components/Badge/Badge.clear.config.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _Badgeconfigcommon = require("./Badge.config.common");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: (0, _emotion.css)`
+                ${_emotion.badgeTokens.color}: var(--text-primary);
+            `,
+            accent: (0, _emotion.css)`
+                ${_emotion.badgeTokens.color}: var(--text-accent);
+            `,
+            positive: (0, _emotion.css)`
+                ${_emotion.badgeTokens.color}: var(--text-positive);
+            `,
+            negative: (0, _emotion.css)`
+                ${_emotion.badgeTokens.color}: var(--text-negative);
+            `
+        },
+        size: {
+            s: (0, _emotion.css)`
+                ${_Badgeconfigcommon.sizeS}
+            `
+        },
+        pilled: {
+            true: (0, _emotion.css)`
+                ${_Badgeconfigcommon.pilled}
+            `
+        },
+        truncate: {
+            true: (0, _emotion.css)``
+        }
+    }
+};

package/dist/emotion/cjs/components/Badge/Badge.config.common.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get pilled () {
+        return pilled;
+    },
+    get sizeS () {
+        return sizeS;
+    }
+});
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const sizeS = `
+    ${_emotion.badgeTokens.borderRadius}: 0.375rem;
+    ${_emotion.badgeTokens.height}: 1.5rem;
+    ${_emotion.badgeTokens.padding}: 0 0.5rem;
+    ${_emotion.badgeTokens.paddingIconOnly}: 0 0.375rem;
+
+    ${_emotion.badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+    ${_emotion.badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
+    ${_emotion.badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+    ${_emotion.badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+    ${_emotion.badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+    ${_emotion.badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+
+    ${_emotion.badgeTokens.leftContentMarginLeft}: -0.0625rem;
+    ${_emotion.badgeTokens.leftContentMarginRight}: 0.125rem;
+
+    ${_emotion.badgeTokens.rightContentMarginLeft}: 0.125rem;
+    ${_emotion.badgeTokens.rightContentMarginRight}: -0.0625rem;
+`;
+const pilled = `
+    ${_emotion.badgeTokens.pilledBorderRadius}: 1000px;
+`;

package/dist/emotion/cjs/components/Badge/Badge.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _Badgeconfigcommon = require("./Badge.config.common");
 const config = {
     defaults: {
         view: 'default',
@@ -46,28 +47,12 @@ const config = {
         },
         size: {
             s: (0, _emotion.css)`
-                ${_emotion.badgeTokens.borderRadius}: 0.375rem;
-                ${_emotion.badgeTokens.height}: 1.5rem;
-                ${_emotion.badgeTokens.padding}: 0 0.5rem;
-                ${_emotion.badgeTokens.paddingIconOnly}: 0 0.375rem;
-
-                ${_emotion.badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
-
-                ${_emotion.badgeTokens.leftContentMarginLeft}: -0.0625rem;
-                ${_emotion.badgeTokens.leftContentMarginRight}: 0.125rem;
-
-                ${_emotion.badgeTokens.rightContentMarginLeft}: 0.125rem;
-                ${_emotion.badgeTokens.rightContentMarginRight}: -0.0625rem;
+                ${_Badgeconfigcommon.sizeS}
             `
         },
         pilled: {
             true: (0, _emotion.css)`
-                ${_emotion.badgeTokens.pilledBorderRadius}: 1.25rem;
+                ${_Badgeconfigcommon.pilled}
             `
         },
         transparent: {

package/dist/emotion/cjs/components/Badge/Badge.js

@@ -2,13 +2,31 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Badge", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Badge () {
         return Badge;
+    },
+    get BadgeClear () {
+        return BadgeClear;
+    },
+    get BadgeDefault () {
+        return BadgeDefault;
     }
 });
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const _Badgeconfig = require("./Badge.config");
+const _Badgeclearconfig = require("./Badge.clear.config");
 const mergedConfig = (0, _emotion.mergeConfig)(_emotion.badgeConfig, _Badgeconfig.config);
-const Badge = (0, _emotion.component)(mergedConfig);
+const BadgeDefault = (0, _emotion.component)(mergedConfig);
+const mergedConfigClear = (0, _emotion.mergeConfig)(_emotion.badgeConfig, _Badgeclearconfig.config);
+const BadgeClear = (0, _emotion.component)(mergedConfigClear);
+const Badge = (0, _emotion.createConditionalComponent)({
+    default: BadgeDefault,
+    clear: BadgeClear
+});

package/dist/emotion/cjs/components/Button/Button.config.js

@@ -51,6 +51,25 @@ const config = {
             `
         },
         size: {
+            m: (0, _emotion.css)`
+                ${_emotion.buttonTokens.buttonHeight}: 3rem;
+                ${_emotion.buttonTokens.buttonWidth}: 11.25rem;
+                ${_emotion.buttonTokens.buttonPadding}: 1rem;
+                ${_emotion.buttonTokens.buttonRadius}: 0.75rem;
+                ${_emotion.buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_emotion.buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.buttonTokens.buttonSpinnerSize}: 1.375rem;
+                ${_emotion.buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${_emotion.buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;
+                ${_emotion.buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;
+                ${_emotion.buttonTokens.buttonValueMargin}: 0 0 0 0.5rem;
+            `,
             s: (0, _emotion.css)`
                 ${_emotion.buttonTokens.buttonHeight}: 2.5rem;
                 ${_emotion.buttonTokens.buttonWidth}: 11.25rem;

package/dist/emotion/cjs/components/Combobox/Combobox.config.js

@@ -170,7 +170,7 @@ const config = {
                 ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_emotion.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -301,7 +301,7 @@ const config = {
                 ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
                 ${_emotion.comboboxTokens.textFieldPadding}: 0;
                 ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
-                ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
+                ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
                 ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
                 ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
             `

package/dist/emotion/cjs/components/IconButton/IconButton.config.js

@@ -44,6 +44,21 @@ const config = {
             `
         },
         size: {
+            m: (0, _emotion.css)`
+                ${_emotion.iconButtonTokens.iconButtonHeight}: 3rem;
+                ${_emotion.iconButtonTokens.iconButtonWidth}: 3rem;
+                ${_emotion.iconButtonTokens.iconButtonPadding}: 0.75rem;
+                ${_emotion.iconButtonTokens.iconButtonRadius}: 0.75rem;
+                ${_emotion.iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_emotion.iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;
+                ${_emotion.iconButtonTokens.iconButtonSpinnerColor}: inherit;
+            `,
             s: (0, _emotion.css)`
                 ${_emotion.iconButtonTokens.iconButtonHeight}: 2.5rem;
                 ${_emotion.iconButtonTokens.iconButtonWidth}: 2.5rem;

package/dist/emotion/cjs/components/Select/Select.config.js

@@ -134,7 +134,7 @@ const config = {
                 ${_emotion.selectTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_emotion.selectTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);

package/dist/emotion/cjs/components/Slider/Slider.config.js

@@ -114,7 +114,6 @@ const config = {
 
                 ${_emotion.sliderTokens.railThickness}: 0.25rem;
                 ${_emotion.sliderTokens.railBorderRadius}: 0.125rem;
-                ${_emotion.sliderTokens.railIndent}: 0.75rem;
 
                 ${_emotion.sliderTokens.textFieldWrapperGap}: 0.063rem;
                 ${_emotion.sliderTokens.textFieldBorderWidth}: 0.125rem;

package/dist/emotion/cjs/components/TextField/TextField.clear.config.js

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

package/dist/emotion/cjs/components/TextField/TextField.config.js

@@ -105,6 +105,83 @@ const config = {
             `
         },
         size: {
+            m: (0, _emotion.css)`
+                ${_emotion.textFieldTokens.height}: 3rem;
+                ${_emotion.textFieldTokens.padding}: 0.75rem 0.875rem 0.75rem 0.875rem;
+                ${_emotion.textFieldTokens.paddingWithChips}: 0.375rem;
+                ${_emotion.textFieldTokens.borderRadius}: 0.75rem;
+                ${_emotion.textFieldTokens.borderWidth}: 0.125rem;
+
+                ${_emotion.textFieldTokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
+                ${_emotion.textFieldTokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
+                ${_emotion.textFieldTokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
+
+                ${_emotion.textFieldTokens.contentRightWrapperGap}: 0.25rem;
+                ${_emotion.textFieldTokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
+
+                ${_emotion.textFieldTokens.textBeforeMargin}: 0 0.25rem 0 0;
+                ${_emotion.textFieldTokens.textAfterMargin}: 0 0 0 0.25rem;
+
+                ${_emotion.textFieldTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.textFieldTokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.textFieldTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.textFieldTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_emotion.textFieldTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.textFieldTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.textFieldTokens.labelOffset}: 0.5rem;
+                ${_emotion.textFieldTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_emotion.textFieldTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_emotion.textFieldTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_emotion.textFieldTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_emotion.textFieldTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_emotion.textFieldTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_emotion.textFieldTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_emotion.textFieldTokens.hintTargetSize}: 2.375rem;
+                ${_emotion.textFieldTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
+
+                ${_emotion.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_emotion.textFieldTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_emotion.textFieldTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_emotion.textFieldTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_emotion.textFieldTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_emotion.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_emotion.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_emotion.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_emotion.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
+                ${_emotion.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
+
+                ${_emotion.textFieldTokens.chipGap}: 0.25rem;
+                ${_emotion.textFieldTokens.chipBorderRadius}: 0.375rem;
+                ${_emotion.textFieldTokens.chipWidth}: auto;
+                ${_emotion.textFieldTokens.chipHeight}: 2.25rem;
+                ${_emotion.textFieldTokens.chipPadding}: 0 0.625rem 0 0.875rem;
+                ${_emotion.textFieldTokens.chipClearContentMarginLeft}: 0.5rem;
+                ${_emotion.textFieldTokens.chipClearContentMarginRight}: 0rem;
+                ${_emotion.textFieldTokens.chipCloseIconSize}: 1.25rem;
+                ${_emotion.textFieldTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.textFieldTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.textFieldTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.textFieldTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_emotion.textFieldTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.textFieldTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.textFieldTokens.indicatorSizeInner}: 0.5rem;
+                ${_emotion.textFieldTokens.indicatorSizeOuter}: 0.375rem;
+                ${_emotion.textFieldTokens.indicatorLabelPlacementInner}: 0 0 0 0;
+                ${_emotion.textFieldTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
+                ${_emotion.textFieldTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;
+                ${_emotion.textFieldTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
+            `,
             s: (0, _emotion.css)`
                 ${_emotion.textFieldTokens.height}: 2.5rem;
                 ${_emotion.textFieldTokens.padding}: 0.6875rem 0.75rem 0.6875rem 0.75rem;
@@ -145,7 +222,7 @@ const config = {
                 ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);

package/dist/emotion/es/components/Accordion/Accordion.config.js

@@ -28,7 +28,7 @@ export const config = {
                 ${accordionTokens.accordionItemTextColor}: var(--text-primary);
                 ${accordionTokens.accordionItemIconColor}: var(--text-accent);
                 ${accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${accordionTokens.accordionItemBorderRadius}: 0rem !important;
+                ${accordionTokens.accordionItemViewBorderRadius}: 0rem;
                 ${accordionTokens.accordionBackground}: var(--surface-clear);
                 ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);
                 ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;

package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js

@@ -122,7 +122,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);

package/dist/emotion/es/components/Badge/Badge.clear.config.js

@@ -0,0 +1,37 @@
+import { css, badgeTokens } from '@salutejs/plasma-new-hope/emotion';
+import { pilled, sizeS } from './Badge.config.common';
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${badgeTokens.color}: var(--text-primary);
+            `,
+            accent: css`
+                ${badgeTokens.color}: var(--text-accent);
+            `,
+            positive: css`
+                ${badgeTokens.color}: var(--text-positive);
+            `,
+            negative: css`
+                ${badgeTokens.color}: var(--text-negative);
+            `
+        },
+        size: {
+            s: css`
+                ${sizeS}
+            `
+        },
+        pilled: {
+            true: css`
+                ${pilled}
+            `
+        },
+        truncate: {
+            true: css``
+        }
+    }
+};

package/dist/emotion/es/components/Badge/Badge.config.common.js

@@ -0,0 +1,23 @@
+import { badgeTokens } from '@salutejs/plasma-new-hope/emotion';
+export const sizeS = `
+    ${badgeTokens.borderRadius}: 0.375rem;
+    ${badgeTokens.height}: 1.5rem;
+    ${badgeTokens.padding}: 0 0.5rem;
+    ${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.125rem;
+
+    ${badgeTokens.rightContentMarginLeft}: 0.125rem;
+    ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+`;
+export const pilled = `
+    ${badgeTokens.pilledBorderRadius}: 1000px;
+`;

package/dist/emotion/es/components/Badge/Badge.config.js

@@ -1,4 +1,5 @@
 import { css, badgeTokens } from '@salutejs/plasma-new-hope/emotion';
+import { pilled, sizeS } from './Badge.config.common';
 export const config = {
     defaults: {
         view: 'default',
@@ -36,28 +37,12 @@ export const config = {
         },
         size: {
             s: css`
-                ${badgeTokens.borderRadius}: 0.375rem;
-                ${badgeTokens.height}: 1.5rem;
-                ${badgeTokens.padding}: 0 0.5rem;
-                ${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.125rem;
-
-                ${badgeTokens.rightContentMarginLeft}: 0.125rem;
-                ${badgeTokens.rightContentMarginRight}: -0.0625rem;
+                ${sizeS}
             `
         },
         pilled: {
             true: css`
-                ${badgeTokens.pilledBorderRadius}: 1.25rem;
+                ${pilled}
             `
         },
         transparent: {

package/dist/emotion/es/components/Badge/Badge.js

@@ -1,6 +1,13 @@
-import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+import { badgeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/emotion';
 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/emotion/es/components/Button/Button.config.js

@@ -41,6 +41,25 @@ export const config = {
             `
         },
         size: {
+            m: css`
+                ${buttonTokens.buttonHeight}: 3rem;
+                ${buttonTokens.buttonWidth}: 11.25rem;
+                ${buttonTokens.buttonPadding}: 1rem;
+                ${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);
+                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${buttonTokens.buttonSpinnerSize}: 1.375rem;
+                ${buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;
+                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;
+                ${buttonTokens.buttonValueMargin}: 0 0 0 0.5rem;
+            `,
             s: css`
                 ${buttonTokens.buttonHeight}: 2.5rem;
                 ${buttonTokens.buttonWidth}: 11.25rem;

package/dist/emotion/es/components/Combobox/Combobox.config.js

@@ -160,7 +160,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -291,7 +291,7 @@ export const config = {
                 ${tokens.disclosureIconColorHover}: transparent;
                 ${tokens.textFieldPadding}: 0;
                 ${tokens.textFieldLabelOffset}: 0.25rem;
-                ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
                 ${tokens.textFieldBorderColor}: transparent;
                 ${tokens.textFieldBorderWidth}: 0;
             `

package/dist/emotion/es/components/IconButton/IconButton.config.js

@@ -34,6 +34,21 @@ export const config = {
             `
         },
         size: {
+            m: css`
+                ${iconButtonTokens.iconButtonHeight}: 3rem;
+                ${iconButtonTokens.iconButtonWidth}: 3rem;
+                ${iconButtonTokens.iconButtonPadding}: 0.75rem;
+                ${iconButtonTokens.iconButtonRadius}: 0.75rem;
+                ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;
+                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;
+            `,
             s: css`
                 ${iconButtonTokens.iconButtonHeight}: 2.5rem;
                 ${iconButtonTokens.iconButtonWidth}: 2.5rem;

package/dist/emotion/es/components/Select/Select.config.js

@@ -124,7 +124,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);

package/dist/emotion/es/components/Slider/Slider.config.js

@@ -104,7 +104,6 @@ export const config = {
 
                 ${sliderTokens.railThickness}: 0.25rem;
                 ${sliderTokens.railBorderRadius}: 0.125rem;
-                ${sliderTokens.railIndent}: 0.75rem;
 
                 ${sliderTokens.textFieldWrapperGap}: 0.063rem;
                 ${sliderTokens.textFieldBorderWidth}: 0.125rem;

package/dist/emotion/es/components/TextField/TextField.clear.config.js

@@ -112,7 +112,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-s-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);