@veracity/vui 1.7.0-redesign.6 → 1.7.0

package/dist/cjs/tabs/tabsNavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkB,cAAc,EAAE,MAAM,cAAc,CAAA;AAW7D,eAAO,MAAM,UAAU,uDA2DrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkB,cAAc,EAAE,MAAM,cAAc,CAAA;AAS7D,eAAO,MAAM,UAAU,uDA4CrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/cjs/tabs/tabsNavBar.js

@@ -10,28 +10,20 @@ const core_1 = require("../core");
 const icon_1 = require("../icon");
 const list_1 = require("../list");
 const utils_1 = require("../utils");
-const theme_1 = __importDefault(require("./theme"));
 const iconSizeMapper = {
     sm: 'xs',
     md: 'sm',
     lg: 'md',
-    xl: 'lg',
-    xxl: 'xl'
+    xl: 'lg'
 };
 exports.TabsNavBar = (0, core_1.vui)((props, ref) => {
-    var _a, _b;
+    var _a;
     const { tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props;
     const iconSize = (iconSizeMapper === null || iconSizeMapper === void 0 ? void 0 : iconSizeMapper[size]) || 'md';
-    const { sizes } = (_a = theme_1.default) !== null && _a !== void 0 ? _a : {};
-    const fontSize = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.fontSize;
-    const h = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.h;
-    const borderWidth = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.borderWidth;
-    const py = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.py;
-    const iconMarginRight = size === 'xxl' ? '16px' : '8px';
-    return (react_1.default.createElement(list_1.List, { borderBottom: showBorder ? '1px solid sandstone.79' : 'none', className: (0, utils_1.cs)('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1 }, (_b = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _b === void 0 ? void 0 : _b.call(tabs, tab => (react_1.default.createElement(list_1.ListItem, { activeBg: "skyBlue.90", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab === null || tab === void 0 ? void 0 : tab.id}`, color: "seaBlue.28", disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, h: h, hoverBg: "skyBlue.85", key: tab.id, onClick: () => onNavItemClick === null || onNavItemClick === void 0 ? void 0 : onNavItemClick(tab.id || 0), position: "relative", px: "16px", py: py },
+    return (react_1.default.createElement(list_1.List, { borderBottom: showBorder ? '1px solid grey.40' : 'none', className: (0, utils_1.cs)('vui-tabsNavBar'), display: "flex", isInteractive: true, ref: ref, size: size, w: 1 }, (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => (react_1.default.createElement(list_1.ListItem, { className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab === null || tab === void 0 ? void 0 : tab.id}`, disabled: tab.disabled, display: "inline-flex", key: tab.id, onClick: () => onNavItemClick === null || onNavItemClick === void 0 ? void 0 : onNavItemClick(tab.id || 0), position: "relative" },
         react_1.default.createElement(box_1.default, { alignItems: "center" },
-            !!tab.icon && react_1.default.createElement(icon_1.Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }),
+            !!tab.icon && react_1.default.createElement(icon_1.Icon, { mr: 1, name: tab.icon, size: iconSize }),
             tab.title),
-        !tab.disabled && tab.id === activeNavItem && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: "seaBlue.28", bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
+        !tab.disabled && tab.id === activeNavItem && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: "prussian.80", bottom: "-1px", h: `${size === 'sm' ? 2 : 4}px`, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
 });
 exports.default = exports.TabsNavBar;

package/dist/cjs/tabs/theme.d.ts

@@ -3,46 +3,10 @@ declare const _default: {
     defaultProps: {};
     parts: string[];
     sizes: {
-        sm: {
-            tabsNavBar: {
-                borderWidth: string;
-                fontSize: string;
-                h: string;
-                py: string;
-            };
-        };
-        md: {
-            tabsNavBar: {
-                borderWidth: string;
-                fontSize: string;
-                h: string;
-                py: string;
-            };
-        };
-        lg: {
-            tabsNavBar: {
-                borderWidth: string;
-                fontSize: string;
-                h: number;
-                py: string;
-            };
-        };
-        xl: {
-            tabsNavBar: {
-                borderWidth: string;
-                fontSize: string;
-                h: number;
-                py: string;
-            };
-        };
-        xxl: {
-            tabsNavBar: {
-                borderWidth: string;
-                fontSize: string;
-                h: number;
-                py: string;
-            };
-        };
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
     };
     variants: {};
 };

package/dist/cjs/tabs/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tabs/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tabs/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;AAeA,wBAMC"}

package/dist/cjs/tabs/theme.js

@@ -4,47 +4,10 @@ const baseStyle = {};
 const defaultProps = {};
 const parts = ['container', 'tabsNavBar', 'tab'];
 const sizes = {
-    sm: {
-        tabsNavBar: {
-            borderWidth: '2px',
-            fontSize: 'xs',
-            h: '20px',
-            py: '4px'
-        }
-    },
-    md: {
-        tabsNavBar: {
-            borderWidth: '2px',
-            fontSize: 'sm',
-            // lineHeight: '20px',
-            h: '32px',
-            py: '6px'
-        }
-    },
-    lg: {
-        tabsNavBar: {
-            borderWidth: '3px',
-            fontSize: 'md',
-            h: 40,
-            py: '8px'
-        }
-    },
-    xl: {
-        tabsNavBar: {
-            borderWidth: '4px',
-            fontSize: 'lg',
-            h: 48,
-            py: '10px'
-        }
-    },
-    xxl: {
-        tabsNavBar: {
-            borderWidth: '4px',
-            fontSize: 'lg',
-            h: 56,
-            py: '12px'
-        }
-    }
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {}
 };
 const variants = {};
 exports.default = {

package/dist/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA4FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAMD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAMD,eAAe,GAAG,CAAA"}

package/dist/cjs/tag/tag.js

@@ -47,7 +47,7 @@ const tagIcon_1 = __importDefault(require("./tagIcon"));
 const tagText_1 = __importDefault(require("./tagText"));
 exports.TagBase = core_1.styled.spanBox `
   align-items: center;
-  border-radius: xl;
+  border-radius: md;
   display: inline-flex;
   font-weight: medium;
   justify-content: center;
@@ -63,8 +63,8 @@ exports.TagBase = core_1.styled.spanBox `
   }
 
   &[aria-disabled='true'] {
-    background-color: disabled .bg;
-    color: disabled .color;
+    background-color: disabled.bg;
+    color: disabled.color;
     cursor: not-allowed;
     user-select: none;
   }
@@ -74,15 +74,12 @@ exports.TagBase = core_1.styled.spanBox `
  * Exposes some props to the children via context.
  */
 exports.Tag = (0, core_1.vui)((props, ref) => {
-    const { casing, children, className, colorScheme, disabled, icon, iconLeft, iconRight, isFullWidth, isInteractive = props.onClick !== undefined, isRound, isTruncated = true, itemLeft, itemRight, onClick, onDelete, size = 'md', text, variant, weight } = props, rest = __rest(props, ["casing", "children", "className", "colorScheme", "disabled", "icon", "iconLeft", "iconRight", "isFullWidth", "isInteractive", "isRound", "isTruncated", "itemLeft", "itemRight", "onClick", "onDelete", "size", "text", "variant", "weight"]);
+    const { casing, children, className, colorScheme = 'blue', disabled, icon, iconLeft, iconRight, isFullWidth, isInteractive = props.onClick !== undefined, isRound, isTruncated = true, itemLeft, itemRight, onClick, onDelete, size = 'md', text, variant = 'subtle', weight } = props, rest = __rest(props, ["casing", "children", "className", "colorScheme", "disabled", "icon", "iconLeft", "iconRight", "isFullWidth", "isInteractive", "isRound", "isTruncated", "itemLeft", "itemRight", "onClick", "onDelete", "size", "text", "variant", "weight"]);
     const styles = (0, core_1.useStyleConfig)('Tag', props);
     const _a = styles.container, { activeBg, h, hoverBg, spaceX: spaceXBase = 0 } = _a, tagStyles = __rest(_a, ["activeBg", "h", "hoverBg", "spaceX"]);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ disabled, size, variant }), [disabled, size, variant]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, disabled, size, variant }), [colorScheme, disabled, size, variant]);
     const spaceX = spaceXBase / 8;
-    let spaceXText = (spaceXBase + 4) / 8;
-    if (size === 'xs') {
-        spaceXText = spaceXBase / 8;
-    }
+    const spaceXText = (spaceXBase + 4) / 8;
     const pl = icon || itemLeft || iconLeft ? spaceX : spaceXText;
     const pr = icon || itemRight || iconRight ? spaceX : spaceXText;
     const interactiveProps = !disabled && isInteractive

package/dist/cjs/tag/tag.types.d.ts

@@ -2,10 +2,10 @@
 import { IconProp } from '../icon';
 import { SystemProps, TypographyProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type TagInnerProps = {
+export declare type TagProps = SystemProps & ThemingProps<'Tag'> & {
     /** Alias for textTransform prop. @deprecated */
     casing?: TypographyProps['textTransform'];
-    /** Available theme colors for this component. @deprecated */
+    /** Available theme colors for this component. @default blue */
     colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
     /** Displays tag and its content in disabled state with appropriate styling. */
     disabled?: boolean;
@@ -32,5 +32,4 @@ export declare type TagInnerProps = {
     /** Alias for fontWeight prop. @deprecated */
     weight?: TypographyProps['fontWeight'];
 };
-export declare type TagProps = SystemProps & ThemingProps<'Tag'> & TagInnerProps;
 //# sourceMappingURL=tag.types.d.ts.map

package/dist/cjs/tag/tag.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG;IAC1B,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA;AAED,oBAAY,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,aAAa,CAAA"}
+{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}

package/dist/cjs/tag/tagButton.js

@@ -25,8 +25,6 @@ exports.TagButton = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const mergedProps = Object.assign(Object.assign({}, (0, context_1.useTagContext)()), props);
     const styles = (0, core_1.useStyleConfig)('Tag', (0, context_1.useTagContext)());
-    return (react_1.default.createElement(button_1.default, Object.assign({ borderColor: "transparent", 
-        // borderRadius={isRound ? undefined : 2}
-        className: (0, utils_1.cs)('vui-tagButton', className), disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: mergedProps.variant }, styles.button, rest)));
+    return (react_1.default.createElement(button_1.default, Object.assign({ borderColor: "transparent", className: (0, utils_1.cs)('vui-tagButton', className), colorScheme: mergedProps.colorScheme, disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: "text" }, styles.button, rest)));
 });
 exports.default = exports.TagButton;

package/dist/cjs/tag/theme.d.ts

@@ -1,25 +1,41 @@
+import { Dict } from '../utils';
+declare function variantSolid(props: Dict): {
+    container: {
+        hoverBg: string;
+        activeBg: string;
+        bg: string;
+        color: string;
+        focusRing: number;
+    };
+    button: {
+        hoverBg: string;
+        activeBg: string;
+        bg: string;
+        color: string;
+    };
+};
+declare function variantSubtle(props: Dict): {
+    container: {
+        hoverBg: string;
+        activeBg: string;
+        bg: string;
+        color: string;
+    };
+    button: {
+        hoverBg: string;
+        activeBg: string;
+        color: string;
+    };
+};
 declare const _default: {
     baseStyle: {};
     defaultProps: {
+        colorScheme: string;
         size: string;
         variant: string;
     };
     parts: string[];
     sizes: {
-        xs: {
-            container: {
-                borderRadius: string;
-                fontSize: string;
-                h: number;
-                spaceX: number;
-            };
-            button: {
-                size: string;
-            };
-            icon: {
-                size: string;
-            };
-        };
         sm: {
             container: {
                 fontSize: string;
@@ -61,170 +77,8 @@ declare const _default: {
         };
     };
     variants: {
-        subtleGrey: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                borderColor: string;
-                color: string;
-                activeBg: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                hoverBorderColor: string;
-                color: string;
-                activeBg: string;
-            };
-        };
-        subtleBlue: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        subtleRed: {
-            container: {
-                bg: string;
-                borderColor: string;
-                hoverBg: string;
-                activeBg: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        subtleYellow: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        subtleGreen: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                borderColor: string;
-                color: string;
-                activeBg: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        /** solids next */
-        solidBlue: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                activeBorderColor: string;
-                color: string;
-            };
-        };
-        solidDarkBlue: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        solidRed: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                activeBorderColor: string;
-                color: string;
-            };
-        };
-        solidYellow: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                color: string;
-            };
-        };
-        solidGreen: {
-            container: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                borderColor: string;
-                color: string;
-            };
-            button: {
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                hoverBorderColor: string;
-                activeBorderColor: string;
-                color: string;
-            };
-        };
+        solid: typeof variantSolid;
+        subtle: typeof variantSubtle;
     };
 };
 export default _default;

package/dist/cjs/tag/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tag/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAmJE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFpB,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tag/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,YAAY,CAAC,KAAK,EAAE,IAAI;;;;;;;;;;;;;;EAmChC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,IAAI;;;;;;;;;;;;EAgCjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DD,wBAMC"}