@itcase/ui 1.4.1 → 1.4.5

package/dist/css/components/Menu/Menu.css

@@ -1,65 +0,0 @@
-.menu {
-  &__wrapper {
-    display: flex;
-  }
-}
-.menu {
-  &_columns {
-    @each $val in 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 {
-      &_$(val) {
-        & .menu {
-          display: block;
-          & ^^^&__wrapper {
-            display: grid;
-            box-decoration-break: clone;
-            grid-template-columns: repeat($(val), max-content);
-          }
-        }
-      }
-    }
-  }
-}
-.menu {
-  &_direction {
-    @each $val in row, row-reverse, column, column-reverse {
-      &_$(val) {
-        ^^&__wrapper {
-          display: flex;
-          flex-direction: $(val);
-        }
-      }
-    }
-    &_horizontal {
-      ^^&__wrapper {
-        flex-flow: row wrap;
-      }
-    }
-    &_vertical {
-      ^^&__wrapper {
-        flex-flow: column wrap;
-      }
-    }
-  }
-}
-.menu {
-  &_type {
-    @each $type in accent, primary, secondary, tertiary, surface {
-      &_$(type) {
-        @each $color in primary, secondary, tertiary, quaternary, accent {
-          & .menu-item__label {
-            color: var(--color-$(type)-text-$(color));
-          }
-        }
-      }
-    }
-  }
-}
-.menu {
-  &_type {
-    &_border {
-      width: var(--menu-type-border-width, auto);
-      border: var(--menu-type-border-border, none);
-      border-radius: var(--menu-type-border-border-radius, 0);
-    }
-  }
-}

package/dist/stories/Checkbox.mdx

@@ -1,23 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks'
-
-import * as CheckboxStories from '../stories/Checkbox.stories.tsx'
-
-<Meta of={CheckboxStories} />
-
-# Checkbox
-
-## CheckedActive
-
-<Canvas sourceState="shown" of={CheckboxStories.CheckedActive} />
-
-## CheckedDisabled
-
-<Canvas sourceState="shown" of={CheckboxStories.CheckedDisabled} />
-
-## NotCheckedActive
-
-<Canvas sourceState="shown" of={CheckboxStories.NotCheckedActive} />
-
-## NotCheckedDisabled
-
-<Canvas sourceState="shown" of={CheckboxStories.NotCheckedDisabled} />

package/dist/stories/Checkmark.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as CheckmarkStories from '../stories/Checkmark.stories.tsx'
-
-<Meta of={CheckmarkStories} />
-
-# Checkmark
-
-## AcceptedChecked
-
-<Canvas sourceState="shown" of={CheckmarkStories.AcceptedChecked} />
-
-## AcceptedUnchecked
-
-<Canvas sourceState="shown" of={CheckmarkStories.AcceptedUnchecked} />

package/dist/stories/Chips.mdx

