@salutejs/sdds-platform-ai 0.364.0-next-sbcom.0 → 0.364.1-dev.0

package/dist/css/es/index.js

@@ -1,6 +1,6 @@
 export { applyPaper } from './mixins/index.js';
 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, addFocus, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, mediaQuery, 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, addFocus, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, fileClasses, fileTokens, informationWrapperClasses, informationWrapperTokens, mediaQuery, modalClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldSliderTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, 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';

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

@@ -229,7 +229,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -253,6 +253,28 @@ const config = {
                 ${_styledcomponents.buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;
                 ${_styledcomponents.buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;
                 ${_styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;
+            `,
+            xxs: (0, _styledcomponents.css)`
+                ${_styledcomponents.buttonTokens.buttonHeight}: 1.5rem;
+                ${_styledcomponents.buttonTokens.buttonWidth}: 7.5rem;
+                ${_styledcomponents.buttonTokens.buttonPadding}: 0.625rem;
+                ${_styledcomponents.buttonTokens.buttonRadius}: 0.375rem;
+
+                ${_styledcomponents.buttonTokens.buttonFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.buttonTokens.buttonFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.buttonTokens.buttonFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.buttonTokens.buttonFontWeight}: ${_sdds_platform_ai.bodyXSBold.fontWeight};
+                ${_styledcomponents.buttonTokens.buttonLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.buttonTokens.buttonLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
+
+                ${_styledcomponents.buttonTokens.buttonSpinnerSize}: 0.75rem;
+                ${_styledcomponents.buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${_styledcomponents.buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;
+                ${_styledcomponents.buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;
+                ${_styledcomponents.buttonTokens.buttonValueMargin}: 0 0 0 0.125rem;
+                ${_styledcomponents.buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;
+                ${_styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;
             `
         },
         disabled: {

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

@@ -211,6 +211,20 @@ const config = {
                 ${_styledcomponents.buttonGroupTokens.buttonFontWeight}: ${_sdds_platform_ai.bodyXSBold.fontWeight};
                 ${_styledcomponents.buttonGroupTokens.buttonLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
                 ${_styledcomponents.buttonGroupTokens.buttonLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
+            `,
+            xxs: (0, _styledcomponents.css)`
+                ${_styledcomponents.buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;
+                ${_styledcomponents.buttonGroupTokens.buttonSideRadius}: 0.75rem;
+                ${_styledcomponents.buttonGroupTokens.buttonDefaultRadius}: 0.75rem;
+
+                ${_styledcomponents.buttonGroupTokens.buttonHeight}: 1.5rem;
+                ${_styledcomponents.buttonGroupTokens.buttonPadding}: 0.625rem;
+                ${_styledcomponents.buttonGroupTokens.buttonFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.buttonGroupTokens.buttonFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.buttonGroupTokens.buttonFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.buttonGroupTokens.buttonFontWeight}: ${_sdds_platform_ai.bodyXSBold.fontWeight};
+                ${_styledcomponents.buttonGroupTokens.buttonLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.buttonGroupTokens.buttonLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
             `
         },
         orientation: {

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

@@ -106,7 +106,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,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;
@@ -316,7 +313,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;
@@ -386,7 +382,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

@@ -107,7 +107,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -177,7 +176,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -247,7 +245,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;
@@ -317,7 +314,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;
@@ -387,7 +383,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

@@ -281,7 +281,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -279,7 +279,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;

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

@@ -240,7 +240,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;

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

@@ -105,7 +105,7 @@ const config = {
         size: {
             xl: (0, _styledcomponents.css)`
                 ${_styledcomponents.iconButtonTokens.iconButtonHeight}: 4rem;
-                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 4.25rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 4rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonPadding}: 1.375rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonRadius}: 1rem;
 
@@ -137,7 +137,7 @@ const config = {
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.iconButtonTokens.iconButtonHeight}: 3rem;
-                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 3.25rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 3rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonPadding}: 0.875rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonRadius}: 0.75rem;
 
@@ -153,7 +153,7 @@ const config = {
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.iconButtonTokens.iconButtonHeight}: 2.5rem;
-                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 2.75rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 2.5rem;
 
                 ${_styledcomponents.iconButtonTokens.iconButtonPadding}: 1rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonRadius}: 0.625rem;
@@ -173,6 +173,7 @@ const config = {
                 ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 2rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonPadding}: 0.75rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonRadius}: 0.5rem;
+
                 ${_styledcomponents.iconButtonTokens.iconButtonFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.iconButtonTokens.iconButtonFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.iconButtonTokens.iconButtonFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -182,6 +183,22 @@ const config = {
 
                 ${_styledcomponents.iconButtonTokens.iconButtonSpinnerSize}: 1rem;
                 ${_styledcomponents.iconButtonTokens.iconButtonSpinnerColor}: inherit;
+            `,
+            xxs: (0, _styledcomponents.css)`
+                ${_styledcomponents.iconButtonTokens.iconButtonHeight}: 1.5rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonWidth}: 1.5rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonPadding}: 0.5rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonRadius}: 0.375rem;
+
+                ${_styledcomponents.iconButtonTokens.iconButtonFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.iconButtonTokens.iconButtonFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.iconButtonTokens.iconButtonFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.iconButtonTokens.iconButtonFontWeight}: ${_sdds_platform_ai.bodyXSBold.fontWeight};
+                ${_styledcomponents.iconButtonTokens.iconButtonLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.iconButtonTokens.iconButtonLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
+
+                ${_styledcomponents.iconButtonTokens.iconButtonSpinnerSize}: 0.75rem;
+                ${_styledcomponents.iconButtonTokens.iconButtonSpinnerColor}: inherit;
             `
         },
         disabled: {

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

@@ -29,11 +29,45 @@ const config = {
             `
         },
         size: {
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.listTokens.listItemPaddingTop}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemPaddingLeft}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemPaddingRight}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemPaddingBottom}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemBorderRadius}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemBorderWidth}: 0rem;
+                ${_styledcomponents.listTokens.listItemGap}: 0.375rem;
+                ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
+
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.listTokens.listItemPaddingTop}: 0.6875rem;
+                ${_styledcomponents.listTokens.listItemPaddingLeft}: 0.75rem;
+                ${_styledcomponents.listTokens.listItemPaddingRight}: 0.75rem;
+                ${_styledcomponents.listTokens.listItemPaddingBottom}: 0.6875rem;
+                ${_styledcomponents.listTokens.listItemBorderRadius}: 0.625rem;
+                ${_styledcomponents.listTokens.listItemBorderWidth}: 0rem;
+                ${_styledcomponents.listTokens.listItemGap}: 0.375rem;
+                ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
+
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
+            `,
             m: (0, _styledcomponents.css)`
-                ${_styledcomponents.listTokens.listItemPaddingTop}: 0.75rem;
+                ${_styledcomponents.listTokens.listItemPaddingTop}: 0.875rem;
                 ${_styledcomponents.listTokens.listItemPaddingLeft}: 0.875rem;
                 ${_styledcomponents.listTokens.listItemPaddingRight}: 0.875rem;
-                ${_styledcomponents.listTokens.listItemPaddingBottom}: 0.75rem;
+                ${_styledcomponents.listTokens.listItemPaddingBottom}: 0.875rem;
                 ${_styledcomponents.listTokens.listItemBorderRadius}: 0.75rem;
                 ${_styledcomponents.listTokens.listItemBorderWidth}: 0rem;
                 ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
@@ -45,6 +79,40 @@ const config = {
                 ${_styledcomponents.listTokens.listItemFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
                 ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
                 ${_styledcomponents.listTokens.listItemLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.listTokens.listItemPaddingTop}: 1.0625rem;
+                ${_styledcomponents.listTokens.listItemPaddingLeft}: 1rem;
+                ${_styledcomponents.listTokens.listItemPaddingRight}: 1rem;
+                ${_styledcomponents.listTokens.listItemPaddingBottom}: 1.0625rem;
+                ${_styledcomponents.listTokens.listItemBorderRadius}: 0.875rem;
+                ${_styledcomponents.listTokens.listItemBorderWidth}: 0rem;
+                ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
+
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_sdds_platform_ai.bodyL.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_sdds_platform_ai.bodyL.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
+            `,
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.listTokens.listItemPaddingTop}: 1.3125rem;
+                ${_styledcomponents.listTokens.listItemPaddingLeft}: 1.125rem;
+                ${_styledcomponents.listTokens.listItemPaddingRight}: 1.125rem;
+                ${_styledcomponents.listTokens.listItemPaddingBottom}: 1.3125rem;
+                ${_styledcomponents.listTokens.listItemBorderRadius}: 1rem;
+                ${_styledcomponents.listTokens.listItemBorderWidth}: 0rem;
+                ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
+                ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
+
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_sdds_platform_ai.bodyL.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_sdds_platform_ai.bodyL.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
             `
         },
         disabled: {

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

@@ -409,7 +409,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -249,8 +249,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;
@@ -258,8 +257,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;
@@ -267,7 +265,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.config.js

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

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

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

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

@@ -64,8 +64,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -116,8 +116,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textPositive};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -168,8 +168,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -220,8 +220,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textNegative};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -299,8 +299,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;
@@ -370,8 +371,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;
@@ -441,8 +443,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;
@@ -512,8 +515,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;
@@ -583,8 +587,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;

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

@@ -64,8 +64,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -112,8 +112,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -160,8 +160,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -208,8 +208,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_platform_ai.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_platform_ai.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_platform_ai.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
@@ -287,8 +287,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
 
                 ${_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;
@@ -358,8 +359,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
 
                 ${_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;
@@ -429,8 +431,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
 
                 ${_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;
@@ -500,8 +503,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
 
                 ${_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;
@@ -571,8 +575,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
 
                 ${_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;

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

@@ -219,7 +219,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};