@itcase/ui 1.9.51 → 1.9.53

package/dist/components/Badge.js

@@ -1,11 +1,9 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_BYViOa6l.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_kewxGRUB.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-inlinesvg';
-import '../hoc/urlWithAssetPrefix.js';
-import '@itcase/common';
-import '../context/UrlAssetPrefix.js';
+import '../Link_es_BDAmhIzd.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -13,6 +11,7 @@ import 'lodash/castArray';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -21,5 +20,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_BDAmhIzd.js';
 import '../Text_es_DVNvU0m0.js';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
+import '../utils/mergeAppearanceKeys.js';

package/dist/components/Breadcrumbs.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { I as Icon } from '../Icon_es_kewxGRUB.js';
 import { a as LinkWrapper } from '../Link_es_BDAmhIzd.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';
@@ -24,6 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
+import '../utils/mergeAppearanceKeys.js';
 
 const breadcrumbsAppearanceAccent = {
     accentPrimary: {

package/dist/components/Button.js

@@ -1,8 +1,10 @@
-export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_Dk6_9N-r.js';
+export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_DQGp8Ipn.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../utils/mergeAppearanceKeys.js';
+import '../Icon_es_kewxGRUB.js';
+import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -17,13 +19,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../hooks/useHoldProgress.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_BYViOa6l.js';
-import 'react-inlinesvg';
+import '../Text_es_DVNvU0m0.js';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BDAmhIzd.js';
-import '../Text_es_DVNvU0m0.js';
-import '../Loader_es_DLb2P-Sk.js';
+import '../utils/mergeAppearanceKeys.js';
+import '../Loader_es_CqlLujBJ.js';
+import '../hooks/useHoldProgress.js';

package/dist/components/Cell.js

@@ -4,8 +4,8 @@ import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_BYViOa6l.js';
-import { L as Label } from '../Label_es_BPQhW13g.js';
+import { I as Icon } from '../Icon_es_kewxGRUB.js';
+import { L as Label } from '../Label_es_CNRTIAWo.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'react';
 import 'lodash/camelCase';
@@ -22,9 +22,9 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BDAmhIzd.js';
 
 const cellAppearanceSize = {
     sizeXL: {

package/dist/components/Checkbox.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
+import '../hooks/useStyles/useStyles.js';
 import 'react';
 import 'lodash/camelCase';
-import 'lodash/castArray';
+import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
@@ -16,79 +17,79 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/castArray';
 
 const checkboxAppearanceDefault = {
     defaultPrimary: {
+        fill: 'surfaceSecondary',
         fillCheckbox: 'surfaceSecondary',
-        fillCheckboxActive: 'surfaceSecondary',
-        fillCheckboxActiveHover: 'surfaceTertiary',
+        fillCheckboxActive: 'surfaceQuaternary',
+        fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
         fillCheckboxHover: 'surfaceHoverTertiary',
-        fillCheckmark: 'surfacePrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColorCheckbox: 'surfaceBorderPrimary',
-        borderColorCheckboxActive: 'surfaceBorderPrimary',
-        borderColorCheckboxActiveHover: 'surfaceBorderPrimary',
+        borderColorCheckbox: 'surfaceBorderQuaternary',
+        borderColorCheckboxActive: 'surfaceBorderQuaternary',
+        borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
         borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
     },
 };
 
 const checkboxAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderHoverQuaternary',
-        textColor: 'surfaceTextQuaternary',
-    },
-    disabledSecondary: {
         fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderHoverQuaternary',
+        fillCheckbox: 'surfaceSecondary',
+        fillCheckboxActive: 'surfaceQuaternary',
+        fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
+        fillCheckboxHover: 'surfaceHoverTertiary',
+        labelTextColor: 'disabledTextSecondary',
+        descTextColor: 'disabledTextSecondary',
+        borderColorCheckbox: 'surfaceBorderQuaternary',
+        borderColorCheckboxActive: 'surfaceBorderQuaternary',
+        borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
+        borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
     },
 };
 
 const checkboxAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
-        fillCheckbox: 'errorPrimary',
-        fillCheckboxActive: 'errorActivePrimary',
+        fillCheckbox: 'errorTertiary',
+        fillCheckboxActive: 'errorQuaternary',
         fillCheckboxActiveHover: 'errorActiveHoverPrimary',
-        fillCheckboxHover: 'surfaceHoverTertiary',
-        fillCheckmark: 'errorPrimary',
+        fillCheckboxHover: 'errorHoverTertiary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColorCheckbox: 'errorBorderPrimary',
-        borderColorCheckboxActive: 'errorBorderActivePrimary',
+        borderColorCheckbox: 'errorBorderQuaternary',
+        borderColorCheckboxActive: 'errorBorderActiveQuaternary',
         borderColorCheckboxActiveHover: 'errorBorderActivePrimary',
         borderColorCheckboxHover: 'errorBorderHoverPrimary',
     },
-    errorSecondary: {
-        fill: 'errorSecondary',
-        borderColor: 'errorBorderTertiary',
-        borderHover: 'errorBorderHoverQuaternary',
-    },
 };
 
 const checkboxAppearanceRequire = {
     requirePrimary: {
+        fill: 'warningTertiary',
         fillCheckbox: 'warningTertiary',
-        fillCheckboxActive: 'warningActivePrimary',
-        fillCheckboxActiveHover: 'warningActiveHoverTertiary',
-        fillCheckboxHover: 'warningHoverSecondary',
-        fillCheckmark: 'warningPrimary',
+        fillCheckboxActive: 'warningPrimary',
+        fillCheckboxActiveHover: 'warningActiveHoverPrimary',
+        fillCheckboxHover: 'warningHoverTertiary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColorCheckbox: 'warningBorderPrimary',
-        borderColorCheckboxActive: 'warningBorderActivePrimary',
+        borderColorCheckbox: 'warningBorderSecondary',
+        borderColorCheckboxActive: 'warningBorderSecondary',
         borderColorCheckboxActiveHover: 'warningBorderActivePrimary',
         borderColorCheckboxHover: 'warningBorderHoverPrimary',
     },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderHoverQuaternary',
+};
+
+const checkboxAppearanceShape = {
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -139,23 +140,18 @@ const checkboxAppearanceStyle = {
 
 const checkboxAppearanceSuccess = {
     successPrimary: {
-        fillCheckbox: 'successPrimary',
-        fillCheckboxActive: 'successActivePrimary',
-        fillCheckboxActiveHover: 'successActiveHoverTertiary',
+        fill: 'successTertiary',
+        fillCheckbox: 'successTertiary',
+        fillCheckboxActive: 'successSecondary',
+        fillCheckboxActiveHover: 'successActiveHoverPrimary',
         fillCheckboxHover: 'successHoverTertiary',
-        fillCheckmark: 'successPrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColorCheckbox: 'successBorderPrimary',
-        borderColorCheckboxActive: 'successBorderActivePrimary',
+        borderColorCheckbox: 'successBorderSecondary',
+        borderColorCheckboxActive: 'successBorderSecondary',
         borderColorCheckboxActiveHover: 'successBorderActivePrimary',
         borderColorCheckboxHover: 'successBorderHoverPrimary',
     },
-    successSecondary: {
-        fill: 'successSecondary',
-        borderColor: 'successBorderTertiary',
-        borderHover: 'successBorderHoverQuaternary',
-    },
 };
 
 const checkboxAppearance = {
@@ -166,6 +162,7 @@ const checkboxAppearance = {
     ...checkboxAppearanceDisabled,
     ...checkboxAppearanceSize,
     ...checkboxAppearanceStyle,
+    ...checkboxAppearanceShape,
 };
 
 const checkboxConfig = {

package/dist/components/Checkmark.js

@@ -3,6 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
+import { I as Icon } from '../Icon_es_kewxGRUB.js';
+import { icons14, icons20, icons24, icons32, icons40 } from '@itcase/icons/default';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,6 +19,12 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
+import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
+import '../utils/mergeAppearanceKeys.js';
 
 const checkmarkAppearanceAccent = {
     accentPrimary: {
@@ -24,7 +32,7 @@ const checkmarkAppearanceAccent = {
         fillActive: 'accentPrimary',
         borderColor: 'accentBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'accentPrimary',
+        checkmarkIconFill: 'accentItemPrimary',
     },
 };
 
@@ -34,31 +42,48 @@ const checkmarkAppearanceDisabled = {
         fillActive: 'surfaceDisabled',
         borderColor: 'surfaceBorderDisabled',
         borderWidth: '2',
-        checkmarkFill: 'surfaceDisabled',
+        checkmarkIconFill: 'surfaceItemDisabled',
+    },
+};
+
+const checkmarkAppearanceError = {
+    errorPrimary: {
+        fill: 'extraPrimary',
+        fillActive: 'extraActivePrimary',
+        borderColor: 'extraBorderTertiary',
+        borderWidth: '2',
+        checkmarkIconFill: 'extraItemPrimary',
     },
 };
 
 const checkmarkAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
+        checkmarkIcon: icons40.General.Check,
     },
     sizeXL: {
         size: 'xl',
+        checkmarkIcon: icons40.General.Check,
     },
     sizeL: {
         size: 'l',
+        checkmarkIcon: icons32.General.Check,
     },
     sizeM: {
         size: 'm',
+        checkmarkIcon: icons24.Form.Check,
     },
     sizeS: {
         size: 's',
+        checkmarkIcon: icons24.Form.Check,
     },
     sizeXS: {
         size: 'xs',
+        checkmarkIcon: icons20.Form.Check,
     },
     sizeXXS: {
         size: 'xxs',
+        checkmarkIcon: icons14.Form.Check,
     },
 };
 
@@ -84,7 +109,7 @@ const checkmarkAppearanceSurface = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'surfacePrimary',
+        checkmarkIconFill: 'surfaceItemPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
@@ -93,7 +118,7 @@ const checkmarkAppearanceSurface = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'surfacePrimary',
+        checkmarkIconFill: 'surfaceItemPrimary',
     },
 };
 
