@itcase/ui 1.4.5 → 1.4.7

package/dist/css/tokens/colors.css

@@ -1,126 +0,0 @@
-/* stylelint-disable custom-property-empty-line-before, value-keyword-case */
-
-:root {
-  --color-accent-primary: hsla(92, 49%, 47%, 1);
-  --color-accent-secondary: hsla(92, 28%, 62%, 1);
-  --color-accent-tertiary: hsla(93, 53%, 93%, 1);
-  --color-accent-quaternary: hsla(92, 71%, 27%, 1);
-
-  --color-accent-text-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-text-secondary: hsla(92, 71%, 27%, 1);
-  --color-accent-text-tertiary: hsla(92, 49%, 47%, 1);
-  --color-accent-text-quaternary: hsla(0, 0%, 100%, 1);
-
-  --color-accent-item-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-item-secondary: hsla(92, 37%, 35%, 1);
-  --color-accent-item-tertiary: hsla(92, 49%, 47%, 1);
-  --color-accent-item-quaternary: hsla(0, 0%, 100%, 1);
-
-  --color-accent-border-primary: hsla(92, 37%, 35%, 1);
-  --color-accent-border-secondary: hsla(92, 37%, 35%, 1);
-  --color-accent-border-tertiary: hsla(92, 49%, 47%, 1);
-  --color-accent-border-quaternary: hsla(0, 0%, 100%, 1);
-
-  --color-primary: hsla(0, 94%, 66%, 1);
-  --color-primary-primary: hsla(0, 94%, 66%, 1);
-  --color-primary-secondary: hsla(360, 94%, 80%, 1);
-  --color-primary-hover-primary: hsla(0, 94%, 66%, 1);
-  --color-primary-hover-secondary: hsla(0, 94%, 95%, 1);
-
-  --color-primary-text-primary: hsla(0, 0%, 100%, 1);
-  --color-primary-text-secondary: hsla(0, 94%, 66%, 1);
-
-  --color-primary-item-primary: hsla(0, 0%, 100%, 1);
-  --color-primary-item-secondary: hsla(0, 94%, 66%, 1);
-
-  --color-primary-border-primary: hsla(0, 0%, 100%, 1);
-  --color-primary-border-secondary: hsla(0, 94%, 66%, 1);
-
-  --color-secondary: hsla(210, 8%, 75%, 1);
-  --color-secondary-primary: hsla(210, 8%, 75%, 1);
-  --color-secondary-primary-hover: hsla(210, 8%, 1%, 1);
-
-  --color-secondary-secondary: hsla(210, 7%, 85%, 1);
-  --color-secondary-secondary-hover: hsla(210, 8%, 95%, 1);
-
-  --color-secondary-text-primary: hsla(0, 0%, 100%, 1);
-  --color-secondary-text-secondary: hsla(0, 0%, 59%, 1);
-  --color-secondary-text-tertiary: hsla(0, 0%, 34%, 1);
-
-  --color-secondary-item-primary: hsla(0, 0%, 100%, 1);
-  --color-secondary-item-secondary: hsla(0, 0%, 59%, 1);
-
-  --color-secondary-border-primary: hsla(210, 8%, 75%, 1);
-
-  --color-tertiary-primary: hsla(50, 100%, 62%, 1);
-  --color-tertiary-secondary: hsla(50, 100%, 77%, 1);
-
-  --color-tertiary-text-primary: hsla(0, 0%, 34%, 1);
-  --color-tertiary-text-secondary: hsla(50, 100%, 62%, 1);
-
-  --color-tertiary-item-primary: hsla(0, 0%, 34%, 1);
-
-  --color-surface-primary: hsla(0, 0%, 100%, 1);
-  --color-surface-primary-hover: hsla(0, 0%, 98%, 1);
-
-  --color-surface-secondary: hsla(220, 14%, 96%, 1);
-  --color-surface-secondary-hover: hsla(0, 0%, 98%, 1);
-
-  --color-surface-tertiary: hsla(0, 0%, 85%, 1);
-  --color-surface-tertiary-hover: hsla(0, 0%, 95%, 1);
-
-  --color-surface-quaternary: hsla(0, 0%, 97%, 1);
-  --color-surface-quaternary-hover: hsla(0, 0%, 95%, 1);
-
-  --color-surface-text-primary: hsla(0, 0%, 34%, 1);
-  --color-surface-text-primary-hover: hsla(216, 99%, 63%, 1);
-  --color-surface-text-secondary: hsla(210, 9%, 56%, 1);
-  --color-surface-text-tertiary: hsla(210, 12%, 76%, 1);
-  --color-surface-text-quaternary: hsla(0, 94%, 66%, 1);
-
-  --color-surface-text-accent: hsla(216, 99%, 63%, 1);
-  --color-surface-text-accent-hover: hsla(216, 99%, 43%, 1);
-
-  --color-surface-item-primary: hsla(0, 0%, 34%, 1);
-  --color-surface-item-secondary: hsla(210, 8%, 75%, 1);
-  --color-surface-item-accent: hsla(216, 99%, 63%, 1);
-
-  --color-surface-border-primary: hsla(0, 0%, 34%, 1);
-  --color-surface-border-secondary: hsla(0, 0%, 59%, 1);
-  --color-surface-border-tertiary: hsla(210, 5%, 89%, 1);
-  --color-surface-border-accent: hsla(216, 99%, 63%, 1);
-
-  --color-gradient-primary: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
-
-  --color-success: hsla(107, 100%, 34%, 1);
-
-  --color-success-item-primary: hsla(0, 0%, 100%, 1);
-
-  --color-success-primary: hsla(107, 100%, 34%, 1);
-  --color-success-text-primary: hsla(107, 100%, 34%, 1);
-  --color-success-text-secondary: hsla(0, 0%, 100%, 1);
-
-  --color-success-border-primary: hsla(107, 100%, 34%, 1);
-
-  --color-warning-primary: hsla(43, 68%, 50%, 1);
-  --color-warning-text-primary: hsla(43, 68%, 50%, 1);
-  --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
-
-  --color-warning-border-primary: hsla(43, 68%, 50%, 1);
-
-  --color-danger-primary: hsla(349, 96%, 44%, 1);
-  --color-danger-text-primary: hsla(349, 96%, 44%, 1);
-  --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
-
-  --color-danger-border-primary: hsla(349, 96%, 44%, 1);
-
-  --color-error-primary: hsla(6, 99%, 57%, 1);
-  --color-error-text-primary: hsla(0, 0%, 100%, 1);
-  --color-error-text-secondary: hsla(6, 99%, 57%, 1);
-
-  --color-error-item-primary: hsla(0, 0%, 100%, 1);
-
-  --color-error-border-primary: hsla(6, 99%, 57%, 1);
-
-  --color-fader: hsla(0, 0%, 59%, 0.2);
-}

