@veracity/vui 2.5.0-beta.0 → 2.5.0

package/dist/esm/textarea/theme.js

@@ -1,26 +1,37 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const container = {};
-    const textarea = {
-        borderColor: `${c}.80`,
-        focusRing: 2,
-        focusRingColor: `${c}.80`
-    };
-    if (c === 'grey') {
-        textarea.borderColor = `${c}.60`;
-        textarea.focusRingColor = 'blue.50';
+import { inputColors } from '../input/consts';
+const baseStyle = {
+    textarea: {
+        focusWithinRing: 2,
+        color: inputColors.inputText
+    },
+    input: {
+        color: { placeholder: inputColors.placeholder }
     }
-    return { container, textarea };
-}
-const baseStyle = {};
+};
 const defaultProps = {
-    colorScheme: 'grey',
-    variant: 'default'
+    variant: 'grey'
 };
 const parts = ['container', 'textarea'];
 const sizes = {};
 const variants = {
-    default: variantDefault
+    grey: {
+        textarea: {
+            borderColor: inputColors.border,
+            focusWithinRingColor: inputColors.focus
+        }
+    },
+    green: {
+        textarea: {
+            borderColor: inputColors.success,
+            focusWithinRingColor: inputColors.success
+        }
+    },
+    red: {
+        textarea: {
+            borderColor: inputColors.error,
+            focusWithinRingColor: inputColors.error
+        }
+    }
 };
 export default {
     baseStyle,

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: {};
@@ -1339,6 +1335,7 @@ declare const _default: {
         baseStyle: {};
         defaultProps: {
             size: string;
+            variant: string;
         };
         sizes: {
             sm: {
@@ -1378,7 +1375,75 @@ declare const _default: {
                 };
             };
         };
-        variants: {};
+        variants: {
+            primary: {
+                bg: string;
+                color: string;
+            };
+            green: {
+                bg: string;
+                color: string;
+            };
+            red: {
+                bg: string;
+                color: string;
+            };
+        };
+    };
+    ProgressCircular: {
+        baseStyle: {
+            color: string;
+        };
+        defaultProps: {
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            sm: {
+                strokeWidth: number;
+                width: number;
+                top: number;
+                fontSize: number;
+            };
+            md: {
+                strokeWidth: number;
+                width: number;
+                top: number;
+                fontSize: number;
+            };
+            lg: {
+                strokeWidth: number;
+                width: number;
+                top: number;
+                fontSize: number;
+            };
+            xl: {
+                strokeWidth: number;
+                width: number;
+                top: number;
+                fontSize: number;
+            };
+        };
+        variants: {
+            primary: {
+                stroke: {
+                    main: string;
+                    progress: string;
+                };
+            };
+            green: {
+                stroke: {
+                    main: string;
+                    progress: string;
+                };
+            };
+            red: {
+                stroke: {
+                    main: string;
+                    progress: string;
+                };
+            };
+        };
     };
     Popover: {
         baseStyle: {};
@@ -1388,11 +1453,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 +1492,7 @@ declare const _default: {
                 };
             };
         };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
