npm - @popmenu/admin-ui - Versions diffs - 0.126.1 → 0.126.2 - Mend

@popmenu/admin-ui 0.126.1 → 0.126.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/build/cjs/theme/customThemeProperties.d.ts ADDED Viewed

@@ -0,0 +1,63 @@
+/**
+ * These theme properties should be considered legacy. Make efforts to avoid new usage as well as refactor out existing
+ * usage.
+ */
+export declare const adminLightPlaceholder: {
+    placeholder: string;
+};
+export declare const adminDarkPlaceholder: {
+    placeholder: string;
+};
+export declare const adminThemeStatus: {
+    status: {
+        disabled: {
+            opacity: number;
+        };
+    };
+};
+export declare const BASE_Z_INDEX = 1100000;
+export declare const adminThemeZIndex: {
+    zIndex: {
+        mobileStepper: number;
+        appBar: number;
+        drawer: number;
+        modal: number;
+        snackbar: number;
+        tooltip: number;
+    };
+};
+/** The defaults for MuiInputBase and MuiInputLabel can be removed once the BasicForm & 'shared' inputs have either:
+ * 1. been refactored to use secondary color.
+ * 2. been replaced with new common components.
+ *
+ * props as imported from './props' are part updated design system.
+ */
+export declare const adminThemeDefaultProps: {
+    props: {
+        MuiCard: {
+            elevation: number;
+        };
+        MuiTooltip: {
+            title: string;
+            placement: string;
+        };
+        MuiPaper: {
+            elevation: number;
+        };
+        MuiAppBar: {
+            position: string;
+        };
+        MuiInputBase: {
+            color: string;
+        };
+        MuiInputLabel: {
+            color: string;
+        };
+        MuiSwitch: {
+            color: string;
+        };
+        MuiTextField: {
+            variant: string;
+        };
+    };
+};

package/build/cjs/theme/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { adminLight, adminLightOptions } from './adminLightTheme';
2	+ export { adminDark, adminDarkOptions } from './adminDarkTheme';

package/build/cjs/theme/overrides.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+export declare const overrides: {
+    MuiCssBaseline: {
+        '@global': {
+            '*::-webkit-scrollbar': {
+                width: string;
+            };
+            '*::-webkit-scrollbar-thumb': {
+                backgroundColor: string;
+                border: string;
+                borderRadius: string;
+            };
+            '*::-webkit-scrollbar-track': {
+                backgroundColor: string;
+                borderRadius: string;
+            };
+        };
+    };
+    MuiSwitch: {
+        checked: {};
+        track: {};
+        switchBase: {
+            '&$checked': {
+                color: string;
+                '& + $track': {
+                    background: string;
+                };
+            };
+        };
+    };
+};

package/build/cjs/theme/palette.d.ts ADDED Viewed

@@ -0,0 +1,128 @@
+export declare const basePalette: {
+    /** Semantic Colors */
+    primary: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+        gradientStart: string;
+        gradientEnd: string;
+    };
+    info: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+    };
+    error: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    warning: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    /** Colors */
+    blue: {
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    green: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    purple: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    red: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    yellow: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    gray: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    white: {
+        main: string;
+    };
+};
+export declare const adminLightPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const adminDarkPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const dataVizPalette: {
+    data: {
+        blue: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        peach: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        pink: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        purple: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        marigold: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        teal: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+    };
+};

package/build/cjs/theme/props.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare const props: {
+    MuiSwitch: {
+        color: string;
+    };
+    MuiTextField: {
+        variant: string;
+    };
+};

package/build/cjs/theme/typography.d.ts ADDED Viewed

@@ -0,0 +1,61 @@
+export declare const adminThemeTypography: {
+    htmlFontSize: number;
+    fontFamily: string;
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h7: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    subtitle1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    button: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        textTransform: string;
+    };
+};

