@itcase/ui 1.8.100 → 1.8.102

package/dist/components/Pagination.js

@@ -6,9 +6,9 @@ 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_DURwA4mR.js';
-import { I as Icon } from '../Icon_es_CTKPPrrC.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BwdenrJx.js';
+import { I as Icon } from '../Icon_es_BYO1LdXJ.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons14, icons24, icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';

package/dist/components/Radio.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Response.js

@@ -7,9 +7,9 @@ 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_DCM3C_2S.js';
+import { B as Button } from '../Button_es_CEXL2diU.js';
 import { G as Group } from '../Group_es_DHJcG2MA.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import 'lodash/camelCase';
@@ -23,10 +23,10 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_CTKPPrrC.js';
+import '../Icon_es_BYO1LdXJ.js';
 import 'react-inlinesvg';
 import '../Link_es_BnUIX0QT.js';
-import '../Loader_es_DGMpRDMk.js';
+import '../Loader_es_AhHU-s7_.js';
 
 var responseAppearanceConfirm = {
     confirm: {

package/dist/components/Search.js

@@ -6,8 +6,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_CTKPPrrC.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { I as Icon } from '../Icon_es_BYO1LdXJ.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Segmented.js

@@ -1,10 +1,10 @@
 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_CTKPPrrC.js';
+import { I as Icon } from '../Icon_es_BYO1LdXJ.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Select.js

@@ -1,16 +1,16 @@
 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_CTKPPrrC.js';
+import { I as Icon, B as Badge } from '../Icon_es_BYO1LdXJ.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { G as Group } from '../Group_es_DHJcG2MA.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { L as Loader } from '../Loader_es_DGMpRDMk.js';
+import { L as Loader } from '../Loader_es_AhHU-s7_.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

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_CTKPPrrC.js';
+import { b as Title } from '../Icon_es_BYO1LdXJ.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,7 +23,7 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_DIU5ySvf.js';
+import '../Text_es_BXh9Y3hR.js';
 
 function Swiper(props) {
     var id = props.id, className = props.className, direction = props.direction, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, _a = props.activeSlideIndex, activeSlideIndex = _a === void 0 ? 0 : _a, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957

package/dist/components/Switch.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,10 +4,10 @@ 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_CTKPPrrC.js';
+import { B as Badge, I as Icon } from '../Icon_es_BYO1LdXJ.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_DIU5ySvf.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_BXh9Y3hR.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Tile.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 { b as Title, B as Badge, I as Icon } from '../Icon_es_CTKPPrrC.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_BYO1LdXJ.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.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_CTKPPrrC.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BYO1LdXJ.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_DIU5ySvf.js';
+import '../Text_es_BXh9Y3hR.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_CTKPPrrC.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BYO1LdXJ.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_DIU5ySvf.js';
+import '../Text_es_BXh9Y3hR.js';

package/dist/components/Warning.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_CTKPPrrC.js';
-import { T as Text } from '../Text_es_DIU5ySvf.js';
+import { I as Icon } from '../Icon_es_BYO1LdXJ.js';
+import { T as Text } from '../Text_es_BXh9Y3hR.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';

package/dist/css/components/Modal/Modal.css

@@ -76,6 +76,8 @@
       }
     }
     &_true {
+      max-height: 80vh;
+      border: solid 2px red;
       position: relative;
       overflow: hidden auto;
       display: flex;

package/dist/css/styles/border-color/border-color.css

@@ -4,8 +4,8 @@
     border-color: transparent;
     border-style: solid;
   }
-  @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-    error, success, warning, info, danger {
+  @each $type in accent, primary, secondary, surface, error, warning, success,
+    danger, info, disabled {
     @each $color in primary, secondary, tertiary, quaternary {
       &_$(type) {
         &-border {

package/dist/css/styles/border-color/border-color_active.css

@@ -1,7 +1,7 @@
 .border-color {
   &_active {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-border {

package/dist/css/styles/border-color/border-color_focus.css

@@ -1,7 +1,7 @@
 .border-color {
   &_focus {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-border {

package/dist/css/styles/border-color/border-color_hover.css

@@ -3,8 +3,8 @@
     &_none {
       border-color: transparent;
     }
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-border {

package/dist/css/styles/caret-color/caret-color.css

@@ -1,8 +1,7 @@
 .caret-color {
-  @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-    error, success, warning, info, danger, gradient, disabled, hover, inverse {
-    @each $color in primary, secondary, tertiary, quaternary, accent, disabled,
-      hover, inverse {
+  @each $type in accent, primary, secondary, surface, error, warning, success,
+    danger, info, disabled {
+    @each $color in primary, secondary, tertiary, quaternary {
       &_$(type) {
         &-item {
           &-$(color) {

package/dist/css/styles/fill/fill.css

@@ -2,11 +2,9 @@
   &_none {
     background-color: transparent;
   }
-  @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-    error, success, warning, info, danger, gradient, disabled, active, hover,
-    inverse {
-    @each $color in primary, secondary, tertiary, quaternary, accent, disabled,
-      hover, inverse {
+  @each $type in accent, primary, secondary, surface, error, warning, success,
+    danger, info, disabled {
+    @each $color in primary, secondary, tertiary, quaternary {
       /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */
       &_$(type) {
         &-item {
@@ -45,6 +43,11 @@
     sonic-silver {
     &_$(palette) {
       background: var(--color-palette-$(palette));
+      &-item {
+        &_$(palette) {
+          background: var(--color-palette-$(palette));
+        }
+      }
     }
   }
 }

package/dist/css/styles/fill/fill_active.css

@@ -1,7 +1,7 @@
 .fill {
   &_active {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, danger, warning, info, danger {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-item {
@@ -33,6 +33,11 @@
       alto, athens-gray, sonic-silver {
       &_$(palette) {
         background: var(--color-palette-$(palette));
+        &-item {
+          &_$(palette) {
+            background: var(--color-palette-$(palette));
+          }
+        }
       }
     }
   }

package/dist/css/styles/fill/fill_active_hover.css

@@ -1,8 +1,8 @@
 .fill {
   &_active {
     &_hover {
-      @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-        error, success, warning, info, danger {
+      @each $type in accent, primary, secondary, surface, error, warning,
+        success, danger, info, disabled {
         @each $color in primary, secondary, tertiary, quaternary {
           /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */
           &_$(type) {
@@ -96,6 +96,13 @@
           &:hover {
             background: var(--color-palette-$(palette));
           }
+          &-item {
+            &_$(palette) {
+              &:hover {
+                background: var(--color-palette-$(palette));
+              }
+            }
+          }
         }
       }
     }

package/dist/css/styles/fill/fill_hover.css

@@ -1,9 +1,7 @@
-/* fill_hover_accent-hover-secondary */
-/* --color-accent-fill-hover-primary */
 .fill {
   &_hover {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
         /* @each $alpha in 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 { */
         &_$(type) {
@@ -72,6 +70,13 @@
         &:hover {
           background: var(--color-palette-$(palette));
         }
+        &-item {
+          &_$(palette) {
+            &:hover {
+              background: var(--color-palette-$(palette));
+            }
+          }
+        }
       }
     }
   }

package/dist/css/styles/placeholder-text-color/placeholder-text-color.css

@@ -1,8 +1,7 @@
 .placeholder-text-color {
-  @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-    error, success, warning, info, danger, gradient, disabled, hover, inverse {
-    @each $color in primary, secondary, tertiary, quaternary, accent, disabled,
-      hover, inverse {
+  @each $type in accent, primary, secondary, surface, error, warning, success,
+    danger, info, disabled {
+    @each $color in primary, secondary, tertiary, quaternary {
       &_$(type) {
         &-text {
           &-$(color) {
@@ -14,4 +13,4 @@
       }
     }
   }
-}
+}

package/dist/css/styles/svg-color/svg_fill.css

@@ -1,9 +1,8 @@
 .svg {
   &_fill {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger, gradient, disabled, hover, inverse {
-      @each $color in primary, secondary, tertiary, quaternary, accent,
-        disabled, hover, inverse {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
+      @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-item {
             &-$(color) {
@@ -11,6 +10,7 @@
                 stroke: none;
                 fill: var(--color-$(type)-item-$(color));
               }
+
               /* & path,
               & circle {
                 fill: var(--color-$(type)-item-$(color));
@@ -22,6 +22,7 @@
               stroke: none;
               fill: var(--color-$(type)-fill-$(color));
             }
+
             /* & path,
             & circle {
               fill: var(--color-$(type)-item-$(color));

package/dist/css/styles/svg-color/svg_fill_hover.css

@@ -1,9 +1,8 @@
 .svg {
   &_fill_hover {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger, gradient, disabled, hover, inverse {
-      @each $color in primary, secondary, tertiary, quaternary, accent,
-        disabled, hover, inverse {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
+      @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-item {
             &-$(color) {

package/dist/css/styles/svg-color/svg_path_fill.css

@@ -1,9 +1,8 @@
 .svg {
   &_path_fill {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger, gradient, disabled, hover, inverse {
-      @each $color in primary, secondary, tertiary, quaternary, accent,
-        disabled, hover, inverse {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
+      @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-item {
             &-$(color) {

package/dist/css/styles/text-color/text-color.css

@@ -1,9 +1,8 @@
 .text {
   &&-color {
-    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-      error, success, warning, info, danger, gradient, disabled, hover, inverse {
-      @each $color in primary, secondary, tertiary, quaternary, accent,
-        disabled, hover, inverse {
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
+      @each $color in primary, secondary, tertiary, quaternary {
         &_$(type) {
           &-text {
             &-$(color) {

package/dist/css/styles/text-color/text-color_active.css

@@ -1,8 +1,8 @@
 .text {
   &&-color {
     &_active {
-      @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-        error, success, warning, info, danger {
+      @each $type in accent, primary, secondary, surface, error, warning,
+        success, danger, info, disabled {
         @each $color in primary, secondary, tertiary, quaternary {
           &_$(type) {
             &-text {

package/dist/css/styles/text-color/text-color_active_hover.css

@@ -2,13 +2,15 @@
   &&-color {
     &_active {
       &_hover {
-        @each $type in accent, primary, secondary, tertiary, quaternary,
-          surface, error, success, warning, info, danger {
+        @each $type in accent, primary, secondary, surface, error, warning,
+          success, danger, info, disabled {
           @each $color in primary, secondary, tertiary, quaternary {
             &_$(type) {
               &-text {
                 &-$(color) {
-                  color: var(--color-$(type)-text-$(color));
+                  &:hover {
+                    color: var(--color-$(type)-text-$(color));
+                  }
                 }
               }
             }
@@ -29,7 +31,9 @@
           walnut, stone, pebble, cocoa, coastal-gray, white, black, alto,
           athens-gray, sonic-silver {
           &_$(palette) {
-            color: var(--color-palette-$(palette));
+            &:hover {
+              color: var(--color-palette-$(palette));
+            }
           }
         }
       }

package/dist/css/styles/text-color/text-color_hover.css

@@ -1,8 +1,8 @@
 .text {
   &&-color {
     &_hover {
-      @each $type in accent, primary, secondary, tertiary, quaternary, surface,
-        error, success, warning, info, danger {
+      @each $type in accent, primary, secondary, surface, error, warning,
+        success, danger, info, disabled {
         @each $color in primary, secondary, tertiary, quaternary {
           &_$(type) {
             &-text {