package/dist/css/tokens/elevation.css

@@ -1,10 +0,0 @@
-:root {
-  --elevation-1: 0px 1px 1px rgba(0, 0, 0, 0.24);
-  --elevation-2: 0px 2px 4px rgba(0, 0, 0, 0.24);
-  --elevation-4: 0px 2px 6px rgba(0, 0, 0, 0.24);
-  --elevation-6: 0px 2px 6px rgba(0, 0, 0, 0.24);
-  --elevation-8: 0px 4px 8px rgba(0, 0, 0, 0.16);
-  --elevation-12: 0px 6px 12px rgba(0, 0, 0, 0.16);
-  --elevation-16: 0px 8px 16px rgba(0, 0, 0, 0.16);
-  --elevation-24: 0px 16px 24px rgba(0, 0, 0, 0.12);
-}

package/dist/css/tokens/settings.css

@@ -1,31 +0,0 @@
-/* stylelint-disable custom-property-empty-line-before, value-keyword-case */
-
-:root {
-  --min-max: 375px 1440px;
-  --min: 320px;
-  --max: 1440px;
-}
-
-@media (--mobile) {
-  :root {
-    --wrapper-margin: 16px;
-  }
-}
-
-@media (--tablet), (--desktop-small), (--desktop-medium) {
-  :root {
-    --wrapper-margin: 24px;
-  }
-}
-
-@media (--desktop-normal) {
-  :root {
-    --wrapper-margin: 40px;
-  }
-}
-
-@media (--desktop) {
-  :root {
-    --wrapper-margin: 96px;
-  }
-}

package/dist/css/tokens/typography.css

