@itcase/ui 1.8.149 → 1.8.151

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_UTiUhYs7.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_D3eiXGyK.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -18,7 +18,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_5JUPM7bP.js';
+import '../Icon_es_BEhzKfrD.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_5JUPM7bP.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { L as Loader } from '../Loader_es_Dq2-7sn2.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'lodash/camelCase';

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_qNbDsXQg.js';
+import { B as Button } from '../Button_es_CtAnUzZA.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -18,7 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_5JUPM7bP.js';
+import '../Icon_es_BEhzKfrD.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/DatePeriod.js

@@ -3,10 +3,10 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_CqKPt0Nw.js';
+import { D as DatePickerInput } from '../DatePicker_es_DtBOEq-Q.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_UTiUhYs7.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_D3eiXGyK.js';
 import 'date-fns/locale';
 import 'react-datepicker';
 import '../hooks/useStyles/useStyles.js';
@@ -21,8 +21,8 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_qNbDsXQg.js';
-import '../Icon_es_5JUPM7bP.js';
+import '../Button_es_CtAnUzZA.js';
+import '../Icon_es_BEhzKfrD.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
@@ -30,7 +30,7 @@ import '../Link_es_P2b6ya7P.js';
 import '../Text_es_RDU9GLCV.js';
 import '../Loader_es_Dq2-7sn2.js';
 import '../Input_es_BnCXATnh.js';
-import '../Label_es_B5uGQwNN.js';
+import '../Label_es_DYd2RwDK.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_CqKPt0Nw.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_DtBOEq-Q.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -20,8 +20,8 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_qNbDsXQg.js';
-import '../Icon_es_5JUPM7bP.js';
+import '../Button_es_CtAnUzZA.js';
+import '../Icon_es_BEhzKfrD.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
@@ -29,5 +29,5 @@ import '../Link_es_P2b6ya7P.js';
 import '../Text_es_RDU9GLCV.js';
 import '../Loader_es_Dq2-7sn2.js';
 import '../Input_es_BnCXATnh.js';
-import '../Label_es_B5uGQwNN.js';
+import '../Label_es_DYd2RwDK.js';
 import '@itcase/icons/default';

package/dist/components/Drawer.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { D as Divider } from '../Divider_es_BiYozVBS.js';
-import { I as Icon, b as Title } from '../Icon_es_5JUPM7bP.js';
+import { I as Icon, b as Title } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/components/Dropdown.js

@@ -1,7 +1,8 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BBKtNngp.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_D2P4zJJ-.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,11 +18,10 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_5JUPM7bP.js';
+import '../Icon_es_BEhzKfrD.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Link_es_P2b6ya7P.js';
 import '../Text_es_RDU9GLCV.js';
 import '../Divider_es_BiYozVBS.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_5JUPM7bP.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.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 '../Icon_es_5JUPM7bP.js';
+export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_BEhzKfrD.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

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_5JUPM7bP.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.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_B5uGQwNN.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_DYd2RwDK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,7 +18,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_5JUPM7bP.js';
+import '../Icon_es_BEhzKfrD.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_5JUPM7bP.js';
+import { I as Icon, T as Tooltip } from '../Icon_es_BEhzKfrD.js';
 import { L as Link } from '../Link_es_P2b6ya7P.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'lodash/camelCase';
