@candy.thieves/ui-kit-lumos 0.0.3 → 0.0.4

package/dist/types/stories/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,239 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: <C extends import("react").ElementType = "div">(props: {
+        variant?: "body1" | "body2" | "body3" | "caption1" | "caption2" | "caution" | "caution-error" | "h1" | "h2" | "h3" | "large" | "link" | "signature" | "signature-legal" | "subtitle1" | "subtitle2" | "subtitle-link";
+        children: import("react").ReactNode;
+        color?: import("react").CSSProperties["color"];
+        className?: string;
+        style?: import("react").CSSProperties;
+        noWrap?: boolean;
+        gutterBottom?: boolean;
+        align?: "center" | "justify" | "left" | "right";
+        href?: string;
+        target?: "_blank" | "_parent" | "_self" | "_top";
+        rel?: string;
+    } & {
+        mt?: import("react").CSSProperties["marginTop"];
+        mb?: import("react").CSSProperties["marginBottom"];
+        ml?: import("react").CSSProperties["marginLeft"];
+        mr?: import("react").CSSProperties["marginRight"];
+        mx?: import("react").CSSProperties["marginLeft"];
+        my?: import("react").CSSProperties["marginTop"];
+    } & Omit<import("react").ComponentPropsWithRef<C>, "style" | "color" | "align" | "gutterBottom" | "href" | "noWrap" | "rel" | "target" | keyof {
+        mt?: import("react").CSSProperties["marginTop"];
+        mb?: import("react").CSSProperties["marginBottom"];
+        ml?: import("react").CSSProperties["marginLeft"];
+        mr?: import("react").CSSProperties["marginRight"];
+        mx?: import("react").CSSProperties["marginLeft"];
+        my?: import("react").CSSProperties["marginTop"];
+    }>) => import("react").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        align: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        noWrap: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        gutterBottom: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mt: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mb: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        ml: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mr: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mx: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        my: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        color: "var(--color-light-100)";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllTypography: Story;
+export declare const CustomComponent: Story;
+export declare const ColorInheritComponent: Story;
+export declare const LargeWithColor: Story;
+export declare const TypographyAsLink: Story;
+export declare const NoWrapTrue: Story;
+export declare const TypographyWithMargin: Story;
+export declare const TypographyCautionError: Story;

package/dist/types/stories/constants.d.ts

@@ -0,0 +1,45 @@
+export declare const COLORS: {
+    readonly accent: {
+        readonly '--color-accent-100': "#73a5ff";
+        readonly '--color-accent-300': "#4c8dff";
+        readonly '--color-accent-500': "#397df6";
+        readonly '--color-accent-700': "#2f68cc";
+        readonly '--color-accent-900': "#234e99";
+    };
+    readonly success: {
+        readonly '--color-success-100': "#80ffbf";
+        readonly '--color-success-300': "#22e584";
+        readonly '--color-success-500': "#14cc70";
+        readonly '--color-success-700': "#0f9954";
+        readonly '--color-success-900': "#0a6638";
+    };
+    readonly danger: {
+        readonly '--color-danger-100': "#ff8099";
+        readonly '--color-danger-300': "#f23d61";
+        readonly '--color-danger-500': "#cc1439";
+        readonly '--color-danger-700': "#990f2b";
+        readonly '--color-danger-900': "#660a1d";
+    };
+    readonly warning: {
+        readonly '--color-warning-100': "#ffd073";
+        readonly '--color-warning-300': "#e5ac39";
+        readonly '--color-warning-500': "#d99000";
+        readonly '--color-warning-700': "#960";
+        readonly '--color-warning-900': "#640";
+    };
+    readonly dark: {
+        readonly '--color-dark-100': "#4c4c4c";
+        readonly '--color-dark-300': "#333";
+        readonly '--color-dark-500': "#171717";
+        readonly '--color-dark-700': "#0d0d0d";
+        readonly '--color-dark-900': "#000";
+        readonly '--color-secondary-active': "#212121";
+    };
+    readonly light: {
+        readonly '--color-light-100': "#fff";
+        readonly '--color-light-300': "#f7fbff";
+        readonly '--color-light-500': "#edf3fa";
+        readonly '--color-light-700': "#d5dae0";
+        readonly '--color-light-900': "#8d9094";
+    };
+};

package/dist/types/stories/palette/ColorPalette.stories.d.ts

@@ -0,0 +1,10 @@
+import { COLORS } from '@/stories/constants';
+export type ColorFamily = keyof typeof COLORS;
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Colors: () => import("react").JSX.Element;

package/dist/types/storybook-utils/assets/coloredIconMeta.d.ts

@@ -0,0 +1,38 @@
+export declare const coloredIconMeta: {
+    argTypes: {
+        autoSize: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        svgProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        autoSize: boolean;
+        size: number;
+    };
+};

package/dist/types/storybook-utils/assets/iconMeta.d.ts

@@ -0,0 +1,51 @@
+export declare const iconMeta: {
+    argTypes: {
+        autoSize: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        backgroundColor: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        size: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        svgProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        autoSize: boolean;
+        size: number;
+        color: string;
+    };
+};

package/dist/types/storybook-utils/assets/logoMeta.d.ts

@@ -0,0 +1,32 @@
+export declare const logoIconMeta: {
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+                options: readonly ["xs", "s", "m", "l", "xl"];
+            };
+            description: string;
+        };
+        theme: {
+            control: {
+                type: "select";
+                options: readonly ["day", "night"];
+            };
+            description: string;
+        };
+        svgProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/types/storybook-utils/index.d.ts

@@ -0,0 +1,3 @@
+export { iconMeta } from '@/storybook-utils/assets/iconMeta';
+export { coloredIconMeta } from '@/storybook-utils/assets/coloredIconMeta';
+export { logoIconMeta } from '@/storybook-utils/assets/logoMeta';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@candy.thieves/ui-kit-lumos",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",