@salutejs/plasma-giga 0.360.0 → 0.360.1-dev.0

package/dist/css/es/index.js

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

@@ -32,15 +32,15 @@ const config = {
                 ${_styledcomponents.buttonGroupTokens.buttonBackgroundColorActive}: ${_plasma_giga.surfaceSolidDefaultActive};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.buttonGroupTokens.buttonColor}: ${_plasma_giga.onDarkTextPrimary};
-                ${_styledcomponents.buttonGroupTokens.buttonTextColor}: ${_plasma_giga.onDarkTextPrimary};
-                ${_styledcomponents.buttonGroupTokens.buttonIconColor}: ${_plasma_giga.onDarkTextPrimary};
-                ${_styledcomponents.buttonGroupTokens.buttonValueColor}: ${_plasma_giga.onDarkTextSecondary};
+                ${_styledcomponents.buttonGroupTokens.buttonColor}: ${_plasma_giga.inverseTextPrimary};
+                ${_styledcomponents.buttonGroupTokens.buttonTextColor}: ${_plasma_giga.inverseTextPrimary};
+                ${_styledcomponents.buttonGroupTokens.buttonIconColor}: ${_plasma_giga.inverseTextPrimary};
+                ${_styledcomponents.buttonGroupTokens.buttonValueColor}: ${_plasma_giga.inverseTextSecondary};
                 ${_styledcomponents.buttonGroupTokens.buttonBackgroundColor}: ${_plasma_giga.surfaceAccent};
                 ${_styledcomponents.buttonGroupTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.buttonGroupTokens.buttonBackgroundColor});
-                ${_styledcomponents.buttonGroupTokens.buttonColorHover}: ${_plasma_giga.onDarkTextPrimary};
+                ${_styledcomponents.buttonGroupTokens.buttonColorHover}: ${_plasma_giga.inverseTextPrimary};
                 ${_styledcomponents.buttonGroupTokens.buttonBackgroundColorHover}: ${_plasma_giga.surfaceAccentHover};
-                ${_styledcomponents.buttonGroupTokens.buttonColorActive}: ${_plasma_giga.onDarkTextPrimary};
+                ${_styledcomponents.buttonGroupTokens.buttonColorActive}: ${_plasma_giga.inverseTextPrimary};
                 ${_styledcomponents.buttonGroupTokens.buttonBackgroundColorActive}: ${_plasma_giga.surfaceAccentActive};
             `,
             secondary: (0, _styledcomponents.css)`

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