@@ -103,6 +128,7 @@ const checkmarkAppearance = {
     ...checkmarkAppearanceStyle,
     ...checkmarkAppearanceSurface,
     ...checkmarkAppearanceSize,
+    ...checkmarkAppearanceError,
 };
 
 const checkmarkConfig = {
@@ -115,7 +141,7 @@ function Checkmark(props) {
     const { appearance, className, dataTestId, dataTour, isActive, isChecked, isDisabled = false, onClick, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFillClass, sizeClass, } = propsGenerator;
+    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFill, checkmarkIcon, checkmarkIconFill, checkmarkIconShape, checkmarkIconSize, checkmarkIconSrc, sizeClass, } = propsGenerator;
     const { styles: checkmarkStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && `checkmark_size_${sizeClass}`, !isChecked || !isActive
             ? fillClass && `fill_${fillClass}`
@@ -128,7 +154,7 @@ function Checkmark(props) {
             ? borderColorHoverClass &&
                 `border-color_hover_${borderColorHoverClass}`
             : borderColorActiveHoverClass &&
-                `border-color_active_hover_${borderColorActiveHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, isDisabled), "data-testid": dataTestId, "data-tour": dataTour, style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (jsx("div", { className: clsx('checkmark__icon', `svg_path_fill_${checkmarkFillClass}`), children: jsx("svg", { width: "32", height: "24", fill: "none", viewBox: "0 0 32 24", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fill: checkmarkFillClass, d: "M28.0896 0.706312L11.4967 18.1772L3.9104 10.1895C3.01576 9.24775 1.56549 9.24775 0.670845 10.1895C-0.223615 11.1315 -0.223615 12.6585 0.670845 13.6005L9.87695 23.2936C10.3243 23.7644 10.9105 24 11.4967 24C12.083 24 12.6692 23.7644 13.1165 23.2936L31.3292 4.11744C32.2236 3.17547 32.2236 1.64848 31.3292 0.706504C30.4345 -0.235469 28.9841 -0.235469 28.0896 0.706312Z" }) }) })) }));
+                `border-color_active_hover_${borderColorActiveHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, isDisabled), "data-testid": dataTestId, "data-tour": dataTour, style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (jsx(Icon, { fill: checkmarkFill, iconFill: checkmarkIconFill, iconSize: checkmarkIconSize, imageSrc: checkmarkIconSrc, shape: checkmarkIconShape, SvgImage: checkmarkIcon })) }));
 }
 
 export { Checkmark, checkmarkAppearance, checkmarkConfig };

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, a as ChipsGroup, c as chipsAppearance, b as chipsConfig } from '../ChipsGroup_es_C_dgXLfC.js';
+export { C as Chips, a as ChipsGroup, c as chipsAppearance, b as chipsConfig } from '../ChipsGroup_es_BTe1MYhV.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -18,9 +18,10 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../Icon_es_BYViOa6l.js';
+import '../Icon_es_kewxGRUB.js';
 import 'react-inlinesvg';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
 import '../Link_es_BDAmhIzd.js';
 import '../Text_es_DVNvU0m0.js';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
