@itcase/ui 1.8.13 → 1.8.17

package/dist/Divider_es_BdU9qjKa.js

@@ -0,0 +1,151 @@
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import { useStyles } from './hooks/useStyles/useStyles.js';
+
+var dividerAppearanceAccent = {
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        borderColor: 'accentBorderPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextSecondary',
+        labelTextColorHover: 'accentTextSecondary',
+        borderColor: 'accentBorderPrimary',
+        loaderFill: 'accentPrimary',
+        loaderItemFill: 'accentItemPrimary',
+    },
+};
+
+var dividerAppearanceError = {
+    error: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimaryHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
+        loaderFill: 'errorPrimary',
+        loaderItemFill: 'errorItemPrimary',
+    },
+};
+
+var dividerAppearancePrimary = {
+    primary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
+};
+
+var dividerAppearanceSecondary = {
+    secondary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
+};
+
+var dividerAppearanceSize = {
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+};
+
+var dividerAppearanceStyle = {
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderColor: '0',
+    },
+};
+
+var dividerAppearanceSuccess = {
+    success: {
+        fill: 'successPrimary',
+        fillHover: 'successPrimaryHover',
+        labelTextColor: 'successTextSecondary',
+        labelTextColorHover: 'successTextSecondary',
+        loaderFill: 'successPrimary',
+        loaderItemFill: 'successItemPrimary',
+    },
+};
+
+var dividerAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+        loaderFill: 'surfaceSecondary',
+        loaderItemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+};
+
+var dividerAppearanceWarning = {
+    warning: {
+        fill: 'warningPrimary',
+        fillHover: 'warningPrimaryHover',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
+        loaderFill: 'warningPrimary',
+        loaderItemFill: 'warningItemPrimary',
+    },
+};
+
+var dividerAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, dividerAppearanceSize), dividerAppearanceStyle), dividerAppearanceAccent), dividerAppearanceError), dividerAppearancePrimary), dividerAppearanceSecondary), dividerAppearanceSuccess), dividerAppearanceSurface), dividerAppearanceWarning);
+
+var dividerConfig = {
+    appearance: dividerAppearance,
+    setAppearance: function (appearanceConfig) {
+        dividerConfig.appearance = appearanceConfig;
+    },
+};
+function Divider(props) {
+    var className = props.className, appearance = props.appearance;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+        var _a;
+        return (__assign(__assign({}, resultConfig), (_a = dividerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    var directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'xs' : _a, widthClass = propsGenerator.widthClass;
+    // @ts-expect-error
+    var hrStyles = useStyles(props).styles;
+    return (jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
+}
+
+export { Divider as D, dividerAppearance as a, dividerConfig as d };

package/dist/{DropdownItem_cjs_TdJHpFgg.js → DropdownItem_cjs_DW0UXopm.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var Divider = require('./Divider_cjs_DakITdTv.js');
-var Text = require('./Text_cjs_D4xG0cKD.js');
+var Divider = require('./Divider_cjs_DzFVtGkF.js');
+var Text = require('./Text_cjs_iL1l_7V1.js');
 
 function Dropdown(props) {
     var className = props.className, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, before = props.before, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;
@@ -64,6 +64,70 @@ function Dropdown(props) {
                 onAnimationEnd: onAnimationEnd, children: children })), after] }));
 }
 
+var dropdownAppearanceAccent = {
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        borderColor: 'accentBorderPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextSecondary',
+        labelTextColorHover: 'accentTextSecondary',
+        borderColor: 'accentBorderPrimary',
+        loaderFill: 'accentPrimary',
+        loaderItemFill: 'accentItemPrimary',
+    },
+};
+
+var dropdownAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'l',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        iconAfterFillSize: '16',
+        iconAfterSize: '16',
+        iconBeforeFillSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+};
+
+var dropdownAppearanceStyle = {
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderColor: '0',
+    },
+};
+
 var dropdownAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
@@ -89,7 +153,7 @@ var dropdownAppearanceSurface = {
     },
 };
 
