@veracity/vui 0.0.1

package/theme/components.d.ts

@@ -0,0 +1,353 @@
+declare const _default: {
+    Box: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    Button: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                minW: number;
+                spaceX: number;
+            };
+            sm: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                minW: number;
+                spaceX: number;
+            };
+            md: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                minW: number;
+                spaceX: number;
+            };
+            lg: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                minW: number;
+                spaceX: number;
+            };
+        };
+        variants: {
+            outlined: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            solid: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+            text: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+        };
+    };
+    Heading: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            h1: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h2: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h3: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h4: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h5: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            h6: {
+                as: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+        };
+        variants: {};
+    };
+    Icon: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+        };
+        variants: {};
+    };
+    Input: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            md: {
+                fontSize: string;
+                h: number;
+            };
+            lg: {
+                fontSize: string;
+                h: number;
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                borderColor: string;
+                focusWithinRing: number;
+                focusWithinRingColor: string;
+                iconColor: string;
+            };
+        };
+    };
+    Label: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            sm: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                spaceX: number;
+            };
+            md: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                spaceX: number;
+            };
+            lg: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+                spaceX: number;
+            };
+        };
+        variants: {
+            solid: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+            subtle: (props: import("..").Dict<any>) => {
+                hoverBg: string;
+                activeBg: string;
+                bg: string;
+                color: string;
+            };
+        };
+    };
+    Link: {
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
+    List: {
+        defaultProps: {
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+            };
+            md: {
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+            };
+            lg: {
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+            };
+        };
+        variants: {
+            default: {
+                item: {
+                    activeBg: string;
+                    borderRadius: string;
+                    hoverBg: string;
+                    hoverColor: string;
+                };
+            };
+        };
+    };
+    P: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            sm: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            md: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            lg: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            xxl: {
+                fontSize: string;
+                lineHeight: string;
+            };
+        };
+        variants: {};
+    };
+    Skeleton: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            xs: {
+                h: number;
+            };
+            sm: {
+                h: number;
+            };
+            md: {
+                h: number;
+            };
+            lg: {
+                h: number;
+            };
+        };
+        variants: {
+            circle: (props: import("..").Dict<any>) => {
+                borderRadius: string;
+                bg: string;
+            };
+            rect: (props: import("..").Dict<any>) => {
+                borderRadius: string;
+                bg: string;
+                w: string;
+            };
+        };
+    };
+    T: {
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            xs: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            md: {
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+            };
+        };
+        variants: {};
+    };
+    Textarea: {
+        defaultProps: {
+            colorScheme: string;
+            variant: string;
+        };
+        sizes: {};
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                borderColor: string;
+                focusRing: number;
+                focusRingColor: string;
+            };
+        };
+    };
+    Tile: {
+        defaultProps: {
+            variant: string;
+        };
+        sizes: {};
+        variants: {
+            default: {
+                bg: string;
+                borderRadius: string;
+                shadow: number;
+                hoverShadow: number;
+                p: number;
+            };
+            outlined: {
+                bg: string;
+                border: number;
+                borderColor: string;
+                borderRadius: string;
+                p: number;
+            };
+        };
+    };
+};
+export default _default;

package/theme/components.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var theme_1 = __importDefault(require("../box/theme"));
+var theme_2 = __importDefault(require("../button/theme"));
+var theme_3 = __importDefault(require("../heading/theme"));
+var theme_4 = __importDefault(require("../icon/theme"));
+var theme_5 = __importDefault(require("../input/theme"));
+var theme_6 = __importDefault(require("../label/theme"));
+var theme_7 = __importDefault(require("../link/theme"));
+var theme_8 = __importDefault(require("../list/theme"));
+var theme_9 = __importDefault(require("../p/theme"));
+var theme_10 = __importDefault(require("../skeleton/theme"));
+var theme_11 = __importDefault(require("../t/theme"));
+var theme_12 = __importDefault(require("../textarea/theme"));
+var theme_13 = __importDefault(require("../tile/theme"));
+exports.default = {
+    Box: theme_1.default,
+    Button: theme_2.default,
+    Heading: theme_3.default,
+    Icon: theme_4.default,
+    Input: theme_5.default,
+    Label: theme_6.default,
+    Link: theme_7.default,
+    List: theme_8.default,
+    P: theme_9.default,
+    Skeleton: theme_10.default,
+    T: theme_11.default,
+    Textarea: theme_12.default,
+    Tile: theme_13.default
+};