@coveord/plasma-mantine 48.6.0 → 48.9.1

package/dist/cjs/components/modal-wizard/ModalWizard.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "ModalWizard", {
 });
 var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
 var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
 var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
 var _jsxRuntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
@@ -17,17 +18,22 @@ var _react = require("react");
 var _stickyFooter = require("../sticky-footer");
 var _modalWizardStep = require("./ModalWizardStep");
 var _header = require("../header");
-var useStyles = (0, _core.createStyles)(function() {
-    return {
-        modal: {
-            height: "70%",
-            display: "flex",
-            flexDirection: "column"
-        }
-    };
-});
-var ModalWizard = function(param) {
-    var _cancelButtonLabel = param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, onNext = param.onNext, onPrevious = param.onPrevious, onClose = param.onClose, onFinish = param.onFinish, isDirty = param.isDirty, modalProps = param.modalProps, handleDirtyState = param.handleDirtyState, closeButtonLabel = param.closeButtonLabel, children = param.children;
+var ModalWizard = function(_param) {
+    var _cancelButtonLabel = _param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = _param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = _param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = _param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _objectWithoutProperties(_param, [
+        "cancelButtonLabel",
+        "nextButtonLabel",
+        "previousButtonLabel",
+        "finishButtonLabel",
+        "opened",
+        "onNext",
+        "onPrevious",
+        "onClose",
+        "onFinish",
+        "isDirty",
+        "handleDirtyState",
+        "classNames",
+        "children"
+    ]);
     var ref, ref1;
     var ref2 = _slicedToArray((0, _react.useState)(0), 2), currentStepIndex = ref2[0], setCurrentStepIndex = ref2[1];
     var modalSteps = _react.Children.toArray(children).filter(function(child) {
@@ -47,7 +53,6 @@ var ModalWizard = function(param) {
         isValid: true
     }).isValid;
     var isModalDirty = isDirty && isDirty();
-    var classes = useStyles().classes;
     var closeModalWizard = function() {
         if (isModalDirty && handleDirtyState) {
             handleDirtyState() && (onClose === null || onClose === void 0 ? void 0 : onClose());
@@ -67,15 +72,11 @@ var ModalWizard = function(param) {
         currentStepIndex
     ]);
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
-        opened: true,
-        classNames: {
-            modal: classes.modal
-        },
+        opened: opened,
+        classNames: classNames,
         centered: true,
-        closeButtonLabel: closeButtonLabel,
-        padding: "xl",
         title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_header.Header, {
-            docLink: currentStep.props.docLin,
+            docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
             py: null,
             px: null,
@@ -85,6 +86,8 @@ var ModalWizard = function(param) {
     }, modalProps), {
         children: [
             currentStep.props.showProgressBar && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Progress, {
+                color: "teal",
+                size: "lg",
                 value: getProgressMemo
             }),
             currentStep,
@@ -97,7 +100,7 @@ var ModalWizard = function(param) {
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
                         disabled: false,
-                        size: "md",
+                        size: "sm",
                         variant: "outline",
                         onClick: function() {
                             if (isFirstStep) {
@@ -111,7 +114,7 @@ var ModalWizard = function(param) {
                     }),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
                         disabled: !isValid,
-                        size: "md",
+                        size: "sm",
                         onClick: function() {
                             if (isLastStep) {
                                 onFinish ? onFinish() : onClose();

package/dist/cjs/components/modal-wizard/ModalWizard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, createStyles, Modal, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n\n    nextButtonLabel?: string;\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the cancel button\n     */\n\n    onClose?: () => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Props to pass to each modal\n     */\n    modalProps?: any;\n\n    /**\n     * Label for close button\n     */\n    closeButtonLabel?: string;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\nconst useStyles = createStyles(() => ({\n    modal: {\n        height: '70%',\n        display: 'flex',\n        flexDirection: 'column',\n    },\n}));\n\ninterface ModalWizardType {\n    <T>(props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    modalProps,\n    handleDirtyState,\n    closeButtonLabel,\n    children,\n}) => {\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const {classes} = useStyles();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened\n            classNames={{modal: classes.modal}}\n            centered\n            closeButtonLabel={closeButtonLabel}\n            padding=\"xl\"\n            title={\n                <Header\n                    docLink={currentStep.props.docLin}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"md\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"md\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","useStyles","createStyles","modal","height","display","flexDirection","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","onNext","onPrevious","onClose","onFinish","isDirty","modalProps","handleDirtyState","closeButtonLabel","children","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","classes","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","opened","classNames","centered","padding","title","Header","docLink","docLin","description","py","px","showProgressBar","Progress","value","StickyFooter","borderTop","pt","Button","name","disabled","size","variant","onClick","Step"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n    nextButtonLabel?: string;\n\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\ninterface ModalWizardType {\n    (props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    opened,\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    handleDirtyState,\n    classNames,\n    children,\n    ...modalProps\n}) => {\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"sm\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","centered","title","Header","docLink","description","py","px","showProgressBar","Progress","color","size","value","StickyFooter","borderTop","pt","Button","name","disabled","variant","onClick","Step"],"mappings":"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"}

package/dist/cjs/theme/Theme.js

@@ -192,12 +192,6 @@ var plasmaTheme = {
         Checkbox: {
             defaultProps: {
                 radius: "sm"
-            },
-            styles: {
-                labelWrapper: {
-                    display: "flex",
-                    alignItems: "center"
-                }
             }
         },
         List: {

package/dist/cjs/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'center',\n                },\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","labelWrapper","display","alignItems","List","listStyleType","Radio"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems"],"mappings":"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"}

package/dist/definitions/components/modal-wizard/ModalWizard.d.ts

@@ -1,6 +1,7 @@
+import { ModalProps } from '@mantine/core';
 import { ReactElement } from 'react';
 import { ModalWizardStep } from './ModalWizardStep';
-interface ModalWizardProps {
+interface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {
     /**
      * The label of the cancel button
      *
@@ -33,10 +34,6 @@ interface ModalWizardProps {
      * A callback function that is executed when the user clicks on the previous button
      */
     onPrevious?: () => unknown;
-    /**
-     * A callback function that is executed when the user clicks on the cancel button
-     */
-    onClose?: () => unknown;
     /**
      * A function that is executed when user completes all the steps.
      *
@@ -51,21 +48,13 @@ interface ModalWizardProps {
      * A function to confirm close if the state is dirty before closing
      */
     handleDirtyState?: () => boolean;
-    /**
-     * Props to pass to each modal
-     */
-    modalProps?: any;
-    /**
-     * Label for close button
-     */
-    closeButtonLabel?: string;
     /**
      * Children to display in modal wizard
      * */
     children?: Array<ReturnType<typeof ModalWizardStep>>;
 }
 interface ModalWizardType {
-    <T>(props: ModalWizardProps): ReactElement;
+    (props: ModalWizardProps): ReactElement;
     Step: typeof ModalWizardStep;
 }
 export declare const ModalWizard: ModalWizardType;

package/dist/definitions/components/modal-wizard/ModalWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAoB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,UAAU,gBAAgB;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IAEzB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;CACxD;AAUD,UAAU,eAAe;IACrB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAAC;IAE3C,IAAI,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,eA6GzB,CAAC"}
+{"version":3,"file":"ModalWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAW,MAAM,eAAe,CAAC;AAClE,OAAO,EAAW,YAAY,EAAoB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACrE;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAE3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IAEjC;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;CACxD;AAED,UAAU,eAAe;IACrB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAAC;IAExC,IAAI,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,eA0GzB,CAAC"}

package/dist/definitions/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBA0JzB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBAoJzB,CAAC"}

package/dist/esm/components/modal-wizard/ModalWizard.js

@@ -1,23 +1,29 @@
 import _object_spread from "@swc/helpers/src/_object_spread.mjs";
 import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
 import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, createStyles, Modal, Progress } from "@mantine/core";
+import { Button, Modal, Progress } from "@mantine/core";
 import { Children, useMemo, useState } from "react";
 import { StickyFooter } from "../sticky-footer";
 import { ModalWizardStep } from "./ModalWizardStep";
 import { Header } from "../header";
-var useStyles = createStyles(function() {
-    return {
-        modal: {
-            height: "70%",
-            display: "flex",
-            flexDirection: "column"
-        }
-    };
-});
-export var ModalWizard = function(param) {
-    var _cancelButtonLabel = param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, onNext = param.onNext, onPrevious = param.onPrevious, onClose = param.onClose, onFinish = param.onFinish, isDirty = param.isDirty, modalProps = param.modalProps, handleDirtyState = param.handleDirtyState, closeButtonLabel = param.closeButtonLabel, children = param.children;
+export var ModalWizard = function(_param) {
+    var _cancelButtonLabel = _param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = _param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = _param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = _param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _object_without_properties(_param, [
+        "cancelButtonLabel",
+        "nextButtonLabel",
+        "previousButtonLabel",
+        "finishButtonLabel",
+        "opened",
+        "onNext",
+        "onPrevious",
+        "onClose",
+        "onFinish",
+        "isDirty",
+        "handleDirtyState",
+        "classNames",
+        "children"
+    ]);
     var ref, ref1;
     var ref2 = _sliced_to_array(useState(0), 2), currentStepIndex = ref2[0], setCurrentStepIndex = ref2[1];
     var modalSteps = Children.toArray(children).filter(function(child) {
@@ -37,7 +43,6 @@ export var ModalWizard = function(param) {
         isValid: true
     }).isValid;
     var isModalDirty = isDirty && isDirty();
-    var classes = useStyles().classes;
     var closeModalWizard = function() {
         if (isModalDirty && handleDirtyState) {
             handleDirtyState() && (onClose === null || onClose === void 0 ? void 0 : onClose());
@@ -57,15 +62,11 @@ export var ModalWizard = function(param) {
         currentStepIndex
     ]);
     return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
-        opened: true,
-        classNames: {
-            modal: classes.modal
-        },
+        opened: opened,
+        classNames: classNames,
         centered: true,
-        closeButtonLabel: closeButtonLabel,
-        padding: "xl",
         title: /*#__PURE__*/ _jsx(Header, {
-            docLink: currentStep.props.docLin,
+            docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
             py: null,
             px: null,
@@ -75,6 +76,8 @@ export var ModalWizard = function(param) {
     }, modalProps), {
         children: [
             currentStep.props.showProgressBar && /*#__PURE__*/ _jsx(Progress, {
+                color: "teal",
+                size: "lg",
                 value: getProgressMemo
             }),
             currentStep,
@@ -87,7 +90,7 @@ export var ModalWizard = function(param) {
                     /*#__PURE__*/ _jsx(Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
                         disabled: false,
-                        size: "md",
+                        size: "sm",
                         variant: "outline",
                         onClick: function() {
                             if (isFirstStep) {
@@ -101,7 +104,7 @@ export var ModalWizard = function(param) {
                     }),
                     /*#__PURE__*/ _jsx(Button, {
                         disabled: !isValid,
-                        size: "md",
+                        size: "sm",
                         onClick: function() {
                             if (isLastStep) {
                                 onFinish ? onFinish() : onClose();

package/dist/esm/components/modal-wizard/ModalWizard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, createStyles, Modal, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n\n    nextButtonLabel?: string;\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the cancel button\n     */\n\n    onClose?: () => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Props to pass to each modal\n     */\n    modalProps?: any;\n\n    /**\n     * Label for close button\n     */\n    closeButtonLabel?: string;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\nconst useStyles = createStyles(() => ({\n    modal: {\n        height: '70%',\n        display: 'flex',\n        flexDirection: 'column',\n    },\n}));\n\ninterface ModalWizardType {\n    <T>(props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    modalProps,\n    handleDirtyState,\n    closeButtonLabel,\n    children,\n}) => {\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const {classes} = useStyles();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened\n            classNames={{modal: classes.modal}}\n            centered\n            closeButtonLabel={closeButtonLabel}\n            padding=\"xl\"\n            title={\n                <Header\n                    docLink={currentStep.props.docLin}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"md\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"md\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["Button","createStyles","Modal","Progress","Children","useMemo","useState","StickyFooter","ModalWizardStep","Header","useStyles","modal","height","display","flexDirection","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","onNext","onPrevious","onClose","onFinish","isDirty","modalProps","handleDirtyState","closeButtonLabel","children","currentStep","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","classes","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","opened","classNames","centered","padding","title","docLink","docLin","description","py","px","showProgressBar","value","borderTop","pt","name","disabled","size","variant","onClick","Step"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n    nextButtonLabel?: string;\n\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\ninterface ModalWizardType {\n    (props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    opened,\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    handleDirtyState,\n    classNames,\n    children,\n    ...modalProps\n}) => {\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"sm\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["Button","Modal","Progress","Children","useMemo","useState","StickyFooter","ModalWizardStep","Header","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","centered","title","docLink","description","py","px","showProgressBar","color","size","value","borderTop","pt","name","disabled","variant","onClick","Step"],"mappings":"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"}

package/dist/esm/theme/Theme.js

@@ -182,12 +182,6 @@ export var plasmaTheme = {
         Checkbox: {
             defaultProps: {
                 radius: "sm"
-            },
-            styles: {
-                labelWrapper: {
-                    display: "flex",
-                    alignItems: "center"
-                }
             }
         },
         List: {

package/dist/esm/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'center',\n                },\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","labelWrapper","display","alignItems","List","listStyleType","Radio"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.6.0",
+  "version": "48.9.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",