@@ -1,130 +0,0 @@
-:root {
-  --typography-min-viewport: 360px;
-  --typography-max-viewport: 2560px;
-
-  --typography-h1-min: 32px;
-  --typography-h1-max: 38px;
-  --typography-h1-min-line-height: 64px;
-  --typography-h1-max-line-height: 80px;
-  --typography-h1-font: var(--font-primary);
-
-  --typography-h2-min: 26px;
-  --typography-h2-max: 32px;
-  --typography-h2-min-line-height: 46px;
-  --typography-h2-max-line-height: 58px;
-  --typography-h2-font: var(--font-primary);
-
-  --typography-h3-min: 18px;
-  --typography-h3-max: 24px;
-  --typography-h3-min-line-height: 32px;
-  --typography-h3-max-line-height: 40px;
-  --typography-h3-font: var(--font-primary);
-
-  --typography-h4-min: 16px;
-  --typography-h4-max: 18px;
-  --typography-h4-min-line-height: 24px;
-  --typography-h4-max-line-height: 30px;
-  --typography-h4-font: var(--font-primary);
-
-  --typography-h5-min: 14px;
-  --typography-h5-max: 16px;
-  --typography-h5-min-line-height: 18px;
-  --typography-h5-max-line-height: 26px;
-  --typography-h5-font: var(--font-primary);
-
-  --typography-h6-min: 12px;
-  --typography-h6-max: 18px;
-  --typography-h6-min-line-height: 16px;
-  --typography-h6-max-line-height: 24px;
-  --typography-h6-font: var(--font-primary);
-
-  --typography-p-min: 16px;
-  --typography-p-max: 24px;
-  --typography-p-min-line-height: 24px;
-  --typography-p-max-line-height: 36px;
-  --typography-p-font: var(--font-primary);
-
-  --typography-text-xxl-min: 24px;
-  --typography-text-xxl-max: 28px;
-  --typography-text-xxl-min-line-height: 24px;
-  --typography-text-xxl-max-line-height: 28px;
-  --typography-text-xxl-font: var(--font-primary);
-
-  --typography-text-xl-min: 20px;
-  --typography-text-xl-max: 24px;
-  --typography-text-xl-min-line-height: 20px;
-  --typography-text-xl-max-line-height: 24px;
-  --typography-text-xl-font: var(--font-primary);
-
-  --typography-text-l-min: 18px;
-  --typography-text-l-max: 24px;
-  --typography-text-l-min-line-height: 18px;
-  --typography-text-l-max-line-height: 24px;
-  --typography-text-l-font: var(--font-primary);
-
-  --typography-text-m-min: 16px;
-  --typography-text-m-max: 18px;
-  --typography-text-m-min-line-height: 16px;
-  --typography-text-m-max-line-height: 20px;
-  --typography-text-m-font: var(--font-primary);
-
-  --typography-text-s-min: 14px;
-  --typography-text-s-max: 18px;
-  --typography-text-s-min-line-height: 14px;
-  --typography-text-s-max-line-height: 18px;
-  --typography-text-s-font: var(--font-primary);
-
-  --typography-text-xs-min: 12px;
-  --typography-text-xs-max: 16px;
-  --typography-text-xs-min-line-height: 12px;
-  --typography-text-xs-max-line-height: 16px;
-  --typography-text-xs-font: var(--font-primary);
-
-  --typography-text-xxs-min: 10px;
-  --typography-text-xxs-max: 14px;
-  --typography-text-xxs-min-line-height: 10px;
-  --typography-text-xxs-max-line-height: 14px;
-  --typography-text-xxs-font: var(--font-primary);
-
-  --typography-email-h1: 32px;
-  --typography-email-h1-line-height: 38px;
-
-  --typography-email-h2: 26px;
-  --typography-email-h2-line-height: 32px;
-
-  --typography-email-h3: 18px;
-  --typography-email-h3-line-height: 24px;
-
-  --typography-email-h4: 24px;
-  --typography-email-h4-line-height: 30px;
-
-  --typography-email-h5: 18px;
-  --typography-email-h5-line-height: 24px;
-
-  --typography-email-h6: 12px;
-  --typography-email-h6-line-height: 18px;
-
-  --typography-email-p: 16px;
-  --typography-email-p-line-height: 24px;
-
-  --typography-email-text-xxl: 24px;
-  --typography-email-text-xxl-line-height: 28px;
-
-  --typography-email-text-xl: 20px;
-  --typography-email-text-xl-line-height: 24px;
-
-  --typography-email-text-l: 18px;
-  --typography-email-text-l-line-height: 24px;
-
-  --typography-email-text-m: 16px;
-  --typography-email-text-m-line-height: 18px;
-
-  --typography-email-text-s: 14px;
-  --typography-email-text-s-line-height: 18px;
-
-  --typography-email-text-xs: 12px;
-  --typography-email-text-xs-line-height: 16px;
-
-  --typography-email-text-xxs: 10px;
-  --typography-email-text-xxs-line-height: 14px;
-}

package/dist/stories/Appearance.mdx