-var dropdownItemAppearance = tslib_es6.__assign({}, dropdownAppearanceSurface);
+var dropdownItemAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, dropdownAppearanceSurface), dropdownAppearanceStyle), dropdownAppearanceAccent), dropdownAppearanceSize);
 
 var dropdownItemConfig = {
     appearance: dropdownItemAppearance,

package/dist/{DropdownItem_es_CdYP5BQN.js → DropdownItem_es_vuNthDPa.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { D as Divider } from './Divider_es_CWsDM2Rm.js';
-import { T as Text } from './Text_es_FJGduy7Z.js';
+import { D as Divider } from './Divider_es_BdU9qjKa.js';
+import { T as Text } from './Text_es_D012qJ8s.js';
 
 function Dropdown(props) {
     var className = props.className, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, before = props.before, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;
@@ -62,6 +62,70 @@ function Dropdown(props) {
                 onAnimationEnd: onAnimationEnd, children: children })), after] }));
 }
 
+var dropdownAppearanceAccent = {
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        borderColor: 'accentBorderPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextSecondary',
+        labelTextColorHover: 'accentTextSecondary',
+        borderColor: 'accentBorderPrimary',
+        loaderFill: 'accentPrimary',
+        loaderItemFill: 'accentItemPrimary',
+    },
+};
+
+var dropdownAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'l',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        iconAfterFillSize: '16',
+        iconAfterSize: '16',
+        iconBeforeFillSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+};
+
+var dropdownAppearanceStyle = {
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderColor: '0',
+    },
+};
+
 var dropdownAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
@@ -87,7 +151,7 @@ var dropdownAppearanceSurface = {
     },
 };
 
-var dropdownItemAppearance = __assign({}, dropdownAppearanceSurface);
+var dropdownItemAppearance = __assign(__assign(__assign(__assign({}, dropdownAppearanceSurface), dropdownAppearanceStyle), dropdownAppearanceAccent), dropdownAppearanceSize);
 
 var dropdownItemConfig = {
     appearance: dropdownItemAppearance,

package/dist/{Label_cjs_CbcENlSZ.js → Label_cjs_mw4pHZR1.js}

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_D4xG0cKD.js');
-var Tooltip = require('./Tooltip_cjs_CY4HOzhz.js');
+var Text = require('./Text_cjs_iL1l_7V1.js');
+var Tooltip = require('./Tooltip_cjs_BKOjNMkt.js');
 
 var labelAppearanceAccent = {
     accent: {
@@ -28,8 +28,6 @@ var labelAppearanceDanger = {
         fillHover: 'dangerPrimaryHover',
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
-        loaderFill: 'dangerPrimary',
-        loaderItemFill: 'dangerItemPrimary',
     },
 };
 
@@ -39,8 +37,12 @@ var labelAppearanceError = {
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimaryHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
     },
 };
 
@@ -48,20 +50,16 @@ var labelAppearanceInfo = {
     accent: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        borderColor: 'accentBorderPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        borderColor: 'accentBorderPrimary',
     },
 };
 
@@ -84,7 +82,6 @@ var labelAppearanceSecondary = {
 var labelAppearanceSize = {
     sizeXXL: {
         labelTextSize: 'xxl',
-        size: 'xxl',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
@@ -96,7 +93,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'xl',
     },
     sizeL: {
         labelTextSize: 'l',
@@ -104,7 +100,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'l',
     },
     sizeM: {
         labelTextSize: 'm',
@@ -112,7 +107,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'm',
     },
     sizeS: {
         labelTextSize: 's',
@@ -120,7 +114,6 @@ var labelAppearanceSize = {
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
-        size: 's',
     },
     sizeXS: {
         labelTextSize: 'xs',
@@ -128,7 +121,6 @@ var labelAppearanceSize = {
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
-        size: 'xs',
     },
     sizeXXS: {
         labelTextSize: 'xs',
@@ -136,23 +128,22 @@ var labelAppearanceSize = {
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
-        size: 'xxs',
     },
 };
 
 var labelAppearanceStyle = {
-    full: {
-        borderColor: null,
-    },
+    full: {},
     ghost: {
-        fill: null,
-        borderColor: null,
+        fill: 'none',
+        fillHover: 'none',
+        borderColor: '0',
     },
     outlined: {
-        fill: null,
+        fill: 'none',
+        fillHover: 'none',
     },
     solid: {
-        borderColor: null,
+        borderColor: '0',
     },
 };
 
@@ -162,8 +153,12 @@ var labelAppearanceSuccess = {
         fillHover: 'successPrimaryHover',
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
-        loaderFill: 'successPrimary',
-        loaderItemFill: 'successItemPrimary',
+    },
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successPrimaryHover',
+        labelTextColor: 'successTextSecondary',
+        labelTextColorHover: 'successTextSecondary',
     },
 };
 
@@ -197,8 +192,12 @@ var labelAppearanceWarning = {
         fillHover: 'warningPrimaryHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
+    },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningPrimaryHover',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
     },
 };
 

