@itcase/ui-web 1.9.77 → 1.9.82

package/dist/types/components/Chips/appearance/chipsSize.js

@@ -0,0 +1,45 @@
+const chipsAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        labelTextSize: 'xl',
+        iconAfterSize: '24',
+        iconBeforeSize: '24',
+    },
+    sizeXL: {
+        size: 'xl',
+        labelTextSize: 'm',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
+    },
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'm',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconAfterSize: '14',
+        iconBeforeSize: '14',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'xxs',
+        iconAfterSize: '14',
+        iconBeforeSize: '14',
+    },
+};
+export { chipsAppearanceSize };

package/dist/types/components/Chips/appearance/chipsSpecial.js

@@ -0,0 +1,17 @@
+const chipsAppearanceSpecial = {
+    specialMutedPrimary: {
+        fill: 'specialTertiary',
+        labelTextColor: 'specialTextSecondary',
+        borderColor: 'specialBorderSecondary',
+        iconAfterFillIcon: 'specialItemSecondary',
+        iconBeforeFillIcon: 'specialItemSecondary',
+    },
+    specialPrimary: {
+        fill: 'specialPrimary',
+        labelTextColor: 'specialTextPrimary',
+        borderColor: 'specialBorderSecondary',
+        iconAfterFillIcon: 'specialItemPrimary',
+        iconBeforeFillIcon: 'specialItemPrimary',
+    },
+};
+export { chipsAppearanceSpecial };

package/dist/types/components/Chips/appearance/chipsStyle.js

@@ -0,0 +1,14 @@
+const chipsAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { chipsAppearanceStyle };

package/dist/types/components/Chips/appearance/chipsSuccess.js

@@ -0,0 +1,17 @@
+const chipsAppearanceSuccess = {
+    successMutedPrimary: {
+        fill: 'successTertiary',
+        labelTextColor: 'successTextQuaternary',
+        borderColor: 'successBorderQuaternary',
+        iconAfterFillIcon: 'successItemQuaternary',
+        iconBeforeFillIcon: 'successItemQuaternary',
+    },
+    successPrimary: {
+        fill: 'successPrimary',
+        labelTextColor: 'successTextPrimary',
+        borderColor: 'successBorderSecondary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
+    },
+};
+export { chipsAppearanceSuccess };

package/dist/types/components/Chips/appearance/chipsSurface.js

@@ -0,0 +1,45 @@
+const chipsAppearanceSurface = {
+    surfaceMutedPrimary: {
+        fill: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFillIcon: 'surfaceItemQuaternary',
+        iconBeforeFillIcon: 'surfaceItemQuaternary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentSecondary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
+        badgeAppearance: 'surfacePrimary sizeXS solid',
+        iconAfterFillActiveIcon: 'accentItemPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillActiveIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentSecondary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        iconAfterFillActiveIcon: 'accentItemPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillActiveIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
+    },
+};
+export { chipsAppearanceSurface };

package/dist/types/components/Chips/appearance/chipsWarning.js

@@ -0,0 +1,17 @@
+const chipsAppearanceWarning = {
+    warningMutedPrimary: {
+        fill: 'warningTertiary',
+        labelTextColor: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemSecondary',
+        iconBeforeFillIcon: 'warningItemSecondary',
+    },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        labelTextColor: 'warningTextPrimary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
+    },
+};
+export { chipsAppearanceWarning };

package/dist/types/components/Chips/index.js

