@veracity/vui 0.2.1 → 0.2.3

package/list/theme.js

@@ -7,66 +7,50 @@ function variantDefault(props) {
         borderRadius: 'md',
         hoverBg: c + ".20"
     };
-    var container = {};
-    var heading = {};
-    var icon = {};
-    var text = {};
-    return { container: container, heading: heading, icon: icon, item: item, text: text };
+    return { item: item };
 }
 var defaultProps = {
     colorScheme: 'blue',
     size: 'md',
     variant: 'default'
 };
-var parts = ['container', 'heading', 'icon', 'item', 'text'];
+var parts = ['container', 'divider', 'heading', 'icon', 'item', 'text'];
 var sizes = {
     sm: {
-        container: {},
-        heading: {},
         icon: {
             size: 'sm'
         },
         item: {
             fontSize: 'md',
             h: 32
-        },
-        text: {}
+        }
     },
     md: {
-        container: {},
-        heading: {},
         icon: {
             size: 'md'
         },
         item: {
             fontSize: 'md',
             h: 40
-        },
-        text: {}
+        }
     },
     lg: {
-        container: {},
-        heading: {},
         item: {
             fontSize: 'md',
             h: 48
         },
         icon: {
             size: 'lg'
-        },
-        text: {}
+        }
     },
     xl: {
-        container: {},
-        heading: {},
         item: {
             fontSize: 'lg',
             h: 56
         },
         icon: {
             scale: 2
-        },
-        text: {}
+        }
     }
 };
 var variants = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Veracity UI React components library based on Styled Components and @xstyled",
   "main": "index.js",
   "author": "Veracity",
@@ -24,6 +24,6 @@
     "react-dom": "^17.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.8"
+    "@types/styled-components": "^5.1.15"
   }
 }

package/radio/radio.types.d.ts

@@ -1,8 +1,8 @@
 import { HTMLAttributes } from 'react';
-import { ChangeEventHandler, FocusEventHandler } from '../core';
 import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
