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

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

@@ -38,7 +38,7 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemTextColor}: var(--text-primary);
                 ${_styledcomponents.accordionTokens.accordionItemIconColor}: var(--text-primary);
                 ${_styledcomponents.accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0rem !important;
+                ${_styledcomponents.accordionTokens.accordionItemViewBorderRadius}: 0rem;
                 ${_styledcomponents.accordionTokens.accordionBackground}: var(--surface-clear);
                 ${_styledcomponents.accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);
                 ${_styledcomponents.accordionTokens.accordionItemPaddingHorizontalLeft}: 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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Badgeconfigcommon = require("./Badge.config.common");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--text-primary);
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
+            `,
+            positive: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
+            `,
+            warning: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
+            `,
+            negative: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
+            `,
+            dark: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+            `,
+            light: (0, _styledcomponents.css)`
+                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+            `
+        },
+        size: {
+            l: (0, _styledcomponents.css)`
+                ${_Badgeconfigcommon.sizeL}
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_Badgeconfigcommon.sizeM}
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_Badgeconfigcommon.sizeS}
+            `
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)`
+                ${_Badgeconfigcommon.pilled}
+            `
+        },
+        truncate: {
+            true: (0, _styledcomponents.css)``
+        }
+    }
+};

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

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

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

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

package/dist/styled-components/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 _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 const _Badgeconfig = require("./Badge.config");
+const _Badgeclearconfig = require("./Badge.clear.config");
 const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.badgeConfig, _Badgeconfig.config);
-const Badge = (0, _styledcomponents.component)(mergedConfig);
+const BadgeDefault = (0, _styledcomponents.component)(mergedConfig);
+const mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.badgeConfig, _Badgeclearconfig.config);
+const BadgeClear = (0, _styledcomponents.component)(mergedConfigClear);
+const Badge = (0, _styledcomponents.createConditionalComponent)({
+    default: BadgeDefault,
+    clear: BadgeClear
+});

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

@@ -17,78 +17,71 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-primary);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-primary);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-primary);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-primary-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-primary-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(---surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-accent-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-accent-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-secondary);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-secondary);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-secondary);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-secondary-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-positive);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-positive);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-positive);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-positive-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-positive-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-warning);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-warning);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-warning);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-warning-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-warning-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-negative);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-negative);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-negative);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-negative-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-negative-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-info);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-info);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-info);
                 ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-info-hover);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-info-active);
                 ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
@@ -183,7 +176,6 @@ const config = {
             view: 'default',
             disabled: true,
             style: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-tertiary);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-tertiary);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-tertiary);
             `
@@ -199,7 +191,6 @@ const config = {
             view: 'secondary',
             disabled: true,
             style: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-tertiary);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-tertiary);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-tertiary);
             `
@@ -215,7 +206,6 @@ const config = {
             view: 'warning',
             disabled: true,
             style: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-warning-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-warning-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-warning-minor);
             `
@@ -224,7 +214,6 @@ const config = {
             view: 'negative',
             disabled: true,
             style: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-negative-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-negative-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-negative-minor);
             `
@@ -233,7 +222,6 @@ const config = {
             view: 'info',
             disabled: true,
             style: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonColor}: var(--text-info-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-info-minor);
                 ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-info-minor);
             `

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

@@ -16,7 +16,9 @@ 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/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/Accordion/Accordion.config.js

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

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

@@ -0,0 +1,52 @@
+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',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${badgeTokens.color}: var(--text-primary);
+            `,
+            accent: css`
+                ${badgeTokens.color}: var(--text-accent);
+            `,
+            positive: css`
+                ${badgeTokens.color}: var(--text-positive);
+            `,
+            warning: css`
+                ${badgeTokens.color}: var(--text-warning);
+            `,
+            negative: css`
+                ${badgeTokens.color}: var(--text-negative);
+            `,
+            dark: css`
+                ${badgeTokens.color}: var(--on-light-text-primary);
+            `,
+            light: css`
+                ${badgeTokens.color}: var(--on-dark-text-primary);
+            `
+        },
+        size: {
+            l: css`
+                ${sizeL}
+            `,
+            m: css`
+                ${sizeM}
+            `,
+            s: css`
+                ${sizeS}
+            `
+        },
+        pilled: {
+            true: css`
+                ${pilled}
+            `
+        },
+        truncate: {
+            true: css``
+        }
+    }
+};