@@ -1,35 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as AppearanceStories from '../stories/Appearance.stories.tsx'
-
-<Meta title="Atoms / Tab / Appearance" />
-
-# Appearance
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={AppearanceStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={AppearanceStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={AppearanceStories.SurfaceTertiary} />
-
-## SurfaceQuaternary
-
-<Canvas sourceState="shown" of={AppearanceStories.SurfaceQuaternary} />
-
-## Accent
-
-<Canvas sourceState="shown" of={AppearanceStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={AppearanceStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={AppearanceStories.Secondary} />

package/dist/stories/Group.mdx

@@ -1,9 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as GroupStories from '../stories/Group.stories.tsx'
-
-<Meta title="Atoms / Tab / TabGroub" />
-
-# TabGroub
-
-<Canvas sourceState="shown" of={GroupStories.Default} />

package/dist/stories/Size.mdx

@@ -1,35 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as SizeStories from '../stories/Size.stories.tsx'
-
-<Meta title="Atoms / Tab / Size" />
-
-# Size
-
-## XXS
-
-<Canvas sourceState="shown" of={SizeStories.SizeXXS} />
-
-## XS
-
-<Canvas sourceState="shown" of={SizeStories.SizeXS} />
-
-## S
-
-<Canvas sourceState="shown" of={SizeStories.SizeS} />
-
-## M
-
-<Canvas sourceState="shown" of={SizeStories.SizeM} />
-
-## L
-
-<Canvas sourceState="shown" of={SizeStories.SizeL} />
-
-## XL
-
-<Canvas sourceState="shown" of={SizeStories.SizeXL} />
-
-## XXL
-
-<Canvas sourceState="shown" of={SizeStories.SizeXXL} />

package/dist/stories/Skeleton.mdx

@@ -1,9 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as TitleStories from '../stories/Title.stories.tsx'
-
-<Meta title="Atoms / Title / Skeleton Mode" />
-
-# Skeleton
-
-<Canvas sourceState="shown" of={TitleStories.SkeletonMode} />

package/dist/stories/State.mdx

@@ -1,19 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as StateStories from '../stories/State.stories.tsx'
-
-<Meta title="Atoms / Tab / State" />
-
-# State
-
-## Normal
-
-<Canvas sourceState="shown" of={StateStories.Normal} />
-
-## Active
-
-<Canvas sourceState="shown" of={StateStories.Active} />
-
-## Disabled
-
-<Canvas sourceState="shown" of={StateStories.Disabled} />

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

@@ -1,3 +0,0 @@
-import type { iCardProps } from './Card.interface';
-declare function Card(props: iCardProps): import("react/jsx-runtime").JSX.Element;
-export { Card };

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

@@ -1,30 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iCardProps extends iStyleAttributes {
-    [key: number | string | symbol]: any;
-    children?: ReactNode;
-    className?: string;
-    image?: ReactNode;
-    imageShape?: tShapeProps;
-    shape?: tShapeProps;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
-    size?: tSizeProps;
-    src?: string;
-    text?: string;
-    textColor?: tTextColorProps;
-    textSize?: tTextSizeProps;
-    textTag?: ElementType;
-    title?: string;
-    titleColor?: tTextColorProps;
-    titleSize?: tTextSizeProps;
-    titleTag?: ElementType;
-    type?: string;
-    width?: string;
-    widthDesktop?: string;
-    widthMobile?: string;
-    widthTablet?: string;
-    onClick?: () => void;
-}

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

@@ -1 +0,0 @@
-export { Card } from './Card';

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

@@ -1,80 +0,0 @@
-export declare const parameters: {
-    controls: {
-        exclude: string[];
-    };
-};
-export declare const argTypes: {
-    id: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    justifyContent: {
-        control: string;
-        options: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
-    };
-    alignItems: {
-        control: string;
-        options: readonly [undefined, false, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
-    };
-    position: {
-        control: string;
-        options: readonly [undefined, false, "static", "absolute", "relative", "fixed", "inherit"];
-    };
-    direction: {
-        control: string;
-        options: readonly [undefined, false, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
-    };
-    advancedProps: {
-        control: string;
-        value: boolean;
-    };
-    alignContent: {
-        control: string;
-        options: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
-    };
-    className: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    fill: {
-        control: string;
-        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;
-        if: {
-            arg: string;
-        };
-    };
-    shape: {
-        control: string;
-        options: readonly [undefined, false, "rectangle", "geometric", "rounded", "circular"];
-    };
-    tag: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    type: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-    wrap: {
-        control: string;
-        description: string;
-        options: readonly [undefined, false, "wrap", "nowrap", "wrap-reverse"];
-    };
-    onClick: {
-        control: string;
-        if: {
-            arg: string;
-        };
-    };
-};