@@ -170,8 +170,8 @@ const menuItemAppearanceSurface = {
         fillActive: 'surfaceSecondary',
         fillActiveHover: 'surfaceTertiary',
         fillHover: 'surfaceSecondary',
-        labelTextActiveColor: 'surfaceTextPrimary',
-        labelTextActiveColorHover: 'surfaceTextPrimary',
+        labelTextActiveColor: 'accentTextSecondary',
+        labelTextActiveColorHover: 'accentTextSecondary',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',

package/dist/components/Modal.js

@@ -6,7 +6,7 @@ import { icons24, icons32, icons40 } from '@itcase/icons/default';
 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_5JUPM7bP.js';
+import { b as Title, I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { O as Overlay } from '../Overlay_es_BS7OTFoy.js';
 import { L as Loader } from '../Loader_es_Dq2-7sn2.js';
 import 'lodash/camelCase';

package/dist/components/ModalSheetBottom.js

@@ -5,7 +5,7 @@ import { Sheet } from 'react-modal-sheet';
 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 } from '../Icon_es_5JUPM7bP.js';
+import { b as Title } from '../Icon_es_BEhzKfrD.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Notification.js

@@ -4,8 +4,8 @@ import { L as Loader } from '../Loader_es_Dq2-7sn2.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_qNbDsXQg.js';
-import { I as Icon } from '../Icon_es_5JUPM7bP.js';
+import { B as Button } from '../Button_es_CtAnUzZA.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { icons24 } from '@itcase/icons/default';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';

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_BBKtNngp.js';
-import { I as Icon } from '../Icon_es_5JUPM7bP.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_D2P4zJJ-.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { icons14, icons24, icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';

package/dist/components/Response.js

@@ -6,7 +6,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_qNbDsXQg.js';
+import { B as Button } from '../Button_es_CtAnUzZA.js';
 import { G as Group } from '../Group_es_ZTwafPX1.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import '@itcase/common';
@@ -23,7 +23,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_5JUPM7bP.js';
+import '../Icon_es_BEhzKfrD.js';
 import 'react-inlinesvg';
 import '../Link_es_P2b6ya7P.js';
 import '../Loader_es_Dq2-7sn2.js';
@@ -258,7 +258,6 @@ const RESPONSE_MESSAGES = {
         title: 'Ошибка',
         desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
         // code: '500',
-        imageSrc: responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
         primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
@@ -286,37 +285,33 @@ const RESPONSE_MESSAGES = {
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
     },
+    fail: {
+        appearance: 'fail ghost',
+        // code: '500',
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
     nothingFound: {
         appearance: 'refresh ghost',
         title: 'Ничего не найдено',
         desc: 'Нет данных по заданным параметрам',
         // code: '500',
-        imageSrc: responseIcon.NothingFound,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         primaryButtonLabel: 'Сбросить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
     },
-    fail: {
-        appearance: 'fail ghost',
-        // code: '500',
-        imageSrc: responseIcon.Fail,
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        primaryButtonLabel: 'ОК',
-    },
     empty: {
         appearance: 'empty ghost',
         title: 'Список пуст',
         desc: 'Нет данных по заданным параметрам',
         code: '200',
-        imageSrc: responseIcon.Empty,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         primaryButtonLabel: 'ОК',
     },
     warning: {
         appearance: 'warning ghost',
         title: 'Внимание',
-        imageSrc: responseIcon.Warning,
         primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
         primaryButtonLabel: 'Повторить',
         secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',

package/dist/components/Search.js

@@ -5,7 +5,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_5JUPM7bP.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { S as Scrollbar } from '../Scrollbar_es_CcMgNvGi.js';
 import 'lodash/camelCase';

package/dist/components/Segmented.js

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

package/dist/components/Select.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_5JUPM7bP.js';
+import { I as Icon, B as Badge } from '../Icon_es_BEhzKfrD.js';
 import React, { useRef, 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_5JUPM7bP.js';
+import { b as Title } from '../Icon_es_BEhzKfrD.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Tab.js

@@ -5,7 +5,7 @@ import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.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 Badge, I as Icon } from '../Icon_es_5JUPM7bP.js';
+import { B as Badge, I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { D as Divider } from '../Divider_es_BiYozVBS.js';
 import { L as Link } from '../Link_es_P2b6ya7P.js';
 import { T as Text } from '../Text_es_RDU9GLCV.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_5JUPM7bP.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.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 '../Icon_es_5JUPM7bP.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BEhzKfrD.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_5JUPM7bP.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BEhzKfrD.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

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_5JUPM7bP.js';
+import { I as Icon } from '../Icon_es_BEhzKfrD.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/css/components/Button/Button.css

@@ -29,39 +29,27 @@
   }
 }
 .button {
-  &&_state {
-    &_loading {
-      ^^&__loader {
-        position: absolute;
-        display: flex;
-      }
+  &&_reset-gap {
+    ^&__wrapper {
+      gap: 0;
     }
   }
 }
 .button {
-  @each $type in default, icon, label {
-    &_type_$(type) {
-      @each $size in xxs, xs, s, m, l, xl, xxl {
-        &^&_size_$(size) {
-          ^^&__wrapper {
-            min-width: var(
-              --button-type-$(type)-$(size)-min-width,
-              var(--button-$(size)-min-width)
-            );
-            min-height: var(
-              --button-type-$(type)-$(size)-min-height,
-              var(--button-$(size)-min-height)
-            );
-            padding: var(
-              --button-type-$(type)-$(size)-padding,
-              var(--button-$(size)-padding)
-            );
-            gap: var(
-              --button-type-$(type)-$(size)-gap,
-              var(--button-$(size)-gap)
-            );
-          }
-        }
+  &&_reset-padding {
+    ^&__wrapper {
+      padding: 0;
+    }
+  }
+}
+.button {
+  @each $size in xxl, xl, l, m, s, xs, xxs {
+    &_size_$(size) {
+      ^&__wrapper {
+        min-width: var(--button-$(size)-min-width);
+        min-height: var(--button-$(size)-min-height);
+        padding: var(--button-$(size)-padding);
+        gap: var(--button-$(size)-gap);
       }
     }
   }
@@ -91,13 +79,45 @@
   }
 }
 .button {
-  @each $size in xxl, xl, l, m, s, xs, xxs {
-    &_size_$(size) {
-      ^&__wrapper {
-        min-width: var(--button-$(size)-min-width);
-        min-height: var(--button-$(size)-min-height);
-        padding: var(--button-$(size)-padding);
-        gap: var(--button-$(size)-gap);
+  &&_state {
+    &_disabled {
+    }
+  }
+}
+.button {
+  &&_state {
+    &_loading {
+      ^^&__loader {
+        position: absolute;
+        display: flex;
+      }
+    }
+  }
+}
+.button {
+  @each $type in default, icon, label {
+    &_type_$(type) {
+      @each $size in xxs, xs, s, m, l, xl, xxl {
+        &^&_size_$(size) {
+          ^^&__wrapper {
+            min-width: var(
+              --button-type-$(type)-$(size)-min-width,
+              var(--button-$(size)-min-width)
+            );
+            min-height: var(
+              --button-type-$(type)-$(size)-min-height,
+              var(--button-$(size)-min-height)
+            );
+            padding: var(
+              --button-type-$(type)-$(size)-padding,
+              var(--button-$(size)-padding)
+            );
+            gap: var(
+              --button-type-$(type)-$(size)-gap,
+              var(--button-$(size)-gap)
+            );
+          }
+        }
       }
     }
   }
@@ -116,20 +136,6 @@
     }
   }
 }
-.button {
-  &&_reset-padding {
-    ^&__wrapper {
-      padding: 0;
-    }
-  }
-}
-.button {
-  &&_reset-gap {
-    ^&__wrapper {
-      gap: 0;
-    }
-  }
-}
 :root {
   /* MainXL */
   --button-transition: all 0.2s ease 0s;

package/dist/css/components/Dropdown/Dropdown.css

@@ -66,19 +66,11 @@
       align-items: center;
     }
     &-label {
+      text-align: left;
       flex-grow: 1;
     }
   }
 }
-.dropdown {
-  &__item {
-    &_shape {
-      &_rounded {
-        border-radius: var(--dropdown-item-shape-rounded);
-      }
-    }
-  }
-}
 .dropdown {
   &__item {
     &_size {

package/dist/types/components/Dropdown/Dropdown.appearance.d.ts

@@ -0,0 +1,2 @@
+import { DropdownItemProps } from './Dropdown.interface';
+export declare const dropdownAppearance: DropdownItemProps;

package/dist/types/components/Dropdown/appearance/dropdownShape.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceShape: DropdownAppearance;
+export { dropdownAppearanceShape };

package/dist/types/components/Response/Response.constant.d.ts

@@ -3,7 +3,6 @@ declare const RESPONSE_MESSAGES: {
         appearance: string;
         title: string;
         desc: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;
@@ -30,35 +29,31 @@ declare const RESPONSE_MESSAGES: {
         secondaryButtonAppearance: string;
         secondaryButtonLabel: string;
     };
+    fail: {
+        appearance: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+    };
     nothingFound: {
         appearance: string;
         title: string;
         desc: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;
         secondaryButtonLabel: string;
     };
-    fail: {
-        appearance: string;
-        imageSrc: any;
-        primaryButtonAppearance: string;
-        primaryButtonLabel: string;
-    };
     empty: {
         appearance: string;
         title: string;
         desc: string;
         code: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
     };
     warning: {
         appearance: string;
         title: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;

package/dist/types/config/forms/datepicker.d.ts

@@ -1,18 +1,18 @@
 declare const defaultDatepickerProps: {
     size: string;
-    iconSize: number;
-    iconFillSize: number;
-    iconItemFill: string;
     daySize: string;
     dayTextColor: string;
-    dayTextSize: string;
     dayTextShape: string;
+    dayTextSize: string;
+    iconFillSize: number;
+    iconItemFill: string;
+    iconSize: number;
     monthTextColor: string;
     monthTextSize: string;
     monthTextWeight: number;
+    placeholderTextColor: string;
     yearTextColor: string;
     yearTextSize: string;
     yearTextWeight: number;
-    placeholderTextColor: string;
 };
 export { defaultDatepickerProps };