@itcase/ui 1.8.87 → 1.8.88

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DP41Z8bS.js');
+var Icon = require('../../Icon_cjs_CdFkbmKN.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Warning.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_DP41Z8bS.js');
+var Icon = require('../../Icon_cjs_CdFkbmKN.js');
 var Text = require('../../Text_cjs_B8nNXWBA.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/components/Accordion.js

@@ -6,7 +6,7 @@ import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { B as Badge, I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { icons16 } from '@itcase/icons/default';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_-Bpxwi6_.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_DUtgRVQ7.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -15,7 +15,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/AvatarStack.js

@@ -3,7 +3,7 @@ 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 { A as Avatar } from '../Avatar_es_-Bpxwi6_.js';
+import { A as Avatar } from '../Avatar_es_DUtgRVQ7.js';
 import { G as Group } from '../Group_es_Bo7Y6JwT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
@@ -20,7 +20,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_-iRj1sFG.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

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_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { a as LinkWrapper } from '../Link_es_BnUIX0QT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/Button.js

@@ -1,8 +1,8 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_CAxHI9Qd.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BTidGO25.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Cell.js

@@ -3,8 +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_-iRj1sFG.js';
-import { L as Label } from '../Label_es_Bfi00e0G.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
+import { L as Label } from '../Label_es_D-tO6hy7.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/components/Checkbox.js

@@ -21,8 +21,8 @@ import '../hooks/useStyles/styleAttributes.js';
 
 var checkboxAppearanceDefault = {
     defaultPrimary: {
-        fillCheckbox: 'surfacePrimary',
-        fillCheckboxActive: 'surfacePrimary',
+        fillCheckbox: 'surfaceSecondary',
+        fillCheckboxActive: 'surfaceSecondary',
         fillCheckboxActiveHover: 'surfaceTertiary',
         fillCheckboxHover: 'surfaceTertiary',
         fillCheckmark: 'surfaceBorderPrimary',
@@ -82,7 +82,7 @@ var checkboxAppearanceError = {
 
 var checkboxAppearanceRequire = {
     requirePrimary: {
-        fillCheckbox: 'warningPrimary',
+        fillCheckbox: 'warningTertiary',
         fillCheckboxActive: 'warningPrimary',
         fillCheckboxActiveHover: 'warningTertiary',
         fillCheckboxHover: 'warningTertiary',
@@ -105,36 +105,41 @@ var checkboxAppearanceRequire = {
 };
 
 var checkboxAppearanceSize = {
+    sizeXL: {
+        size: 'xl',
+        labelTextSize: 'm',
+        descTextSize: 'xs',
+    },
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'm',
+        descTextSize: 'xs',
+    },
     sizeM: {
         size: 'm',
         labelTextSize: 'm',
         descTextSize: 'xs',
     },
-    sizeXS: {
+    sizeS: {
         size: 'xs',
         labelTextSize: 's',
         descTextSize: 'xs',
     },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 's',
-        descTextSize: 'xs',
-    },
 };
 
 var checkboxAppearanceStyle = {
-    full: {
-    /* border / fill */
-    },
-    ghost: {
-        fill: 'none',
-        borderWidth: '0',
+    solid: {
+        borderColorCheckbox: 'none',
+        borderWidth: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
-        borderWidth: '0',
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColorCheckbox: 'none',
+        borderWidth: 'none',
     },
 };
 

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BcYHhSiE.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_tfEKBIc4.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -18,7 +18,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Choice.js

@@ -4,7 +4,7 @@ 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_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { L as Loader } from '../Loader_es_DhNCKZ8Y.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

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_CAxHI9Qd.js';
+import { B as Button } from '../Button_es_BTidGO25.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
@@ -17,7 +17,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/DatePeriod.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_C1ykgFhq.js';
+import { D as DatePickerInput } from '../DatePicker_es_6j1FwGTI.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BcYHhSiE.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_tfEKBIc4.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'date-fns/locale';
 import 'react-datepicker';
@@ -20,8 +20,8 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_CAxHI9Qd.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Button_es_BTidGO25.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
@@ -29,7 +29,7 @@ import '../Link_es_BnUIX0QT.js';
 import '../Text_es_BvmOR4nv.js';
 import '../Loader_es_DhNCKZ8Y.js';
 import '../Input_es_l3ry6luZ.js';
-import '../Label_es_Bfi00e0G.js';
+import '../Label_es_D-tO6hy7.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
 

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_C1ykgFhq.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_6j1FwGTI.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -20,8 +20,8 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_CAxHI9Qd.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Button_es_BTidGO25.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
@@ -29,5 +29,5 @@ import '../Link_es_BnUIX0QT.js';
 import '../Text_es_BvmOR4nv.js';
 import '../Loader_es_DhNCKZ8Y.js';
 import '../Input_es_l3ry6luZ.js';
-import '../Label_es_Bfi00e0G.js';
+import '../Label_es_D-tO6hy7.js';
 import '@itcase/icons/default';

package/dist/components/Drawer.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
-import { I as Icon, b as Title } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon, b as Title } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_DD5Tgd3Z.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_CHGCRZt0.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -17,7 +17,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/HeroTitle.js

@@ -4,7 +4,7 @@ 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_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_-iRj1sFG.js';
+export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/InputPassword.js

@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_Bfi00e0G.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_D-tO6hy7.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,7 +18,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/MenuItem.js

@@ -4,7 +4,7 @@ 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, T as Tooltip } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon, T as Tooltip } from '../Icon_es_BpZIoe9M.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/Modal.js

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { b as Title, I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { O as Overlay } from '../Overlay_es_BvehRqIP.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons24, icons40 } from '@itcase/icons/default';

package/dist/components/Notification.js

@@ -3,7 +3,7 @@ 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_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons20 } from '@itcase/icons/default';

package/dist/components/Pagination.js

@@ -6,8 +6,8 @@ import ReactPaginate from 'react-paginate';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_DD5Tgd3Z.js';
-import { I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CHGCRZt0.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons14, icons24, icons16 } from '@itcase/icons/default';

package/dist/components/Response.js

@@ -7,7 +7,7 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_CAxHI9Qd.js';
+import { B as Button } from '../Button_es_BTidGO25.js';
 import { G as Group } from '../Group_es_Bo7Y6JwT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import '@itcase/common';
@@ -23,7 +23,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_-iRj1sFG.js';
+import '../Icon_es_BpZIoe9M.js';
 import 'react-inlinesvg';
 import '../Link_es_BnUIX0QT.js';
 import '../Loader_es_DhNCKZ8Y.js';

package/dist/components/Search.js

@@ -6,7 +6,7 @@ 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_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';

package/dist/components/Segmented.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon, B as Badge } from '../Icon_es_BpZIoe9M.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_-iRj1sFG.js';
+import { b as Title } from '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ 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 { B as Badge, I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { B as Badge, I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ 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 { b as Title, B as Badge, I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_-iRj1sFG.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_-iRj1sFG.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BpZIoe9M.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Warning.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_-iRj1sFG.js';
+import { I as Icon } from '../Icon_es_BpZIoe9M.js';
 import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/css/components/Checkbox/Checkbox.css

@@ -99,7 +99,7 @@
   }
 }
 .checkbox {
-  @each $size in xxl, xl, l, m, s, xs, xxs {
+  @each $size in xl, l, m, s {
     &_size_$(size) {
       padding: var(--checkbox-$(size)-padding);
       gap: var(--checkbox-$(size)-gap);
@@ -132,21 +132,27 @@
   --checkbox-error-border: var(--color-error-border-secondary);
   --checkbox-focus-border: var(--color-surface-border-quaternary);
 
-  --checkbox-area-m-width: 24px;
-  --checkbox-area-m-height: 24px;
-  --checkbox-m-width: 16px;
-  --checkbox-m-height: 16px;
-  --checkbox-m-gap: 0 2px;
+  --checkbox-area-xl-width: 24px;
+  --checkbox-area-xl-height: 24px;
+  --checkbox-xl-width: 16px;
+  --checkbox-xl-height: 16px;
+  --checkbox-xl-gap: 0 2px;
+
+  --checkbox-area-l-width: 20px;
+  --checkbox-area-l-height: 20px;
+  --checkbox-l-width: 16px;
+  --checkbox-l-height: 16px;
+  --checkbox-l-gap: 0 2px;
 
-  --checkbox-area-xs-width: 16px;
-  --checkbox-area-xs-height: 16px;
-  --checkbox-xs-width: 12px;
-  --checkbox-xs-height: 12px;
-  --checkbox-xs-gap: 0 2px;
+  --checkbox-area-m-width: 16px;
+  --checkbox-area-m-height: 16px;
+  --checkbox-m-width: 12px;
+  --checkbox-m-height: 12px;
+  --checkbox-m-gap: 0 2px;
 
-  --checkbox-area-xxs-width: 14px;
-  --checkbox-area-xxs-height: 14px;
-  --checkbox-xxs-width: 10px;
-  --checkbox-xxs-height: 10px;
-  --checkbox-xxs-gap: 0 2px;
+  --checkbox-area-s-width: 14px;
+  --checkbox-area-s-height: 14px;
+  --checkbox-s-width: 10px;
+  --checkbox-s-height: 10px;
+  --checkbox-s-gap: 0 2px;
 }

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

@@ -1,13 +1,13 @@
 declare const badgeAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/Checkbox/appearance/checkboxSize.d.ts

@@ -1,15 +1,20 @@
 declare const checkboxAppearanceSize: {
-    sizeM: {
+    sizeXL: {
+        size: string;
+        labelTextSize: string;
+        descTextSize: string;
+    };
+    sizeL: {
         size: string;
         labelTextSize: string;
         descTextSize: string;
     };
-    sizeXS: {
+    sizeM: {
         size: string;
         labelTextSize: string;
         descTextSize: string;
     };
-    sizeXXS: {
+    sizeS: {
         size: string;
         labelTextSize: string;
         descTextSize: string;

package/dist/types/components/Checkbox/appearance/checkboxStyle.d.ts

@@ -1,13 +1,15 @@
 declare const checkboxAppearanceStyle: {
-    full: {};
-    ghost: {
-        fill: string;
+    solid: {
+        borderColorCheckbox: string;
         borderWidth: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
+        borderColorCheckbox: string;
         borderWidth: string;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.87",
+  "version": "1.8.88",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",