@itcase/ui 1.8.121 → 1.8.122

package/dist/css/components/MenuItem/MenuItem.css

@@ -75,7 +75,6 @@
       &_$(size) {
         min-height: var(--menu-item-size-$(size)-min-height);
         padding: var(--menu-item-size-$(size)-padding);
-        gap: var(--menu-item-size-$(size)-gap);
         ^^&__wrapper {
           border-radius: var(--menu-item-size-$(size)-rounded);
         }
@@ -84,6 +83,20 @@
   }
 }
 
+.menu-item {
+  &_label-icon {
+    &^&_size {
+      @each $size in xxl, xl, l, m, s, xs, xxs {
+        &_$(size) {
+          ^^^&__wrapper {
+            gap: var(--menu-item-size-$(size)-gap);
+          }
+        }
+      }
+    }
+  }
+}
+
 .menu-item {
   &&_skeleton {
     background-size: 200% !important;
@@ -111,21 +124,21 @@
 }
 
 :root {
-  --menu-item-size-xxl-padding: 14px;
-  --menu-item-size-xl-padding: 10px;
-  --menu-item-size-l-padding: 8px;
-  --menu-item-size-m-padding: 6px;
-  --menu-item-size-s-padding: 6px;
-  --menu-item-size-xs-padding: 4px;
-  --menu-item-size-xxs-padding: 2px;
+  --menu-item-size-xxl-padding: 0 14px;
+  --menu-item-size-xl-padding: 0 10px;
+  --menu-item-size-l-padding: 0 8px;
+  --menu-item-size-m-padding: 0 6px;
+  --menu-item-size-s-padding: 0 6px;
+  --menu-item-size-xs-padding: 0 4px;
+  --menu-item-size-xxs-padding: 0 2px;
 
-  --menu-item-size-xxl-gap: 8px;
-  --menu-item-size-xl-gap: 8px;
-  --menu-item-size-l-gap: 8px;
-  --menu-item-size-m-gap: 6px;
-  --menu-item-size-s-gap: 6px;
-  --menu-item-size-xs-gap: 4px;
-  --menu-item-size-xxs-gap: 4px;
+  --menu-item-size-xxl-gap: 1m;
+  --menu-item-size-xl-gap: 1m;
+  --menu-item-size-l-gap: 1m;
+  --menu-item-size-m-gap: 0.75m;
+  --menu-item-size-s-gap: 0.75m;
+  --menu-item-size-xs-gap: 0.5m;
+  --menu-item-size-xxs-gap: 0.5m;
 
   --menu-item-size-xxl-min-height: 48px;
   --menu-item-size-xl-min-height: 40px;

package/dist/css/components/Tooltip/Tooltip.css

@@ -16,6 +16,7 @@
     background-color: var(--tooltip-arrow-color);
   }
   &__inner {
+    min-width: 100%;
     position: relative;
     background-color: inherit;
     z-index: 1;

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

@@ -0,0 +1,79 @@
+declare const RESPONSE_MESSAGES: {
+    error: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    errorRequest: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    timeout: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    unableLoadData: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    nothingFound: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    empty: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+    };
+    success: {
+        imageSrc: any;
+        appearance: string;
+        title: string;
+        code: string;
+        desc: string;
+        primaryButtonLabel: string;
+        primaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+};
+export { RESPONSE_MESSAGES };

package/dist/types/components/Response/appearance/responseStyle.d.ts

@@ -0,0 +1,14 @@
+declare const responseAppearanceStyle: {
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+};
+export { responseAppearanceStyle };

package/dist/types/components/Response/img/index.d.ts

@@ -2,7 +2,9 @@ declare const responseIcon: {
     Error: any;
     Warning: any;
     Success: any;
+    Danger: any;
     Confirm: any;
+    Empty: any;
     Fail: any;
     NothingFound: any;
     Refresh: any;

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

@@ -1,4 +1,5 @@
 import { responseIcon } from './img';
 import { Response, responseConfig } from './Response';
 import { responseAppearance } from './Response.appearance';
-export { responseAppearance, responseIcon, Response, responseConfig };
+import { RESPONSE_MESSAGES } from './Response.constant';
+export { Response, RESPONSE_MESSAGES, responseAppearance, responseConfig, responseIcon, };

package/package.json

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