@itcase/ui 1.8.31 → 1.8.32

package/dist/components/Drawer.js

@@ -3,10 +3,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
-import { I as Icon, b as Title } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon, b as Title } from '../Tooltip_es_B0nm9irO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { icon24 } from '@itcase/icons/default';
+import { icons24 } from '@itcase/icons/default';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
@@ -32,14 +32,9 @@ var drawerAppearanceSurface = {
         descTextColor: 'surfaceTextPrimary',
         descTextSize: 's',
         iconSize: 24,
-        closeIcon: icon24.Close,
+        closeIcon: icons24.Action.Close,
         closeIconFillIcon: 'surfaceItemPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
@@ -52,6 +47,11 @@ var drawerAppearanceSurface = {
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
 };
 
 var drawerAppearance = __assign({}, drawerAppearanceSurface);

package/dist/components/Dropdown/stories/__mock__.js

@@ -1,4 +1,4 @@
-import { icon24 } from '@itcase/icons/default';
+import { icons24 } from '@itcase/icons/default';
 
 var dropdownListMock = {
     dropdownList: [
@@ -8,12 +8,27 @@ var dropdownListMock = {
         {
             key: 4,
             label: 'Item 4',
-            iconBefore: icon24.Placeholder,
+            iconBefore: icons24.Placeholder,
+            isActive: false,
+        },
+        {
+            key: 5,
+            label: 'Item 5',
+            iconAfter: icons24.Placeholder,
+            isActive: false,
+        },
+        {
+            key: 6,
+            label: 'Item 6',
+            iconBefore: icons24.General.Check,
+            isActive: false,
+        },
+        {
+            key: 7,
+            label: 'Item 7',
+            iconAfter: icons24.General.Check,
             isActive: false,
         },
-        { key: 5, label: 'Item 5', iconAfter: icon24.Placeholder, isActive: false },
-        { key: 6, label: 'Item 6', iconBefore: icon24.Check, isActive: false },
-        { key: 7, label: 'Item 7', iconAfter: icon24.Check, isActive: false },
         { key: 8, label: 'Item 8', showDivider: true, isActive: false },
         { key: 9, label: 'Item 9', isActive: false },
     ],

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_VDp5tKZr.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BMnIhUSe.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,7 +18,7 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Divider_es_kY-30pft.js';
-import '../Tooltip_es_BPMRrd2L.js';
+import '../Tooltip_es_B0nm9irO.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../Link_es_DxtZLeKY.js';

package/dist/components/HeroTitle.js

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Icon.js

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

package/dist/components/InputPassword.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.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_s3M2-dON.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_DmDqs4Rc.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -17,7 +17,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_BPMRrd2L.js';
+import '../Tooltip_es_B0nm9irO.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../Link_es_DxtZLeKY.js';

package/dist/components/MenuItem.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { L as Link } from '../Link_es_DxtZLeKY.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';

package/dist/components/Modal.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { O as Overlay } from '../Overlay_es_DczPjVL9.js';
-import { b as Title } from '../Tooltip_es_BPMRrd2L.js';
+import { b as Title } from '../Tooltip_es_B0nm9irO.js';
 import { L as Loader } from '../Loader_es_B2auu_rc.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Notification.js

@@ -3,9 +3,9 @@ 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 { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
-import { icon20 } from '@itcase/icons/default';
+import { icons20 } from '@itcase/icons/default';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
 import '../context/UIContext.js';
 import 'react';
@@ -34,7 +34,7 @@ var notificationAppearanceDefault = {
         elevation: 8,
         textColor: 'surfaceTextPrimary',
         iconSize: 20,
-        closeIcon: icon20.Close,
+        closeIcon: icons20.Action.Close,
         closeIconFillIcon: 'surfaceItemPrimary',
     },
 };
@@ -51,7 +51,7 @@ var notificationAppearanceError = {
         elevation: 8,
         textColor: 'errorTextPrimary',
         iconSize: 20,
-        closeIcon: icon20.Close,
+        closeIcon: icons20.Action.Close,
         closeIconFillIcon: 'errorItemPrimary',
     },
 };
@@ -84,7 +84,7 @@ var notificationAppearanceSuccess = {
         elevation: 8,
         textColor: 'successTextPrimary',
         iconSize: 20,
-        closeIcon: icon20.Close,
+        closeIcon: icons20.Action.Close,
         closeIconFillIcon: 'accentItemPrimary',
     },
 };
@@ -101,7 +101,7 @@ var notificationAppearanceWarning = {
         elevation: 8,
         textColor: 'warningTextPrimary',
         iconSize: 20,
-        closeIcon: icon20.Close,
+        closeIcon: icons20.Action.Close,
         closeIconFillIcon: 'warningItemPrimary',
     },
 };

