@salutejs/plasma-web 1.635.0-next-sbcom.0 → 1.635.1-dev.0

package/dist/css/es/index.js

@@ -1,5 +1,5 @@
-export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PaginationDot, PaginationDots, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldSliderTokens, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope/css';
 export { Accordion } from './components/Accordion/Accordion.js';
+export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PaginationDot, PaginationDots, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldSliderTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext as usePopupBaseContext, useSegment, useToast } 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';

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

@@ -2,10 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Accordion", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Accordion () {
         return Accordion;
+    },
+    get AccordionItem () {
+        return _styledcomponents.AccordionItem;
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

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

@@ -13,8 +13,7 @@ _export(exports, {
         return _Accordion.Accordion;
     },
     get AccordionItem () {
-        return _styledcomponents.AccordionItem;
+        return _Accordion.AccordionItem;
     }
 });
-const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 const _Accordion = require("./Accordion");

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

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

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

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

@@ -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.config.js

@@ -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.config.js

@@ -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/index.js

@@ -20,6 +20,9 @@ _export(exports, {
     },
     get closeNotification () {
         return _styledcomponents.closeNotification;
+    },
+    get useNotifications () {
+        return _styledcomponents.useNotifications;
     }
 });
 const _Notification = require("./Notification");

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

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

@@ -261,8 +261,7 @@ const config = {
         },
         pointerSize: {
             small: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
-                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 1rem;
                 ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -270,8 +269,7 @@ const config = {
                 ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             large: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
-                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 1.25rem;
                 ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -279,7 +277,7 @@ const config = {
                 ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             none: (0, _styledcomponents.css)`
-                ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
+                ${_styledcomponents.sliderTokens.thumbWidth}: 0rem;
 
                 ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
                 ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;

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

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

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

@@ -45,7 +45,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -63,8 +63,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -115,8 +115,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-positive);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -167,8 +167,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -219,8 +219,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-negative);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -298,8 +298,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: -0.5rem;
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -369,8 +370,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: -0.5rem;
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -440,8 +442,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: -0.5rem;
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -511,8 +514,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: -0.5rem;
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -582,8 +586,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: -0.5rem;
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;