@veracity/vui 2.4.1 → 2.5.0-beta.1

package/dist/esm/index.js

@@ -34,6 +34,7 @@ export * from './panel';
 export * from './popover';
 export * from './portal';
 export * from './progress';
+export * from './progressCircular';
 export * from './radio';
 export * from './select';
 export * from './sidemenu';

package/dist/esm/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/esm/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/esm/progress/progress.js

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/progressCircular/consts.js

@@ -0,0 +1,11 @@
+export const absCenterStyles = {
+    position: 'absolute',
+    w: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 100
+};
+export const labelBottom = -16;
+export const maxValue = 100;

package/dist/esm/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/esm/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/esm/progressCircular/index.js

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

package/dist/esm/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/esm/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;AAaD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DAoD3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/esm/progressCircular/progressCircular.js

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from 'react';
+import { Box } from '../box';
+import { styled, useStyleConfig, vui } from '../core';
+import { T } from '../t';
+import { cs } from '../utils';
+import { absCenterStyles, labelBottom, maxValue } from './consts';
+export const ProgressCircularBase = styled.divBox `
+  display: flex;
+  position: relative;
+  width: 100%;
+`;
+const Circle = styled.circle `
+  fill: transparent;
+  stroke: hsl(223, 67%, 95%);
+`;
+const ProgressCircle = styled(Circle) `
+  stroke: hsl(223, 67%, 18%);
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+  transition: stroke-dashoffset 0.5s ease-out;
+`;
+/** [Beta] Indicates a process progress. */
+export const ProgressCircular = vui((props, ref) => {
+    const { children, className, label, value = 0, showPercentage, ...rest } = props;
+    const styles = useStyleConfig('ProgressCircular', props);
+    const [progress, setProgress] = useState(value);
+    useEffect(() => {
+        setProgress(value ? Math.ceil(value) : 0);
+    }, [value]);
+    useEffect(() => {
+        const w = !value ? 0 : Math.ceil(value);
+        setProgress(w > maxValue ? maxValue : w);
+    }, [value]);
+    const radius = maxValue / 2 - styles.strokeWidth * 2;
+    const angle = radius * 2 * Math.PI;
+    const offset = angle - (progress / maxValue) * angle;
+    return (React.createElement(ProgressCircularBase, { className: cs('vui-progress-circular', className), ref: ref, w: styles.width, ...rest },
+        React.createElement("svg", { "aria-valuemax": 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.createElement(Circle, { cx: "50", cy: "50", r: radius, strokeWidth: styles.strokeWidth }),
+            React.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
+        React.createElement(Box, { ...absCenterStyles, top: styles.top }, children ? children : showPercentage ? React.createElement(T, { fontSize: styles.fontSize },
+            progress,
+            "%") : null),
+        !!label && (React.createElement(Box, { ...absCenterStyles, bottom: labelBottom },
+            React.createElement(T, { fontSize: styles.fontSize }, label)))));
+});
+export default ProgressCircular;

package/dist/esm/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/esm/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/esm/progressCircular/progressCircular.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,35 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: 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: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

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

package/dist/esm/progressCircular/theme.js

@@ -0,0 +1,22 @@
+const baseStyle = {};
+const defaultProps = {
+    size: 'md'
+};
+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 = {};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/esm/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/esm/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/esm/radio/consts.js

@@ -0,0 +1,5 @@
+export const radioColors = {
+    main: 'seaBlue.main',
+    hover: 'seaBlue.40',
+    disabled: 'sandstone.main'
+};

package/dist/esm/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/esm/radio/radio.js

@@ -3,6 +3,7 @@ import { omitThemingProps, styled, th, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import T from '../t';
 import { cs, filterUndefined } from '../utils';
+import { radioColors } from './consts';
 import { useRadioGroupContext } from './context';
 const RadioControl = styled.spanBox `
   border-radius: 50%;
@@ -34,11 +35,11 @@ export const RadioBase = styled.labelBox `
   }
 
   &[aria-disabled='true'] {
-    color: disabled.color;
+    color: ${radioColors.disabled};
     cursor: not-allowed;
 
     .vui-radioControl {
-      color: disabled.color;
+      color: ${radioColors.disabled};
     }
   }
 `;
@@ -56,8 +57,8 @@ export const Radio = vui((props, ref) => {
     const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
     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 : radioColors.main;
+    const controlHoverColor = hoverColor ? hoverColor : radioColors.hover;
     useEffect(() => {
         if (groupIsChecked !== undefined) {
             setIsChecked(groupIsChecked === value);

package/dist/esm/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 Available theme colors for this component. */
     colorScheme?: 'blue' | 'prussian';
     /** Disables radio and related elements with the right styling. */
     disabled?: boolean;

package/dist/esm/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,6DAA6D;IAC7D,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/esm/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/esm/radio/radioGroup.js

@@ -12,14 +12,13 @@ export const RadioGroupBase = styled.divBox `
  * Exposes some props to the children via context.
  */
 export const RadioGroup = vui((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } = props;
+    const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } = props;
     const [isChecked, setIsChecked] = useState(value ?? defaultValue);
     const handleOnChange = useCallback((e) => {
         setIsChecked(e.target.value);
         onChange?.(e);
     }, [onChange]);
     const context = useMemo(() => filterUndefined({
-        colorScheme,
         defaultValue,
         disabled,
         isChecked,
@@ -30,7 +29,7 @@ export const RadioGroup = 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 = filterUndefined({
         flexDirection: isRow ? 'row' : undefined
     });

package/dist/esm/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 Available theme colors for this component. */
     colorScheme?: 'blue' | 'prussian';
     /** Passes the prop to each radio. */
     disabled?: boolean;

package/dist/esm/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,6DAA6D;IAC7D,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/esm/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/esm/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"}

package/dist/esm/radio/theme.js

@@ -1,21 +1,12 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const control = {
-        color: `${c}.80`,
-        hoverColor: `${c}.90`
-    };
-    if (c === 'prussian') {
-        control.hoverColor = 'prussian.70';
+import { radioColors } from './consts';
+const baseStyle = {
+    control: {
+        color: radioColors.main,
+        hoverColor: radioColors.hover
     }
-    return {
-        control
-    };
-}
-const baseStyle = {};
+};
 const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
+    size: 'md'
 };
 const parts = ['container', 'control', 'label'];
 const sizes = {
@@ -47,9 +38,7 @@ const sizes = {
         }
     }
 };
-const variants = {
-    default: variantDefault
-};
+const variants = {};
 export default {
     baseStyle,
     defaultProps,

package/dist/esm/theme/components.d.ts

@@ -595,11 +595,14 @@ declare const _default: {
         variants: {};
     };
     Checkbox: {
-        baseStyle: {};
+        baseStyle: {
+            control: {
+                color: string;
+                hoverColor: string;
+            };
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
-            variant: string;
         };
         parts: string[];
         sizes: {
@@ -631,14 +634,7 @@ declare const _default: {
                 };
             };
         };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
+        variants: {};
     };
     Dialog: {
         baseStyle: {};
@@ -1380,6 +1376,39 @@ declare const _default: {
         };
         variants: {};
     };
+    ProgressCircular: {
+        baseStyle: {};
+        defaultProps: {
+            size: 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: {};
+    };
     Popover: {
         baseStyle: {};
         defaultProps: {};
@@ -1388,11 +1417,14 @@ declare const _default: {
         variants: {};
     };
     Radio: {
-        baseStyle: {};
+        baseStyle: {
+            control: {
+                color: string;
+                hoverColor: string;
+            };
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
-            variant: string;
         };
         parts: string[];
         sizes: {
@@ -1424,14 +1456,7 @@ declare const _default: {
                 };
             };
         };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
+        variants: {};
     };
     Select: {
         baseStyle: {};

package/dist/esm/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,wBA4CC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,wBA6CC"}

package/dist/esm/theme/components.js

@@ -28,6 +28,7 @@ import Pagination from '../pagination/theme';
 import Panel from '../panel/theme';
 import Popover from '../popover/theme';
 import Progress from '../progress/theme';
+import ProgressCircular from '../progressCircular/theme';
 import Radio from '../radio/theme';
 import Select from '../select/theme';
 import Sidemenu from '../sidemenu/theme';
@@ -75,6 +76,7 @@ export default {
     Pagination,
     Panel,
     Progress,
+    ProgressCircular,
     Popover,
     Radio,
     Select,