package/dist/{Label_es_BCpDqP3q.js → Label_es_CiPEDFcR.js}

@@ -4,8 +4,8 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_FJGduy7Z.js';
-import { T as Tooltip } from './Tooltip_es_B9hN4Zlm.js';
+import { T as Text } from './Text_es_D012qJ8s.js';
+import { T as Tooltip } from './Tooltip_es_C7zstTA2.js';
 
 var labelAppearanceAccent = {
     accent: {
@@ -26,8 +26,6 @@ var labelAppearanceDanger = {
         fillHover: 'dangerPrimaryHover',
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
-        loaderFill: 'dangerPrimary',
-        loaderItemFill: 'dangerItemPrimary',
     },
 };
 
@@ -37,8 +35,12 @@ var labelAppearanceError = {
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimaryHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
     },
 };
 
@@ -46,20 +48,16 @@ var labelAppearanceInfo = {
     accent: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        borderColor: 'accentBorderPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        borderColor: 'accentBorderPrimary',
     },
 };
 
@@ -82,7 +80,6 @@ var labelAppearanceSecondary = {
 var labelAppearanceSize = {
     sizeXXL: {
         labelTextSize: 'xxl',
-        size: 'xxl',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
@@ -94,7 +91,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'xl',
     },
     sizeL: {
         labelTextSize: 'l',
@@ -102,7 +98,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'l',
     },
     sizeM: {
         labelTextSize: 'm',
@@ -110,7 +105,6 @@ var labelAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'm',
     },
     sizeS: {
         labelTextSize: 's',
@@ -118,7 +112,6 @@ var labelAppearanceSize = {
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
-        size: 's',
     },
     sizeXS: {
         labelTextSize: 'xs',
@@ -126,7 +119,6 @@ var labelAppearanceSize = {
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
-        size: 'xs',
     },
     sizeXXS: {
         labelTextSize: 'xs',
@@ -134,23 +126,22 @@ var labelAppearanceSize = {
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
-        size: 'xxs',
     },
 };
 
 var labelAppearanceStyle = {
-    full: {
-        borderColor: null,
-    },
+    full: {},
     ghost: {
-        fill: null,
-        borderColor: null,
+        fill: 'none',
+        fillHover: 'none',
+        borderColor: '0',
     },
     outlined: {
-        fill: null,
+        fill: 'none',
+        fillHover: 'none',
     },
     solid: {
-        borderColor: null,
+        borderColor: '0',
     },
 };
 
@@ -160,8 +151,12 @@ var labelAppearanceSuccess = {
         fillHover: 'successPrimaryHover',
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
-        loaderFill: 'successPrimary',
-        loaderItemFill: 'successItemPrimary',
+    },
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successPrimaryHover',
+        labelTextColor: 'successTextSecondary',
+        labelTextColorHover: 'successTextSecondary',
     },
 };
 
@@ -195,8 +190,12 @@ var labelAppearanceWarning = {
         fillHover: 'warningPrimaryHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
+    },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningPrimaryHover',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
     },
 };
 

package/dist/{Loader_cjs_D753D3li.js → Loader_cjs_DZbIy6Ko.js}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_D4xG0cKD.js');
+var Text = require('./Text_cjs_iL1l_7V1.js');
 
 var loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{Loader_es_BE4nyzXi.js → Loader_es_SHdP0IkA.js}

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_FJGduy7Z.js';
+import { T as Text } from './Text_es_D012qJ8s.js';
 
 var loaderAppearanceAccent = {
     accentPrimary: {