@salutejs/sdds-platform-ai 0.364.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/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/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/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/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/Button/Button.config.js

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

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

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

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

@@ -95,7 +95,7 @@ export const config = {
         size: {
             xl: css`
                 ${iconButtonTokens.iconButtonHeight}: 4rem;
-                ${iconButtonTokens.iconButtonWidth}: 4.25rem;
+                ${iconButtonTokens.iconButtonWidth}: 4rem;
                 ${iconButtonTokens.iconButtonPadding}: 1.375rem;
                 ${iconButtonTokens.iconButtonRadius}: 1rem;
 
@@ -127,7 +127,7 @@ export const config = {
             `,
             m: css`
                 ${iconButtonTokens.iconButtonHeight}: 3rem;
-                ${iconButtonTokens.iconButtonWidth}: 3.25rem;
+                ${iconButtonTokens.iconButtonWidth}: 3rem;
                 ${iconButtonTokens.iconButtonPadding}: 0.875rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.75rem;
 
@@ -143,7 +143,7 @@ export const config = {
             `,
             s: css`
                 ${iconButtonTokens.iconButtonHeight}: 2.5rem;
-                ${iconButtonTokens.iconButtonWidth}: 2.75rem;
+                ${iconButtonTokens.iconButtonWidth}: 2.5rem;
 
                 ${iconButtonTokens.iconButtonPadding}: 1rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.625rem;
@@ -163,6 +163,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonWidth}: 2rem;
                 ${iconButtonTokens.iconButtonPadding}: 0.75rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.5rem;
+
                 ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};
                 ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};
                 ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};
@@ -172,6 +173,22 @@ export const config = {
 
                 ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;
                 ${iconButtonTokens.iconButtonSpinnerColor}: inherit;
+            `,
+            xxs: css`
+                ${iconButtonTokens.iconButtonHeight}: 1.5rem;
+                ${iconButtonTokens.iconButtonWidth}: 1.5rem;
+                ${iconButtonTokens.iconButtonPadding}: 0.5rem;
+                ${iconButtonTokens.iconButtonRadius}: 0.375rem;
+
+                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};
+                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};
+                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};
+                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};
+                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};
+                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};
+
+                ${iconButtonTokens.iconButtonSpinnerSize}: 0.75rem;
+                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;
             `
         },
         disabled: {