@itcase/ui 1.8.99 → 1.8.101

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 {

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -12,8 +12,10 @@ declare const menuItemAppearanceSurface: {
         fillActive: string;
         fillActiveHover: string;
         fillHover: string;
-        labelTextHoverColor: string;
+        labelTextActiveColor: string;
+        labelTextActiveHoverColor: string;
         labelTextColor: string;
+        labelTextHoverColor: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Modal/appearance/modalSize.d.ts

@@ -2,26 +2,26 @@ declare const modalAppearanceSize: {
     sizeXL: {
         size: string;
         titleTextSize: string;
+        closeIconAppearanceSize: string;
         closeIconImage: string;
-        closeIconSize: string;
     };
     sizeL: {
         size: string;
         titleTextSize: string;
+        closeIconAppearanceSize: string;
         closeIconImage: string;
-        closeIconSize: string;
     };
     sizeM: {
         size: string;
         titleTextSize: string;
+        closeIconAppearanceSize: string;
         closeIconImage: string;
-        closeIconSize: string;
     };
     sizeS: {
         size: string;
         titleTextSize: string;
+        closeIconAppearanceSize: string;
         closeIconImage: string;
-        closeIconSize: string;
     };
 };
 export { modalAppearanceSize };

package/package.json

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