@salutejs/sdds-scan 0.368.0-next-sbcom.0 → 0.368.0

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

@@ -224,7 +224,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -299,7 +299,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -32,7 +32,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: ${_sdds_scan.bodyM.fontFamily};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_scan.bodyM.fontSize};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_scan.bodyM.fontStyle};
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodyM.fontWeight};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_scan.bodyM.lineHeight};
             `,
@@ -42,7 +42,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: ${_sdds_scan.bodyS.fontFamily};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_scan.bodyS.fontSize};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_scan.bodyS.fontStyle};
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodyS.fontWeight};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_scan.bodyS.lineHeight};
             `

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

@@ -32,8 +32,8 @@ const config = {
                 ${_styledcomponents.calendarBaseTokens.calendarHoveredItemColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.calendarBaseTokens.calendarRangeBackground}: ${_sdds_scan.surfaceTransparentSecondary};
                 ${_styledcomponents.calendarBaseTokens.calendarOutlineFocusColor}: ${_sdds_scan.surfaceAccent};
-                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor}: ${_sdds_scan.surfaceSolidDefault};
-                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.surfaceSolidDefault};
+                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.calendarBaseTokens.calendarContentSecondaryColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowColor}: ${_styledcomponents.calendarBaseTokens.calendarContentPrimaryColor};
@@ -106,7 +106,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;
@@ -176,7 +175,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

@@ -34,8 +34,8 @@ const config = {
                 ${_styledcomponents.calendarDoubleTokens.calendarHoveredItemColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.calendarDoubleTokens.calendarRangeBackground}: ${_sdds_scan.surfaceTransparentSecondary};
                 ${_styledcomponents.calendarDoubleTokens.calendarOutlineFocusColor}: ${_sdds_scan.surfaceAccent};
-                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor}: ${_sdds_scan.surfaceSolidDefault};
-                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.surfaceSolidDefault};
+                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowColor}: ${_styledcomponents.calendarDoubleTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.calendarDoubleTokens.calendarContentSecondaryColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.calendarDoubleTokens.calendarContentSecondaryDisabledColor}: ${_sdds_scan.textSecondary};
@@ -107,7 +107,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;
@@ -177,7 +176,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

@@ -276,7 +276,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -397,7 +397,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -102,8 +102,8 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHoveredItemColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.datePickerTokens.calendarRangeBackground}: ${_sdds_scan.surfaceTransparentSecondary};
                 ${_styledcomponents.datePickerTokens.calendarOutlineFocusColor}: ${_sdds_scan.surfaceAccent};
-                ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor}: ${_sdds_scan.surfaceSolidDefault};
-                ${_styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.surfaceSolidDefault};
+                ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowColor}: ${_styledcomponents.datePickerTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.datePickerTokens.calendarContentSecondaryColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor}: ${_sdds_scan.textSecondary};
@@ -268,7 +268,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;
@@ -439,7 +438,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/DateTimePicker/DateTimePicker.config.js

@@ -79,8 +79,8 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHoveredItemColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.dateTimePickerTokens.calendarRangeBackground}: ${_sdds_scan.surfaceTransparentSecondary};
                 ${_styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor}: ${_sdds_scan.surfaceAccent};
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: ${_sdds_scan.surfaceSolidDefault};
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.surfaceSolidDefault};
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor}: ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor}: ${_sdds_scan.textSecondary};
@@ -235,7 +235,6 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -403,7 +402,6 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -571,7 +569,6 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -739,7 +736,6 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -907,7 +903,6 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
-                ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
 
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.dateTimePickerTokens.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

@@ -383,7 +383,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -508,7 +508,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}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -16,53 +16,30 @@ 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}: ${_sdds_scan.textPrimary};
+                --plasma-spinner-color: ${_sdds_scan.textPrimary};
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textSecondary};
+                --plasma-spinner-color: ${_sdds_scan.textSecondary};
             `,
             tertiary: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textTertiary};
+                --plasma-spinner-color: ${_sdds_scan.textTertiary};
             `,
             paragraph: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textParagraph};
