@veracity/vui 2.5.0-beta.0 → 2.5.0

package/dist/cjs/index.js

@@ -50,6 +50,7 @@ __exportStar(require("./panel"), exports);
 __exportStar(require("./popover"), exports);
 __exportStar(require("./portal"), exports);
 __exportStar(require("./progress"), exports);
+__exportStar(require("./progressCircular"), exports);
 __exportStar(require("./radio"), exports);
 __exportStar(require("./select"), exports);
 __exportStar(require("./sidemenu"), exports);

package/dist/cjs/input/inputInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAoB1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAmBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"inputInput.d.ts","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,cAAc,2GAe1B,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0DAmBrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/cjs/input/inputInput.js

@@ -30,13 +30,8 @@ exports.InputInputBase = core_1.styled.input `
   outline: none;
   padding: 0 1;
 
-  &::placeholder {
-    color: grey.60;
-  }
-
   &[aria-disabled='true'],
   &[aria-disabled='true']::placeholder {
-    color: disabled.color;
     cursor: not-allowed;
   }
 `;

package/dist/cjs/panel/theme.js

@@ -11,7 +11,7 @@ const variants = {
     },
     outlined: {
         border: 1,
-        borderColor: 'grey.40'
+        borderColor: 'sandstone.main'
     }
 };
 exports.default = {

package/dist/cjs/progress/progress.d.ts

@@ -1,6 +1,6 @@
 import { ProgressProps } from './progress.types';
 export declare const ProgressBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Indicates a process progress. */
+/** [Beta] Indicates a process progress. */
 export declare const Progress: import("../core").VuiComponent<"div", ProgressProps>;
 export default Progress;
 //# sourceMappingURL=progress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,eAAO,MAAM,YAAY,+HAGxB,CAAA;AAID,oCAAoC;AACpC,eAAO,MAAM,QAAQ,sDAoCnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,eAAO,MAAM,YAAY,+HAGxB,CAAA;AAKD,2CAA2C;AAC3C,eAAO,MAAM,QAAQ,sDAuCnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/cjs/progress/progress.js

@@ -44,16 +44,19 @@ exports.ProgressBase = core_1.styled.divBox `
   width: 100%;
 `;
 const minPercentageDisplay = 3;
-/** Indicates a process progress. */
+const maxValue = 100;
+/** [Beta] Indicates a process progress. */
 exports.Progress = (0, core_1.vui)((props, ref) => {
-    const { className, size = 'md', value = 0, max = 100, showPercentage } = props, rest = __rest(props, ["className", "size", "value", "max", "showPercentage"]);
+    const { className, value = 0, showPercentage } = props, rest = __rest(props, ["className", "value", "showPercentage"]);
     const [width, setWidth] = (0, react_1.useState)(0);
     const styles = (0, core_1.useStyleConfig)('Progress', props);
     (0, react_1.useEffect)(() => {
-        const w = !value ? 0 : Math.ceil((value / max) * 100);
-        setWidth(w > 100 ? 100 : w);
-    }, [value, max]);
-    return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: "grey.10", borderRadius: "sm", h: 1 }),
-        react_1.default.createElement(box_1.Box, { bg: "seaBlue.main", borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
+        const w = !value ? 0 : Math.ceil(value);
+        setWidth(w > maxValue ? maxValue : w);
+    }, [value]);
+    const bg = rest.bg || styles.bg;
+    const color = rest.color || styles.color;
+    return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: bg, borderRadius: "sm", h: 1 }),
+        react_1.default.createElement(box_1.Box, { bg: color, borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
 });
 exports.default = exports.Progress;

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

@@ -2,7 +2,6 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export declare type ProgressProps = SystemProps & ThemingProps<'Progress'> & {
     value?: number;
-    max?: number;
     showPercentage?: boolean;
 };
 //# sourceMappingURL=progress.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.types.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}
