@veracity/vui 0.0.15 → 0.1.0

package/input/theme.js

@@ -2,42 +2,65 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 function variantDefault(props) {
     var c = props.colorScheme;
-    var styles = {
+    var container = {
         borderColor: c + ".80",
         focusWithinRing: 2,
         focusWithinRingColor: c + ".80"
     };
     if (c === 'grey') {
-        styles.borderColor = c + ".60";
-        styles.focusWithinRingColor = 'blue.50';
+        container.borderColor = c + ".60";
+        container.focusWithinRingColor = 'blue.50';
     }
-    return styles;
+    var icon = {};
+    var input = {};
+    return { container: container, icon: icon, input: input };
 }
 var defaultProps = {
     colorScheme: 'grey',
     size: 'md',
     variant: 'default'
 };
+var parts = ['container', 'icon', 'input'];
 var sizes = {
     xs: {
-        fontSize: 'sm',
-        h: 24,
-        iconSize: 'xs'
+        container: {
+            fontSize: 'sm',
+            h: 24
+        },
+        icon: {
+            size: 'xs'
+        },
+        input: {}
     },
     sm: {
-        fontSize: 'sm',
-        h: 32,
-        iconSize: 'sm'
+        container: {
+            fontSize: 'sm',
+            h: 32
+        },
+        icon: {
+            size: 'sm'
+        },
+        input: {}
     },
     md: {
-        fontSize: 'md',
-        h: 40,
-        iconSize: 'md'
+        container: {
+            fontSize: 'md',
+            h: 40
+        },
+        icon: {
+            size: 'md'
+        },
+        input: {}
     },
     lg: {
-        fontSize: 'lg',
-        h: 48,
-        iconSize: 'md'
+        container: {
+            fontSize: 'lg',
+            h: 48
+        },
+        icon: {
+            size: 'md'
+        },
+        input: {}
     }
 };
 var variants = {
@@ -45,6 +68,7 @@ var variants = {
 };
 exports.default = {
     defaultProps: defaultProps,
+    parts: parts,
     sizes: sizes,
     variants: variants
 };

package/list/index.d.ts

@@ -1,6 +1,8 @@
 export * from './context';
 export * from './list';
 export * from './list.types';
+export * from './listHeading';
+export * from './listIcon';
 export * from './listItem';
-export * from './listItem.types';
+export * from './listText';
 export { default } from './list';

package/list/index.js

@@ -17,7 +17,9 @@ exports.default = void 0;
 __exportStar(require("./context"), exports);
 __exportStar(require("./list"), exports);
 __exportStar(require("./list.types"), exports);
+__exportStar(require("./listHeading"), exports);
+__exportStar(require("./listIcon"), exports);
 __exportStar(require("./listItem"), exports);
-__exportStar(require("./listItem.types"), exports);
+__exportStar(require("./listText"), exports);
 var list_1 = require("./list");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(list_1).default; } });

package/list/list.d.ts

@@ -2,6 +2,7 @@ import { ListProps } from './list.types';
 import ListHeading from './listHeading';
 import ListIcon from './listIcon';
 import ListItem from './listItem';
+import ListText from './listText';
 import { VuiComponent } from '../core';
 import { SystemProps } from '../system';
 export declare const ListBase: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, SystemProps, never>;
@@ -9,5 +10,6 @@ export declare const List: VuiComponent<"ul", ListProps> & {
     Heading: typeof ListHeading;
     Icon: typeof ListIcon;
     Item: typeof ListItem;
+    Text: typeof ListText;
 };
 export default List;

package/list/list.js

@@ -55,6 +55,7 @@ var context_1 = require("./context");
 var listHeading_1 = __importDefault(require("./listHeading"));
 var listIcon_1 = __importDefault(require("./listIcon"));
 var listItem_1 = __importDefault(require("./listItem"));
+var listText_1 = __importDefault(require("./listText"));
 var core_1 = require("../core");
 var system_1 = require("../system");
 var utils_1 = require("../utils");