@@ -0,0 +1,3 @@
+export { Chips, chipsConfig } from './Chips';
+export { chipsAppearance } from './Chips.appearance';
+export { ChipsGroup } from './ChipsGroup';

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Chips } from '../Chips';
+declare const meta: {
+    title: string;
+    component: typeof Chips;
+    args: {
+        label: string;
+        shape: "rounded";
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Surface: Story;
+export declare const Accent: Story;
+export declare const Error: Story;
+export declare const Special: Story;
+export declare const Extra: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Disabled: Story;

package/dist/types/components/Chips/stories/ChipsCheckLeft.stories.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { icons20 } from '@itcase/icons-default';
+import { Chips } from '../Chips';
+const meta = {
+    title: 'Atoms / Chips / CheckLeft',
+    component: Chips,
+    args: {
+        label: 'Chips',
+        shape: 'rounded',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const Surface = {
+    args: {
+        appearance: 'surfacePrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Accent = {
+    args: {
+        appearance: 'accentPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Error = {
+    args: {
+        appearance: 'errorPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Special = {
+    args: {
+        appearance: 'specialPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Extra = {
+    args: {
+        appearance: 'extraPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Success = {
+    args: {
+        appearance: 'successPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Danger = {
+    args: {
+        appearance: 'dangerPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Warning = {
+    args: {
+        appearance: 'warningPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Info = {
+    args: {
+        appearance: 'infoPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Disabled = {
+    args: {
+        appearance: 'disabledPrimary sizeXL',
+        iconBefore: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Chips } from '../Chips';
+declare const meta: {
+    title: string;
+    component: typeof Chips;
+    args: {
+        label: string;
+        shape: "rounded";
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Surface: Story;
+export declare const Accent: Story;
+export declare const Error: Story;
+export declare const Special: Story;
+export declare const Extra: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Disabled: Story;

package/dist/types/components/Chips/stories/ChipsCheckRight.stories.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { icons20 } from '@itcase/icons-default';
+import { Chips } from '../Chips';
+const meta = {
+    title: 'Atoms / Chips / CheckRight',
+    component: Chips,
+    args: {
+        label: 'Chips',
+        shape: 'rounded',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const Surface = {
+    args: {
+        appearance: 'surfacePrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Accent = {
+    args: {
+        appearance: 'accentPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Error = {
+    args: {
+        appearance: 'errorPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Special = {
+    args: {
+        appearance: 'specialPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Extra = {
+    args: {
+        appearance: 'extraPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Success = {
+    args: {
+        appearance: 'successPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Danger = {
+    args: {
+        appearance: 'dangerPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Warning = {
+    args: {
+        appearance: 'warningPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Info = {
+    args: {
+        appearance: 'infoPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Disabled = {
+    args: {
+        appearance: 'disabledPrimary sizeXL',
+        iconAfter: icons20.Form.Check,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Chips } from '../Chips';
+declare const meta: {
+    title: string;
+    component: typeof Chips;
+    args: {
+        label: string;
+        shape: "rounded";
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SurfacePrimary: Story;
+export declare const Accent: Story;
+export declare const Error: Story;
+export declare const Special: Story;
+export declare const Extra: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Disabled: Story;

package/dist/types/components/Chips/stories/ChipsClear.stories.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { icons24 } from '@itcase/icons-default';
+import { Chips } from '../Chips';
+const meta = {
+    title: 'Atoms / Chips / Clear',
+    component: Chips,
+    args: {
+        label: 'Chips',
+        shape: 'rounded',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const SurfacePrimary = {
+    args: {
+        appearance: 'surfacePrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Accent = {
+    args: {
+        appearance: 'accentPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Error = {
+    args: {
+        appearance: 'errorPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Special = {
+    args: {
+        appearance: 'specialPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Extra = {
+    args: {
+        appearance: 'extraPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Success = {
+    args: {
+        appearance: 'successPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Danger = {
+    args: {
+        appearance: 'dangerPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Warning = {
+    args: {
+        appearance: 'warningPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Info = {
+    args: {
+        appearance: 'infoPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Disabled = {
+    args: {
+        appearance: 'disabledPrimary sizeXL',
+        iconAfter: icons24.Action.Close,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Chips } from '../Chips';
+declare const meta: {
+    title: string;
+    component: typeof Chips;
+    args: {
+        label: string;
+        shape: "rounded";
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Surface: Story;
+export declare const Accent: Story;
+export declare const Error: Story;
+export declare const Special: Story;
+export declare const Extra: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Disabled: Story;

package/dist/types/components/Chips/stories/ChipsDefault.stories.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Chips } from '../Chips';
+const meta = {
+    title: 'Atoms / Chips / Default',
+    component: Chips,
+    args: {
+        label: 'Chips',
+        shape: 'rounded',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const Surface = {
+    args: {
+        appearance: 'surfacePrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Accent = {
+    args: {
+        appearance: 'accentPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Error = {
+    args: {
+        appearance: 'errorPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Special = {
+    args: {
+        appearance: 'specialPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Extra = {
+    args: {
+        appearance: 'extraPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Success = {
+    args: {
+        appearance: 'successPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Danger = {
+    args: {
+        appearance: 'dangerPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Warning = {
+    args: {
+        appearance: 'warningPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Info = {
+    args: {
+        appearance: 'infoPrimary sizeXL',
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};
+export const Disabled = {
+    args: {
+        appearance: 'disabledPrimary sizeXL',
+        isDisabled: true,
+    },
+    render: (args) => {
+        return _jsx(Chips, { ...args });
+    },
+};

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

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Chips } from '../Chips';
+declare const meta: {
+    title: string;
+    component: typeof Chips;
+    args: {
+        label: string;
+        shape: "rounded";
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;
+export declare const Skeleton: Story;