+{"version":3,"file":"progress.types.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}

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

@@ -2,6 +2,7 @@ declare const _default: {
     baseStyle: {};
     defaultProps: {
         size: string;
+        variant: string;
     };
     sizes: {
         sm: {
@@ -41,7 +42,20 @@ declare const _default: {
             };
         };
     };
-    variants: {};
+    variants: {
+        primary: {
+            bg: string;
+            color: string;
+        };
+        green: {
+            bg: string;
+            color: string;
+        };
+        red: {
+            bg: string;
+            color: string;
+        };
+    };
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/progress/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/progress/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,wBAKC"}

package/dist/cjs/progress/theme.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const baseStyle = {};
 const defaultProps = {
-    size: 'md'
+    size: 'md',
+    variant: 'primary'
 };
 const sizes = {
     sm: {
@@ -42,7 +43,20 @@ const sizes = {
         }
     }
 };
-const variants = {};
+const variants = {
+    primary: {
+        bg: 'darkBlue.95',
+        color: 'darkBlue.main'
+    },
+    green: {
+        bg: 'landGreen.95',
+        color: 'landGreen.main'
+    },
+    red: {
+        bg: 'energyRed.95',
+        color: 'energyRed.main'
+    }
+};
 exports.default = {
     baseStyle,
     defaultProps,

package/dist/cjs/progressCircular/consts.d.ts

@@ -0,0 +1,12 @@
+export declare const absCenterStyles: {
+    position: string;
+    w: string;
+    left: number;
+    right: number;
+    alignItems: string;
+    justifyContent: string;
+    zIndex: number;
+};
+export declare const labelBottom = -16;
+export declare const maxValue = 100;
+//# sourceMappingURL=consts.d.ts.map

package/dist/cjs/progressCircular/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,QAAQ,MAAM,CAAA"}

package/dist/cjs/progressCircular/consts.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maxValue = exports.labelBottom = exports.absCenterStyles = void 0;
+exports.absCenterStyles = {
+    position: 'absolute',
+    w: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 100
+};
+exports.labelBottom = -16;
+exports.maxValue = 100;

package/dist/cjs/progressCircular/index.d.ts

@@ -0,0 +1,4 @@
+export * from './progressCircular';
+export { default } from './progressCircular';
+export * from './progressCircular.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/progressCircular/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,cAAc,0BAA0B,CAAA"}

package/dist/cjs/progressCircular/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./progressCircular"), exports);
+var progressCircular_1 = require("./progressCircular");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(progressCircular_1).default; } });
+__exportStar(require("./progressCircular.types"), exports);

package/dist/cjs/progressCircular/progressCircular.d.ts

@@ -0,0 +1,6 @@
+import { ProgressCircularProps } from './progressCircular.types';
+export declare const ProgressCircularBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** [Beta] Indicates a process progress. */
+export declare const ProgressCircular: import("../core").VuiComponent<"div", ProgressCircularProps>;
+export default ProgressCircular;
+//# sourceMappingURL=progressCircular.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA6D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/progressCircular/progressCircular.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressCircular = exports.ProgressCircularBase = void 0;
+const react_1 = __importStar(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const t_1 = require("../t");
+const utils_1 = require("../utils");
+const consts_1 = require("./consts");
+exports.ProgressCircularBase = core_1.styled.divBox `
+  display: flex;
+  position: relative;
+  width: 100%;
+`;
+const MainCircle = core_1.styled.circle `
+  fill: transparent;
+`;
+const ProgressCircle = (0, core_1.styled)(MainCircle) `
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+  transition: stroke-dashoffset 0.5s ease-out;
+`;
+/** [Beta] Indicates a process progress. */
+exports.ProgressCircular = (0, core_1.vui)((props, ref) => {
+    const { children, className, label, value = 0, showPercentage } = props, rest = __rest(props, ["children", "className", "label", "value", "showPercentage"]);
+    const styles = (0, core_1.useStyleConfig)('ProgressCircular', props);
+    const [progress, setProgress] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        setProgress(value ? Math.ceil(value) : 0);
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        const w = !value ? 0 : Math.ceil(value);
+        setProgress(w > consts_1.maxValue ? consts_1.maxValue : w);
+    }, [value]);
+    const radius = consts_1.maxValue / 2 - styles.strokeWidth * 2;
+    const angle = radius * 2 * Math.PI;
+    const offset = angle - (progress / consts_1.maxValue) * angle;
+    return (react_1.default.createElement(exports.ProgressCircularBase, Object.assign({ className: (0, utils_1.cs)('vui-progress-circular', className), ref: ref, w: styles.width }, rest),
+        react_1.default.createElement("svg", { "aria-valuemax": consts_1.maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
+            react_1.default.createElement(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }),
+            react_1.default.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
+        react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { top: styles.top }), children ? (children) : showPercentage ? (react_1.default.createElement(t_1.T, { color: styles.color, fontSize: styles.fontSize },
+            progress,
+            "%")) : null),
+        !!label && (react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { bottom: consts_1.labelBottom }),
+            react_1.default.createElement(t_1.T, { color: styles.color, fontSize: styles.fontSize }, label)))));
+});
+exports.default = exports.ProgressCircular;

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