@@ -70,12 +71,13 @@ exports.List = core_1.vui(function (props, ref) {
     ]);
     return (react_1.default.createElement(context_1.ListProvider, { value: context },
         react_1.default.createElement(exports.ListBase, __assign({ className: utils_1.cs('vui-list', className), ref: ref }, styles.container, rest),
-            heading && react_1.default.createElement(listHeading_1.default, null, heading),
+            utils_1.isReactText(heading) ? react_1.default.createElement(listHeading_1.default, { text: heading }) : heading,
             children)));
 });
 exports.List.displayName = 'List';
 exports.List.Heading = listHeading_1.default;
 exports.List.Icon = listIcon_1.default;
 exports.List.Item = listItem_1.default;
+exports.List.Text = listText_1.default;
 exports.default = exports.List;
 var templateObject_1;

package/list/list.types.d.ts

@@ -1,8 +1,26 @@
+/// <reference types="react" />
+import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
+import { AnyElement } from '../utils';
 export interface ListProps extends SystemProps, ThemingProps<'List'> {
     colorScheme?: 'blue' | 'grey';
     disabled?: boolean;
-    heading?: string;
+    heading?: React.ReactNode;
     isInteractive?: boolean;
 }
+export interface ListItemProps extends SystemProps, ThemingProps<'List'> {
+    center?: boolean;
+    centerH?: boolean;
+    centerV?: boolean;
+    colorScheme?: 'blue' | 'grey';
+    column?: boolean;
+    disabled?: boolean;
+    iconLeft?: IconProp | AnyElement;
+    iconRight?: IconProp | AnyElement;
+    isInteractive?: boolean;
+    isSelected?: boolean;
+    itemLeft?: React.ReactNode;
+    itemRight?: React.ReactNode;
+    text?: React.ReactNode;
+}

package/list/listHeading.d.ts

@@ -1,3 +1,3 @@
-import { ListItemProps } from './listItem.types';
-export declare const ListHeading: import("../core").VuiComponent<"li", ListItemProps>;
+import { TProps } from '../t';
+export declare const ListHeading: import("../core").VuiComponent<"span", TProps>;
 export default ListHeading;

package/list/listHeading.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListHeading = void 0;
 var react_1 = __importDefault(require("react"));
 var context_1 = require("./context");
-var listItem_1 = __importDefault(require("./listItem"));
 var core_1 = require("../core");
+var t_1 = require("../t");
 exports.ListHeading = core_1.vui(function (props, ref) {
     var _a;
     var listProps = (_a = context_1.useList()) !== null && _a !== void 0 ? _a : {};
     var mergedProps = __assign(__assign({}, listProps), props);
     var styles = core_1.useStyleConfig('List', mergedProps);
-    return (react_1.default.createElement(listItem_1.default, __assign({ className: "vui-listHeading", color: "grey.80", fontSize: "sm", fontWeight: "medium", ref: ref, textTransform: "uppercase" }, styles.heading, props)));
+    return (react_1.default.createElement(t_1.T, __assign({ className: "vui-listHeading", color: "grey.80", display: "inline-block", fontSize: "sm", px: 1, py: 0.5, ref: ref, textTransform: "uppercase", weight: "medium" }, styles.heading, props)));
 });
 exports.ListHeading.displayName = 'ListHeading';
 exports.default = exports.ListHeading;

package/list/listIcon.js

@@ -24,7 +24,7 @@ exports.ListIcon = core_1.vui(function (props, ref) {
     var listProps = (_a = context_1.useList()) !== null && _a !== void 0 ? _a : {};
     var mergedProps = __assign(__assign({}, listProps), props);
     var styles = core_1.useStyleConfig('List', mergedProps);
-    return react_1.default.createElement(icon_1.default, __assign({ ref: ref }, styles.icon, props));
+    return react_1.default.createElement(icon_1.default, __assign({ className: "vui-listIcon", ref: ref }, styles.icon, props));
 });
 exports.ListIcon.displayName = 'ListIcon';
 exports.default = exports.ListIcon;

package/list/listItem.d.ts

@@ -1,4 +1,4 @@
-import { ListItemProps } from './listItem.types';
+import { ListItemProps } from './list.types';
 import { SystemProps } from '../system';
 export declare const ListItemBase: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, SystemProps, never>;
 export declare const ListItem: import("../core").VuiComponent<"li", ListItemProps>;

package/list/listItem.js

@@ -34,14 +34,15 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var context_1 = require("./context");
 var listIcon_1 = __importDefault(require("./listIcon"));
+var listText_1 = __importDefault(require("./listText"));
 var core_1 = require("../core");
 var system_1 = require("../system");
 var utils_1 = require("../utils");
