@veracity/vui 2.5.0-beta.0 → 2.5.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAwBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAoFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAmFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/cjs/checkbox/checkbox.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 CheckboxControl = core_1.styled.spanBox `
   border-radius: none;
@@ -74,11 +75,11 @@ exports.CheckboxBase = core_1.styled.labelBox `
   }
 
   &[aria-disabled='true'] {
-    color: disabled.color;
+    color: ${consts_1.checkboxColors.disabled};
     cursor: not-allowed;
 
     .vui-checkboxControl {
-      color: disabled.color;
+      color: ${consts_1.checkboxColors.disabled};
     }
   }
 `;
@@ -94,11 +95,10 @@ exports.Checkbox = (0, core_1.vui)((props, ref) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(defaultChecked);
     const styles = (0, core_1.useStyleConfig)('Checkbox', mergedProps);
     const _d = styles.control, { color: controlColor, hoverColor } = _d, controlStyles = __rest(_d, ["color", "hoverColor"]);
-    const isFilled = isChecked || isIndeterminate;
     const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
     const controlMr = children || label ? 1 : 0;
-    const color = isFilled ? controlColor : 'grey.60';
-    const controlHoverColor = isFilled ? hoverColor : 'grey.90';
+    const color = controlColor ? controlColor : consts_1.checkboxColors.main;
+    const controlHoverColor = hoverColor ? hoverColor : consts_1.checkboxColors.hover;
     (0, react_1.useEffect)(() => {
         checked !== undefined && setIsChecked(checked);
     }, [checked]);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.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,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,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,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,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,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.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,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,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,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,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,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}

package/dist/cjs/checkbox/checkboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DA8BxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAiBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/cjs/checkbox/checkboxGroup.js

@@ -48,8 +48,8 @@ exports.CheckboxGroupBase = core_1.styled.divBox `
  * Exposes some props to the children via context.
  */
 exports.CheckboxGroup = (0, core_1.vui)((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant } = props, rest = __rest(props, ["className", "colorScheme", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "variant"]);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
+    const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant } = props, rest = __rest(props, ["className", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "variant"]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
     const aliasedProps = (0, utils_1.filterUndefined)({
         flexDirection: isRow ? 'row' : undefined
     });

package/dist/cjs/checkbox/checkboxGroup.types.d.ts

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

package/dist/cjs/checkbox/checkboxGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.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,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,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;CAC5B,CAAA"}
+{"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.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,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,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;CAC5B,CAAA"}

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

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

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

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

package/dist/cjs/checkbox/consts.js

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

package/dist/cjs/checkbox/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/checkbox/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/checkbox/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/checkbox/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}

package/dist/cjs/checkbox/theme.js

@@ -1,23 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const control = {
-        color: `${c}.80`,
-        hoverColor: `${c}.90`
-    };
-    if (c === 'prussian') {
-        control.hoverColor = 'prussian.70';
+const consts_1 = require("./consts");
+const baseStyle = {
+    control: {
+        color: consts_1.checkboxColors.main,
+        hoverColor: consts_1.checkboxColors.hover
     }
-    return {
-        control
-    };
-}
-const baseStyle = {};
+};
 const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
+    size: 'md'
 };
 const parts = ['container', 'control', 'label'];
 const sizes = {
@@ -49,9 +40,7 @@ const sizes = {
         }
     }
 };