+                --plasma-spinner-color: ${_sdds_scan.textParagraph};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textAccent};
+                --plasma-spinner-color: ${_sdds_scan.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textPositive};
+                --plasma-spinner-color: ${_sdds_scan.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textWarning};
+                --plasma-spinner-color: ${_sdds_scan.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textNegative};
+                --plasma-spinner-color: ${_sdds_scan.textNegative};
             `
         }
     }

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

@@ -182,7 +182,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -268,7 +268,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -46,7 +46,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -102,7 +102,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js

@@ -62,7 +62,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");
 const _Segment = require("../../Segment/Segment");
 function _interop_require_default(obj) {
@@ -72,85 +72,85 @@ function _interop_require_default(obj) {
 }
 const TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TypographyTokensWrapper",
-    componentId: "sc-93225963-0"
+    componentId: "sc-8a9193e4-0"
 })([
     `width:100%;margin:1.5rem auto auto 2.5rem;`
 ]);
 const FontPropsSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__FontPropsSwitcher",
-    componentId: "sc-93225963-1"
+    componentId: "sc-8a9193e4-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-93225963-2"
+    componentId: "sc-8a9193e4-2"
 })([
     `position:absolute;top:0;left:0;`
 ]);
 const BreakpointSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__BreakpointSwitcher",
-    componentId: "sc-93225963-3"
+    componentId: "sc-8a9193e4-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 StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
     displayName: "Typography.styles__StyledSegmentItem",
-    componentId: "sc-93225963-4"
+    componentId: "sc-8a9193e4-4"
 })([
     ``,
     `:1.75rem;`,
     `:0.375rem 0.5rem;`
-], _plasmanewhope.segmentTokens.itemHeight, _plasmanewhope.segmentTokens.itemPilledPadding);
+], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
 const AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionTypographyTitle",
-    componentId: "sc-93225963-5"
+    componentId: "sc-8a9193e4-5"
 })([
     `color:var(--text-secondary);`,
     `;`
-], _plasmanewhope.bodyM);
+], _styledcomponents1.bodyM);
 const FontFamily = _styledcomponents.default.span.withConfig({
     displayName: "Typography.styles__FontFamily",
-    componentId: "sc-93225963-6"
+    componentId: "sc-8a9193e4-6"
 })([
     `color:var(--text-tertiary);`
 ]);
 const AccordionInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionInfo",
-    componentId: "sc-93225963-7"
+    componentId: "sc-8a9193e4-7"
 })([
     `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-93225963-8"
+    componentId: "sc-8a9193e4-8"
 })([
     `--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-93225963-9"
+    componentId: "sc-8a9193e4-9"
 })([
     `display:flex;flex-direction:column;gap:2rem;`
 ]);
 const TokenShortName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenShortName",
-    componentId: "sc-93225963-10"
+    componentId: "sc-8a9193e4-10"
 })([
     `cursor:copy;color:var(--text-paragraph);`,
     `;&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}`
-], _plasmanewhope.bodyM);
+], _styledcomponents1.bodyM);
 const TokenInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenInfo",
-    componentId: "sc-93225963-11"
+    componentId: "sc-8a9193e4-11"
 })([
     `display:flex;flex-direction:column;gap:1rem;`
 ]);
 const TokenText = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenText",
-    componentId: "sc-93225963-12"
+    componentId: "sc-8a9193e4-12"
 })([
     `color:var(--text-primary);font-size:`,
     `;font-weight:`,
@@ -162,29 +162,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-93225963-13"
+    componentId: "sc-8a9193e4-13"
 })([
     `color:var(--text-paragraph);`
 ]);
 const TokenPropName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropName",
-    componentId: "sc-93225963-14"
+    componentId: "sc-8a9193e4-14"
 })([
     `color:var(--text-tertiary);`
 ]);
 const TokenPropsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropsWrapper",
-    componentId: "sc-93225963-15"
+    componentId: "sc-8a9193e4-15"
 })([
     `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-93225963-16"
+    componentId: "sc-8a9193e4-16"
 })([
     `display:flex;gap:1rem;`
 ]);

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

@@ -214,7 +214,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}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -289,7 +289,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}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyM, bodyMBold, bodyS, bodySBold, surfaceAccent, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_scan';
+import { bodyM, bodyS, surfaceAccent, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_scan';
 export const config = {
     defaults: {
         view: 'default',
@@ -22,7 +22,7 @@ export const config = {
                 ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};
                 ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};
                 ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};
-                ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyMBold.fontWeight};
+                ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyM.fontWeight};
                 ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};
                 ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};
             `,
@@ -32,7 +32,7 @@ export const config = {
                 ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};
                 ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};
                 ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};
-                ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodySBold.fontWeight};
+                ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};
                 ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};
                 ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};
             `

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

@@ -22,8 +22,8 @@ export const config = {
                 ${calendarBaseTokens.calendarHoveredItemColor}: ${textPrimary};
                 ${calendarBaseTokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
                 ${calendarBaseTokens.calendarOutlineFocusColor}: ${surfaceAccent};
-                ${calendarBaseTokens.calendarContentPrimaryColor}: ${surfaceSolidDefault};
-                ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${surfaceSolidDefault};
+                ${calendarBaseTokens.calendarContentPrimaryColor}: ${textPrimary};
+                ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${textPrimary};
                 ${calendarBaseTokens.calendarContentSecondaryColor}: ${textSecondary};
                 ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
                 ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};
@@ -96,7 +96,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;
@@ -166,7 +165,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

@@ -24,8 +24,8 @@ export const config = {
                 ${calendarDoubleTokens.calendarHoveredItemColor}: ${textPrimary};
                 ${calendarDoubleTokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
                 ${calendarDoubleTokens.calendarOutlineFocusColor}: ${surfaceAccent};
-                ${calendarDoubleTokens.calendarContentPrimaryColor}: ${surfaceSolidDefault};
-                ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${surfaceSolidDefault};
+                ${calendarDoubleTokens.calendarContentPrimaryColor}: ${textPrimary};
+                ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${textPrimary};
                 ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};
                 ${calendarDoubleTokens.calendarContentSecondaryColor}: ${textSecondary};
                 ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
@@ -97,7 +97,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;
@@ -167,7 +166,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;