@itcase/ui 1.4.2 → 1.4.5

package/dist/css/components/Loader/Loader.css

@@ -11,6 +11,11 @@
   &__text {
   }
 }
+.loader {
+  &_skeleton {
+    position: relative;
+  }
+}
 .loader {
   &_type {
     &_simple {
@@ -20,12 +25,12 @@
         position: absolute;
         left: 50%;
         top: 50%;
+        display: flex;
+  
         transform: translate(-50%, -50%);
       }
       ^^&__item {
-        width: 12px;
-        height: 12px;
-        margin: 4px;
+   
         border-radius: 100%;
         display: inline-block;
         animation: loaderSimple 1.4s infinite ease-in-out both;
@@ -49,3 +54,35 @@
     transform: scale(1);
   }
 }
+.loader {
+  @each $size in xxl, xl, l, m, s, xs, xxs {
+    &_size_$(size) {
+      min-width: var(--loader-$(size)-min-width);
+      min-height: var(--loader-$(size)-min-height);
+      padding: var(--loader-$(size)-padding);
+      ^&__inner {
+        gap: var(--loader-$(size)-gap);
+        ^^&__item {
+          width: var(--loader-$(size)-item);
+          height: var(--loader-$(size)-item);
+        }
+      }
+    }
+  }
+}
+:root {
+  --loader-l-min-width: 112px;
+  --loader-l-min-height: 56px;
+  --loader-l-item: 16px;
+  --loader-l-gap: 16px;
+
+  --loader-m-min-width: 88px;
+  --loader-m-min-height: 40px;
+  --loader-m-item: 12px;
+  --loader-m-gap: 12px;
+
+  --loader-s-min-width: 60px;
+  --loader-s-min-height: 24px;
+  --loader-s-item: 6px;
+  --loader-s-gap: 8px;
+}

package/dist/css/components/Response/Response.css

@@ -5,33 +5,26 @@
   align-items: center;
   &__wrapper {
     width: 100%;
-    padding: 24px;
+    padding: 3m;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 24px;
+    gap: 3m;
   }
   &__desc {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 8px;
+    gap: 1m;
   }
   &__button {
+    padding: 0 3m;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 16px;
-  }
-}
-.response {
-  &_set {
-    &_message {
-      margin: 200px 0 0 0;
-      align-self: center;
-    }
+    gap: 3m;
   }
 }

package/dist/css/components/Video/Video.css

@@ -21,17 +21,3 @@
     }
   }
 }
-.video {
-  &&_type_full {
-    position: relative;
-    ^&__wrapper {
-      width: 100%;
-    }
-  }
-}
-.video {
-  &&_type_grid-item {
-    position: relative;
-    overflow: hidden;
-  }
-}

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

