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

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

@@ -244,7 +244,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);
@@ -320,7 +320,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/Breadcrumbs/Breadcrumbs.config.js

@@ -31,7 +31,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-font-weight);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);
             `

package/dist/styled-components/cjs/components/Button/Button.js

@@ -9,8 +9,7 @@ Object.defineProperty(exports, "Button", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-const _plasmanewhope = require("@salutejs/plasma-new-hope");
 const _Buttonconfig = require("./Button.config");
 const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonConfig, _Buttonconfig.config);
 const ButtonComponent = (0, _styledcomponents.component)(mergedConfig);
-const Button = (0, _plasmanewhope.makePolymorphic)(ButtonComponent, 'button');
+const Button = (0, _styledcomponents.makePolymorphic)(ButtonComponent, 'button');

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

@@ -31,8 +31,8 @@ const config = {
                 ${_styledcomponents.calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.calendarBaseTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${_styledcomponents.calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${_styledcomponents.calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${_styledcomponents.calendarBaseTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowColor}: ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor};
@@ -105,7 +105,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,7 +174,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js

@@ -33,8 +33,8 @@ const config = {
                 ${_styledcomponents.calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.calendarDoubleTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${_styledcomponents.calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowColor}: ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${_styledcomponents.calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
@@ -106,7 +106,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -304,7 +304,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);
@@ -426,7 +426,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/DatePicker/DatePicker.config.js

@@ -119,8 +119,8 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.datePickerTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${_styledcomponents.datePickerTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${_styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${_styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowColor}: ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.datePickerTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${_styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
@@ -286,7 +286,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -458,7 +457,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Notification/Notification.js

@@ -30,11 +30,12 @@ function _interop_require_default(obj) {
 const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.notificationConfig, _Notificationconfig.config);
 const NotificationNewHope = (0, _styledcomponents.component)(mergedConfig);
 const Notification = NotificationNewHope;
-const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
+const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED, defaultNotificationArgs })=>{
     return /*#__PURE__*/ _react.default.createElement(_styledcomponents.NotificationsProvider, {
         config: mergedConfig,
         frame: frame,
         placement: placement,
-        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
+        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
+        defaultNotificationArgs: defaultNotificationArgs
     }, children);
 };

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

@@ -275,7 +275,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);
@@ -401,7 +401,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/Spinner/Spinner.config.js

@@ -15,50 +15,27 @@ const config = {
         size: 'm'
     },
     variations: {
-        size: {
-            xxs: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 1rem;
-            `,
-            xs: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 1.5rem;
-            `,
-            s: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 2.25rem;
-            `,
-            m: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 3rem;
-            `,
-            l: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 3.5rem;
-            `,
-            xl: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 5.5rem;
-            `,
-            xxl: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 8rem;
-            `
-        },
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
+                --plasma-spinner-color: var(--text-primary);
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-secondary);
+                --plasma-spinner-color: var(--text-secondary);
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-accent);
+                --plasma-spinner-color: var(--text-accent);
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-positive);
+                --plasma-spinner-color: var(--text-positive);
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-warning);
+                --plasma-spinner-color: var(--text-warning);
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-negative);
+                --plasma-spinner-color: var(--text-negative);
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-info);
+                --plasma-spinner-color: var(--text-info);
             `
         }
     }

package/dist/styled-components/cjs/components/Spinner/Spinner.js

@@ -8,8 +8,19 @@ Object.defineProperty(exports, "Spinner", {
         return Spinner;
     }
 });
-const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
 const _Spinnerconfig = require("./Spinner.config");
-const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
-const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
-const Spinner = SpinnerComponent;
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
+const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
+const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
+    displayName: "Spinner",
+    componentId: "sc-d47c168-0"
+})([
+    ``
+]);

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

@@ -197,7 +197,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);
@@ -283,7 +283,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/cjs/components/Tokens/Typography/Typography.styles.js

@@ -65,7 +65,7 @@ _export(exports, {
     }
 });
 const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-const _plasmanewhope = require("@salutejs/plasma-new-hope");
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
 const _Accordion = require("../../Accordion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -74,93 +74,93 @@ function _interop_require_default(obj) {
 }
 const TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TypographyTokensWrapper",
-    componentId: "sc-aa91f92c-0"
+    componentId: "sc-c039c36-0"
 })([
     `width:100%;margin:1.5rem auto auto 2.5rem;`
 ]);
 const FontPropsSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__FontPropsSwitcher",
-    componentId: "sc-aa91f92c-1"
+    componentId: "sc-c039c36-1"
 })([
     `margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;`
 ]);
 const FontWeightSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__FontWeightSwitcher",
-    componentId: "sc-aa91f92c-2"
+    componentId: "sc-c039c36-2"
 })([
     `position:absolute;top:0;left:0;`
 ]);
 const BreakpointSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__BreakpointSwitcher",
-    componentId: "sc-aa91f92c-3"
+    componentId: "sc-c039c36-3"
 })([
     `width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);`,
     `;}`
-], _plasmanewhope.bodyXS);
+], _styledcomponents1.bodyXS);
 const StyledSegmentGroup = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__StyledSegmentGroup",
-    componentId: "sc-aa91f92c-4"
+    componentId: "sc-c039c36-4"
 })([
     `display:flex;align-items:center;gap:0.125rem;padding:0.125rem;border-radius:999rem;background:var(--surface-transparent-secondary);`
 ]);
 const StyledSegmentItem = _styledcomponents.default.button.withConfig({
     displayName: "Typography.styles__StyledSegmentItem",
-    componentId: "sc-aa91f92c-5"
+    componentId: "sc-c039c36-5"
 })([
     `height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:999rem;cursor:pointer;color:`,
     `;background:`,
     `;`,
     `;&:hover{color:var(--text-primary);background:`,
     `;}`
-], ({ $isSelected })=>$isSelected ? 'var(--text-primary)' : 'var(--text-secondary)', ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'transparent', _plasmanewhope.bodyXS, ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)');
+], ({ $isSelected })=>$isSelected ? 'var(--text-primary)' : 'var(--text-secondary)', ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'transparent', _styledcomponents1.bodyXS, ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)');
 const AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionTypographyTitle",
-    componentId: "sc-aa91f92c-6"
+    componentId: "sc-c039c36-6"
 })([
     `color:var(--text-secondary);`,
     `;`
-], _plasmanewhope.bodyM);
+], _styledcomponents1.bodyM);
 const FontFamily = _styledcomponents.default.span.withConfig({
     displayName: "Typography.styles__FontFamily",
-    componentId: "sc-aa91f92c-7"
+    componentId: "sc-c039c36-7"
 })([
     `color:var(--text-tertiary);`
 ]);
 const AccordionInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionInfo",
-    componentId: "sc-aa91f92c-8"
+    componentId: "sc-c039c36-8"
 })([
     `display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;`
 ]);
 const StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
     displayName: "Typography.styles__StyledAccordionItem",
-    componentId: "sc-aa91f92c-9"
+    componentId: "sc-c039c36-9"
 })([
     `--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;`,
     `{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}`
 ], AccordionInfo);
 const TokenInfoWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenInfoWrapper",
-    componentId: "sc-aa91f92c-10"
+    componentId: "sc-c039c36-10"
 })([
     `display:flex;flex-direction:column;gap:2rem;`
 ]);
 const TokenShortName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenShortName",
-    componentId: "sc-aa91f92c-11"
+    componentId: "sc-c039c36-11"
 })([
     `cursor:copy;color:var(--text-primary);`,
     `;&:hover{color:var(--text-primary-hover);}&:active{color:var(--text-primary-active);}`
-], _plasmanewhope.bodyM);
+], _styledcomponents1.bodyM);
 const TokenInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenInfo",
-    componentId: "sc-aa91f92c-12"
+    componentId: "sc-c039c36-12"
 })([
     `display:flex;flex-direction:column;gap:1rem;`
 ]);
 const TokenText = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenText",
-    componentId: "sc-aa91f92c-13"
+    componentId: "sc-c039c36-13"
 })([
     `color:var(--text-primary);font-size:`,
     `;font-weight:`,
@@ -172,29 +172,29 @@ const TokenText = _styledcomponents.default.div.withConfig({
 ], ({ fontSize })=>fontSize, ({ fontWeight })=>fontWeight, ({ lineHeight })=>lineHeight, ({ letterSpacing })=>letterSpacing, ({ fontStyle })=>fontStyle, ({ isDisplay })=>isDisplay ? 'nowrap' : 'normal');
 const TokenPropValue = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropValue",
-    componentId: "sc-aa91f92c-14"
+    componentId: "sc-c039c36-14"
 })([
     `color:var(--text-paragraph);`
 ]);
 const TokenPropName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropName",
-    componentId: "sc-aa91f92c-15"
+    componentId: "sc-c039c36-15"
 })([
     `color:var(--text-tertiary);`
 ]);
 const TokenPropsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropsWrapper",
-    componentId: "sc-aa91f92c-16"
+    componentId: "sc-c039c36-16"
 })([
     `cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;`,
     `;&:hover{`,
     `{color:var(--text-paragraph-hover);}}&:active{`,
     `{color:var(--text-paragraph-active);}`,
     `{color:var(--text-tertiary-active);}}`
-], _plasmanewhope.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
+], _styledcomponents1.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
 const TokenProps = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenProps",
-    componentId: "sc-aa91f92c-17"
+    componentId: "sc-c039c36-17"
 })([
     `display:flex;gap:1rem;`
 ]);

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

@@ -234,7 +234,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);
@@ -310,7 +310,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/Breadcrumbs/Breadcrumbs.config.js

@@ -21,7 +21,7 @@ export const config = {
                 ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);
                 ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);
                 ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);
+                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-font-weight);
                 ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);
             `

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

@@ -1,5 +1,4 @@
-import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-import { makePolymorphic } from '@salutejs/plasma-new-hope';
+import { buttonConfig, component, mergeConfig, makePolymorphic } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Button.config';
 const mergedConfig = mergeConfig(buttonConfig, config);
 const ButtonComponent = component(mergedConfig);

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

@@ -21,8 +21,8 @@ export const config = {
                 ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${calendarBaseTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${calendarBaseTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
                 ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};
@@ -95,7 +95,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,7 +164,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js

@@ -23,8 +23,8 @@ export const config = {
                 ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};
                 ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
@@ -96,7 +96,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -294,7 +294,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);
@@ -416,7 +416,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/DatePicker/DatePicker.config.js

@@ -109,8 +109,8 @@ export const config = {
                 ${tokens.calendarHoveredItemColor}: var(--text-primary);
                 ${tokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${tokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${tokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${tokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${tokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};
                 ${tokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${tokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
@@ -276,7 +276,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -448,7 +447,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;