@veracity/vui 2.5.0-beta.0 → 2.5.0

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

@@ -3,56 +3,64 @@ import { Placement } from 'tippy.js';
 export declare type TutorialDataStep = {
     /** title of step */
     title: string;
-    /** description of step */
-    description: string;
-    /** Read more link */
+    /** Content */
+    content?: string;
+    /** Link to page where they can read more */
     readMoreLink?: string;
 };
 export declare type TutorialProps = {
+    /** Label for the action button @default `Action` */
+    actionLabel?: string;
     /** Target element for the tutorial */
     children: React.ReactNode;
     /** Custom class name */
     className?: string;
     /** An id for further handling with localStorage */
     id: string;
-    /** A general tutorial description */
-    description?: string;
+    /** Invoked once the action button clicked. */
+    onAction?: () => void;
     /** Invoked once the dismiss button clicked. */
     onDismiss?: () => void;
     /** Invoked once the finish button clicked. */
     onFinish?: () => void;
     /** Popover placement */
     placement?: Placement;
-    /** Link to page where user can read more */
-    readMoreLink?: string;
     /** An array of steps */
     steps: TutorialDataStep[];
-    /** A general tutorial title */
+    /** Show the Skip button */
+    showSkipButton?: boolean;
+    /** General tutorial title */
     title: string;
+    /** Link to page where they can read more */
+    readMoreLink?: string;
 };
 export declare type TutorialCardProps = {
+    /** Label for the action button @default `Action` */
+    actionLabel?: string;
     /** Custom class name */
     className?: string;
     /** The card title */
     title: string;
     /** Steps of the card */
     steps: TutorialDataStep[];
+    /** Invoked once the action button clicked. */
+    onAction?: () => void;
     /** Callback for the dismiss button click. */
     onDismiss?: () => void;
     /** Callback for the finish button click. */
     onFinish?: () => void;
-    /** Description of feature */
-    description?: string;
     /** Link to page where they can read more */
     readMoreLink?: string;
+    /** Show the Skip button */
+    showSkipButton?: boolean;
 };
 export declare type TutorialStepProps = {
     /** If the step is active or not */
     active: boolean;
     /** Title of step */
     title: string;
-    /** Description of step */
-    description: string;
+    /** Step content */
+    content?: string;
     /** Link to page where user can read more */
     readMoreLink?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,oBAAY,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,oBAAY,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,oBAAY,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,oBAAY,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}

package/dist/cjs/tutorial/tutorialCard.d.ts

@@ -1,3 +1,3 @@
 import { TutorialCardProps } from './tutorial.types';
-export declare function TutorialCard({ className, description, title, readMoreLink, steps: propsSteps, onDismiss, onFinish }: TutorialCardProps): JSX.Element;
+export declare function TutorialCard({ actionLabel, className, title, readMoreLink, steps: propsSteps, showSkipButton, onAction, onDismiss, onFinish }: TutorialCardProps): JSX.Element;
 //# sourceMappingURL=tutorialCard.d.ts.map