+import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export interface RadioProps extends SystemProps, ThemingProps<'Radio'> {
     checked?: boolean;
     colorScheme?: 'blue' | 'prussian';

package/radio/radioGroup.js

@@ -76,7 +76,6 @@ exports.RadioGroup = (0, core_1.vui)(function (props, ref) {
     var className = props.className, colorScheme = props.colorScheme, defaultValue = props.defaultValue, disabled = props.disabled, isRow = props.isRow, name = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, size = props.size, value = props.value, variant = props.variant, rest = __rest(props, ["className", "colorScheme", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "value", "variant"]);
     var _a = __read((0, react_1.useState)(value !== null && value !== void 0 ? value : defaultValue), 2), isChecked = _a[0], setIsChecked = _a[1];
     var handleOnChange = (0, react_1.useCallback)(function (e) {
-        console.log('group onchange', e.target.value);
         setIsChecked(e.target.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [onChange]);

package/radio/radioGroup.types.d.ts

@@ -1,6 +1,6 @@
-import { ChangeEventHandler, FocusEventHandler } from '../core';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
+import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export interface RadioGroupProps extends SystemProps, ThemingProps<'Radio'> {
     colorScheme?: 'blue' | 'prussian';
     disabled?: boolean;

package/switch/switch.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ReactText } from 'react';
-import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../core';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
+import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../utils';
 export interface SwitchButtonProps extends SystemProps, ThemingProps<'Switch'> {
     checked?: boolean;
     colorScheme?: 'blue' | 'green' | 'prussian';

package/switch/theme.d.ts

@@ -1,6 +1,5 @@
 import { Dict } from '../utils';
 declare function sizeLg(): {
-    container: {};
     button: {
         fontSize: string;
         minW: number;
@@ -17,7 +16,6 @@ declare function sizeLg(): {
     };
 };
 declare function sizeMd(): {
-    container: {};
     button: {
         fontSize: string;
         minW: number;
@@ -34,7 +32,6 @@ declare function sizeMd(): {
     };
 };
 declare function sizeSm(): {
-    container: {};
     button: {
         fontSize: string;
         minW: number;
@@ -51,7 +48,6 @@ declare function sizeSm(): {
     };
 };
 declare function variantContained(props: Dict): {
-    container: {};
     button: {
         thumb: {
             bg: string;
@@ -61,7 +57,6 @@ declare function variantContained(props: Dict): {
             ring: number;
         };
     };
-    label: {};
 };
 declare const _default: {
     defaultProps: {

package/switch/theme.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function sizeLg() {
-    var container = {};
     var button = {
         fontSize: 'md',
         minW: 50,
@@ -16,10 +15,9 @@ function sizeLg() {
     var label = {
         size: 'lg'
     };
-    return { container: container, button: button, label: label };
+    return { button: button, label: label };
 }
 function sizeMd() {
-    var container = {};
     var button = {
         fontSize: 'sm',
         minW: 42,
@@ -34,10 +32,9 @@ function sizeMd() {
     var label = {
         size: 'md'
     };
-    return { container: container, button: button, label: label };
+    return { button: button, label: label };
 }
 function sizeSm() {
-    var container = {};
     var button = {
         fontSize: 'xs',
         minW: 34,
@@ -52,11 +49,10 @@ function sizeSm() {
     var label = {
         size: 'sm'
     };
-    return { container: container, button: button, label: label };
+    return { button: button, label: label };
 }
 function variantContained(props) {
     var c = props.colorScheme;
-    var container = {};
     var button = {
         thumb: {
             bg: 'white'
@@ -66,8 +62,7 @@ function variantContained(props) {
             ring: 3
         }
     };
-    var label = {};
-    return { container: container, button: button, label: label };
+    return { button: button };
 }
 var defaultProps = {
     colorScheme: 'blue',

package/system/custom.d.ts

@@ -1,20 +1,3 @@
-import { BorderRadiusProp } from './borders';
-export interface BorderRadiusBottomProps {
-    borderRadiusBottom?: BorderRadiusProp;
-}
-export declare const borderRadiusBottom: import("@xstyled/styled-components").StyleGenerator;
-export interface BorderRadiusLeftProps {
-    borderRadiusLeft?: BorderRadiusProp;
-}
-export declare const borderRadiusLeft: import("@xstyled/styled-components").StyleGenerator;
-export interface BorderRadiusRightProps {
-    borderRadiusRight?: BorderRadiusProp;
-}
-export declare const borderRadiusRight: import("@xstyled/styled-components").StyleGenerator;
-export interface BorderRadiusTopProps {
-    borderRadiusTop?: BorderRadiusProp;
-}
-export declare const borderRadiusTop: import("@xstyled/styled-components").StyleGenerator;
 export interface IsTruncatedProps {
     isTruncated?: boolean;
 }

package/system/custom.js

@@ -1,27 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wordBreak = exports.spaceAround = exports.maxLines = exports.isTruncated = exports.borderRadiusTop = exports.borderRadiusRight = exports.borderRadiusLeft = exports.borderRadiusBottom = void 0;
+exports.wordBreak = exports.spaceAround = exports.maxLines = exports.isTruncated = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
-exports.borderRadiusBottom = (0, styled_components_1.style)({
-    prop: 'borderRadiusBottom',
-    themeGet: styled_components_1.getRadius,
-    cssProperty: ['borderBottomLeftRadius', 'borderBottomRightRadius']
-});
-exports.borderRadiusLeft = (0, styled_components_1.style)({
-    prop: 'borderRadiusLeft',
-    themeGet: styled_components_1.getRadius,
-    cssProperty: ['borderBottomLeftRadius', 'borderTopLeftRadius']
-});
-exports.borderRadiusRight = (0, styled_components_1.style)({
-    prop: 'borderRadiusRight',
-    themeGet: styled_components_1.getRadius,
-    cssProperty: ['borderBottomRightRadius', 'borderTopRightRadius']
-});
-exports.borderRadiusTop = (0, styled_components_1.style)({
-    prop: 'borderRadiusTop',
-    themeGet: styled_components_1.getRadius,
-    cssProperty: ['borderTopLeftRadius', 'borderTopRightRadius']
-});
 /** Provides styling to truncate single-line text. */
 exports.isTruncated = (0, styled_components_1.style)({
     prop: 'isTruncated',
@@ -52,6 +32,9 @@ exports.spaceAround = (0, styled_components_1.style)({
     themeGet: styled_components_1.getSpace,
     cssProperty: function (value) {
         return {
+            '&': {
+                margin: '-' + value
+            },
             '& > *': {
                 margin: value
             }

package/system/system.d.ts

@@ -4,7 +4,7 @@ import { BordersProps } from './borders';
 import { EffectsProps } from './effects';
 import { FlexboxesProps } from './flexboxes';
 import { InteractivityProps } from './interactivity';
-import { BorderRadiusBottomProps, BorderRadiusLeftProps, BorderRadiusRightProps, BorderRadiusTopProps, IsTruncatedProps, MaxLinesProps, SpaceAroundProps, WordBreakProps } from './custom';
+import { IsTruncatedProps, MaxLinesProps, SpaceAroundProps, WordBreakProps } from './custom';
 import { LayoutProps } from './layout';
 import { SizingProps } from './sizing';
 import { SpaceProps } from './space';
@@ -12,7 +12,7 @@ import { TablesProps } from './tables';
 import { TransformsProps } from './transforms';
 import { TransitionsProps } from './transitions';
 import { TypographyProps } from './typography';
-export interface SystemProps extends AnimationsProps, BackgroundColorProps, BordersProps, BorderRadiusBottomProps, BorderRadiusLeftProps, BorderRadiusRightProps, BorderRadiusTopProps, EffectsProps, FlexboxesProps, InteractivityProps, IsTruncatedProps, LayoutProps, MaxLinesProps, SizingProps, SpaceProps, SpaceAroundProps, TablesProps, TransformsProps, TransitionsProps, TypographyProps, WordBreakProps {
+export interface SystemProps extends AnimationsProps, BackgroundColorProps, BordersProps, EffectsProps, FlexboxesProps, InteractivityProps, IsTruncatedProps, LayoutProps, MaxLinesProps, SizingProps, SpaceProps, SpaceAroundProps, TablesProps, TransformsProps, TransitionsProps, TypographyProps, WordBreakProps {
 }
 declare const _default: import("@xstyled/styled-components").StyleGenerator;
 export default _default;

package/system/system.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = require("@xstyled/styled-components");
 var custom_1 = require("./custom");
-exports.default = (0, styled_components_1.compose)(styled_components_1.animation, styled_components_1.backgroundColor, styled_components_1.borders, custom_1.borderRadiusBottom, custom_1.borderRadiusLeft, custom_1.borderRadiusRight, custom_1.borderRadiusTop, styled_components_1.color, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.interactivity, custom_1.isTruncated, styled_components_1.layout, custom_1.maxLines, styled_components_1.sizing, styled_components_1.space, custom_1.spaceAround, styled_components_1.tables, styled_components_1.transforms, styled_components_1.transitions, styled_components_1.typography, custom_1.wordBreak);
+exports.default = (0, styled_components_1.compose)(styled_components_1.animation, styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.color, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.interactivity, custom_1.isTruncated, styled_components_1.layout, custom_1.maxLines, styled_components_1.sizing, styled_components_1.space, custom_1.spaceAround, styled_components_1.tables, styled_components_1.transforms, styled_components_1.transitions, styled_components_1.typography, custom_1.wordBreak);

package/tag/tag.js

@@ -58,17 +58,17 @@ var tagText_1 = __importDefault(require("./tagText"));
 var core_1 = require("../core");
 var system_1 = require("../system");
 var utils_1 = require("../utils");
-exports.TagBase = styled_components_1.default.span.withConfig((0, core_1.forwardPropConfig)(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tline-height: normal;\n\tposition: relative;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tline-height: normal;\n\tposition: relative;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"])), system_1.system);
+exports.TagBase = styled_components_1.default.span.withConfig((0, core_1.forwardPropConfig)(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tline-height: normal;\n\tposition: relative;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t&[data-disabled='true'] {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t\tuser-select: none;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\tline-height: normal;\n\tposition: relative;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t&[data-disabled='true'] {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t\tuser-select: none;\n\t}\n\n\t", "\n"])), system_1.system);
 exports.Tag = (0, core_1.vui)(function (props, ref) {
-    var casing = props.casing, children = props.children, className = props.className, _a = props.colorScheme, colorScheme = _a === void 0 ? 'blue' : _a, icon = props.icon, iconLeft = props.iconLeft, iconRight = props.iconRight, isFullWidth = props.isFullWidth, _b = props.isInteractive, isInteractive = _b === void 0 ? props.onClick !== undefined : _b, isRound = props.isRound, _c = props.isTruncated, isTruncated = _c === void 0 ? true : _c, itemLeft = props.itemLeft, itemRight = props.itemRight, onDelete = props.onDelete, _d = props.size, size = _d === void 0 ? 'md' : _d, text = props.text, _e = props.variant, variant = _e === void 0 ? 'subtle' : _e, weight = props.weight, rest = __rest(props, ["casing", "children", "className", "colorScheme", "icon", "iconLeft", "iconRight", "isFullWidth", "isInteractive", "isRound", "isTruncated", "itemLeft", "itemRight", "onDelete", "size", "text", "variant", "weight"]);
+    var casing = props.casing, children = props.children, className = props.className, _a = props.colorScheme, colorScheme = _a === void 0 ? 'blue' : _a, disabled = props.disabled, icon = props.icon, iconLeft = props.iconLeft, iconRight = props.iconRight, isFullWidth = props.isFullWidth, _b = props.isInteractive, isInteractive = _b === void 0 ? props.onClick !== undefined : _b, isRound = props.isRound, _c = props.isTruncated, isTruncated = _c === void 0 ? true : _c, itemLeft = props.itemLeft, itemRight = props.itemRight, onClick = props.onClick, onDelete = props.onDelete, _d = props.size, size = _d === void 0 ? 'md' : _d, text = props.text, _e = props.variant, variant = _e === void 0 ? 'subtle' : _e, weight = props.weight, rest = __rest(props, ["casing", "children", "className", "colorScheme", "disabled", "icon", "iconLeft", "iconRight", "isFullWidth", "isInteractive", "isRound", "isTruncated", "itemLeft", "itemRight", "onClick", "onDelete", "size", "text", "variant", "weight"]);
     var styles = (0, core_1.useStyleConfig)('Tag', props);
     var _f = styles.container, activeBg = _f.activeBg, h = _f.h, hoverBg = _f.hoverBg, _g = _f.spaceX, spaceXBase = _g === void 0 ? 0 : _g, tagStyles = __rest(_f, ["activeBg", "h", "hoverBg", "spaceX"]);
-    var context = (0, react_1.useMemo)(function () { return (0, utils_1.filterUndefined)({ colorScheme: colorScheme, size: size, variant: variant }); }, [colorScheme, size, variant]);
+    var context = (0, react_1.useMemo)(function () { return (0, utils_1.filterUndefined)({ colorScheme: colorScheme, disabled: disabled, size: size, variant: variant }); }, [colorScheme, disabled, size, variant]);
     var spaceX = spaceXBase / 8;
     var spaceXText = (spaceXBase + 4) / 8;
     var pl = icon || itemLeft || iconLeft ? spaceX : spaceXText;
     var pr = icon || itemRight || iconRight ? spaceX : spaceXText;
-    var interactiveProps = isInteractive
+    var interactiveProps = !disabled && isInteractive
         ? {
             cursor: 'pointer',
             hoverBg: hoverBg,
@@ -80,12 +80,13 @@ exports.Tag = (0, core_1.vui)(function (props, ref) {
         : {};
     var aliasedProps = (0, utils_1.filterUndefined)({
         borderRadius: isRound ? h / 2 : undefined,
+        'data-disabled': disabled,
         fontWeight: weight,
         textTransform: casing,
         w: isFullWidth ? '100%' : undefined
     });
     return (react_1.default.createElement(context_1.TagProvider, { value: context },
-        react_1.default.createElement(exports.TagBase, __assign({ borderRadius: "md", className: (0, utils_1.cs)('vui-tag', className), fontWeight: "medium", h: h, pl: pl, pr: pr, ref: ref, transitionDuration: "fast" }, tagStyles, interactiveProps, aliasedProps, rest),
+        react_1.default.createElement(exports.TagBase, __assign({ borderRadius: "md", className: (0, utils_1.cs)('vui-tag', className), fontWeight: "medium", h: h, onClick: !disabled ? onClick : undefined, pl: pl, pr: pr, ref: ref, transitionDuration: "fast" }, tagStyles, interactiveProps, aliasedProps, rest),
             (0, utils_1.isString)(icon) ? react_1.default.createElement(tagIcon_1.default, { name: icon }) : icon,
             !icon && (react_1.default.createElement(react_1.default.Fragment, null,
                 itemLeft,

package/tag/tag.types.d.ts

@@ -6,6 +6,7 @@ import { AnyElement } from '../utils';
 export interface TagProps extends SystemProps, ThemingProps<'Tag'> {
     casing?: TypographyProps['textTransform'];
     colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
+    disabled?: boolean;
     icon?: IconProp | AnyElement;
     iconLeft?: IconProp | AnyElement;
     iconRight?: IconProp | AnyElement;

package/tag/tagButton.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,10 +32,10 @@ var button_1 = __importDefault(require("../button"));
 var core_1 = require("../core");
 exports.TagButton = (0, core_1.vui)(function (props, ref) {
     var _a;
-    var tagProps = (_a = (0, context_1.useTag)()) !== null && _a !== void 0 ? _a : {};
+    var _b = (_a = (0, context_1.useTag)()) !== null && _a !== void 0 ? _a : {}, disabled = _b.disabled, tagProps = __rest(_b, ["disabled"]);
     var mergedProps = __assign(__assign({}, tagProps), props);
     var styles = (0, core_1.useStyleConfig)('Tag', mergedProps);
-    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-tagButton", colorScheme: mergedProps.colorScheme, icon: "falTimes", isRound: true, mr: -0.5, ref: ref }, styles.button, props)));
+    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-tagButton", colorScheme: mergedProps.colorScheme, disabled: disabled, icon: "falTimes", isRound: true, mr: -0.5, ref: ref }, styles.button, props)));
 });
 exports.TagButton.displayName = 'TagButton';
 exports.default = exports.TagButton;

package/textarea/textarea.types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../core';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
+import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../utils';
 export interface TextareaProps extends SystemProps, ThemingProps<'Textarea'> {
     autoFocus?: boolean;
     children?: never;

package/theme/components.d.ts

@@ -26,16 +26,13 @@ declare const _default: {
                 h: number;
                 iconSize: string;
             };
+            xl: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
         };
         variants: {
-            outlined: (props: import("..").Dict<any>) => {
-                borderColor: string;
-                borderWidth: number;
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
             solid: (props: import("..").Dict<any>) => {
                 hoverBg: string;
                 activeBg: string;
@@ -348,28 +345,45 @@ declare const _default: {
             size: string;
             variant: string;
         };
+        parts: string[];
         sizes: {
-            xs: {
-                fontSize: string;
-            };
             sm: {
-                fontSize: string;
+                container: {
+                    fontSize: string;
+                };
+                icon: {
+                    size: string;
+                };
             };
             md: {
-                fontSize: string;
+                container: {
+                    fontSize: string;
+                };
+                icon: {
+                    size: string;
+                };
             };
             lg: {
-                fontSize: string;
+                container: {
+                    fontSize: string;
+                };
+                icon: {
+                    size: string;
+                };
             };
         };
         variants: {
             default: (props: import("..").Dict<any>) => {
-                color: string;
-                hoverColor: string;
+                container: {
+                    color: string;
+                    hoverColor: string;
+                };
             };
             light: (props: import("..").Dict<any>) => {
-                color: string;
-                hoverColor: string;
+                container: {
+                    color: string;
+                    hoverColor: string;
+                };
             };
         };
     };
@@ -382,8 +396,6 @@ declare const _default: {
         parts: string[];
         sizes: {
             sm: {
-                container: {};
-                heading: {};
                 icon: {
                     size: string;
                 };
@@ -391,11 +403,8 @@ declare const _default: {
                     fontSize: string;
                     h: number;
                 };
-                text: {};
             };
             md: {
-                container: {};
-                heading: {};
                 icon: {
                     size: string;
                 };
@@ -403,11 +412,8 @@ declare const _default: {
                     fontSize: string;
                     h: number;
                 };
-                text: {};
             };
             lg: {
-                container: {};
-                heading: {};
                 item: {
                     fontSize: string;
                     h: number;
@@ -415,11 +421,8 @@ declare const _default: {
                 icon: {
                     size: string;
                 };
-                text: {};
             };
             xl: {
-                container: {};
-                heading: {};
                 item: {
                     fontSize: string;
                     h: number;
@@ -427,16 +430,11 @@ declare const _default: {
                 icon: {
                     scale: number;
                 };
-                text: {};
             };
         };
         variants: {
             default: (props: import("..").Dict<any>) => {
-                container: {};
-                heading: {};
-                icon: {};
                 item: import("..").Dict<any>;
-                text: {};
             };
             ordered: {
                 container: {
@@ -685,7 +683,6 @@ declare const _default: {
         parts: string[];
         sizes: {
             sm: () => {
-                container: {};
                 button: {
                     fontSize: string;
                     minW: number;
@@ -702,7 +699,6 @@ declare const _default: {
                 };
             };
             md: () => {
-                container: {};
                 button: {
                     fontSize: string;
                     minW: number;
@@ -719,7 +715,6 @@ declare const _default: {
                 };
             };
             lg: () => {
-                container: {};
                 button: {
                     fontSize: string;
                     minW: number;
@@ -738,7 +733,6 @@ declare const _default: {
         };
         variants: {
             contained: (props: import("..").Dict<any>) => {
-                container: {};
                 button: {
                     thumb: {
                         bg: string;
@@ -748,7 +742,6 @@ declare const _default: {
                         ring: number;
                     };
                 };
-                label: {};
             };
         };
     };