@@ -1,31 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as ChipsStories from '../stories/Chips.stories.tsx'
-
-<Meta of={ChipsStories} />
-
-# Chips
-
-## Accent
-
-<Canvas sourceState="shown" of={ChipsStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={ChipsStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={ChipsStories.Secondary} />
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={ChipsStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={ChipsStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={ChipsStories.SurfaceTertiary} />

package/dist/stories/DevMode.mdx

@@ -1,9 +0,0 @@
-import { Meta, Story } from '@storybook/blocks'
-
-import * as ResponseStories from '../stories/Response.stories.tsx'
-
-<Meta title="Molecules / Response / Dev Mode" />
-
-# Dev
-
-<Story of={ResponseStories.Dev} />

package/dist/stories/Label.mdx

@@ -1,31 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as LabelStories from '../stories/Label.stories.tsx'
-
-<Meta of={LabelStories} />
-
-# Label
-
-## Accent
-
-<Canvas sourceState="shown" of={LabelStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={LabelStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={LabelStories.Secondary} />
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={LabelStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={LabelStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={LabelStories.SurfaceTertiary} />

package/dist/stories/Loader.mdx

@@ -1,31 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as LoaderStories from '../stories/Loader.stories.tsx'
-
-<Meta of={LoaderStories} />
-
-# Loader
-
-## Accent
-
-<Canvas sourceState="shown" of={LoaderStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={LoaderStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={LoaderStories.Secondary} />
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={LoaderStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={LoaderStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={LoaderStories.SurfaceTertiary} />

package/dist/stories/Message.mdx

@@ -1,15 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as MessageStories from '../stories/Message.stories.tsx'
-
-<Meta title="Molecules / Response / Message" />
-
-# Response Set: Message
-
-## Success
-
-<Canvas sourceState="shown" of={MessageStories.Success} />
-
-## Error
-
-<Canvas sourceState="shown" of={MessageStories.Error} />

package/dist/stories/Response.mdx

@@ -1,23 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as ResponseStories from '../stories/Response.stories.tsx'
-
-<Meta of={ResponseStories} />
-
-# Response Set: Default
-
-## Success
-
-<Canvas sourceState="shown" of={ResponseStories.Success} />
-
-## Warning
-
-<Canvas sourceState="shown" of={ResponseStories.Warning} />
-
-## Error
-
-<Canvas sourceState="shown" of={ResponseStories.Error} />
-
-## Fail
-
-<Canvas sourceState="shown" of={ResponseStories.Fail} />

package/dist/stories/WithTooltip.mdx

@@ -1,9 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as LabelStories from '../stories/Label.stories.tsx'
-
-<Meta title="Atoms / Label / WithTooltip" />
-
-# With Tooltip
-
-<Canvas sourceState="shown" of={LabelStories.WithTooltip} />

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

@@ -1,200 +0,0 @@
-export declare const argTypes: {
-    className: {
-        if: {
-            arg: string;
-        };
-    };
-    type: {
-        if: {
-            arg: string;
-        };
-    };
-    appearance: {
-        control: string;
-        options: (string | null)[];
-    };
-    width: {
-        control: string;
-        options: readonly ["auto", "fixed", "hug", "fill"];
-    };
-    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"];
-    };
-    children: {
-        if: {
-            arg: string;
-        };
-    };
-    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"];
-    };
-    borderType: {
-        control: string;
-        options: readonly [undefined, "outline", "solid", "none"];
-    };
-    labelTextColor: {
-        control: string;
-        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
-    };
-    labelTextColorHover: {
-        control: string;
-        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
-    };
-    labelTextSize: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    labelTextWrap: {
-        control: string;
-        if: {
-            arg: string;
-        };
-        options: readonly [undefined, "wrap", "nowrap"];
-    };
-    advancedProps: {
-        control: string;
-    };
-    Badge: {
-        control: string;
-        options: (import("react/jsx-runtime").JSX.Element | null)[];
-    };
-    dataTour: {
-        if: {
-            arg: string;
-        };
-    };
-    href: {
-        if: {
-            arg: string;
-        };
-    };
-    htmlType: {
-        if: {
-            arg: string;
-        };
-    };
-    iconAfterFill: {
-        control: string;
-        if: {
-            arg: string;
-            neq: null;
-        };
-        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"];
-    };
-    iconAfterSrc: {
-        control: string;
-        options: (string | null)[];
-    };
-    iconBeforeFill: {
-        control: string;
-        if: {
-            arg: string;
-            neq: null;
-        };
-        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"];
-    };
-    iconBeforeSrc: {
-        control: string;
-        options: (string | null)[];
-    };
-    iconFill: {
-        control: string;
-        if: {
-            arg: string;
-            neq: null;
-        };
-        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"];
-    };
-    iconSize: {
-        control: string;
-        if: {
-            arg: string;
-            neq: null;
-        };
-        options: readonly [undefined, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
-    };
-    iconSrc: {
-        control: string;
-        options: (string | null)[];
-    };
-    link: {
-        if: {
-            arg: string;
-        };
-    };
-    loaderFill: {
-        control: string;
-        if: {
-            arg: string;
-            eq: null;
-        };
-        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"];
-    };
-    loaderItemFill: {
-        control: string;
-        if: {
-            arg: string;
-            eq: null;
-        };
-        options: readonly [undefined, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
-    };
-    loaderSet: {
-        control: string;
-        if: {
-            arg: string;
-            eq: null;
-        };
-    };
-    loading: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    rel: {
-        if: {
-            arg: string;
-        };
-    };
-    shape: {
-        control: string;
-        options: readonly [undefined, "geometric", "rounded", "circular"];
-    };
-    size: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    target: {
-        if: {
-            arg: string;
-        };
-    };
-    before: {
-        if: {
-            arg: string;
-        };
-    };
-    after: {
-        if: {
-            arg: string;
-        };
-    };
-    isDisabled: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    onClick: {
-        if: {
-            arg: string;
-        };
-    };
-    onMouseDown: {
-        if: {
-            arg: string;
-        };
-    };
-};

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

@@ -1,45 +0,0 @@
-export declare const argTypes: {
-    advancedProps: {
-        control: string;
-    };
-    border: {
-        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"];
-    };
-    borderType: {
-        control: string;
-        options: readonly [undefined, "outline", "solid", "none"];
-    };
-    className: {
-        if: {
-            arg: string;
-        };
-    };
-    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"];
-    };
-    labelTextSize: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    shape: {
-        control: string;
-        options: readonly [undefined, "geometric", "rounded", "circular"];
-    };
-    size: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    type: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    onClick: {
-        if: {
-            arg: string;
-        };
-    };
-};

package/dist/types/components/Menu/Menu.appearance.d.ts

@@ -1,2 +0,0 @@
-import { menuAppearanceType } from './Menu.interface';
-export declare const menuAppearance: menuAppearanceType;

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

@@ -1,4 +0,0 @@
-import type { iMenuConfig, iMenuProps } from './Menu.interface';
-declare const menuConfig: iMenuConfig;
-declare function Menu(props: iMenuProps): import("react/jsx-runtime").JSX.Element;
-export { Menu, menuConfig };

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

@@ -1,35 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { tDirectionProps, tFlexGrowProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iMenuThemeColor {
-}
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type menuAppearanceType = {
-    [key in tAppearanceKeys]?: iMenuThemeColor;
-};
-export interface iMenuConfig {
-    [key: number | string | symbol]: any;
-    appearance: menuAppearanceType | undefined;
-    setAppearance: (newComponent: menuAppearanceType) => void;
-}
-export interface iMenuProps extends iMenuThemeColor, iStyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: tAppearanceKeys;
-    before?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    columns?: number;
-    direction?: tDirectionProps;
-    flexGrow?: tFlexGrowProps;
-    items?: {
-        id: string;
-        label: string;
-    }[];
-    style?: CSSProperties;
-    type?: string;
-    width?: tWidthProps;
-    onClickItem?: () => void;
-}
-export {};

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

@@ -1,2 +0,0 @@
-export { Menu, menuConfig } from './Menu';
-export { menuAppearance } from './Menu.appearance';