-const variants = {
-    default: variantDefault
-};
+const variants = {};
 exports.default = {
     baseStyle,
     defaultProps,

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

@@ -1,6 +1,7 @@
 export declare const cdnUrl = "https://cdn.veracity.com";
 export declare const cdnStagUrl = "https://cdnstag.veracity.com";
 export declare const cdnTestUrl = "https://cdntest.veracity.com";
+export declare const cdnFontsPath = "/common/fonts";
 export declare const cdnUrls: {
     readonly Prod: "https://cdn.veracity.com";
     readonly Stag: "https://cdnstag.veracity.com";

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/core/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AACxD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AAExD,eAAO,MAAM,OAAO;;;;CAIV,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/core/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AACxD,eAAO,MAAM,UAAU,iCAAiC,CAAA;AACxD,eAAO,MAAM,YAAY,kBAAkB,CAAA;AAE3C,eAAO,MAAM,OAAO;;;;CAIV,CAAA"}

package/dist/cjs/core/consts.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cdnUrls = exports.cdnTestUrl = exports.cdnStagUrl = exports.cdnUrl = void 0;
+exports.cdnUrls = exports.cdnFontsPath = exports.cdnTestUrl = exports.cdnStagUrl = exports.cdnUrl = void 0;
 exports.cdnUrl = 'https://cdn.veracity.com';
 exports.cdnStagUrl = 'https://cdnstag.veracity.com';
 exports.cdnTestUrl = 'https://cdntest.veracity.com';
+exports.cdnFontsPath = '/common/fonts';
 exports.cdnUrls = {
     Prod: exports.cdnUrl,
     Stag: exports.cdnStagUrl,

package/dist/cjs/core/vuiProvider/fontFaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontFaces.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/fontFaces.ts"],"names":[],"mappings":";AAEA,wBAwBC"}
+{"version":3,"file":"fontFaces.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/fontFaces.ts"],"names":[],"mappings":";AAIA,wBA+DC"}

package/dist/cjs/core/vuiProvider/fontFaces.js

@@ -1,28 +1,68 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const __1 = require("../");
+const baseUrl = __1.cdnUrl + __1.cdnFontsPath;
 exports.default = `
 	@font-face {
 		font-family: 'Avenir Next';
-		src: url('${__1.cdnUrl}/common/fonts/avenir-regular-lat-ext.woff');
+		src: url('${baseUrl}/avenir-regular-lat-ext.woff');
 		font-weight: 400;
 	}
 
 	@font-face {
 		font-family: 'Avenir Next';
-		src: url('${__1.cdnUrl}/common/fonts/avenir-medium-lat-ext.woff');
+		src: url('${baseUrl}/avenir-medium-lat-ext.woff');
 		font-weight: 500;
 	}
 
 	@font-face {
 		font-family: 'Avenir Next';
-		src: url('${__1.cdnUrl}/common/fonts/avenir-demi-lat-ext.woff');
+		src: url('${baseUrl}/avenir-demi-lat-ext.woff');
 		font-weight: 600;
 	}
 
 	@font-face {
 		font-family: 'Avenir Next';
-		src: url('${__1.cdnUrl}/common/fonts/avenir-bold-lat-ext.woff');
+		src: url('${baseUrl}/avenir-bold-lat-ext.woff');
 		font-weight: 700;
 	}
+
+	@font-face {
+		font-family: 'DNV Display Light';
+		src: url('${baseUrl}/dnv-display-light.woff');
+		font-weight: 700;
+	}
+
+	@font-face {
+		font-family: 'DNV Display';
+		src: url('${baseUrl}/dnv-display-light.woff');
+		font-weight: 200;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: 'DNV Display';
+		src: url('${baseUrl}/dnv-display-regular.woff');
+		font-weight: bold;
+	}
+
+	@font-face {
+		font-family: 'DNV Display';
+		src: url('${baseUrl}/dnv-display-regular.woff');
+		font-weight: 400;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: 'DNV Display Medium';
+		src: url('${baseUrl}/dnv-display-medium.woff');
+		font-weight: bold;
+	}
+
+	@font-face {
+		font-family: 'DNV Display';
+		src: url('${baseUrl}/dnv-display-medium.woff');
+		font-weight: 500;
+		font-style: normal;
+	}
 `;

package/dist/cjs/index.d.ts

@@ -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/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

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/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 || 'darkBlue.95';
+    const color = rest.color || 'darkBlue.main';
+    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/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;AAaD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DAoD3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/progressCircular/progressCircular.js

@@ -0,0 +1,84 @@
+"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 Circle = core_1.styled.circle `
+  fill: transparent;
+  stroke: hsl(223, 67%, 95%);
+`;
+const ProgressCircle = (0, core_1.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. */
+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(Circle, { cx: "50", cy: "50", r: radius, strokeWidth: styles.strokeWidth }),
+            react_1.default.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, 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, { 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, { 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,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/cjs/progressCircular/theme.d.ts.map

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