package/dist/components/Pagination.js

@@ -6,10 +6,10 @@ import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_VDp5tKZr.js';
-import { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BMnIhUSe.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
-import { icon32, icon24 } from '@itcase/icons/default';
+import { icons32, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -32,7 +32,7 @@ var paginationAppearanceSurface = {
         fillHover: 'surfaceSecondary',
         gap: '8',
         marginPagesDisplayed: 10,
-        nextLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icon32.ChevronRightSmall })),
+        nextLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icons32.Arrow.Chevron_Right_Small })),
         pageCountDesc: 'кол-во строк',
         pageCountDescTextColor: 'surfaceTextPrimary',
         pageCountDescTextSize: 'm',
@@ -55,13 +55,13 @@ var paginationAppearanceSurface = {
         pageCountDropdownItemSize: 'l',
         pageCountDropdownItemWidth: 'hug',
         pageCountDropdownShape: 'rounded',
-        pageCountInputIcon: icon24.ChevronDownSmall,
+        pageCountInputIcon: icons24.Arrow.Chevron_Down_Small,
         pageCountInputIconColor: 'surfaceItemPrimary',
         pageCountInputIconFillSize: '24',
         pageCountInputTextColor: 'surfaceTextPrimary',
         pageCountInputTextSize: 'm',
         pageRangeDisplayed: 8,
-        previousLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icon32.ChevronLeftSmall })),
+        previousLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icons32.Arrow.Chevron_Left_Small })),
     },
 };
 

package/dist/components/Response.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_WG0yV-rp.js';
+import { B as Button } from '../Button_es_DTUagqgU.js';
 import { G as Group } from '../Group_es_CYW2Hquh.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';
@@ -20,7 +20,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_BPMRrd2L.js';
+import '../Tooltip_es_B0nm9irO.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_B2auu_rc.js';
 

package/dist/components/ScrollOnDrag/stories/__mock__.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+
+var scrollOnDragMock = (jsx("div", { style: { display: 'flex' }, children: Array.from({ length: 20 }, function (_, index) { return (jsx("div", { style: {
+            height: 65,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: '0 5px',
+            padding: '50px',
+            border: '1px solid black',
+            display: 'flex',
+        }, children: index }, index)); }) }));
+
+export { scrollOnDragMock };

package/dist/components/Scrollbar/stories/__mock__.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+var scrollbarMock = Array.from({ length: 30 }, function (_, index) { return (jsx("div", { children: index })); });
+
+export { scrollbarMock };

package/dist/components/Search.js

@@ -1,11 +1,11 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { icon16, icon24 } from '@itcase/icons/default';
+import { icons16, icons24 } from '@itcase/icons/default';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
@@ -79,43 +79,43 @@ var searchAppearanceRequire = {
 var searchAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        iconBefore: icon24.Search,
-        iconClear: icon24.Clear,
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
         inputTextSize: 'l',
         placeholderTextSize: 'l',
     },
     sizeXL: {
         size: 'xl',
-        iconBefore: icon24.Search,
-        iconClear: icon24.Clear,
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
         inputTextSize: 'm',
         placeholderTextSize: 'm',
     },
     sizeL: {
         size: 'l',
-        iconBefore: icon24.Search,
-        iconClear: icon24.Clear,
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },
     sizeM: {
         size: 'm',
-        iconBefore: icon24.Search,
-        iconClear: icon24.Clear,
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
         inputTextSize: 'm',
         placeholderTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        iconBefore: icon24.Search,
-        iconClear: icon24.Clear,
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        iconBefore: icon16.Search,
-        iconClear: icon16.Clear,
+        iconBefore: icons16.Security.Search,
+        iconClear: icons16.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },

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 '../Tooltip_es_BPMRrd2L.js';
+import { I as Icon, B as Badge } from '../Tooltip_es_B0nm9irO.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';