package/build/esm/components/Alert/AlertStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useAlertStyles = makeStyles(function (theme) { return ({
     root: {

package/build/esm/components/Alert/AlertStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n root: {\n alignItems: 'center',\n width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n background: 'white',\n borderColor: (props) => theme.palette[props.severity \|\| 'error'].main,\n borderLeft: `${theme.spacing(1)}px solid`,\n color: theme.palette.text.primary,\n },\n icon: {\n alignSelf: 'start',\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n root: {\n alignItems: 'center',\n width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n background: 'white',\n borderColor: (props) => theme.palette[props.severity \|\| 'error'].main,\n borderLeft: `${theme.spacing(1)}px solid`,\n color: theme.palette.text.primary,\n },\n icon: {\n alignSelf: 'start',\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/AlertDialog/AlertDialogStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useAlertDialogStyles = makeStyles(function (theme) { return ({
     cancelButton: {

package/build/esm/components/AlertDialog/AlertDialogStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialogStyles.js","sources":["../../../../src/components/AlertDialog/AlertDialogStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { AlertDialogProps } from './AlertDialogProps'\n\nexport const useAlertDialogStyles = makeStyles<\n Theme,\n AlertDialogProps,\n 'cancelButton' \| 'cancelIcon' \| 'card' \| 'cardActions' \| 'icon' \| 'root'\n>((theme) => ({\n cancelButton: {\n color: theme.palette.grey[700],\n },\n cancelIcon: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(2),\n },\n card: {\n borderRadius: theme.spacing(0.75),\n borderTop: (props) => `${theme.spacing(1.25)}px solid ${theme.palette[props.severity \|\| 'info'].main}`,\n },\n cardActions: {\n background: theme.palette.grey[100],\n justifyContent: 'flex-end',\n },\n icon: {\n fontSize: theme.spacing(5),\n },\n root: {\n borderRadius: theme.spacing(0.75),\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,oBAAoB,GAAG,UAAU,CAI5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACZ,IAAA,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,SAAS,EAAE,UAAC,KAAK,EAAK,EAAA,OAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAA,WAAA,GAAY,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,IAAM,CAAA,EAAA;AACvG,KAAA;AACD,IAAA,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,UAAU;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"AlertDialogStyles.js","sources":["../../../../src/components/AlertDialog/AlertDialogStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { AlertDialogProps } from './AlertDialogProps'\n\nexport const useAlertDialogStyles = makeStyles<\n Theme,\n AlertDialogProps,\n 'cancelButton' \| 'cancelIcon' \| 'card' \| 'cardActions' \| 'icon' \| 'root'\n>((theme) => ({\n cancelButton: {\n color: theme.palette.grey[700],\n },\n cancelIcon: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(2),\n },\n card: {\n borderRadius: theme.spacing(0.75),\n borderTop: (props) => `${theme.spacing(1.25)}px solid ${theme.palette[props.severity \|\| 'info'].main}`,\n },\n cardActions: {\n background: theme.palette.grey[100],\n justifyContent: 'flex-end',\n },\n icon: {\n fontSize: theme.spacing(5),\n },\n root: {\n borderRadius: theme.spacing(0.75),\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,oBAAoB,GAAG,UAAU,CAI5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACZ,IAAA,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,SAAS,EAAE,UAAC,KAAK,EAAK,EAAA,OAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAA,WAAA,GAAY,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,IAAM,CAAA,EAAA;AACvG,KAAA;AACD,IAAA,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,UAAU;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/AlertTitle/AlertTitle.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
+import { AlertTitleProps } from '@material-ui/lab';
 import { FC } from 'react';
-import { AlertTitleProps } from '@material-ui/lab/AlertTitle';
 export declare const AlertTitle: FC<AlertTitleProps>;

package/build/esm/components/AlertTitle/AlertTitle.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
+import { AlertTitle as AlertTitle$1 } from '@material-ui/lab';
 import React from 'react';
-import MuiAlertTitle from '@material-ui/lab/AlertTitle';
 import { Typography } from '@popmenu/common-ui';
 var AlertTitle = function (props) {
     var children = props.children, muiProps = __rest(props, ["children"]);
-    return (React.createElement(MuiAlertTitle, __assign({}, muiProps),
+    return (React.createElement(AlertTitle$1, __assign({}, muiProps),
         React.createElement(Typography, { variant: "h6" },
             " ",
             children,

package/build/esm/components/AlertTitle/AlertTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertTitle.js","sources":["../../../../src/components/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import ~~React~~, { FC } from '~~react~~'\nimport ~~MuiAlertTitle~~, { ~~AlertTitleProps~~ } from '~~@material-ui/lab/AlertTitle~~'\n\nimport { Typography } from '@popmenu/common-ui'\n\nexport const AlertTitle: FC<AlertTitleProps> = (props) => {\n const { children, ...muiProps } = props\n return (\n <MuiAlertTitle {...muiProps}>\n <Typography variant=\"h6\"> {children} </Typography>\n </MuiAlertTitle>\n )\n}\n\nAlertTitle.displayName = 'AlertTitle'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,~~CAAC~~,~~aAAa~~,EAAA,QAAA,CAAA,EAAA,EAAK,QAAQ,CAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;;YAAG,QAAQ;AAAe,YAAA,GAAA,CAAA,CACpC;AAEpB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
1	+ {"version":3,"file":"AlertTitle.js","sources":["../../../../src/components/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import { AlertTitleProps, AlertTitle as MuiAlertTitle } from '@material-ui/lab'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nexport const AlertTitle: FC<AlertTitleProps> = (props) => {\n const { children, ...muiProps } = props\n return (\n <MuiAlertTitle {...muiProps}>\n <Typography variant=\"h6\"> {children} </Typography>\n </MuiAlertTitle>\n )\n}\n\nAlertTitle.displayName = 'AlertTitle'\n"],"names":["MuiAlertTitle"],"mappings":";;;;;AAKO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,YAAa,EAAA,QAAA,CAAA,EAAA,EAAK,QAAQ,CAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;;YAAG,QAAQ;AAAe,YAAA,GAAA,CAAA,CACpC;AAEpB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/esm/components/AlertTitle/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
+export type { AlertTitleProps } from '@material-ui/lab';
 export { AlertTitle as default } from './AlertTitle';
-export { AlertTitleProps } from '@material-ui/lab/AlertTitle';

package/build/esm/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { useTheme } from '@material-ui/core';
 import { ButtonGroup as ButtonGroup$1 } from '@popmenu/common-ui';
 import { deriveButtonProps } from '../Button/util/deriveButtonProps.js';
 import { useButtonGroupStyles } from './ButtonGroupStyles.js';
-import { useTheme } from '@material-ui/core/styles';
 var ButtonGroup = forwardRef(function (props, ref) {
     var children = props.children, _a = props.variant, variant = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["children", "variant"]);

package/build/esm/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { ~~ButtonGroup~~ ~~as CommonButtonGroup~~ } from '@~~popmenu/common~~-ui'\nimport { ~~ButtonGroupProps~~ } from '~~./ButtonGroupProps~~'\nimport { deriveButtonProps } from '../Button/util/deriveButtonProps'\nimport { ~~useButtonGroupStyles~~ } from './~~ButtonGroupStyles~~'\nimport { ~~useTheme~~ } from '~~@material-ui/core/styles~~'\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n const { children, variant = 'primary', ...muiProps } = props\n const classes = useButtonGroupStyles(props)\n const derivedProps = deriveButtonProps({ variant })\n const { spacing } = useTheme()\n const childrenWithProps = React.Children.map(children, (child, i) => {\n const isFirst = i === 0 && props.orientation === 'vertical'\n const isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical'\n const firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } }\n const lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } }\n if (!React.isValidElement(child)) {\n return null\n }\n return React.cloneElement(child, { variant, ...(isFirst && firstStyles), ...(isLast && lastStyles) })\n })\n return (\n <CommonButtonGroup ref={ref} classes={classes} {...derivedProps} {...muiProps}>\n {childrenWithProps}\n </CommonButtonGroup>\n )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\n"],"names":["CommonButtonGroup"],"mappings":";;;;;;;IAQa,WAAW,GAAG,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,EAAA;IACzE,IAAA,QAAQ,GAAuC,KAAK,CAAA,QAA5C,EAAE,EAAqC,GAAA,KAAK,QAAvB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAtD,CAAA,UAAA,EAAA,SAAA,CAA8C,CAAF;AAClD,IAAA,IAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAC3C,IAAA,IAAA,OAAO,GAAK,QAAQ,EAAE,QAAf;AACf,IAAA,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,EAAA;QAC9D,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QAC3D,IAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QACpG,IAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACpG,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;AACzG,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAI,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,SAAA,EAAK,GAAC,OAAO,IAAI,WAAW,EAAM,GAAC,MAAM,IAAI,UAAU,EAAC,CAAG;AACvG,KAAC,CAAC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,aAAiB,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,EAAM,YAAY,EAAM,QAAQ,GAC1E,iBAAiB,CACA;AAExB,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { useTheme } from '@material-ui/core'\nimport { ButtonGroup as CommonButtonGroup } from '@popmenu/common-ui'\nimport { deriveButtonProps } from '../Button/util/deriveButtonProps'\nimport { ButtonGroupProps } from './ButtonGroupProps'\nimport { useButtonGroupStyles } from './ButtonGroupStyles'\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n const { children, variant = 'primary', ...muiProps } = props\n const classes = useButtonGroupStyles(props)\n const derivedProps = deriveButtonProps({ variant })\n const { spacing } = useTheme()\n const childrenWithProps = React.Children.map(children, (child, i) => {\n const isFirst = i === 0 && props.orientation === 'vertical'\n const isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical'\n const firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } }\n const lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } }\n if (!React.isValidElement(child)) {\n return null\n }\n return React.cloneElement(child, { variant, ...(isFirst && firstStyles), ...(isLast && lastStyles) })\n })\n return (\n <CommonButtonGroup ref={ref} classes={classes} {...derivedProps} {...muiProps}>\n {childrenWithProps}\n </CommonButtonGroup>\n )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\n"],"names":["CommonButtonGroup"],"mappings":";;;;;;;IAQa,WAAW,GAAG,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,EAAA;IACzE,IAAA,QAAQ,GAAuC,KAAK,CAAA,QAA5C,EAAE,EAAqC,GAAA,KAAK,QAAvB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAtD,CAAA,UAAA,EAAA,SAAA,CAA8C,CAAF;AAClD,IAAA,IAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAC3C,IAAA,IAAA,OAAO,GAAK,QAAQ,EAAE,QAAf;AACf,IAAA,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,EAAA;QAC9D,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QAC3D,IAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QACpG,IAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACpG,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;AACzG,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAI,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,SAAA,EAAK,GAAC,OAAO,IAAI,WAAW,EAAM,GAAC,MAAM,IAAI,UAAU,EAAC,CAAG;AACvG,KAAC,CAAC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,aAAiB,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,EAAM,YAAY,EAAM,QAAQ,GAC1E,iBAAiB,CACA;AAExB,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/ButtonGroup/ButtonGroupStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var getBorderColor = function (palette, variant) {
     var borderColor = 'inherit';

package/build/esm/components/ButtonGroup/ButtonGroupStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroupStyles.js","sources":["../../../../src/components/ButtonGroup/ButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { ButtonGroupProps } from './ButtonGroupProps'\n\nconst getBorderColor = (palette: Theme['palette'], variant: ButtonGroupProps['variant']): string => {\n let borderColor = 'inherit'\n if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant as string)) {\n // @ts-expect-error - todo.\n borderColor = palette[variant as string].light\n }\n return borderColor\n}\n\nexport const useButtonGroupStyles = makeStyles<Theme, ButtonGroupProps, 'groupedContained' \| 'groupedText'>(\n (theme) => ({\n root: {\n boxShadow: 'none',\n },\n groupedContained: {\n '&&': {\n borderColor: (props) => getBorderColor(theme.palette, props.variant),\n },\n },\n groupedText: {\n '&&': {\n borderColor: theme.palette.info.main,\n },\n },\n }),\n)\n"],"names":[],"mappings":";;AAIA,IAAM,cAAc,GAAG,UAAC,OAAyB,EAAE,OAAoC,EAAA;IACrF,IAAI,WAAW,GAAG,SAAS;AAC3B,IAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAiB,CAAC,EAAE;;AAE/F,QAAA,WAAW,GAAG,OAAO,CAAC,OAAiB,CAAC,CAAC,KAAK;AAC/C;AACD,IAAA,OAAO,WAAW;AACpB,CAAC;AAEY,IAAA,oBAAoB,GAAG,UAAU,CAC5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACV,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAA;AACrE,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACrC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"ButtonGroupStyles.js","sources":["../../../../src/components/ButtonGroup/ButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonGroupProps } from './ButtonGroupProps'\n\nconst getBorderColor = (palette: Theme['palette'], variant: ButtonGroupProps['variant']): string => {\n let borderColor = 'inherit'\n if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant as string)) {\n // @ts-expect-error - todo.\n borderColor = palette[variant as string].light\n }\n return borderColor\n}\n\nexport const useButtonGroupStyles = makeStyles<Theme, ButtonGroupProps, 'groupedContained' \| 'groupedText'>(\n (theme) => ({\n root: {\n boxShadow: 'none',\n },\n groupedContained: {\n '&&': {\n borderColor: (props) => getBorderColor(theme.palette, props.variant),\n },\n },\n groupedText: {\n '&&': {\n borderColor: theme.palette.info.main,\n },\n },\n }),\n)\n"],"names":[],"mappings":";;AAIA,IAAM,cAAc,GAAG,UAAC,OAAyB,EAAE,OAAoC,EAAA;IACrF,IAAI,WAAW,GAAG,SAAS;AAC3B,IAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAiB,CAAC,EAAE;;AAE/F,QAAA,WAAW,GAAG,OAAO,CAAC,OAAiB,CAAC,CAAC,KAAK;AAC/C;AACD,IAAA,OAAO,WAAW;AACpB,CAAC;AAEY,IAAA,oBAAoB,GAAG,UAAU,CAC5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACV,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAA;AACrE,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACrC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useFeatureIntroStyles = makeStyles(function (_a) {
     var spacing = _a.spacing;

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n root: {\n gap: spacing(3),\n },\n actions: {\n gap: spacing(3),\n },\n image: {\n width: '100%',\n objectFit: 'contain',\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC1F,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;KACF;AAX0F,CAWzF;;;;"}
1	+ {"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n root: {\n gap: spacing(3),\n },\n actions: {\n gap: spacing(3),\n },\n image: {\n width: '100%',\n objectFit: 'contain',\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC1F,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;KACF;AAX0F,CAWzF;;;;"}

package/build/esm/components/FullScreenStepper/FullScreenStepper.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { __rest, __assign, __awaiter, __generator } from 'tslib';
+import { Dialog, Box } from '@material-ui/core';
 import React, { useState } from 'react';
-import Box from '@material-ui/core/Box';
-import Dialog from '@material-ui/core/Dialog';
 import { FullScreenStepperActions } from '../FullScreenStepperActions/FullScreenStepperActions.js';
 import { FullScreenStepperHeader } from '../FullScreenStepperHeader/FullScreenStepperHeader.js';
 import { FullScreenStepperContext } from './FullScreenStepperContext.js';

package/build/esm/components/FullScreenStepper/FullScreenStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import ~~React,~~ { FC, ~~useState~~ } from '~~react'\nimport Box from '~~@material-ui/core~~/Box~~'\nimport ~~Dialog~~ from '~~@material-ui/core/Dialog~~'\n\nimport FullScreenStepperActions from '../FullScreenStepperActions'\nimport FullScreenStepperHeader from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/*\n TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n const {\n children,\n context = {},\n defaultStepCursor = 1,\n displayActionBar = true,\n displayCancelButton = true,\n displayPreviousButton = true,\n resetStepCursorOnCancel = true,\n resetStepCursorOnClose = true,\n steps,\n onClose,\n onFinish,\n onNext,\n onCancel,\n onPrevious,\n ...DialogProps\n } = props\n const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n const stepCount = steps.length\n const stepIndex = stepCursor - 1\n const step = steps[stepIndex]\n const { displayActionBar: displayStepActionBar = true } = step\n const isFinalStep = stepCursor / stepCount === 1\n const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n const mergedContext = { ...context, ...callbackArgs }\n const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n const handleClose = () => {\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n if (resetStepCursorOnClose) {\n resetStepCursor()\n }\n }\n const handleNextClick = async () => {\n if (isFinalStep) {\n if (typeof onFinish === 'function') {\n await onFinish(callbackArgs)\n }\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n resetStepCursor()\n } else {\n if (typeof onNext === 'function') {\n await onNext(callbackArgs)\n }\n setStepCursor(stepCursor + 1)\n }\n }\n const handlePreviousClick = async () => {\n if (typeof onPrevious === 'function') {\n await onPrevious(callbackArgs)\n }\n setStepCursor(stepCursor - 1)\n }\n const handleCancelClick = async () => {\n if (typeof onCancel === 'function') {\n await onCancel(callbackArgs)\n }\n if (resetStepCursorOnCancel) {\n resetStepCursor()\n }\n }\n const content = React.Children.toArray(children).find(\n (child) => React.isValidElement(child) && child.props.name === step.name,\n )\n\n return (\n <Dialog fullScreen {...DialogProps}>\n <FullScreenStepperContext.Provider value={mergedContext}>\n <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n {content}\n </Box>\n {displayActionBar && displayStepActionBar && (\n <FullScreenStepperActions\n {...step.actionBar}\n callbackArgs={callbackArgs}\n displayCancelButton={displayCancelButton}\n displayPreviousButton={displayPreviousButton}\n stepCount={stepCount}\n stepCursor={stepCursor}\n setStepCursor={setStepCursor}\n handleCancelClick={handleCancelClick}\n handleNextClick={handleNextClick}\n handlePreviousClick={handlePreviousClick}\n />\n )}\n </Box>\n </FullScreenStepperContext.Provider>\n </Dialog>\n )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"~~;;;;;;;;AASA~~;;;;AAIG;AAEI,IAAM,iBAAiB,GAA+B,UAAC,KAAK,EAAA;IAE/D,IAAA,QAAQ,GAeN,KAAK,CAAA,QAfC,EACR,EAcE,GAAA,KAAK,CAdK,OAAA,EAAZ,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACZ,EAaE,GAAA,KAAK,CAbc,iBAAA,EAArB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACrB,EAYE,GAAA,KAAK,iBAZgB,EAAvB,gBAAgB,mBAAG,IAAI,GAAA,EAAA,EACvB,EAWE,GAAA,KAAK,CAXmB,mBAAA,EAA1B,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAC1B,EAUE,GAAA,KAAK,CAVqB,qBAAA,EAA5B,qBAAqB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAC5B,EASE,GAAA,KAAK,wBATuB,EAA9B,uBAAuB,mBAAG,IAAI,GAAA,EAAA,EAC9B,EAQE,GAAA,KAAK,CARsB,sBAAA,EAA7B,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAC7B,KAAK,GAOH,KAAK,CAAA,KAPF,EACL,OAAO,GAML,KAAK,CAAA,OANA,EACP,QAAQ,GAKN,KAAK,CAAA,QALC,EACR,MAAM,GAIJ,KAAK,CAJD,MAAA,EACN,QAAQ,GAGN,KAAK,CAAA,QAHC,EACR,UAAU,GAER,KAAK,CAAA,UAFG,EACP,WAAW,UACZ,KAAK,EAhBH,CAgBL,UAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,wBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CADe;IAEV,IAAA,EAAA,GAA8B,QAAQ,CAAC,iBAAiB,CAAC,EAAxD,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAA+B;AAC/D,IAAA,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM;AAC9B,IAAA,IAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,IAAA,IAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IACrB,IAAA,EAAA,GAAkD,IAAI,CAAT,gBAAA,EAA3B,oBAAoB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AACrD,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAM,YAAY,GAAG,EAAE,aAAa,EAAA,aAAA,EAAE,IAAI,EAAA,IAAA,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE,KAAK,EAAA,KAAA,EAAE;AACzE,IAAA,IAAM,aAAa,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,CAAK,EAAA,YAAY,CAAE;AACrD,IAAA,IAAM,eAAe,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,CAAC,GAAA,EAAE,GAAG,CAAC,CAAA,EAAA;AACrE,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YACjC,OAAO,CAAC,YAAY,CAAC;AACtB;AACD,QAAA,IAAI,sBAAsB,EAAE;AAC1B,YAAA,eAAe,EAAE;AAClB;AACH,KAAC;AACD,IAAA,IAAM,eAAe,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AAClB,oBAAA,IAAA,CAAA,WAAW,EAAX,OAAW,CAAA,CAAA,YAAA,CAAA,CAAA;AACT,oBAAA,IAAA,EAAA,OAAO,QAAQ,KAAK,UAAU,CAAA,EAA9B,OAA8B,CAAA,CAAA,YAAA,CAAA,CAAA;AAChC,oBAAA,OAAA,CAAA,CAAA,YAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;;AAA5B,oBAAA,EAAA,CAAA,IAAA,EAA4B;;;AAE9B,oBAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;wBACjC,OAAO,CAAC,YAAY,CAAC;AACtB;AACD,oBAAA,eAAe,EAAE;;;AAEb,oBAAA,IAAA,EAAA,OAAO,MAAM,KAAK,UAAU,CAAA,EAA5B,OAA4B,CAAA,CAAA,YAAA,CAAA,CAAA;AAC9B,oBAAA,OAAA,CAAA,CAAA,YAAM,MAAM,CAAC,YAAY,CAAC,CAAA;;AAA1B,oBAAA,EAAA,CAAA,IAAA,EAA0B;;;AAE5B,oBAAA,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;;;;;SAEhC;AACD,IAAA,IAAM,mBAAmB,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AACtB,oBAAA,IAAA,EAAA,OAAO,UAAU,KAAK,UAAU,CAAA,EAAhC,OAAgC,CAAA,CAAA,YAAA,CAAA,CAAA;AAClC,oBAAA,OAAA,CAAA,CAAA,YAAM,UAAU,CAAC,YAAY,CAAC,CAAA;;AAA9B,oBAAA,EAAA,CAAA,IAAA,EAA8B;;;AAEhC,oBAAA,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;;;;SAC9B;AACD,IAAA,IAAM,iBAAiB,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AACpB,oBAAA,IAAA,EAAA,OAAO,QAAQ,KAAK,UAAU,CAAA,EAA9B,OAA8B,CAAA,CAAA,YAAA,CAAA,CAAA;AAChC,oBAAA,OAAA,CAAA,CAAA,YAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;;AAA5B,oBAAA,EAAA,CAAA,IAAA,EAA4B;;;AAE9B,oBAAA,IAAI,uBAAuB,EAAE;AAC3B,wBAAA,eAAe,EAAE;AAClB;;;;SACF;AACD,IAAA,IAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACnD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAA7D,EAA6D,CACzE;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,QAAA,CAAA,EAAA,UAAU,UAAK,WAAW,CAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,EAAA;AACrD,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACpD,gBAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;gBAC3G,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAC/E,EAAA,OAAO,CACJ;gBACL,gBAAgB,IAAI,oBAAoB,KACvC,KAAA,CAAA,aAAA,CAAC,wBAAwB,EACnB,QAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,EAClB,EAAA,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EAAA,CAAA,CACxC,CACH,CACG,CAC4B,CAC7B;AAEb;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
1	+ {"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import { Box, Dialog } from '@material-ui/core'\nimport React, { FC, useState } from 'react'\nimport FullScreenStepperActions from '../FullScreenStepperActions'\nimport FullScreenStepperHeader from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/*\n TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n const {\n children,\n context = {},\n defaultStepCursor = 1,\n displayActionBar = true,\n displayCancelButton = true,\n displayPreviousButton = true,\n resetStepCursorOnCancel = true,\n resetStepCursorOnClose = true,\n steps,\n onClose,\n onFinish,\n onNext,\n onCancel,\n onPrevious,\n ...DialogProps\n } = props\n const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n const stepCount = steps.length\n const stepIndex = stepCursor - 1\n const step = steps[stepIndex]\n const { displayActionBar: displayStepActionBar = true } = step\n const isFinalStep = stepCursor / stepCount === 1\n const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n const mergedContext = { ...context, ...callbackArgs }\n const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n const handleClose = () => {\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n if (resetStepCursorOnClose) {\n resetStepCursor()\n }\n }\n const handleNextClick = async () => {\n if (isFinalStep) {\n if (typeof onFinish === 'function') {\n await onFinish(callbackArgs)\n }\n if (typeof onClose === 'function') {\n onClose(callbackArgs)\n }\n resetStepCursor()\n } else {\n if (typeof onNext === 'function') {\n await onNext(callbackArgs)\n }\n setStepCursor(stepCursor + 1)\n }\n }\n const handlePreviousClick = async () => {\n if (typeof onPrevious === 'function') {\n await onPrevious(callbackArgs)\n }\n setStepCursor(stepCursor - 1)\n }\n const handleCancelClick = async () => {\n if (typeof onCancel === 'function') {\n await onCancel(callbackArgs)\n }\n if (resetStepCursorOnCancel) {\n resetStepCursor()\n }\n }\n const content = React.Children.toArray(children).find(\n (child) => React.isValidElement(child) && child.props.name === step.name,\n )\n\n return (\n <Dialog fullScreen {...DialogProps}>\n <FullScreenStepperContext.Provider value={mergedContext}>\n <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n {content}\n </Box>\n {displayActionBar && displayStepActionBar && (\n <FullScreenStepperActions\n {...step.actionBar}\n callbackArgs={callbackArgs}\n displayCancelButton={displayCancelButton}\n displayPreviousButton={displayPreviousButton}\n stepCount={stepCount}\n stepCursor={stepCursor}\n setStepCursor={setStepCursor}\n handleCancelClick={handleCancelClick}\n handleNextClick={handleNextClick}\n handlePreviousClick={handlePreviousClick}\n />\n )}\n </Box>\n </FullScreenStepperContext.Provider>\n </Dialog>\n )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"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"}

package/build/esm/components/FullScreenStepper/FullScreenStepperProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DialogProps } from '@material-ui/core/Dialog';
+import { DialogProps } from '@material-ui/core';
 import { ButtonProps } from '../Button';
 import { FullScreenStepperTypes } from './types';
 export declare namespace FullScreenStepperSubProps {

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useFullScreenStepperActionsStyles = makeStyles(function (theme) { return ({
     root: {

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n root: {\n position: 'sticky',\n background: 'white',\n bottom: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n zIndex: 3,\n },\n inlineEndActions: {\n '& > ': {\n marginInlineStart: theme.spacing(2),\n },\n },\n inlineStartActions: {\n display: 'flex',\n alignItems: 'center',\n '& > ': {\n marginInlineEnd: theme.spacing(2),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,iCAAiC,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5G,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,OAAO,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACxD,QAAA,SAAS,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAY,WAAA,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AACrE,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAClC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n root: {\n position: 'sticky',\n background: 'white',\n bottom: 0,\n display: 'flex',\n justifyContent: 'space-between',\n padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n zIndex: 3,\n },\n inlineEndActions: {\n '& > ': {\n marginInlineStart: theme.spacing(2),\n },\n },\n inlineStartActions: {\n display: 'flex',\n alignItems: 'center',\n '& > ': {\n marginInlineEnd: theme.spacing(2),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,iCAAiC,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5G,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,OAAO,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACxD,QAAA,SAAS,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAY,WAAA,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AACrE,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAClC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js CHANGED Viewed

@@ -1,5 +1,5 @@
+import { makeStyles } from '@material-ui/core';
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import { Typography } from '@popmenu/common-ui';
 var useStyles = makeStyles({

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import ~~React,~~ { FC } from '~~react~~'\nimport { ~~makeStyles~~ } from '~~@material-ui/core/styles~~'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n root: {\n fontStyle: 'italic',\n },\n})\n\nexport const StepperActionsStatusText: FC<{\n statusText?: string\n}> = (props) => {\n const { statusText } = props\n const classes = useStyles(props)\n return statusText ? (\n <Typography classes={{ root: classes.root }} variant=\"body2\">\n {statusText}\n </Typography>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,IAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,wBAAwB,GAEhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;AAClB,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,UAAU,IACf,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAA,EACzD,UAAU,CACA,IACX,IAAI;AACV;;;;"}
1	+ {"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n root: {\n fontStyle: 'italic',\n },\n})\n\nexport const StepperActionsStatusText: FC<{\n statusText?: string\n}> = (props) => {\n const { statusText } = props\n const classes = useStyles(props)\n return statusText ? (\n <Typography classes={{ root: classes.root }} variant=\"body2\">\n {statusText}\n </Typography>\n ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,IAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,wBAAwB,GAEhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;AAClB,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,UAAU,IACf,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAA,EACzD,UAAU,CACA,IACX,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useFullScreenStepperHeaderStyles = makeStyles(function (_a) {
     var spacing = _a.spacing;

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n closeButton: {\n position: 'absolute',\n right: 0,\n top: 0,\n },\n root: {\n alignItems: 'center',\n background: 'white',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: spacing(1.5, 0),\n position: 'sticky',\n top: 0,\n zIndex: 3,\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gCAAgC,GAAG,UAAU,CAAsC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChH,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,CAAC;AACP,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;KACF;AAjBgH,CAiB/G;;;;"}
1	+ {"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n closeButton: {\n position: 'absolute',\n right: 0,\n top: 0,\n },\n root: {\n alignItems: 'center',\n background: 'white',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n padding: spacing(1.5, 0),\n position: 'sticky',\n top: 0,\n zIndex: 3,\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gCAAgC,GAAG,UAAU,CAAsC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChH,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,CAAC;AACP,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;KACF;AAjBgH,CAiB/G;;;;"}

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var getBorderRadius = function (theme, props) {
     var stepCursor = props.stepCursor, stepCount = props.stepCount;

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n const { stepCursor, stepCount } = props\n const isFinalStep = stepCursor / stepCount === 1\n if (isFinalStep) {\n return 0\n } else {\n return theme.spacing(0.5)\n }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n progress: {\n width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n transition: 'all 500ms',\n height: theme.spacing(1),\n // @ts-expect-error: Theme includes extended properties\n background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n borderEndEndRadius: (props) => getBorderRadius(theme, props),\n borderStartEndRadius: (props) => getBorderRadius(theme, props),\n },\n track: {\n position: 'absolute',\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n height: theme.spacing(0.5),\n background: theme.palette.grey[100],\n zIndex: 2,\n },\n}))\n"],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,KAAY,EAAE,KAAqC,EAAA;IAClE,IAAA,UAAU,GAAgB,KAAK,CAAA,UAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV;AAC7B,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;AACT;AAAM,SAAA;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B;AACH,CAAC;AAEY,IAAA,kCAAkC,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,UAAC,KAAK,IAAK,OAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,GAAA,GAAG,GAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,yBAA0B,GAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAA,IAAA,GAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,GAAA;AAClH,QAAA,kBAAkB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC5D,QAAA,oBAAoB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n const { stepCursor, stepCount } = props\n const isFinalStep = stepCursor / stepCount === 1\n if (isFinalStep) {\n return 0\n } else {\n return theme.spacing(0.5)\n }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n progress: {\n width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n transition: 'all 500ms',\n height: theme.spacing(1),\n // @ts-expect-error: Theme includes extended properties\n background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n borderEndEndRadius: (props) => getBorderRadius(theme, props),\n borderStartEndRadius: (props) => getBorderRadius(theme, props),\n },\n track: {\n position: 'absolute',\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n height: theme.spacing(0.5),\n background: theme.palette.grey[100],\n zIndex: 2,\n },\n}))\n"],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,KAAY,EAAE,KAAqC,EAAA;IAClE,IAAA,UAAU,GAAgB,KAAK,CAAA,UAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV;AAC7B,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;AACT;AAAM,SAAA;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B;AACH,CAAC;AAEY,IAAA,kCAAkC,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,UAAC,KAAK,IAAK,OAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,GAAA,GAAG,GAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,yBAA0B,GAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAA,IAAA,GAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,GAAA;AAClH,QAAA,kBAAkB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC5D,QAAA,oBAAoB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/SelectableCard/SelectableCardProps.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
+import { CardActionAreaProps, CardProps as MuiCardProps } from '@material-ui/core';
 import { Ref } from 'react';
-import { CardProps as MuiCardProps } from '@material-ui/core/Card';
-import { CardActionAreaProps } from '@material-ui/core';
 export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
     /** Id of the DOM node serving as the label of the input. */
     labelId: string;

package/build/esm/components/SelectableCard/SelectableCardStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles, lighten } from '@material-ui/core/styles';
+import { makeStyles, lighten } from '@material-ui/core';
 var useSelectableCardStyles = makeStyles(function (theme) {
     var _a = theme.palette, info = _a.info, grey = _a.grey, getContrastText = _a.getContrastText, spacing = theme.spacing;

package/build/esm/components/SelectableCard/SelectableCardStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme, ~~lighten~~ } from '@material-ui/core~~/styles~~'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n const {\n palette: { info, grey, getContrastText },\n spacing,\n } = theme\n const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n const backgroundColor = theme.palette.surface.light\n return {\n root: {\n position: 'relative',\n border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n transition: 'none',\n },\n cardContent: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: spacing(2.5),\n },\n icon: {\n position: 'absolute',\n top: spacing(2),\n left: spacing(2),\n color: ({ selected }) => (selected ? info.main : grey[700]),\n },\n focusHighlight: {\n backgroundColor: 'inherit',\n },\n }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}
1	+ {"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { lighten, makeStyles, Theme } from '@material-ui/core'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n const {\n palette: { info, grey, getContrastText },\n spacing,\n } = theme\n const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n const backgroundColor = theme.palette.surface.light\n return {\n root: {\n position: 'relative',\n border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n transition: 'none',\n },\n cardContent: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: spacing(2.5),\n },\n icon: {\n position: 'absolute',\n top: spacing(2),\n left: spacing(2),\n color: ({ selected }) => (selected ? info.main : grey[700]),\n },\n focusHighlight: {\n backgroundColor: 'inherit',\n },\n }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 var useSettingsIndexCardStyles = makeStyles(function (theme) { return ({
     cardRoot: {

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core~~/styles~~'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n cardRoot: {\n border: `1px solid ${theme.palette.grey[300]}`,\n alignSelf: 'stretch',\n flexGrow: 1,\n '&:hover': {\n backgroundColor: '#52B7FF1A',\n },\n },\n cardContentRoot: {\n padding: theme.spacing(4),\n '&:last-child': {\n paddingBottom: theme.spacing(4),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
1	+ {"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n cardRoot: {\n border: `1px solid ${theme.palette.grey[300]}`,\n alignSelf: 'stretch',\n flexGrow: 1,\n '&:hover': {\n backgroundColor: '#52B7FF1A',\n },\n },\n cardContentRoot: {\n padding: theme.spacing(4),\n '&:last-child': {\n paddingBottom: theme.spacing(4),\n },\n },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}