@salutejs/plasma-giga 0.352.0-next-sbcom.0 → 0.353.0-dev.0

package/dist/css/es/index.js

@@ -1,11 +1,12 @@
 export { Accordion } from './components/Accordion/Accordion.js';
-export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldSliderTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
+export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, bottomSheetClasses, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldSliderTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope/css';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
 export { Badge } from './components/Badge/Badge.js';
 export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
+export { BottomSheet } from './components/BottomSheet/BottomSheet.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';

package/dist/css/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _plasma_giga = require("@salutejs/plasma-themes/tokens/plasma_giga");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.bottomSheetTokens.overlayColor}: ${_plasma_giga.overlaySoft};
+                ${_styledcomponents.bottomSheetTokens.overlayWithBlurColor}: ${_plasma_giga.overlayBlur};
+                ${_styledcomponents.bottomSheetTokens.contentBackgroundColor}: ${_plasma_giga.surfaceSolidCard};
+                ${_styledcomponents.bottomSheetTokens.handleBackgroundColor}: ${_plasma_giga.surfaceSolidTertiary};
+
+                ${_styledcomponents.bottomSheetTokens.closeIconColor}: ${_plasma_giga.textPrimary};
+                ${_styledcomponents.bottomSheetTokens.closeIconBackgroundColor}: ${_plasma_giga.surfaceTransparentSecondary};
+                ${_styledcomponents.bottomSheetTokens.closeIconBackgroundColorHover}: ${_plasma_giga.surfaceTransparentSecondaryHover};
+
+                ${_styledcomponents.bottomSheetTokens.dividerColor}: ${_plasma_giga.outlineTransparentPrimary};
+            `
+        },
+        size: {
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.bottomSheetTokens.borderRadius}: 2.25rem 2.25rem 0 0;
+
+                ${_styledcomponents.bottomSheetTokens.closeIconSize}: 2.5rem;
+                ${_styledcomponents.bottomSheetTokens.closeIconRadius}: 50%;
+                ${_styledcomponents.bottomSheetTokens.closeIconOffset}: 1.5rem;
+
+                ${_styledcomponents.bottomSheetTokens.handleGap}: 0.375rem;
+                ${_styledcomponents.bottomSheetTokens.handleWidth}: 3rem;
+                ${_styledcomponents.bottomSheetTokens.handleHeight}: 0.25rem;
+                ${_styledcomponents.bottomSheetTokens.handleBorderRadius}: 0.625rem;
+
+                ${_styledcomponents.bottomSheetTokens.dividerWidth}: 0.0625rem;
+            `
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BottomSheet", {
+    enumerable: true,
+    get: function() {
+        return BottomSheet;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _BottomSheetconfig = require("./BottomSheet.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bottomSheetConfig, _BottomSheetconfig.config);
+const BottomSheet = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/BottomSheet/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get BottomSheet () {
+        return _BottomSheet.BottomSheet;
+    },
+    get bottomSheetClasses () {
+        return _styledcomponents.bottomSheetClasses;
+    }
+});
+const _BottomSheet = require("./BottomSheet");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

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

@@ -276,7 +276,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -397,7 +397,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -518,7 +518,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -639,7 +639,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};

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

@@ -403,7 +403,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -528,7 +528,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -653,7 +653,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -778,7 +778,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}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};

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

@@ -192,7 +192,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -284,7 +284,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -368,7 +368,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -452,7 +452,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -536,7 +536,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};

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

@@ -176,7 +176,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -269,7 +269,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -355,7 +355,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -441,7 +441,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};
@@ -527,7 +527,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_giga.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_giga.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_giga.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_giga.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_giga.bodyXS.fontStyle};

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

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

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

@@ -39,6 +39,7 @@ _export_star(require("./components/Range"), exports);
 _export_star(require("./components/Radiobox"), exports);
 _export_star(require("./components/Segment"), exports);
 _export_star(require("./components/Sheet"), exports);
+_export_star(require("./components/BottomSheet"), exports);
 _export_star(require("./components/Spinner"), exports);
 _export_star(require("./components/Slider"), exports);
 _export_star(require("./components/SSRProvider"), exports);

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

@@ -214,7 +214,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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.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};
@@ -364,7 +364,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};
@@ -439,7 +439,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem 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/BottomSheet/BottomSheet.config.js

@@ -0,0 +1,40 @@
+import { css, bottomSheetTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { outlineTransparentPrimary, overlayBlur, overlaySoft, surfaceSolidCard, surfaceSolidTertiary, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, textPrimary } from '@salutejs/plasma-themes/tokens/plasma_giga';
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${bottomSheetTokens.overlayColor}: ${overlaySoft};
+                ${bottomSheetTokens.overlayWithBlurColor}: ${overlayBlur};
+                ${bottomSheetTokens.contentBackgroundColor}: ${surfaceSolidCard};
+                ${bottomSheetTokens.handleBackgroundColor}: ${surfaceSolidTertiary};
+
+                ${bottomSheetTokens.closeIconColor}: ${textPrimary};
+                ${bottomSheetTokens.closeIconBackgroundColor}: ${surfaceTransparentSecondary};
+                ${bottomSheetTokens.closeIconBackgroundColorHover}: ${surfaceTransparentSecondaryHover};
+
+                ${bottomSheetTokens.dividerColor}: ${outlineTransparentPrimary};
+            `
+        },
+        size: {
+            m: css`
+                ${bottomSheetTokens.borderRadius}: 2.25rem 2.25rem 0 0;
+
+                ${bottomSheetTokens.closeIconSize}: 2.5rem;
+                ${bottomSheetTokens.closeIconRadius}: 50%;
+                ${bottomSheetTokens.closeIconOffset}: 1.5rem;
+
+                ${bottomSheetTokens.handleGap}: 0.375rem;
+                ${bottomSheetTokens.handleWidth}: 3rem;
+                ${bottomSheetTokens.handleHeight}: 0.25rem;
+                ${bottomSheetTokens.handleBorderRadius}: 0.625rem;
+
+                ${bottomSheetTokens.dividerWidth}: 0.0625rem;
+            `
+        }
+    }
+};

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

@@ -0,0 +1,6 @@
+import { bottomSheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './BottomSheet.config';
+const mergedConfig = mergeConfig(bottomSheetConfig, config);
+/**
+ * Шторка с заголовком, изображением и кнопками, выезжающая снизу экрана.
+ */ export const BottomSheet = component(mergedConfig);

package/dist/styled-components/es/components/BottomSheet/index.js

@@ -0,0 +1,2 @@
+export { BottomSheet } from './BottomSheet';
+export { bottomSheetClasses } from '@salutejs/plasma-new-hope/styled-components';

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

@@ -266,7 +266,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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};
@@ -387,7 +387,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};
@@ -508,7 +508,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};
@@ -629,7 +629,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem 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/Select/Select.config.js

@@ -393,7 +393,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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};
@@ -518,7 +518,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};
@@ -643,7 +643,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};
@@ -768,7 +768,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem 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/TextField/TextField.clear.config.js

@@ -182,7 +182,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -274,7 +274,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -358,7 +358,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -442,7 +442,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -526,7 +526,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -166,7 +166,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -259,7 +259,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -345,7 +345,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -431,7 +431,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -517,7 +517,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};