package/dist/components/Swiper/stories/__mock__.js

@@ -0,0 +1,14 @@
+import { jsxs } from 'react/jsx-runtime';
+
+var slidesMock = Array.from({ length: 10 }, function (_, index) { return (jsxs("div", { style: {
+        width: '100%',
+        height: 'auto',
+        justifyContent: 'center',
+        alignItems: 'center',
+        fontSize: 24,
+        fontWeight: 'bold',
+        display: 'flex',
+        background: "hsl(".concat(index * 60, ", 70%, 80%)"),
+    }, children: ["Slide ", index + 1] }, index)); });
+
+export { slidesMock };

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 '../Tooltip_es_BPMRrd2L.js';
+import { b as Title } from '../Tooltip_es_B0nm9irO.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab/stories/__mock__.js

@@ -1,11 +1,11 @@
-import { icon16 } from '@itcase/icons/default';
+import { icons16 } from '@itcase/icons/default';
 
 var tabListMock = {
     tabList: [
         { key: 1, label: 'Tab 1', isActive: true },
         { key: 2, label: 'Tab 2', isActive: false },
         { key: 3, label: 'Tab 3', badgeValue: 3, isActive: false },
-        { key: 4, label: 'Tab 4', icon: icon16.Placeholder, isActive: false },
+        { key: 4, label: 'Tab 4', icon: icons16.Placeholder, isActive: false },
     ],
 };
 

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Tooltip_es_BPMRrd2L.js';
+import { B as Badge, I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { D as Divider } from '../Divider_es_kY-30pft.js';
 import { L as Link } from '../Link_es_DxtZLeKY.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 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 '../Tooltip_es_BPMRrd2L.js';
+import { b as Title, B as Badge, I as Icon } from '../Tooltip_es_B0nm9irO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_BPMRrd2L.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_B0nm9irO.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 '../Tooltip_es_BPMRrd2L.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_B0nm9irO.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/css/components/Choice/Choice.css

@@ -8,12 +8,6 @@
     border-right: var(--chioce-item-border-right);
   }
   */
-  &_state_disabled {
-    background: var(--choice-item-state-disabled-background);
-    &:hover {
-      background: var(--choice-item-state-disabled-background);
-    }
-  }
   & input {
     width: 100%;
     height: 100%;
@@ -35,9 +29,6 @@
     transition: color 0.5s ease;
     cursor: pointer;
   }
-  &-icon {
-    padding: var(--choice-item-icon-padding);
-  }
 }
 .choice__item {
   &_shape {
@@ -54,8 +45,11 @@
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
       &_$(size) {
-        min-height: var(--choice-size-$(size)-min-height);
+        min-height: var(--choice-item-size-$(size)-min-height);
         padding: var(--choice-item-size-$(size)-padding);
+        ^^&-label {
+          gap: var(--choice-item-size-$(size)-gap);
+        }
       }
     }
   }
@@ -145,28 +139,29 @@
 }
 :root {
   --choice-size-s-height: 28px;
-  --choice-size-m-height: 36px;
-  --choice-size-l-height: 40px;
-
   --choice-size-s-min-height: 28px;
-  --choice-size-m-min-height: 36px;
-  --choice-size-l-min-height: 40px;
-
   --choice-size-s-row-gap: 12px;
   --choice-size-s-column-gap: 12px;
 
   --choice-size-m-row-gap: 12px;
   --choice-size-m-column-gap: 12px;
+  --choice-size-m-height: 36px;
+  --choice-size-m-min-height: 36px;
 
+  --choice-size-l-height: 40px;
+  --choice-size-l-min-height: 40px;
   --choice-size-l-row-gap: 12px;
   --choice-size-l-column-gap: 12px;
 
-  --choice-shape-rounded: 8px;
-
   --choice-item-size-s-padding: 0px 6px;
+  --choice-item-size-s-min-height: 24px;
+  --choice-item-size-s-gap: 8px;
+
   --choice-item-size-m-padding: 0px 12px;
-  --choice-item-size-l-padding: 0px 12px;
+  --choice-item-size-m-min-height: 32px;
+  --choice-item-size-m-gap: 8px;
 
-  --choice-item-icon-padding: 0;
-  --choice-item-shape-rounded: 8px;
+  --choice-item-size-l-padding: 0px 12px;
+  --choice-item-size-l-min-height: 36px;
+  --choice-item-size-l-gap: 8px;
 }

