@veracity/vui 0.0.3 → 0.0.4

package/theme/defaultTheme.d.ts

@@ -120,6 +120,7 @@ declare const defaultTheme: {
         sm: number;
         md: number;
         lg: number;
+        round: number;
     };
     shadows: {
         0: string;
@@ -140,6 +141,48 @@ declare const defaultTheme: {
         space: (value: string | number) => string;
     };
     components: {
+        Alert: {
+            defaultProps: {
+                colorScheme: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {};
+            variants: {
+                solid: (props: import("..").Dict<any>) => {
+                    container: {
+                        bg: string;
+                        color: string;
+                    };
+                    button: {
+                        bg: string;
+                        hoverBg: string;
+                    };
+                    icon: {};
+                    message: {};
+                    text: {};
+                    title: {};
+                };
+                subtle: (props: import("..").Dict<any>) => {
+                    container: {
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        color: string;
+                    };
+                    button: {
+                        color: string;
+                        hoverBg: string;
+                        activeBg: string;
+                        variant: string;
+                    };
+                    icon: {};
+                    message: {};
+                    text: {};
+                    title: {};
+                };
+            };
+        };
         Avatar: {
             defaultProps: {
                 colorScheme: string;
@@ -279,7 +322,6 @@ declare const defaultTheme: {
                         w: number;
                     };
                     label: {
-                        lineHeight: number;
                         size: string;
                     };
                 };
@@ -497,18 +539,36 @@ declare const defaultTheme: {
             parts: string[];
             sizes: {
                 sm: {
+                    icon: {
+                        size: string;
+                    };
                     item: {
                         fontSize: string;
                         h: number;
                     };
                 };
                 md: {
+                    icon: {
+                        size: string;
+                    };
                     item: {
                         fontSize: string;
                         h: number;
                     };
                 };
                 lg: {
+                    icon: {
+                        size: string;
+                    };
+                    item: {
+                        fontSize: string;
+                        h: number;
+                    };
+                };
+                xl: {
+                    icon: {
+                        scale: number;
+                    };
                     item: {
                         fontSize: string;
                         h: number;
@@ -517,16 +577,33 @@ declare const defaultTheme: {
             };
             variants: {
                 default: (props: import("..").Dict<any>) => {
+                    container: {};
+                    icon: {};
                     item: import("..").Dict<any>;
                 };
-                unstyled: {
+                ordered: {
+                    container: {
+                        as: string;
+                        listStyleType: string;
+                        pl: number;
+                    };
                     item: {
                         display: string;
                         h: undefined;
+                        lineHeight: number;
                     };
-                    list: {
+                };
+                unordered: {
+                    container: {
+                        as: string;
+                        listStyleType: string;
                         pl: number;
                     };
+                    item: {
+                        display: string;
+                        h: undefined;
+                        lineHeight: number;
+                    };
                 };
             };
         };
@@ -581,7 +658,6 @@ declare const defaultTheme: {
                         w: number;
                     };
                     label: {
-                        lineHeight: number;
                         size: string;
                     };
                 };
@@ -636,6 +712,71 @@ declare const defaultTheme: {
                 };
             };
         };
+        Spinner: {
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                xs: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                sm: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                md: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                lg: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                card: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+                page: {
+                    circle: {
+                        borderWidth: number;
+                        h: number;
+                        w: number;
+                    };
+                };
+            };
+            variants: {
+                default: (props: import("..").Dict<any>) => {
+                    container: {
+                        color: string;
+                    };
+                    circle: {
+                        borderColor: string;
+                        borderTopColor: string;
+                        borderRightColor: string;
+                    };
+                    text: {};
+                };
+            };
+        };
         Switch: {
             defaultProps: {
                 colorScheme: string;

package/theme/foundations.d.ts

@@ -120,6 +120,7 @@ declare const _default: {
         sm: number;
         md: number;
         lg: number;
+        round: number;
     };
     shadows: {
         0: string;

package/tile/tile.d.ts

@@ -1,3 +1,3 @@
 import { TileProps } from './tile.types';
-export declare const Tile: import("styled-components").StyledComponent<"div", never, TileProps, never>;
+export declare const Tile: import("../core").VuiComponent<"div", TileProps>;
 export default Tile;

package/tile/tile.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tile = void 0;
 var react_1 = __importDefault(require("react"));
-var box_1 = require("../box");
+var box_1 = __importDefault(require("../box"));
 var core_1 = require("../core");
 var utils_1 = require("../utils");
 exports.Tile = core_1.forwardRef(function (props, ref) {
@@ -40,7 +40,7 @@ exports.Tile = core_1.forwardRef(function (props, ref) {
             userSelect: 'none'
         }
         : {};
-    return react_1.default.createElement(box_1.Box, __assign({ className: utils_1.cs('vui-tile', className), ref: ref }, styles, interactiveProps, rest));
+    return react_1.default.createElement(box_1.default, __assign({ className: utils_1.cs('vui-tile', className), ref: ref }, styles, interactiveProps, rest));
 });
 exports.Tile.displayName = 'Tile';
 exports.default = exports.Tile;

package/tile/tile.types.d.ts

@@ -1,7 +1,7 @@
-import { BoxProps } from '../box';
+import { BoxProps, BoxStyleProps } from '../box';
 import { ThemingProps } from '../theme';
 export interface TileProps extends Omit<BoxProps, 'size' | 'variant'>, TileStyleProps, ThemingProps<'Tile'> {
     isInteractive?: boolean;
 }
-export interface TileStyleProps {
+export interface TileStyleProps extends BoxStyleProps {
 }