ics-ui-kit 0.1.0-alpha.1

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,44 @@
+import { FC } from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const separatorVariants: TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, undefined, TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}>, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, undefined, TVConfig<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type SeparatorProps = Required<VariantProps<typeof separatorVariants>> & {
+    className?: string;
+};
+export declare const Separator: FC<SeparatorProps>;
+export {};

package/dist/components/separator/separator.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Separator } from './separator';
+declare const meta: Meta<typeof Separator>;
+export default meta;
+type Story = StoryObj<typeof Separator>;
+export declare const Base: Story;

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,406 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { ToastAction } from './components/toast-action/ToastAction';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const toastStyles: TVReturnType<{
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}, {
+    wrapper: string;
+    text: string;
+    titleText: string;
+    descriptionText: string;
+    contentWrapper: string;
+    content: string;
+    actions: string;
+    close: string;
+    separator: string;
+}, undefined, TVConfig<{
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}, {
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}>, {
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}, {
+    wrapper: string;
+    text: string;
+    titleText: string;
+    descriptionText: string;
+    contentWrapper: string;
+    content: string;
+    actions: string;
+    close: string;
+    separator: string;
+}, TVReturnType<{
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}, {
+    wrapper: string;
+    text: string;
+    titleText: string;
+    descriptionText: string;
+    contentWrapper: string;
+    content: string;
+    actions: string;
+    close: string;
+    separator: string;
+}, undefined, TVConfig<{
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}, {
+    status: {
+        default: {
+            wrapper: string;
+        };
+        success: {
+            wrapper: string;
+        };
+        info: {
+            wrapper: string;
+        };
+        warning: {
+            wrapper: string;
+        };
+        error: {
+            wrapper: string;
+        };
+    };
+    focus: {
+        low: {
+            wrapper: string;
+        };
+        medium: {
+            wrapper: string;
+        };
+        high: {
+            titleText: string;
+            descriptionText: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            titleText: string;
+            contentWrapper: string;
+        };
+        md: {
+            wrapper: string;
+            contentWrapper: string;
+        };
+        lg: {
+            wrapper: string;
+            contentWrapper: string;
+            content: string;
+            actions: string;
+            close: string;
+            titleText: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export type ToastProps = Required<VariantProps<typeof toastStyles>> & {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode | false;
+    primaryAction?: React.ReactElement<React.ComponentProps<typeof ToastAction>>;
+    secondaryAction?: React.ReactElement<React.ComponentProps<typeof ToastAction>>;
+    closeAction?: boolean;
+    onClose?: () => void;
+};
+export type ToastSize = "sm" | "md" | "lg";
+export declare const Toast: React.FC<ToastProps & {
+    id?: number;
+}>;
+export default Toast;
+export interface ToastViewProps {
+    titleText: () => string;
+    descriptionText: () => string;
+    actions: () => string;
+    close: () => string;
+    separator: () => string;
+    titleIcon: JSX.Element | null;
+}