-exports.ListItemBase = styled_components_1.default.li.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tline-height: normal;\n\toutline: none;\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\tdisplay: flex;\n\tline-height: normal;\n\toutline: none;\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.ListItemBase = styled_components_1.default.li.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tline-height: normal;\n\tmargin-bottom: 1px;\n\toutline: none;\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\tdisplay: flex;\n\tline-height: normal;\n\tmargin-bottom: 1px;\n\toutline: none;\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.ListItem = core_1.vui(function (props, ref) {
     var listProps = context_1.useList();
     var mergedProps = __assign(__assign({}, listProps), props);
-    var children = mergedProps.children, center = mergedProps.center, centerH = mergedProps.centerH, _a = mergedProps.centerV, centerV = _a === void 0 ? true : _a, className = mergedProps.className, column = mergedProps.column, disabled = mergedProps.disabled, iconRight = mergedProps.iconRight, iconLeft = mergedProps.iconLeft, _b = mergedProps.isInteractive, isInteractive = _b === void 0 ? props.onClick !== undefined : _b, isSelected = mergedProps.isSelected, onClick = mergedProps.onClick, text = mergedProps.text, rest = __rest(mergedProps, ["children", "center", "centerH", "centerV", "className", "column", "disabled", "iconRight", "iconLeft", "isInteractive", "isSelected", "onClick", "text"]);
+    var children = mergedProps.children, center = mergedProps.center, centerH = mergedProps.centerH, _a = mergedProps.centerV, centerV = _a === void 0 ? true : _a, className = mergedProps.className, column = mergedProps.column, disabled = mergedProps.disabled, iconLeft = mergedProps.iconLeft, iconRight = mergedProps.iconRight, _b = mergedProps.isInteractive, isInteractive = _b === void 0 ? props.onClick !== undefined : _b, isSelected = mergedProps.isSelected, isTruncated = mergedProps.isTruncated, itemLeft = mergedProps.itemLeft, itemRight = mergedProps.itemRight, onClick = mergedProps.onClick, text = mergedProps.text, rest = __rest(mergedProps, ["children", "center", "centerH", "centerV", "className", "column", "disabled", "iconLeft", "iconRight", "isInteractive", "isSelected", "isTruncated", "itemLeft", "itemRight", "onClick", "text"]);
     var styles = core_1.useStyleConfig('List', mergedProps);
     var _c = styles.item, activeBg = _c.activeBg, hoverBg = _c.hoverBg, itemStyles = __rest(_c, ["activeBg", "hoverBg"]);
     var alignItems = (center || (column ? centerH : centerV)) && 'center';
@@ -64,9 +65,11 @@ exports.ListItem = core_1.vui(function (props, ref) {
         flexDirection: flexDirection,
         justifyContent: justifyContent
     });
-    return (react_1.default.createElement(exports.ListItemBase, __assign({ className: utils_1.cs('vui-listItem', className), mb: "1px", onClick: !disabled ? onClick : undefined, px: 1, ref: ref, transitionDuration: "fast" }, itemStyles, interactiveProps, aliasedProps, rest),
-        iconLeft && react_1.default.createElement(listIcon_1.default, { icon: iconLeft, mr: 1 }), children !== null && children !== void 0 ? children : text,
-        iconRight && react_1.default.createElement(listIcon_1.default, { icon: iconRight, ml: "auto" })));
+    return (react_1.default.createElement(exports.ListItemBase, __assign({ className: utils_1.cs('vui-listItem', className), onClick: !disabled ? onClick : undefined, px: 1, ref: ref, transitionDuration: "fast" }, itemStyles, interactiveProps, aliasedProps, rest),
+        itemLeft,
+        utils_1.isString(iconLeft) ? react_1.default.createElement(listIcon_1.default, { mr: 1, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : (utils_1.isReactText(text) ? react_1.default.createElement(listText_1.default, { isTruncated: isTruncated, text: text }) : text),
+        utils_1.isString(iconRight) ? react_1.default.createElement(listIcon_1.default, { ml: "auto", name: iconRight }) : iconRight,
+        itemRight));
 });
 exports.ListItem.displayName = 'ListItem';
 exports.default = exports.ListItem;

package/list/listText.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from '../t';
+export declare const ListText: import("../core").VuiComponent<"span", TProps>;
+export default ListText;

package/list/listText.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListText = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var core_1 = require("../core");
+var t_1 = __importDefault(require("../t"));
+exports.ListText = core_1.vui(function (props, ref) {
+    var _a;
+    var listProps = (_a = context_1.useList()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, listProps), props);
+    var styles = core_1.useStyleConfig('List', mergedProps);
+    return react_1.default.createElement(t_1.default, __assign({ className: "vui-listText", fontSize: "inherit", ref: ref }, styles.text, props));
+});
+exports.ListText.displayName = 'ListText';
+exports.default = exports.ListText;

package/list/theme.d.ts

@@ -1,8 +1,10 @@
 import { Dict } from '../utils';
 declare function variantDefault(props: Dict): {
     container: {};
+    heading: {};
     icon: {};
     item: Dict<any>;
+    text: {};
 };
 declare const _default: {
     defaultProps: {
@@ -13,6 +15,8 @@ declare const _default: {
     parts: string[];
     sizes: {
         sm: {
+            container: {};
+            heading: {};
             icon: {
                 size: string;
             };
@@ -20,8 +24,11 @@ declare const _default: {
                 fontSize: string;
                 h: number;
             };
+            text: {};
         };
         md: {
+            container: {};
+            heading: {};
             icon: {
                 size: string;
             };
@@ -29,24 +36,31 @@ declare const _default: {
                 fontSize: string;
                 h: number;
             };
+            text: {};
         };
         lg: {
-            icon: {
-                size: string;
-            };
+            container: {};
+            heading: {};
             item: {
                 fontSize: string;
                 h: number;
             };
-        };
-        xl: {
             icon: {
-                scale: number;
+                size: string;
             };
+            text: {};
+        };
+        xl: {
+            container: {};
+            heading: {};
             item: {
                 fontSize: string;
                 h: number;
             };
+            icon: {
+                scale: number;
+            };
+            text: {};
         };
     };
     variants: {

package/list/theme.js

@@ -8,51 +8,65 @@ function variantDefault(props) {
         hoverBg: c + ".20"
     };
     var container = {};
+    var heading = {};
     var icon = {};
-    return { container: container, icon: icon, item: item };
+    var text = {};
+    return { container: container, heading: heading, icon: icon, item: item, text: text };
 }
 var defaultProps = {
     colorScheme: 'blue',
     size: 'md',
     variant: 'default'
 };
-var parts = ['container', 'heading', 'icon', 'item'];
+var parts = ['container', '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: {
-        icon: {
-            size: 'lg'
-        },
+        container: {},
+        heading: {},
         item: {
             fontSize: 'md',
             h: 48
-        }
-    },
-    xl: {
+        },
         icon: {
-            scale: 2
+            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.0.15",
+  "version": "0.1.0",
   "description": "Veracity UI React components library based on Styled Components and @xstyled",
   "main": "index.js",
   "author": "Veracity",

package/panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './panel';
+export * from './panel.types';
+export { default } from './panel';

package/panel/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./panel"), exports);
+__exportStar(require("./panel.types"), exports);
+var panel_1 = require("./panel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(panel_1).default; } });

package/panel/panel.d.ts

@@ -0,0 +1,3 @@
+import { PanelProps } from './panel.types';
+export declare const Panel: import("../core").VuiComponent<"div", PanelProps>;
+export default Panel;

package/panel/panel.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panel = void 0;
+var react_1 = __importDefault(require("react"));
+var box_1 = __importDefault(require("../box"));
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+exports.Panel = core_1.vui(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), className = _a.className, rest = __rest(_a, ["className"]);
+    var styles = core_1.useStyleConfig('Panel', props);
+    return (react_1.default.createElement(box_1.default, __assign({ bg: "white", borderRadius: "md", className: utils_1.cs('vui-panel', className), p: 2, ref: ref }, styles, rest)));
+});
+exports.Panel.displayName = 'Panel';
+exports.default = exports.Panel;

package/panel/panel.types.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '../box';
+import { ThemingProps } from '../theme';
+export interface PanelProps extends Omit<BoxProps, 'size' | 'variant'>, ThemingProps<'Panel'> {
+}

package/{tile → panel}/theme.d.ts

@@ -4,19 +4,12 @@ declare const _default: {
     };
     sizes: {};
     variants: {
-        default: {
-            bg: string;
-            borderRadius: string;
+        elevated: {
             shadow: string;
-            hoverShadow: string;
-            p: number;
         };
         outlined: {
-            bg: string;
             border: number;
             borderColor: string;
-            borderRadius: string;
-            p: number;
         };
     };
 };

package/{tile → panel}/theme.js

@@ -1,23 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var defaultProps = {
-    variant: 'default'
+    variant: 'elevated'
 };
 var sizes = {};
 var variants = {
-    default: {
-        bg: 'white',
-        borderRadius: 'md',
-        shadow: '1',
-        hoverShadow: '3',
-        p: 2
+    elevated: {
+        shadow: '1'
     },
     outlined: {
-        bg: 'white',
         border: 1,
-        borderColor: 'grey.40',
-        borderRadius: 'md',
-        p: 2
+        borderColor: 'grey.40'
     }
 };
 exports.default = {

package/radio/radio.js

@@ -50,7 +50,7 @@ exports.Radio = core_1.vui(function (props, ref) {
     var _g = styles.control, controlColor = _g.color, hoverColor = _g.hoverColor, controlStyles = __rest(_g, ["color", "hoverColor"]);
     var icon = checked ? iconChecked : iconProp;
     var controlMr = children || label ? 1 : 0;
-    var color = checked ? controlColor : 'grey.50';
+    var color = checked ? controlColor : 'grey.60';
     var controlHoverColor = checked ? hoverColor : 'grey.90';
     function handleOnChange(e) {
         groupOnChange === null || groupOnChange === void 0 ? void 0 : groupOnChange(e);
@@ -59,7 +59,7 @@ exports.Radio = core_1.vui(function (props, ref) {
     return (react_1.default.createElement(exports.RadioBase, __assign({ className: utils_1.cs('vui-radio', disabled && 'disabled', className), controlHoverColor: controlHoverColor, ref: ref }, styles.container, rest),
         react_1.default.createElement(exports.RadioControl, __assign({ borderRadius: "50%", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr, transitionDuration: "fast" }, controlStyles),
             react_1.default.createElement(exports.RadioInput, __assign({ className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio" }, { checked: checked, defaultChecked: defaultChecked, disabled: disabled, name: name, required: required, value: value }, inputProps)),
-            react_1.default.createElement(icon_1.default, { className: "vui-radioIcon", h: "100%", icon: icon, w: "100%" })), children !== null && children !== void 0 ? children : (label && (react_1.default.createElement(t_1.default, __assign({ className: "vui-radioLabel", lineHeight: "normal" }, styles.label), label)))));
+            react_1.default.createElement(icon_1.default, { className: "vui-radioIcon", h: "100%", name: icon, w: "100%" })), children !== null && children !== void 0 ? children : (label && (react_1.default.createElement(t_1.default, __assign({ className: "vui-radioLabel", lineHeight: "normal" }, styles.label), label)))));
 });
 exports.Radio.displayName = 'Radio';
 exports.default = exports.Radio;

package/radio/radio.types.d.ts

@@ -5,7 +5,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export interface RadioProps extends SystemProps, ThemingProps<'Radio'> {
     checked?: boolean;
-    colorScheme?: 'blue' | 'green' | 'prussian' | 'red';
+    colorScheme?: 'blue' | 'prussian';
     disabled?: boolean;
     icon?: IconProp;
     iconChecked?: IconProp;

package/radio/radioGroup.types.d.ts

@@ -2,7 +2,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../core';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export interface RadioGroupProps extends SystemProps, ThemingProps<'Radio'> {
-    colorScheme?: 'blue' | 'green' | 'prussian' | 'red';
+    colorScheme?: 'blue' | 'prussian';
     disabled?: boolean;
     name?: string;
     onBlur?: FocusEventHandler;

package/switch/index.d.ts

@@ -2,6 +2,5 @@ export * from './context';
 export * from './switch';
 export * from './switch.types';
 export * from './switchButton';
-export * from './switchButton.types';
 export * from './switchLabel';
 export { default } from './switch';

package/switch/index.js

@@ -18,7 +18,6 @@ __exportStar(require("./context"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./switch.types"), exports);
 __exportStar(require("./switchButton"), exports);
-__exportStar(require("./switchButton.types"), exports);
 __exportStar(require("./switchLabel"), exports);
 var switch_1 = require("./switch");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(switch_1).default; } });