@itcase/ui 1.3.31 → 1.3.33

package/dist/stories/Loader.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LoaderStories from './Loader.stories.tsx'
+import * as LoaderStories from '../stories/Loader.stories.tsx'
 
 <Meta of={LoaderStories} />
 

package/dist/stories/Logo.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LogoStories from './Logo.stories.tsx'
+import * as LogoStories from '../stories/Logo.stories.tsx'
 
 <Meta of={LogoStories} />
 

package/dist/stories/MenuItem.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as MenuItemStories from './MenuItem.stories.tsx'
+import * as MenuItemStories from '../stories/MenuItem.stories.tsx'
 
 <Meta of={MenuItemStories} />
 

package/dist/stories/Message.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as MessageStories from './Message.stories.tsx'
+import * as MessageStories from '../stories/Message.stories.tsx'
 
 <Meta title="Molecules / Response / Message" />
 

package/dist/stories/Notification.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as NotificationStories from './Notification.stories.tsx'
+import * as NotificationStories from '../stories/Notification.stories.tsx'
 
 <Meta of={NotificationStories} />
 

package/dist/stories/Order.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as OrderStories from './FlexOrder.stories.tsx'
+import * as OrderStories from '../stories/FlexOrder.stories.tsx'
 
 <Meta title="Layout / Flex / Order" />
 

package/dist/stories/Overview.mdx

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TooltipStories from '../stories/Tooltip.stories.tsx'
 
 <Meta title="Atoms / Tooltip / Overview" />
 

package/dist/stories/Pagination.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as PaginationStories from './Pagination.stories.tsx'
+import * as PaginationStories from '../stories/Pagination.stories.tsx'
 
 <Meta of={PaginationStories} />
 

package/dist/stories/Playground.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TooltipStories from '../stories/Tooltip.stories.tsx'
 
 <Meta title="Atoms / Tooltip / Playground" />
 

package/dist/stories/Radio.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as RadioStories from './Radio.stories.tsx'
+import * as RadioStories from '../stories/Radio.stories.tsx'
 
 <Meta of={RadioStories} />
 

package/dist/stories/Response.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as ResponseStories from './Response.stories.tsx'
+import * as ResponseStories from '../stories/Response.stories.tsx'
 
 <Meta of={ResponseStories} />
 

package/dist/stories/SearchInput.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SearchInputStories from './SearchInput.stories.tsx'
+import * as SearchInputStories from '../stories/SearchInput.stories.tsx'
 
 <Meta of={SearchInputStories} />
 

package/dist/stories/Segmented.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SegmentedStories from './Segmented.stories.tsx'
+import * as SegmentedStories from '../stories/Segmented.stories.tsx'
 
 <Meta of={SegmentedStories} />
 

package/dist/stories/Size.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SizeStories from './Size.stories.tsx'
+import * as SizeStories from '../stories/Size.stories.tsx'
 
 <Meta title="Atoms / Tab / Size" />
 

package/dist/stories/Skeleton.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TitleStories from '../stories/Title.stories.tsx'
 
 <Meta title="Atoms / Title / Skeleton Mode" />
 

package/dist/stories/State.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as StateStories from './State.stories.tsx'
+import * as StateStories from '../stories/State.stories.tsx'
 
 <Meta title="Atoms / Tab / State" />
 

package/dist/stories/Switch.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SwitchStories from './Switch.stories.tsx'
+import * as SwitchStories from '../stories/Switch.stories.tsx'
 
 <Meta of={SwitchStories} />
 

package/dist/stories/Text.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as SizeStories from './Text.stories.tsx'
+import * as SizeStories from '../stories/Text.stories.tsx'
 
 <Meta of={SizeStories} />
 

package/dist/stories/Textarea.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TextareaStories from './Textarea.stories.tsx'
+import * as TextareaStories from '../stories/Textarea.stories.tsx'
 
 <Meta of={TextareaStories} />
 

package/dist/stories/Tile.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TileStories from './Tile.stories.tsx'
+import * as TileStories from '../stories/Tile.stories.tsx'
 
 <Meta of={TileStories} />
 

package/dist/stories/Title.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TitleStories from '../stories/Title.stories.tsx'
 
 <Meta of={TitleStories} />
 

package/dist/stories/Tooltip.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TooltipStories from '../stories/Tooltip.stories.tsx'
 
 <Meta of={TooltipStories} />
 

package/dist/stories/WithTooltip.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as LabelStories from './Label.stories.tsx'
+import * as LabelStories from '../stories/Label.stories.tsx'
 
 <Meta title="Atoms / Label / WithTooltip" />
 

package/dist/stories/Wrap.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta } from '@storybook/blocks'
 
-import * as WrapStories from './Wrap.stories.tsx'
+import * as WrapStories from '../stories/Wrap.stories.tsx'
 
 <Meta title="Layout / Group / Wrap" />
 

package/dist/{tslib.es6-Bwu1Cn-t.js → tslib.es6-5FtW-kfi.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __spreadArray as a, __rest as b };
+export { __assign as _, __rest as a, __spreadArray as b };

package/dist/types/appearance/defaultAppearance.d.ts

