npm - @salutejs/plasma-web - Versions diffs - 1.640.0-next-sbcom.0 → 1.640.0 - Mend

@salutejs/plasma-web 1.640.0-next-sbcom.0 → 1.640.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

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

@@ -240,7 +240,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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);
@@ -316,7 +316,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);
@@ -392,7 +392,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);
@@ -468,7 +468,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem 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 CHANGED Viewed

@@ -31,7 +31,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-font-weight);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);
             `,
@@ -41,7 +41,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);
             `,
@@ -51,7 +51,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-font-weight);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);
             `,
@@ -61,7 +61,7 @@ const config = {
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-font-weight);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);
             `

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

@@ -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 CHANGED Viewed

@@ -31,8 +31,8 @@ const config = {
                 ${_styledcomponents.calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-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 1rem;
                 ${_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 1rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -245,7 +243,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;
@@ -315,7 +312,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;
@@ -385,7 +381,6 @@ const config = {
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -33,8 +33,8 @@ const config = {
                 ${_styledcomponents.calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-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 1rem;
                 ${_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 1rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,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;
@@ -316,7 +313,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;
@@ -386,7 +382,6 @@ const config = {
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -286,7 +286,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${_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);
@@ -408,7 +408,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${_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);
@@ -530,7 +530,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_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);
@@ -652,7 +652,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_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.clear.config.js CHANGED Viewed

@@ -132,8 +132,8 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.datePickerTokens.calendarRangeBackground}: var(--surface-transparent-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);

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

@@ -102,8 +102,8 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.datePickerTokens.calendarRangeBackground}: var(--surface-transparent-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);
@@ -269,7 +269,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -442,7 +441,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -615,7 +613,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;
@@ -788,7 +785,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;
@@ -961,7 +957,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js CHANGED Viewed

@@ -86,8 +86,8 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.dateTimePickerTokens.calendarRangeBackground}: var(--surface-transparent-secondary);
                 ${_styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor}: ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);

package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED Viewed

@@ -80,8 +80,8 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.calendarHoveredItemColor}: var(--text-primary);
                 ${_styledcomponents.dateTimePickerTokens.calendarRangeBackground}: var(--surface-transparent-secondary);
                 ${_styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor}: var(--surface-accent);
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
-                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor}: var(--text-primary);
+                ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor}: var(--text-primary);
                 ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor}: ${_styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor};
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor}: var(--text-secondary);
                 ${_styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
@@ -237,7 +237,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;
@@ -406,7 +405,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;
@@ -575,7 +573,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;
@@ -744,7 +741,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;
@@ -913,7 +909,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -419,7 +419,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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);
@@ -545,7 +545,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);
@@ -671,7 +671,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);
@@ -797,7 +797,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem 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 CHANGED Viewed

@@ -17,45 +17,45 @@ const config = {
     variations: {
         size: {
             s: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 1rem;
+                --plasma-spinner-size: 16px;
             `,
             m: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 1.5rem;
+                --plasma-spinner-size: 24px;
             `,
             l: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.size}: 2.25rem;
+                --plasma-spinner-size: 36px;
             `
         },
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-primary);
+                --plasma-spinner-color: var(--text-primary);
             `,
             /**
              * @deprecated
              * использовать `default`
              */ primary: (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);
             `,
             tertiary: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-tertiary);
+                --plasma-spinner-color: var(--text-tertiary);
             `,
             paragraph: (0, _styledcomponents.css)`
-                ${_styledcomponents.spinnerTokens.color}: var(--text-paragraph);
+                --plasma-spinner-color: var(--text-paragraph);
             `,
             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);
             `
         }
     }

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

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

package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED Viewed

@@ -191,7 +191,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);
@@ -367,7 +367,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);
@@ -451,7 +451,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);
@@ -535,7 +535,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/TextField/TextField.config.js CHANGED Viewed

@@ -180,7 +180,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);
@@ -273,7 +273,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);
@@ -358,7 +358,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);
@@ -443,7 +443,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);
@@ -528,7 +528,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 CHANGED Viewed

@@ -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);