+import '../utils/mergeAppearanceKeys.js';

package/dist/components/Choice.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_BYViOa6l.js';
-import { L as Loader } from '../Loader_es_DLb2P-Sk.js';
+import { I as Icon } from '../Icon_es_kewxGRUB.js';
+import { L as Loader } from '../Loader_es_CqlLujBJ.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -21,9 +21,10 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BDAmhIzd.js';
+import '../utils/mergeAppearanceKeys.js';
 
 const choiceAppearanceDefault = {
     defaultMutedPrimary: {

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_Dk6_9N-r.js';
+import { B as Button } from '../Button_es_DQGp8Ipn.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -18,16 +18,16 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../utils/mergeAppearanceKeys.js';
-import '../hooks/useHoldProgress.js';
+import '../Icon_es_kewxGRUB.js';
+import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_BYViOa6l.js';
-import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BDAmhIzd.js';
-import '../Loader_es_DLb2P-Sk.js';
+import '../utils/mergeAppearanceKeys.js';
+import '../Loader_es_CqlLujBJ.js';
+import '../hooks/useHoldProgress.js';
 
 const cookiesWarningAppearanceDefault = {
     defaultPrimary: {

package/dist/components/DatePeriod.js

@@ -3,43 +3,43 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
+import { a as ChipsGroup, C as Chips } from '../ChipsGroup_es_BTe1MYhV.js';
+import { D as DatePickerInput } from '../DatePicker_es_Cze2Bv6w.js';
+import 'react-select';
+import '../Icon_es_kewxGRUB.js';
+import { S as SelectContainer } from '../SelectContainer_es_De_XL0im.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { a as ChipsGroup, C as Chips } from '../ChipsGroup_es_C_dgXLfC.js';
-import { D as DatePickerInput } from '../DatePicker_es_ungoFvip.js';
-import 'react-select';
-import '../Icon_es_BYViOa6l.js';
-import { S as SelectContainer } from '../SelectContainer_es_BQ3-SqL2.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
 import '../Group_es_Y1qBBLZU.js';
-import 'lodash/castArray';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
+import '../hooks/useStyles/useStyles.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'uuid';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../hooks/useStyles/useStyles.js';
 import '../Text_es_DVNvU0m0.js';
 import 'date-fns/locale';
 import 'react-datepicker';
-import '../Button_es_Dk6_9N-r.js';
-import '../hooks/useHoldProgress.js';
+import '../Button_es_DQGp8Ipn.js';
 import '../Link_es_BDAmhIzd.js';
-import '../Loader_es_DLb2P-Sk.js';
+import '../Loader_es_CqlLujBJ.js';
+import '../hooks/useHoldProgress.js';
 import '../Input_es_BYbc2X9M.js';
-import '../Label_es_BPQhW13g.js';
+import '../Label_es_CNRTIAWo.js';
 import '@itcase/icons/default';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import 'react-select/creatable';
 import '../Divider_es_D2snK_vn.js';
+import 'lodash/castArray';
 
 const datePeriodAppearanceShape = {
     circular: {

package/dist/components/DatePicker.js

@@ -1,9 +1,13 @@
-export { D as DatePickerInput, d as datePickerAppearance, a as datePickerConfig } from '../DatePicker_es_ungoFvip.js';
+export { D as DatePickerInput, d as datePickerAppearance, a as datePickerConfig } from '../DatePicker_es_Cze2Bv6w.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'date-fns/locale';
 import 'react-datepicker';
+import '../Button_es_DQGp8Ipn.js';
+import '../Icon_es_kewxGRUB.js';
+import 'react-inlinesvg';
+import '../Link_es_BDAmhIzd.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -20,16 +24,12 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_Dk6_9N-r.js';
-import '../utils/mergeAppearanceKeys.js';
-import '../hooks/useHoldProgress.js';
-import '../Icon_es_BYViOa6l.js';
-import 'react-inlinesvg';
+import '../Text_es_DVNvU0m0.js';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BDAmhIzd.js';
-import '../Text_es_DVNvU0m0.js';
-import '../Loader_es_DLb2P-Sk.js';
+import '../utils/mergeAppearanceKeys.js';
+import '../Loader_es_CqlLujBJ.js';
+import '../hooks/useHoldProgress.js';
 import '../Input_es_BYbc2X9M.js';
-import '../Label_es_BPQhW13g.js';
+import '../Label_es_CNRTIAWo.js';
 import '@itcase/icons/default';