@@ -0,0 +1,33 @@
+declare const defaultAppearance: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    accentPrimary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { defaultAppearance };

package/dist/types/appearance/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultAppearance } from './defaultAppearance';
+import { styleAppearance } from './styleAppearance';
+export { defaultAppearance, styleAppearance };

package/dist/types/appearance/styleAppearance.d.ts

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

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iAccordionThemeColor {
 }
 export interface iAccordionItemThemeColor {

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

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode } from 'react';
 import { tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizePXProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iAvatarThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

package/dist/types/components/Badge/Badge.d.ts

@@ -1,10 +1,4 @@
 import type { iBadgeConfig, iBadgeProps } from './Badge.interface';
 declare const badgeConfig: iBadgeConfig;
 declare function Badge(props: iBadgeProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Badge {
-    var defaultProps: {
-        shape: string;
-        size: string;
-    };
-}
 export { Badge, badgeConfig };

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iBadgeThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Badge/appearance/badgeAccent.d.ts

@@ -0,0 +1,39 @@
+declare const badgeAppearanceAccent: {
+    accent: {
+        dotFill: string;
+        iconFill: string;
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+    };
+    accentPrimary: {
+        dotFill: string;
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentSecondary: {
+        dotFill: string;
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentTertiary: {
+        dotFill: string;
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    accentQuaternary: {
+        dotFill: string;
+        fill: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceAccent };

package/dist/types/components/Badge/appearance/badgeDanger.d.ts

@@ -0,0 +1,11 @@
+declare const badgeAppearanceDanger: {
+    danger: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceDanger };

package/dist/types/components/Badge/appearance/badgeDisabled.d.ts

@@ -0,0 +1,10 @@
+declare const badgeAppearanceDisabled: {
+    disabled: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceDisabled };

package/dist/types/components/Badge/appearance/badgeError.d.ts

@@ -0,0 +1,12 @@
+declare const badgeAppearanceError: {
+    error: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceError };

package/dist/types/components/Badge/appearance/badgeInfo.d.ts

@@ -0,0 +1,18 @@
+declare const badgeAppearanceInfo: {
+    info: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    infoSecondary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+    };
+};
+export { badgeAppearanceInfo };

package/dist/types/components/Badge/appearance/badgePrimary.d.ts

@@ -0,0 +1,11 @@
+declare const badgeAppearancePrimary: {
+    primary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearancePrimary };

package/dist/types/components/Badge/appearance/badgeSecondary.d.ts

@@ -0,0 +1,11 @@
+declare const badgeAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceSecondary };

package/dist/types/components/Badge/appearance/badgeSize.d.ts

@@ -0,0 +1,32 @@
+declare const badgeAppearanceSize: {
+    sizeXXL: {
+        textSize: string;
+        size: string;
+        iconSize: number;
+    };
+    sizeXL: {
+        textSize: string;
+        size: string;
+    };
+    sizeL: {
+        textSize: string;
+        size: string;
+    };
+    sizeM: {
+        textSize: string;
+        size: string;
+    };
+    sizeS: {
+        textSize: string;
+        size: string;
+    };
+    sizeXS: {
+        textSize: string;
+        size: string;
+    };
+    sizeXXS: {
+        textSize: string;
+        size: string;
+    };
+};
+export { badgeAppearanceSize };

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

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

package/dist/types/components/Badge/appearance/badgeSuccess.d.ts

@@ -0,0 +1,11 @@
+declare const badgeAppearanceSuccess: {
+    success: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceSuccess };

package/dist/types/components/Badge/appearance/badgeSurface.d.ts

@@ -0,0 +1,29 @@
+declare const badgeAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+    };
+};
+export { badgeAppearanceSurface };

package/dist/types/components/Badge/appearance/badgeWarning.d.ts

@@ -0,0 +1,11 @@
+declare const badgeAppearanceWarning: {
+    warning: {
+        fill: string;
+        fillHover: string;
+        textColor: string;
+        borderColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+};
+export { badgeAppearanceWarning };

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +1,3 @@
 import type { iBreadcrumbsProps } from './Breadcrumbs.interface';
 declare function Breadcrumbs(props: iBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Breadcrumbs {
-    var defaultProps: {
-        direction: string;
-    };
-}
 export { Breadcrumbs };

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { tDirectionProps, tFillProps, tIconSizeProps, tPositionProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iBreadcrumbsItemProps extends iStyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iButtonThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Button/appearance/buttonAccent.d.ts

@@ -0,0 +1,50 @@
+declare const buttonAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    full: {};
+    solid: {
+        fill: string;
+        borderColor: null;
+        labelTextColor: string;
+    };
+    outlined: {
+        fill: null;
+        borderColor: string;
+        labelTextColor: string;
+    };
+    ghost: {
+        fill: null;
+        borderColor: null;
+        labelTextColor: string;
+    };
+};
+export { buttonAppearanceAccent };

package/dist/types/components/Button/appearance/buttonDanger.d.ts

@@ -0,0 +1,11 @@
+declare const buttonAppearanceDanger: {
+    danger: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { buttonAppearanceDanger };