+        variants: {};
     };
     Select: {
         baseStyle: {};
@@ -1582,9 +1643,17 @@ declare const _default: {
         };
     };
     Switch: {
-        baseStyle: {};
+        baseStyle: {
+            button: {
+                thumb: {
+                    bg: string;
+                };
+                track: {
+                    ring: number;
+                };
+            };
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -1640,14 +1709,24 @@ declare const _default: {
             };
         };
         variants: {
-            contained: (props: import("..").Dict<any>) => {
+            primary: {
                 button: {
-                    thumb: {
+                    track: {
+                        bg: string;
+                    };
+                };
+            };
+            green: {
+                button: {
+                    track: {
                         bg: string;
                     };
+                };
+            };
+            red: {
+                button: {
                     track: {
                         bg: string;
-                        ring: number;
                     };
                 };
             };
@@ -2005,20 +2084,39 @@ declare const _default: {
         };
     };
     Textarea: {
-        baseStyle: {};
+        baseStyle: {
+            textarea: {
+                focusWithinRing: number;
+                color: string;
+            };
+            input: {
+                color: {
+                    placeholder: string;
+                };
+            };
+        };
         defaultProps: {
-            colorScheme: string;
             variant: string;
         };
         parts: string[];
         sizes: {};
         variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {};
+            grey: {
+                textarea: {
+                    borderColor: string;
+                    focusWithinRingColor: string;
+                };
+            };
+            green: {
+                textarea: {
+                    borderColor: string;
+                    focusWithinRingColor: string;
+                };
+            };
+            red: {
                 textarea: {
                     borderColor: string;
-                    focusRing: number;
-                    focusRingColor: string;
+                    focusWithinRingColor: string;
                 };
             };
         };

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,

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

@@ -1098,11 +1098,14 @@ declare const defaultTheme: {
             variants: {};
         };
         Checkbox: {
-            baseStyle: {};
+            baseStyle: {
+                control: {
+                    color: string;
+                    hoverColor: string;
+                };
+            };
             defaultProps: {
-                colorScheme: string;
                 size: string;
-                variant: string;
             };
             parts: string[];
             sizes: {
@@ -1134,14 +1137,7 @@ declare const defaultTheme: {
                     };
                 };
             };
-            variants: {
-                default: (props: import("..").Dict<any>) => {
-                    control: {
-                        color: string;
-                        hoverColor: string;
-                    };
-                };
-            };
+            variants: {};
         };
         Dialog: {
             baseStyle: {};
@@ -1842,6 +1838,7 @@ declare const defaultTheme: {
             baseStyle: {};
             defaultProps: {
                 size: string;
+                variant: string;
             };
             sizes: {
                 sm: {
@@ -1881,7 +1878,75 @@ declare const defaultTheme: {
                     };
                 };
             };
-            variants: {};
+            variants: {
+                primary: {
+                    bg: string;
+                    color: string;
+                };
+                green: {
+                    bg: string;
+                    color: string;
+                };
+                red: {
+                    bg: string;
+                    color: string;
+                };
+            };
+        };
+        ProgressCircular: {
+            baseStyle: {
+                color: string;
+            };
+            defaultProps: {
+                size: string;
+                variant: string;
+            };
+            sizes: {
+                sm: {
+                    strokeWidth: number;
+                    width: number;
+                    top: number;
+                    fontSize: number;
+                };
+                md: {
+                    strokeWidth: number;
+                    width: number;
+                    top: number;
+                    fontSize: number;
+                };
+                lg: {
+                    strokeWidth: number;
+                    width: number;
+                    top: number;
+                    fontSize: number;
+                };
+                xl: {
+                    strokeWidth: number;
+                    width: number;
+                    top: number;
+                    fontSize: number;
+                };
+            };
+            variants: {
+                primary: {
+                    stroke: {
+                        main: string;
+                        progress: string;
+                    };
+                };
+                green: {
+                    stroke: {
+                        main: string;
+                        progress: string;
+                    };
+                };
+                red: {
+                    stroke: {
+                        main: string;
+                        progress: string;
+                    };
+                };
+            };
         };
         Popover: {
             baseStyle: {};
@@ -1891,11 +1956,14 @@ declare const defaultTheme: {
             variants: {};
         };
         Radio: {
-            baseStyle: {};
+            baseStyle: {
+                control: {
+                    color: string;
+                    hoverColor: string;
+                };
+            };
             defaultProps: {
-                colorScheme: string;
                 size: string;
-                variant: string;
             };
             parts: string[];
             sizes: {
@@ -1927,14 +1995,7 @@ declare const defaultTheme: {
                     };
                 };
             };
-            variants: {
-                default: (props: import("..").Dict<any>) => {
-                    control: {
-                        color: string;
-                        hoverColor: string;
-                    };
-                };
-            };
+            variants: {};
         };
         Select: {
             baseStyle: {};
@@ -2085,9 +2146,17 @@ declare const defaultTheme: {
             };
         };
         Switch: {
-            baseStyle: {};
+            baseStyle: {
+                button: {
+                    thumb: {
+                        bg: string;
+                    };
+                    track: {
+                        ring: number;
+                    };
+                };
+            };
             defaultProps: {
-                colorScheme: string;
                 size: string;
                 variant: string;
             };
@@ -2143,14 +2212,24 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                contained: (props: import("..").Dict<any>) => {
+                primary: {
                     button: {
-                        thumb: {
+                        track: {
+                            bg: string;
+                        };
+                    };
+                };
+                green: {
+                    button: {
+                        track: {
                             bg: string;
                         };
+                    };
+                };
+                red: {
+                    button: {
                         track: {
                             bg: string;
-                            ring: number;
                         };
                     };
                 };
@@ -2508,20 +2587,39 @@ declare const defaultTheme: {
             };
         };
         Textarea: {
-            baseStyle: {};
+            baseStyle: {
+                textarea: {
+                    focusWithinRing: number;
+                    color: string;
+                };
+                input: {
+                    color: {
+                        placeholder: string;
+                    };
+                };
+            };
             defaultProps: {
-                colorScheme: string;
                 variant: string;
             };
             parts: string[];
             sizes: {};
             variants: {
-                default: (props: import("..").Dict<any>) => {
-                    container: {};
+                grey: {
+                    textarea: {
+                        borderColor: string;
+                        focusWithinRingColor: string;
+                    };
+                };
+                green: {
+                    textarea: {
+                        borderColor: string;
+                        focusWithinRingColor: string;
+                    };
+                };
+                red: {
                     textarea: {
                         borderColor: string;
-                        focusRing: number;
-                        focusRingColor: string;
+                        focusWithinRingColor: string;
                     };
                 };
             };

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/tutorial/consts.d.ts

@@ -0,0 +1,6 @@
+export declare const tutorialColors: {
+    bg: string;
+    buttonColor: string;
+    color: string;
+};
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/tutorial/consts.d.ts.map

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

package/dist/esm/tutorial/consts.js

@@ -0,0 +1,5 @@
+export const tutorialColors = {
+    bg: 'darkBlue.main',
+    buttonColor: 'digiGreen.main',
+    color: 'white'
+};

package/dist/esm/tutorial/tutorial.d.ts

@@ -1,4 +1,4 @@
 import { TutorialProps } from './tutorial.types';
 /** [Beta] Popover Tutorial is used to display information about a new, or existing feature. */
-export declare function Tutorial({ children, className, description, onDismiss, onFinish, readMoreLink, steps, title, id, placement }: TutorialProps): JSX.Element;
+export declare function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement, showSkipButton }: TutorialProps): JSX.Element;
 //# sourceMappingURL=tutorial.d.ts.map

package/dist/esm/tutorial/tutorial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAI5D,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAmB,EACpB,EAAE,aAAa,eAuCf"}
+{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAI5D,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAmB,EACnB,cAAc,EACf,EAAE,aAAa,eAwCf"}

package/dist/esm/tutorial/tutorial.js

@@ -4,7 +4,7 @@ import { cs } from '../utils';
 import { TutorialCard } from './tutorialCard';
 import { useTutorial } from './useTutorial';
 /** [Beta] Popover Tutorial is used to display information about a new, or existing feature. */
-export function Tutorial({ children, className, description, onDismiss, onFinish, readMoreLink, steps, title, id, placement = 'right' }) {
+export function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement = 'right', showSkipButton }) {
     const { isVisible, setIsVisible, saveDisplayed } = useTutorial(id);
     const onClose = (e) => {
         setIsVisible(false);
@@ -14,7 +14,7 @@ export function Tutorial({ children, className, description, onDismiss, onFinish
             onFinish?.();
         saveDisplayed(e);
     };
-    return (React.createElement(Tippy, { content: React.createElement(TutorialCard, { className: cs('vui-tutorial', className), description: description, onDismiss: () => onClose('dismissed'), onFinish: () => onClose('finished'), readMoreLink: readMoreLink, steps: steps, title: title }), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
+    return (React.createElement(Tippy, { content: React.createElement(TutorialCard, { actionLabel: actionLabel, className: cs('vui-tutorial', className), onAction: onAction, onDismiss: () => onClose('dismissed'), onFinish: () => onClose('finished'), showSkipButton: showSkipButton, steps: steps, title: title }), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
             modifiers: [
                 {
                     name: 'flip',