package/dist/cjs/tutorial/tutorialCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAiInB"}
+{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAqHnB"}

package/dist/cjs/tutorial/tutorialCard.js

@@ -26,10 +26,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TutorialCard = void 0;
 const react_1 = __importStar(require("react"));
 const index_1 = require("../index");
+const consts_1 = require("./consts");
 const tutorialStep_1 = require("./tutorialStep");
-function TutorialCard({ className, description, title, readMoreLink, steps: propsSteps = [], onDismiss, onFinish }) {
+function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink, steps: propsSteps = [], showSkipButton, onAction, onDismiss, onFinish }) {
     var _a, _b;
-    const [started, setStarted] = (0, react_1.useState)(false);
     const [steps, setSteps] = (0, react_1.useState)([]);
     const [activeStep, setActiveStep] = (0, react_1.useState)(0);
     (0, react_1.useEffect)(() => {
@@ -37,7 +37,7 @@ function TutorialCard({ className, description, title, readMoreLink, steps: prop
             const s = propsSteps.map((step, key) => ({ active: false, step, key }));
             const finalStep = {
                 title: `Completed!`,
-                description: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`
+                content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`
             };
             if (readMoreLink)
                 finalStep.readMoreLink = readMoreLink;
@@ -46,20 +46,21 @@ function TutorialCard({ className, description, title, readMoreLink, steps: prop
     }, [title, propsSteps]);
     const isStartStep = activeStep === 0;
     const isFinalStep = activeStep === propsSteps.length;
-    const decrementStep = () => setActiveStep(activeStep - 1);
-    const incrementStep = () => setActiveStep(activeStep + 1);
-    return (react_1.default.createElement(index_1.Card, { bg: "blue.100", className: className, color: "white", column: true, justifyContent: "space-between", minH: 200, w: 450 },
-        react_1.default.createElement(index_1.Box, { alignContent: "center", alignItems: "center", display: "flex", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", m: 2, mb: 1, minH: "48px", row: true, style: { WebkitFlexGrow: '0' } },
-            react_1.default.createElement(index_1.H3, null, title),
-            !isFinalStep && (react_1.default.createElement(index_1.Button, { color: "white", hoverColor: "prussian.80", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryDark" }))),
-        react_1.default.createElement(index_1.Box, { column: true, flex: 5, hidden: started, mx: 2 },
-            react_1.default.createElement(index_1.T, { flexGrow: 1 }, description),
-            react_1.default.createElement(index_1.Box, { alignItems: "center", flexDirection: "row-reverse", row: true },
-                react_1.default.createElement(index_1.Button, { bg: "white", color: "prussian.80", float: "right", mb: 0, onClick: () => setStarted(true), pb: 0 }, "Let's get started!"))),
-        react_1.default.createElement(index_1.Box, { flex: 5, hidden: !started, mx: 2, row: true }, (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => (react_1.default.createElement(tutorialStep_1.TutorialStep, { active: s.key === activeStep, description: s.step.description, key: s.step.title, readMoreLink: s.step.readMoreLink, title: s.step.title })))),
-        react_1.default.createElement(index_1.Box, { alignItems: "center", flex: 0, flexGrow: 0, hidden: !started, justifyContent: "space-between", m: 2, mt: 0, row: true, style: { WebkitFlexGrow: '0' } },
-            react_1.default.createElement(index_1.Button, { color: "white", disabled: isStartStep, disabledBg: "blue.100", disabledBorderColor: "blue.100", disabledColor: "prussian.80", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowLeft", onClick: decrementStep, scale: 2, transition: "none", variant: "tertiaryDark", w: "80" }),
-            react_1.default.createElement(index_1.Box, { className: "vuiTutorialStepDots" }, (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => (react_1.default.createElement(index_1.Icon, { color: s.key === activeStep ? 'white' : 'grey.70', key: s.key, name: "cusDotFull" })))),
-            isFinalStep ? (react_1.default.createElement(index_1.Button, { bg: "white", color: "prussian.80", hoverBg: "blue.30", hoverColor: "prussian.80", onClick: onFinish }, "Finish")) : (react_1.default.createElement(index_1.Button, { color: "white", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowRight", onClick: incrementStep, scale: 2, transition: "none", variant: "tertiaryDark", w: "80" })))));
+    return (react_1.default.createElement(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580 },
+        react_1.default.createElement(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' } },
+            react_1.default.createElement(index_1.H4, { color: consts_1.tutorialColors.color }, title),
+            !isFinalStep && react_1.default.createElement(index_1.Button, { icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" })),
+        react_1.default.createElement(index_1.Box, { flex: 5, row: true }, (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => (react_1.default.createElement(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, key: s.step.title, readMoreLink: s.step.readMoreLink, title: s.step.title })))),
+        react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0 },
+            react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available" },
+                react_1.default.createElement(index_1.Button, { color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }),
+                react_1.default.createElement(index_1.Box, { className: "vuiTutorialStepDots" }, (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => (react_1.default.createElement(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, key: s.key, name: "cusDotFull", onClick: () => setActiveStep(s.key) })))),
+                react_1.default.createElement(index_1.Button, { color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })),
+            (showSkipButton || isFinalStep || !!onAction) && (react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between" },
+                showSkipButton && !isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight" }, "Skip")),
+                isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
+                !!onAction && (react_1.default.createElement(index_1.Button, { mr: 6, onClick: onAction, variant: "primaryLight" },
+                    actionLabel,
+                    onAction)))))));
 }
 exports.TutorialCard = TutorialCard;

package/dist/cjs/tutorial/tutorialStep.d.ts

@@ -1,3 +1,3 @@
 import { TutorialStepProps } from './tutorial.types';
-export declare const TutorialStep: ({ active, description, readMoreLink, title }: TutorialStepProps) => JSX.Element;
+export declare const TutorialStep: ({ active, content, title }: TutorialStepProps) => JSX.Element;
 //# sourceMappingURL=tutorialStep.d.ts.map

package/dist/cjs/tutorial/tutorialStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,eAAO,MAAM,YAAY,iDAAkD,iBAAiB,gBAc3F,CAAA"}
+{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,eAAO,MAAM,YAAY,+BAAgC,iBAAiB,gBAOzE,CAAA"}

package/dist/cjs/tutorial/tutorialStep.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TutorialStep = void 0;
 const react_1 = __importDefault(require("react"));
 const index_1 = require("../index");
-const TutorialStep = ({ active, description, readMoreLink, title }) => (react_1.default.createElement(index_1.v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2 },
-    react_1.default.createElement(index_1.H5, { fontWeight: "medium", mb: 1 }, title),
-    react_1.default.createElement(index_1.P, null, description),
-    !!readMoreLink && (react_1.default.createElement(index_1.P, null,
-        react_1.default.createElement(index_1.v.a, { href: readMoreLink, textDecoration: "underline" }, readMoreLink)))));
+const consts_1 = require("./consts");
+const TutorialStep = ({ active, content, title }) => (react_1.default.createElement(index_1.v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2 },
+    react_1.default.createElement(index_1.H5, { color: consts_1.tutorialColors.color, fontWeight: "medium", mb: 1 }, title),
+    react_1.default.createElement(index_1.Box, null, content)));
 exports.TutorialStep = TutorialStep;

package/dist/esm/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/esm/checkbox/checkbox.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 { checkboxColors } from './consts';
 import { useCheckboxGroupContext } from './context';
 const CheckboxControl = styled.spanBox `
   border-radius: none;
@@ -34,11 +35,11 @@ export const CheckboxBase = styled.labelBox `
   }
 
   &[aria-disabled='true'] {
-    color: disabled.color;
+    color: ${checkboxColors.disabled};
     cursor: not-allowed;
 
     .vui-checkboxControl {
-      color: disabled.color;
+      color: ${checkboxColors.disabled};
     }
   }
 `;
@@ -53,11 +54,10 @@ export const Checkbox = vui((props, ref) => {
     const [isChecked, setIsChecked] = useState(defaultChecked);
     const styles = useStyleConfig('Checkbox', mergedProps);
     const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
-    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 : checkboxColors.main;
+    const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
     useEffect(() => {
         checked !== undefined && setIsChecked(checked);
     }, [checked]);

package/dist/esm/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. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Disables checkbox and related elements with the right styling. */
     disabled?: boolean;

package/dist/esm/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,2DAA2D;IAC3D,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/esm/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/esm/checkbox/checkboxGroup.js

@@ -11,8 +11,8 @@ export const CheckboxGroupBase = styled.divBox `
  * Exposes some props to the children via context.
  */
 export const CheckboxGroup = vui((props, ref) => {
-    const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props;
-    const context = useMemo(() => 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, ...rest } = props;
+    const context = useMemo(() => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
     const aliasedProps = filterUndefined({
         flexDirection: isRow ? 'row' : undefined
     });

package/dist/esm/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. Please use variant instead. @deprecated  */
     colorScheme?: 'blue' | 'prussian';
     /** Passes the prop to each checkbox. */
     disabled?: boolean;

package/dist/esm/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,2DAA2D;IAC3D,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/esm/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/esm/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/esm/checkbox/consts.js

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

package/dist/esm/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/esm/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/esm/checkbox/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 { checkboxColors } from './consts';
+const baseStyle = {
+    control: {
+        color: checkboxColors.main,
+        hoverColor: checkboxColors.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/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/esm/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/esm/core/consts.js

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

package/dist/esm/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/esm/core/vuiProvider/fontFaces.js

@@ -1,26 +1,66 @@
-import { cdnUrl } from '../';
+import { cdnFontsPath, cdnUrl } from '../';
+const baseUrl = cdnUrl + cdnFontsPath;
 export default `
 	@font-face {
 		font-family: 'Avenir Next';
-		src: url('${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('${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('${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('${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/esm/core/vuiProvider/globalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA4EC"}
+{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA+EC"}

package/dist/esm/core/vuiProvider/globalStyle.js

@@ -23,11 +23,14 @@ export default createGlobalStyle `
     --x-shadow: 0 0 0 0 transparent;
   }
 
-  button {
+  button,
+  .vui-switchTrack {
     --x-ring-color: transparent;
   }
 
-  button:focus-visible, li:focus-visible {
+  button:focus-visible,
+  li:focus-visible,
+  .vui-switchTrack:focus-visible {
     --x-ring-color: var(--vui-colors-focusColor);
     outline: var(--vui-colors-focusColor) solid 3px;
     z-index: 1;

package/dist/esm/icons/baseIcons/fal/falClockRotateLeft.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=falClockRotateLeft.d.ts.map

package/dist/esm/icons/baseIcons/fal/falClockRotateLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"falClockRotateLeft.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/fal/falClockRotateLeft.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;;AAE5C,wBAGmB"}

package/dist/esm/icons/baseIcons/fal/falClockRotateLeft.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M16 0C24.8125 0 32 7.1875 32 16C32 24.875 24.8125 32 16 32C10.75 32 6.0625 29.5 3.1875 25.625C2.8125 25.1875 2.9375 24.5625 3.375 24.25C3.8125 23.875 4.4375 24 4.75 24.4375C7.3125 27.8125 11.375 30 16 30C23.6875 30 30 23.75 30 16C30 8.3125 23.6875 2 16 2C10.375 2 5.5625 5.3125 3.3125 10H9C9.5 10 10 10.5 10 11C10 11.5625 9.5 12 9 12H1C0.4375 12 0 11.5625 0 11V3C0 2.5 0.4375 2 1 2C1.5 2 2 2.5 2 3V8.25C4.6875 3.375 9.9375 0 16 0ZM16 8C16.5 8 17 8.5 17 9V15.625L21.6875 20.3125C22.0625 20.6875 22.0625 21.375 21.6875 21.75C21.3125 22.125 20.625 22.125 20.25 21.75L15.25 16.75C15.0625 16.5625 14.9375 16.3125 14.9375 16V9C14.9375 8.5 15.4375 8 15.9375 8H16Z'],
+    name: 'falClockRotateLeft'
+};

package/dist/esm/icons/baseIcons/icons.d.ts

@@ -174,6 +174,7 @@ export { default as falChevronLeft } from './fal/falChevronLeft';
 export { default as falChevronRight } from './fal/falChevronRight';
 export { default as falChevronUp } from './fal/falChevronUp';
 export { default as falCircle } from './fal/falCircle';
+export { default as falClockRotateLeft } from './fal/falClockRotateLeft';
 export { default as falCloud } from './fal/falCloud';
 export { default as falCloudShowersHeavy } from './fal/falCloudShowersHeavy';
 export { default as falCloudSnow } from './fal/falCloudSnow';