package/dist/css/components/Choice/css/__item/choice__item.css

@@ -8,12 +8,6 @@
     border-right: var(--chioce-item-border-right);
   }
   */
-  &_state_disabled {
-    background: var(--choice-item-state-disabled-background);
-    &:hover {
-      background: var(--choice-item-state-disabled-background);
-    }
-  }
   & input {
     width: 100%;
     height: 100%;
@@ -35,7 +29,4 @@
     transition: color 0.5s ease;
     cursor: pointer;
   }
-  &-icon {
-    padding: var(--choice-item-icon-padding);
-  }
 }

package/dist/css/components/Choice/css/__item/choice__item_size.css

@@ -2,8 +2,11 @@
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
       &_$(size) {
-        min-height: var(--choice-size-$(size)-min-height);
+        min-height: var(--choice-item-size-$(size)-min-height);
         padding: var(--choice-item-size-$(size)-padding);
+        ^^&-label {
+          gap: var(--choice-item-size-$(size)-gap);
+        }
       }
     }
   }

package/dist/css/components/Code/Code.css

@@ -1,5 +1,4 @@
 .code {
-  width: 100%;
   &__wrapper {
     width: 100%;
     display: flex;
@@ -40,7 +39,6 @@
 .code__input {
   border: none;
   outline: none;
-
   &:focus {
     outline: none;
   }
@@ -78,11 +76,11 @@
   }
 }
 :root {
-  --code-input-shape-rounded: 0;
   --code-input-size-l-width: 56px;
-  --code-input-size-l-height: 48px;
-  --code-input-size-l-gap: 8px;
+  --code-input-size-l-height: 56px;
+  --code-size-l-gap: 8px;
+
   --code-input-size-m-width: 48px;
-  --code-input-size-m-height: 40px;
-  --code-input-size-m-gap: 6px;
+  --code-input-size-m-height: 48px;
+  --code-size-m-gap: 6px;
 }

package/dist/css/components/{DadataHintField/DadataHintField.css → Dadata/Dadata.css}

@@ -3,13 +3,13 @@
     width: 100%;
     ^&__input {
       height: auto;
-      color: var(--react-dadata-color);
-      padding: var(--react-dadata-padding);
-      border: 1px solid var(--react-dadata-border);
-      border-radius: var(--react-dadata-border-radius);
+      color: var(--dadata-color);
+      padding: var(--dadata-padding);
+      border: 1px solid var(--dadata-border);
+      border-radius: var(--dadata-border-radius);
       box-shadow: none;
       &:hover {
-        border: solid 1px var(--react-dadata-hover-border);
+        border: solid 1px var(--dadata-hover-border);
       }
     }
   }
@@ -19,7 +19,7 @@
   &__suggestion {
     position: relative !important;
     &:hover {
-      background: var(--react-dadata-suggestion-hover-color, --color-accent-tertiary);
+      background: var(--dadata-suggestion-hover-color, --color-accent-tertiary);
     }
   }
   &--highlighted {
@@ -27,13 +27,13 @@
   }
   & .input_state {
     &_error {
-      border: solid 1px var(--react-dadata-error-border);
+      border: solid 1px var(--dadata-error-border);
       &:hover {
-        border: solid 1px var(--react-dadata-error-border);
+        border: solid 1px var(--dadata-error-border);
       }
     }
     &_focus {
-      border: solid 1px var(--react-dadata-focus-border);
+      border: solid 1px var(--dadata-focus-border);
     }
   }
 }