@@ -0,0 +1,8 @@
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export declare type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {
+    label?: string;
+    value?: number;
+    showPercentage?: boolean;
+};
+//# sourceMappingURL=progressCircular.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressCircular.types.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,qBAAqB,GAAG,WAAW,GAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}

package/dist/cjs/progressCircular/progressCircular.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,57 @@
+declare const _default: {
+    baseStyle: {
+        color: string;
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    sizes: {
+        sm: {
+            strokeWidth: number;
+            width: number;
+            top: number;
+            fontSize: number;
+        };
+        md: {
+            strokeWidth: number;
+            width: number;
+            top: number;
+            fontSize: number;
+        };
+        lg: {
+            strokeWidth: number;
+            width: number;
+            top: number;
+            fontSize: number;
+        };
+        xl: {
+            strokeWidth: number;
+            width: number;
+            top: number;
+            fontSize: number;
+        };
+    };
+    variants: {
+        primary: {
+            stroke: {
+                main: string;
+                progress: string;
+            };
+        };
+        green: {
+            stroke: {
+                main: string;
+                progress: string;
+            };
+        };
+        red: {
+            stroke: {
+                main: string;
+                progress: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,wBAKC"}

package/dist/cjs/progressCircular/theme.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const colors_1 = require("../theme/foundations/colors");
+const baseStyle = {
+    color: 'darkBlue.main'
+};
+const defaultProps = {
+    size: 'md',
+    variant: 'primary'
+};
+const sizes = {
+    sm: {
+        strokeWidth: 4,
+        width: 46,
+        top: 15,
+        fontSize: 12
+    },
+    md: { strokeWidth: 5, width: 80, top: 30, fontSize: 16 },
+    lg: { strokeWidth: 6, width: 120, top: 48, fontSize: 18 },
+    xl: { strokeWidth: 7, width: 160, top: 64, fontSize: 22 }
+};
+const variants = {
+    primary: {
+        stroke: {
+            main: colors_1.darkBlue[95],
+            progress: colors_1.darkBlue.main
+        }
+    },
+    green: {
+        stroke: {
+            main: colors_1.landGreen[95],
+            progress: colors_1.landGreen.main
+        }
+    },
+    red: {
+        stroke: {
+            main: colors_1.energyRed[95],
+            progress: colors_1.energyRed.main
+        }
+    }
+};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/cjs/radio/consts.d.ts

@@ -0,0 +1,6 @@
+export declare const radioColors: {
+    main: string;
+    hover: string;
+    disabled: string;
+};
+//# sourceMappingURL=consts.d.ts.map

package/dist/cjs/radio/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAA"}

package/dist/cjs/radio/consts.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioColors = void 0;
+exports.radioColors = {
+    main: 'seaBlue.main',
+    hover: 'seaBlue.40',
+    disabled: 'sandstone.main'
+};

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA2FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/cjs/radio/radio.js

@@ -43,6 +43,7 @@ const core_1 = require("../core");
 const icon_1 = __importDefault(require("../icon"));
 const t_1 = __importDefault(require("../t"));
 const utils_1 = require("../utils");
+const consts_1 = require("./consts");
 const context_1 = require("./context");
 const RadioControl = core_1.styled.spanBox `
   border-radius: 50%;
@@ -74,11 +75,11 @@ exports.RadioBase = core_1.styled.labelBox `
   }
 
   &[aria-disabled='true'] {
-    color: disabled.color;
+    color: ${consts_1.radioColors.disabled};
     cursor: not-allowed;
 
     .vui-radioControl {
-      color: disabled.color;
+      color: ${consts_1.radioColors.disabled};
     }
   }
 `;
@@ -97,8 +98,8 @@ exports.Radio = (0, core_1.vui)((props, ref) => {
     const _e = styles.control, { color: controlColor, hoverColor } = _e, controlStyles = __rest(_e, ["color", "hoverColor"]);
     const icon = isChecked ? iconChecked : iconProp;
     const controlMr = children || label ? 1 : 0;
-    const color = isChecked ? controlColor : 'grey.60';
-    const controlHoverColor = isChecked ? hoverColor : 'grey.90';
+    const color = controlColor ? controlColor : consts_1.radioColors.main;
+    const controlHoverColor = hoverColor ? hoverColor : consts_1.radioColors.hover;
     (0, react_1.useEffect)(() => {
         if (groupIsChecked !== undefined) {
             setIsChecked(groupIsChecked === value);

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

@@ -6,7 +6,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export declare type RadioProps = SystemProps & ThemingProps<'Radio'> & {
     /** Provides value to radio in controlled mode. */
     checked?: boolean;
-    /** Available theme colors for this component. @default blue */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Disables radio and related elements with the right styling. */
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}

package/dist/cjs/radio/radioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAqDrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAuCrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/cjs/radio/radioGroup.js

@@ -49,14 +49,13 @@ exports.RadioGroupBase = core_1.styled.divBox `
  * Exposes some props to the children via context.
  */
 exports.RadioGroup = (0, core_1.vui)((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant } = props, rest = __rest(props, ["className", "colorScheme", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "value", "variant"]);
+    const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant } = props, rest = __rest(props, ["className", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "value", "variant"]);
     const [isChecked, setIsChecked] = (0, react_1.useState)(value !== null && value !== void 0 ? value : defaultValue);
     const handleOnChange = (0, react_1.useCallback)((e) => {
         setIsChecked(e.target.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [onChange]);
     const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({
-        colorScheme,
         defaultValue,
         disabled,
         isChecked,
@@ -67,7 +66,7 @@ exports.RadioGroup = (0, core_1.vui)((props, ref) => {
         size,
         value,
         variant
-    }), [colorScheme, defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant]);
+    }), [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant]);
     const aliasedProps = (0, utils_1.filterUndefined)({
         flexDirection: isRow ? 'row' : undefined
     });

package/dist/cjs/radio/radioGroup.types.d.ts

@@ -2,7 +2,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { ChangeEventHandler, FocusEventHandler } from '../utils';
 export declare type RadioGroupProps = SystemProps & ThemingProps<'Radio'> & {
-    /** Available theme colors for this component. */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Passes the prop to each radio. */
     disabled?: boolean;

package/dist/cjs/radio/radioGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
+{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}

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

@@ -1,16 +1,12 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    control: {
-        color: string;
-        hoverColor: string;
-    };
-};
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        control: {
+            color: string;
+            hoverColor: string;
+        };
+    };
     defaultProps: {
-        colorScheme: string;
         size: string;
-        variant: string;
     };
     parts: string[];
     sizes: {
@@ -42,9 +38,7 @@ declare const _default: {
             };
         };
     };
-    variants: {
-        default: typeof variantDefault;
-    };
+    variants: {};
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,cAAc,CAAC,KAAK,EAAE,IAAI;;;;;EAelC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CD,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}