@@ -74,7 +74,7 @@ const config = {
 
                 ${_styledcomponents.comboboxTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.comboboxTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -132,7 +132,7 @@ const config = {
 
                 ${_styledcomponents.comboboxTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.comboboxTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -190,7 +190,7 @@ const config = {
 
                 ${_styledcomponents.comboboxTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.comboboxTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -249,7 +249,7 @@ const config = {
 
                 ${_styledcomponents.comboboxTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.comboboxTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.comboboxTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};

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

@@ -22,7 +22,7 @@ const config = {
                 ${_styledcomponents.counterTokens.background}: ${_plasma_giga.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: ${_plasma_giga.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.color}: ${_plasma_giga.inverseTextPrimary};
                 ${_styledcomponents.counterTokens.background}: ${_plasma_giga.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`

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

@@ -67,7 +67,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -118,7 +118,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -169,7 +169,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -220,7 +220,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -246,7 +246,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -272,7 +272,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -298,7 +298,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -324,7 +324,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -350,7 +350,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};
@@ -376,7 +376,7 @@ const config = {
 
                 ${_styledcomponents.selectTokens.itemIconColor}: ${_plasma_giga.textAccent};
 
-                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.selectTokens.checkboxFillColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.selectTokens.checkboxIconColor}: ${_plasma_giga.onDarkTextPrimary};
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_plasma_giga.textSecondary};

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

@@ -45,8 +45,8 @@ const accentConfig = `
     ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: ${_plasma_giga.surfaceAccentHover};
 
     // Цвет контента внутри элемента Step
-    ${_styledcomponents.stepsTokens.completedIndicatorColor}: ${_plasma_giga.onDarkTextPrimary};
-    ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: ${_plasma_giga.onDarkTextPrimaryHover};
+    ${_styledcomponents.stepsTokens.completedIndicatorColor}: ${_plasma_giga.inverseTextPrimary};
+    ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: ${_plasma_giga.inverseTextPrimary};
 `;
 const config = {
     defaults: {

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

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

@@ -63,8 +63,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_plasma_giga.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_plasma_giga.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_plasma_giga.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_plasma_giga.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_plasma_giga.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_plasma_giga.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_plasma_giga.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_plasma_giga.surfaceSolidTertiary};
@@ -114,8 +114,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_plasma_giga.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_plasma_giga.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_plasma_giga.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_plasma_giga.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_plasma_giga.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_plasma_giga.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_plasma_giga.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_plasma_giga.surfaceSolidTertiary};
@@ -165,8 +165,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_plasma_giga.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_plasma_giga.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_plasma_giga.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_plasma_giga.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_plasma_giga.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_plasma_giga.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_plasma_giga.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_plasma_giga.surfaceSolidTertiary};
@@ -216,8 +216,8 @@ const config = {
 
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_plasma_giga.surfaceSolidTertiary};
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_plasma_giga.onLightSurfaceSolidCard};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_plasma_giga.onLightSurfaceTransparentTertiary};
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_plasma_giga.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_plasma_giga.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_plasma_giga.surfaceSolidDefault};
 
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_plasma_giga.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_plasma_giga.surfaceSolidTertiary};
@@ -296,8 +296,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;
@@ -368,8 +369,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;
@@ -440,8 +442,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;
@@ -512,8 +515,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;
@@ -584,8 +588,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/cjs/components/Tree/Tree.config.js

@@ -30,7 +30,7 @@ const config = {
                 ${_styledcomponents.treeTokens.itemBackgroundColorHover}: ${_plasma_giga.surfaceTransparentSecondaryHover};
                 ${_styledcomponents.treeTokens.itemBackgroundColorActive}: ${_plasma_giga.surfaceTransparentSecondaryActive};
                 ${_styledcomponents.treeTokens.checkboxBorderColor}: ${_plasma_giga.textSecondary};
-                ${_styledcomponents.treeTokens.checkboxBackgroundColor}: ${_plasma_giga.textAccent};
+                ${_styledcomponents.treeTokens.checkboxBackgroundColor}: ${_plasma_giga.surfaceSolidDefault};
                 ${_styledcomponents.treeTokens.itemDisabledOpacity}: 0.4;
                 ${_styledcomponents.treeTokens.itemDisabledBorderColor}: ${_plasma_giga.textSecondary};
                 ${_styledcomponents.treeTokens.itemDisabledColor}: ${_plasma_giga.textSecondary};

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

@@ -22,15 +22,15 @@ export const config = {
                 ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};
             `,
             accent: css`
-                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};
-                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};
-                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};
-                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};
+                ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};
+                ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};
+                ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};
+                ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};
                 ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};
                 ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});
-                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};
+                ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};
                 ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};
-                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};
+                ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};
                 ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};
             `,
             secondary: css`

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

@@ -64,7 +64,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -122,7 +122,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -180,7 +180,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -239,7 +239,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};

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

@@ -12,7 +12,7 @@ export const config = {
                 ${counterTokens.background}: ${surfaceSolidDefault};
             `,
             accent: css`
-                ${counterTokens.color}: ${onDarkTextPrimary};
+                ${counterTokens.color}: ${inverseTextPrimary};
                 ${counterTokens.background}: ${surfaceAccent};
             `,
             positive: css`

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

@@ -1,2 +1,2 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';

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

@@ -57,7 +57,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -108,7 +108,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -159,7 +159,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -210,7 +210,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -236,7 +236,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -262,7 +262,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -288,7 +288,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -314,7 +314,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -340,7 +340,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -366,7 +366,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};