@@ -1,7 +1,6 @@
 .svg {
   &_path_fill {
-    @each $type in accent, primary, secondary, tertiary, surface, success,
-      error {
+    @each $type in accent, primary, secondary, tertiary, surface, success, error {
       &_$(type) {
         &-item {
           @each $color in primary, secondary, tertiary, quaternary, quinary,

package/dist/stories/Cell.mdx

@@ -1,23 +1,7 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as CellStories from './Cell.stories.tsx'
+import * as CellStories from '../stories/Cell.stories.tsx'
 
 <Meta of={CellStories} />
 
 # Cell
-
-## Horizontal
-
-<Canvas sourceState="shown" of={CellStories.Horizontal} />
-
-## Vertical
-
-<Canvas sourceState="shown" of={CellStories.Vertical} />
-
-## WithLabels
-
-<Canvas sourceState="shown" of={CellStories.WithLabels} />
-
-## WithIcons
-
-<Canvas sourceState="shown" of={CellStories.WithIcons} />

package/dist/types/components/Checkmark/appearance/checkmarkAccent.d.ts

@@ -0,0 +1,9 @@
+declare const checkmarkAppearanceAccent: {
+    accent: {
+        fill: string;
+        borderColor: string;
+        borderWidth: string;
+        checkmarkFill: string;
+    };
+};
+export { checkmarkAppearanceAccent };

package/dist/types/components/Checkmark/appearance/checkmarkDisabled.d.ts

@@ -0,0 +1,9 @@
+declare const checkmarkAppearanceDisabled: {
+    disabled: {
+        fill: string;
+        borderColor: string;
+        borderWidth: string;
+        checkmarkFill: string;
+    };
+};
+export { checkmarkAppearanceDisabled };

package/dist/types/components/Checkmark/appearance/checkmarkStyle.d.ts

@@ -0,0 +1,16 @@
+declare const checkmarkAppearanceStyle: {
+    full: {
+        borderColor: null;
+    };
+    ghost: {
+        fill: null;
+        borderColor: null;
+    };
+    outlined: {
+        fill: null;
+    };
+    solid: {
+        borderColor: null;
+    };
+};
+export { checkmarkAppearanceStyle };

package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts

@@ -0,0 +1,11 @@
+declare const checkmarkAppearanceSurface: {
+    surface: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        borderColorHover: string;
+        borderWidth: string;
+        checkmarkFill: string;
+    };
+};
+export { checkmarkAppearanceSurface };

package/dist/types/components/Flex/stories/args.d.ts

@@ -12,19 +12,19 @@ export declare const argTypes: {
     };
     justifyContent: {
         control: string;
-        options: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+        options: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
     };
     alignItems: {
         control: string;
-        options: readonly [undefined, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
+        options: readonly [undefined, false, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
     };
     position: {
         control: string;
-        options: readonly ["static", "absolute", "relative", "fixed", "inherit"];
+        options: readonly [undefined, false, "static", "absolute", "relative", "fixed", "inherit"];
     };
     direction: {
         control: string;
-        options: readonly [undefined, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
+        options: readonly [undefined, false, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
     };
     advancedProps: {
         control: string;
@@ -32,7 +32,7 @@ export declare const argTypes: {
     };
     alignContent: {
         control: string;
-        options: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+        options: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
     };
     className: {
         control: string;
@@ -42,7 +42,7 @@ export declare const argTypes: {
     };
     fill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+        options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     flow: {
         control: string;
@@ -52,7 +52,7 @@ export declare const argTypes: {
     };
     shape: {
         control: string;
-        options: readonly [undefined, "geometric", "rounded", "circular"];
+        options: readonly [undefined, false, "rectangle", "geometric", "rounded", "circular"];
     };
     tag: {
         control: string;
@@ -69,7 +69,7 @@ export declare const argTypes: {
     wrap: {
         control: string;
         description: string;
-        options: readonly [undefined, "wrap", "nowrap", "wrap-reverse"];
+        options: readonly [undefined, false, "wrap", "nowrap", "wrap-reverse"];
     };
     onClick: {
         control: string;

package/dist/types/components/Grid/stories/args.d.ts

@@ -15,11 +15,11 @@ export declare const argTypes: {
     };
     alignItems: {
         control: string;
-        options: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
+        options: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
     };
     borderColor: {
         control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
+        options: readonly [undefined, false, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
     };
     advancedProps: {
         control: string;
@@ -31,7 +31,7 @@ export declare const argTypes: {
     };
     alignContent: {
         control: string;
-        options: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
+        options: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
     };
     before: {
         if: {
@@ -53,11 +53,11 @@ export declare const argTypes: {
     };
     fill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+        options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     justifyItems: {
         control: string;
-        options: readonly [undefined, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
+        options: readonly [undefined, false, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
     };
     rows: {
         control: {

package/dist/types/components/Group/stories/args.d.ts

@@ -6,11 +6,11 @@ export declare const argTypes: {
     };
     borderColor: {
         control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
+        options: readonly [undefined, false, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
     };
     direction: {
         control: string;
-        options: readonly [undefined, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
+        options: readonly [undefined, false, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
     };
     advancedProps: {
         control: string;
@@ -35,7 +35,7 @@ export declare const argTypes: {
     };
     fill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+        options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     htmlFor: {
         if: {
@@ -49,7 +49,7 @@ export declare const argTypes: {
     };
     shape: {
         control: string;
-        options: readonly [undefined, "geometric", "rounded", "circular"];
+        options: readonly [undefined, false, "rectangle", "geometric", "rounded", "circular"];
     };
     spaceBetweenItems: {
         if: {
@@ -68,7 +68,7 @@ export declare const argTypes: {
     };
     wrap: {
         control: string;
-        options: readonly [undefined, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
+        options: readonly [undefined, false, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
     };
     onClick: {
         if: {

package/dist/types/components/Loader/appearance/loaderAccent.d.ts

@@ -1,5 +1,5 @@
 declare const loaderAppearanceAccent: {
-    accent: {
+    accentPrimary: {
         fill: string;
         itemFill: string;
     };

package/dist/types/components/Loader/appearance/loaderPrimary.d.ts

@@ -1,5 +1,5 @@
 declare const loaderAppearancePrimary: {
-    primary: {
+    primaryPrimary: {
         fill: string;
         itemFill: string;
     };

package/dist/types/components/Loader/appearance/loaderSecondary.d.ts

@@ -1,5 +1,5 @@
 declare const loaderAppearanceSecondary: {
-    secondary: {
+    secondaryPrimary: {
         fill: string;
         itemFill: string;
     };

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

@@ -2,18 +2,18 @@ import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTitleSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iResponseThemeColor {
+export interface iResponseAppearance {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderColorHover?: tBorderColorHoverProps;
     borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     imageSrc?: string;
-    messageTextColor?: tTextColorProps;
-    messageTextSize?: tTextSizeProps;
-    messageTextWeight?: tTextWeightProps;
     primaryButtonAppearance?: tAppearanceKeys;
     primaryButtonFill?: tFillProps;
     primaryButtonFillHover?: tFillHoverProps;
@@ -39,21 +39,23 @@ export interface iResponseThemeColor {
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type responseAppearanceType = {
-    [key in tAppearanceKeys]?: iResponseThemeColor;
+    [key in tAppearanceKeys]?: iResponseAppearance;
 };
 export interface iResponseConfig {
     [key: number | string | symbol]: any;
     appearance: responseAppearanceType | undefined;
-    setAppearance: (newComponent: responseAppearanceType) => void;
+    setAppearance: (appearanceConfig: responseAppearanceType) => void;
 }
-export interface iResponseProps extends iResponseThemeColor, iStyleAttributes {
+export interface iResponseProps extends iResponseAppearance, iStyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
+    /** appearance description */
     appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
-    message?: string;
-    messageTextWeight?: tTextWeightProps;
+    /** desc description */
+    desc?: string;
+    descTextWeight?: tTextWeightProps;
     primaryButton?: boolean;
     primaryButtonAfter?: ReactNode;
     primaryButtonBefore?: ReactNode;
@@ -61,9 +63,9 @@ export interface iResponseProps extends iResponseThemeColor, iStyleAttributes {
     secondaryButtonAfter?: ReactNode;
     secondaryButtonBefore?: ReactNode;
     style?: CSSProperties;
+    /** title description */
     title?: string;
     onClickPrimaryButton?: () => void;
     onClickSecondaryButton?: () => void;
-    set?: string;
 }
 export {};

package/dist/types/components/Tab/stories/args.d.ts

@@ -29,11 +29,11 @@ export declare const argTypes: {
         };
         badgeFill: {
             control: string;
-            options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+            options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
         };
         badgeSize: {
             control: string;
-            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+            options: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
         };
         badgeTextColor: {
             control: string;
@@ -41,7 +41,7 @@ export declare const argTypes: {
         };
         badgeTextSize: {
             control: string;
-            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+            options: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
         };
         before: {
             if: {
@@ -55,11 +55,11 @@ export declare const argTypes: {
         };
         fill: {
             control: string;
-            options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+            options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
         };
         fillHover: {
             control: string;
-            options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+            options: readonly [undefined, false, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
         };
         href: {
             if: {
@@ -89,26 +89,26 @@ export declare const argTypes: {
             if: {
                 arg: string;
             };
-            options: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
+            options: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
         };
         labelTextSize: {
             control: string;
-            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+            options: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
         };
         labelTextStyle: {
             control: string;
             if: {
                 arg: string;
             };
-            options: readonly [undefined, "normal", "italic"];
+            options: readonly [undefined, false, "normal", "italic"];
         };
         labelTextWeight: {
             control: string;
-            options: readonly [undefined, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+            options: readonly [undefined, false, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
         };
         labelTextWrap: {
             control: string;
-            options: readonly [undefined, "wrap", "nowrap"];
+            options: readonly [undefined, false, "wrap", "nowrap"];
         };
         link: {
             if: {
@@ -125,7 +125,7 @@ export declare const argTypes: {
             if: {
                 arg: string;
             };
-            options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+            options: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
         };
         rel: {
             if: {
@@ -134,7 +134,7 @@ export declare const argTypes: {
         };
         shape: {
             control: string;
-            options: readonly [undefined, "geometric", "rounded", "circular"];
+            options: readonly [undefined, false, "rectangle", "geometric", "rounded", "circular"];
         };
         size: {
             control: string;
@@ -155,7 +155,7 @@ export declare const argTypes: {
             if: {
                 arg: string;
             };
-            options: readonly [undefined, "none", "underline"];
+            options: readonly [undefined, false, "none", "underline"];
         };
         onClick: {
             if: {

package/dist/types/types/componentProps/align.d.ts

@@ -1,3 +1,3 @@
-declare const alignProps: readonly [undefined, "topLeft", "topCenter", "topRight", "left", "center", "right", "bottomLeft", "bottomCenter", "bottomRight"];
+declare const alignProps: readonly [undefined, false, "topLeft", "topCenter", "topRight", "left", "center", "right", "bottomLeft", "bottomCenter", "bottomRight"];
 export type tAlignProps = (typeof alignProps)[number];
 export { alignProps };

package/dist/types/types/componentProps/alignDirection.d.ts

@@ -1,3 +1,3 @@
-declare const alignDirectionProps: readonly [undefined, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
+declare const alignDirectionProps: readonly [undefined, false, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
 export type tAlignDirectionProps = (typeof alignDirectionProps)[number];
 export { alignDirectionProps };

package/dist/types/types/componentProps/alignment.d.ts

@@ -1,3 +1,3 @@
-declare const alignmentProps: readonly [undefined, "topLeft", "topCenter", "topRight", "leftCenter", "rightCenter", "bottomRight", "bottomCenter", "bottomLeft"];
+declare const alignmentProps: readonly [undefined, false, "topLeft", "topCenter", "topRight", "leftCenter", "rightCenter", "bottomRight", "bottomCenter", "bottomLeft"];
 export type tAlignmentProps = (typeof alignmentProps)[number];
 export { alignmentProps };

package/dist/types/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type tAppearanceKeysDefault = 'accent' | 'accentPrimary' | 'accentQuaternary' | 'accentSecondary' | 'accentTertiary' | 'any' | 'cantLoadData' | 'custom' | 'default' | 'dev' | 'disabled' | 'error' | 'fail' | 'full' | 'ghost' | 'gradientPrimary' | 'l' | 'm' | 'outlined' | 'primary' | 'refresh' | 's' | 'search' | 'secondary' | 'solid' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';
+export type tAppearanceKeysDefault = 'accent' | 'accentPrimary' | 'accentQuaternary' | 'accentSecondary' | 'accentTertiary' | 'any' | 'cantLoadData' | 'confirm' | 'custom' | 'default' | 'disabled' | 'error' | 'fail' | 'full' | 'ghost' | 'gradientPrimary' | 'nothingFound' | 'outlined' | 'primary' | 'refresh' | 'search' | 'secondary' | 'solid' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'unableLoadData' | 'warning';

package/dist/types/types/componentProps/borderColor.d.ts

@@ -1,3 +1,3 @@
-declare const borderColorProps: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
+declare const borderColorProps: readonly [undefined, false, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
 export type tBorderColorProps = (typeof borderColorProps)[number];
 export { borderColorProps };

package/dist/types/types/componentProps/borderColorHover.d.ts

@@ -1,3 +1,3 @@
-declare const borderColorHoverProps: readonly [undefined, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
+declare const borderColorHoverProps: readonly [undefined, false, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
 export type tBorderColorHoverProps = (typeof borderColorHoverProps)[number];
 export { borderColorHoverProps };

package/dist/types/types/componentProps/borderType.d.ts

@@ -1,3 +1,3 @@
-declare const borderTypeProps: readonly [undefined, "outline", "solid", "none"];
+declare const borderTypeProps: readonly [undefined, false, "outline", "solid", "none"];
 export type tBorderTypeProps = (typeof borderTypeProps)[number];
 export { borderTypeProps };

package/dist/types/types/componentProps/borderWidth.d.ts

@@ -1,3 +1,3 @@
-declare const borderWidthProps: readonly [undefined, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
+declare const borderWidthProps: readonly [undefined, false, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
 export type tBorderWidthProps = (typeof borderWidthProps)[number];
 export { borderWidthProps };

package/dist/types/types/componentProps/elevation.d.ts

@@ -1,3 +1,3 @@
-declare const elevationProps: readonly [undefined, 1, 2, 4, 6, 8, 12, 16, 24];
+declare const elevationProps: readonly [undefined, false, 1, 2, 4, 6, 8, 12, 16, 24];
 export type tElevationProps = (typeof elevationProps)[number];
 export { elevationProps };

package/dist/types/types/componentProps/fill.d.ts

@@ -1,3 +1,3 @@
-declare const fillProps: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
+declare const fillProps: readonly [undefined, false, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
 export type tFillProps = (typeof fillProps)[number];
 export { fillProps };

package/dist/types/types/componentProps/fillGradient.d.ts

@@ -1,3 +1,3 @@
-declare const fillGradientProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
+declare const fillGradientProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
 export type tFillGradientProps = (typeof fillGradientProps)[number];
 export { fillGradientProps };

package/dist/types/types/componentProps/fillHover.d.ts

@@ -1,3 +1,3 @@
-declare const fillHoverProps: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+declare const fillHoverProps: readonly [undefined, false, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
 export type tFillHoverProps = (typeof fillHoverProps)[number];
 export { fillHoverProps };