@popmenu/admin-ui 0.161.0 → 0.162.0

package/build/cjs/theme/adminLightTheme.d.ts

@@ -1,255 +1,3 @@
-export declare const adminLightOptions: {
-    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;
-        };
-    };
-    status: {
-        disabled: {
-            opacity: number;
-        };
-    };
-    zIndex: {
-        mobileStepper: number;
-        appBar: number;
-        drawer: number;
-        modal: number;
-        snackbar: number;
-        tooltip: number;
-    };
-    placeholder: string;
-    themeName: string;
-    palette: {
-        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;
-            };
-        };
-        type: string;
-        secondary: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        surface: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        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;
-        };
-        blue: {
-            lighter: string;
-            light: string;
-            main: string;
-            dark: string;
-            darker: string;
-        };
-        green: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        purple: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        red: {
-            lighter: string;
-            light: string;
-            main: string;
-            dark: string;
-        };
-        yellow: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        gray: {
-            light: string;
-            main: string;
-            dark: string;
-        };
-        white: {
-            main: string;
-        };
-    };
-    breakpoints: {
-        values: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-    };
-    typography: {
-        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;
-        };
-    };
-    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;
-                    };
-                };
-            };
-        };
-    };
-};
+import { ThemeOptions } from '@material-ui/core';
+export declare const adminLightOptions: ThemeOptions;
 export declare const adminLight: import("@material-ui/core").Theme;

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

@@ -2,6 +2,7 @@
  * These theme properties should be considered legacy. Make efforts to avoid new usage as well as refactor out existing
  * usage.
  */
+import type { ComponentsProps } from '@material-ui/core/styles/props';
 export declare const adminLightPlaceholder: {
     placeholder: string;
 };
@@ -33,31 +34,5 @@ export declare const adminThemeZIndex: {
  * 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;
-        };
-    };
+    props: ComponentsProps;
 };

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

@@ -1,3 +1,4 @@
+import type { PaletteOptions } from '@material-ui/core/styles/createPalette';
 export declare const basePalette: {
     /** Semantic Colors */
     primary: {
@@ -67,33 +68,8 @@ export declare const basePalette: {
         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 adminLightPalette: PaletteOptions;
+export declare const adminDarkPalette: PaletteOptions;
 export declare const dataVizPalette: {
     data: {
         blue: {

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

@@ -1,8 +1,2 @@
-export declare const props: {
-    MuiSwitch: {
-        color: string;
-    };
-    MuiTextField: {
-        variant: string;
-    };
-};
+import type { ComponentsProps } from '@material-ui/core/styles/props';
+export declare const props: ComponentsProps;

package/build/cjs/theme/themeAugmentation.d.ts

@@ -0,0 +1,82 @@
+import type { CSSProperties } from 'react';
+import type { Theme } from '@material-ui/core/styles';
+interface AdminShadeColor {
+    light: string;
+    main: string;
+    dark: string;
+}
+interface AdminBlueColor extends AdminShadeColor {
+    lighter: string;
+    darker: string;
+}
+interface AdminRedColor extends AdminShadeColor {
+    lighter: string;
+}
+interface AdminWhiteColor {
+    main: string;
+}
+interface AdminDataPalette {
+    blue: AdminShadeColor;
+    peach: AdminShadeColor;
+    pink: AdminShadeColor;
+    purple: AdminShadeColor;
+    marigold: AdminShadeColor;
+    teal: AdminShadeColor;
+}
+interface AdminCustomPalette {
+    blue: AdminBlueColor;
+    green: AdminShadeColor;
+    purple: AdminShadeColor;
+    red: AdminRedColor;
+    yellow: AdminShadeColor;
+    gray: AdminShadeColor;
+    white: AdminWhiteColor;
+    data: AdminDataPalette;
+}
+interface AdminThemeStatus {
+    disabled: {
+        opacity: number;
+    };
+}
+interface ColorGradientOptions {
+    gradientStart?: string;
+    gradientEnd?: string;
+}
+interface ExtraThemeProperties {
+    themeName: string;
+    /** @deprecated Legacy theme property. Avoid new usage and refactor out existing usage. */
+    placeholder: string;
+    /** @deprecated Legacy theme property. Avoid new usage and refactor out existing usage. */
+    status: AdminThemeStatus;
+}
+declare module '@material-ui/core/styles/createPalette' {
+    interface Palette extends AdminCustomPalette {
+        surface: PaletteColor;
+    }
+    interface PaletteOptions extends Partial<AdminCustomPalette> {
+        surface?: SimplePaletteColorOptions;
+    }
+    interface SimplePaletteColorOptions extends ColorGradientOptions {
+    }
+    interface PaletteColor extends ColorGradientOptions {
+    }
+}
+declare module '@material-ui/core/styles/createTypography' {
+    interface Typography {
+        h7: CSSProperties;
+    }
+    interface TypographyOptions {
+        h7?: CSSProperties;
+    }
+}
+declare module '@material-ui/core/styles/createTheme' {
+    interface Theme extends ExtraThemeProperties {
+    }
+    interface ThemeOptions extends Partial<ExtraThemeProperties> {
+    }
+}
+declare module '@material-ui/styles/defaultTheme' {
+    interface DefaultTheme extends Theme {
+    }
+}
+export {};

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

@@ -1,61 +1,2 @@
-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;
-    };
-};
+import type { TypographyOptions } from '@material-ui/core/styles/createTypography';
+export declare const adminThemeTypography: TypographyOptions;

package/build/esm/components/Button/ButtonStyles.js

@@ -40,7 +40,6 @@ const getBackground = (palette, props) => {
         backgroundColor = palette[props.variant].main;
     }
     if (props.variant === 'primary') {
-        // @ts-expect-error gradient colors are included in the extended palette.
         backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`;
     }
     if (props.variant === 'secondary') {

package/build/esm/components/Button/ButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonStyles.js","sources":["../../../../src/components/Button/ButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonProps } from './ButtonProps'\n\nconst borderWidth = 1\n\nconst getColor = (palette: Theme['palette'], props: ButtonProps): string => {\n  const variant = props.variant as string\n  let color = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {\n    // @ts-expect-error - todo.\n    color = palette[variant].contrastText\n  }\n  if (variant === 'secondary') {\n    color = palette[variant].main\n    /**\n     * Temporary fix for dark theme buttons.\n     * Dark theme will be addressed in ch-11596 and the following if block should be removed\n     */\n    if (palette.type === 'dark') {\n      color = 'black'\n    }\n  }\n  if (variant === 'tertiary') {\n    color = palette.secondary.contrastText\n  }\n  if (variant === 'text') {\n    color = palette.info.main\n  }\n  return color\n}\n\nconst getColorHover = (palette: Theme['palette'], props: ButtonProps): string | undefined => {\n  let color\n  if (props.variant === 'secondary') {\n    color = palette.secondary.contrastText\n  }\n  return color\n}\n\nconst getBackground = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundColor = 'inherit'\n  if (['info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundColor = palette[props.variant as string].main\n  }\n  if (props.variant === 'primary') {\n    // @ts-expect-error gradient colors are included in the extended palette.\n    backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`\n  }\n  if (props.variant === 'secondary') {\n    backgroundColor = 'white'\n  }\n  if (props.variant === 'tertiary') {\n    backgroundColor = palette.secondary.main\n  }\n  return backgroundColor\n}\n\nconst getBackgroundHover = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundHoverColor = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundHoverColor = palette[props.variant as string].dark\n  }\n  if (props.variant === 'secondary') {\n    backgroundHoverColor = palette.secondary.main\n  }\n  if (props.variant === 'tertiary') {\n    backgroundHoverColor = palette.secondary.light\n  }\n  if (props.variant === 'text' || props.variant === 'ghost') {\n    backgroundHoverColor = palette.action.hover\n  }\n  return backgroundHoverColor\n}\n\nexport const buttonTypography = {\n  fontWeight: 500,\n  fontSize: '0.875rem',\n  lineHeight: '1.25rem',\n}\n\nexport const useButtonStyles = makeStyles<Theme, ButtonProps>(({ palette, spacing }) => ({\n  root: (props) => ({\n    minWidth: 'unset',\n    color: getColor(palette, props),\n    background: getBackground(palette, props),\n    backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),\n    borderRadius: spacing(6),\n    transition: 'all 200ms ease-in-out',\n    '&:hover': {\n      color: getColorHover(palette, props),\n      background: getBackgroundHover(palette, props),\n    },\n  }),\n  disabled: {\n    '&$root': {\n      background: palette.action.disabled,\n    },\n  },\n  contained: {\n    padding: spacing(1, 2),\n  },\n  outlined: {\n    padding: `calc(${spacing(1)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    '&$sizeSmall': {\n      padding: `calc(${spacing(0.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n    '&$sizeLarge': {\n      padding: `calc(${spacing(1.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n  },\n  text: {\n    padding: spacing(1, 2),\n  },\n  label: {\n    ...buttonTypography,\n    textTransform: (props) => props.textTransform,\n  },\n  sizeSmall: {\n    padding: spacing(0.5, 2),\n  },\n  sizeLarge: {\n    padding: spacing(1.5, 2),\n  },\n}))\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonStyles.js","sources":["../../../../src/components/Button/ButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonProps } from './ButtonProps'\n\nconst borderWidth = 1\n\nconst getColor = (palette: Theme['palette'], props: ButtonProps): string => {\n  const variant = props.variant as string\n  let color = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {\n    // @ts-expect-error - todo.\n    color = palette[variant].contrastText\n  }\n  if (variant === 'secondary') {\n    color = palette[variant].main\n    /**\n     * Temporary fix for dark theme buttons.\n     * Dark theme will be addressed in ch-11596 and the following if block should be removed\n     */\n    if (palette.type === 'dark') {\n      color = 'black'\n    }\n  }\n  if (variant === 'tertiary') {\n    color = palette.secondary.contrastText\n  }\n  if (variant === 'text') {\n    color = palette.info.main\n  }\n  return color\n}\n\nconst getColorHover = (palette: Theme['palette'], props: ButtonProps): string | undefined => {\n  let color\n  if (props.variant === 'secondary') {\n    color = palette.secondary.contrastText\n  }\n  return color\n}\n\nconst getBackground = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundColor = 'inherit'\n  if (['info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundColor = palette[props.variant as string].main\n  }\n  if (props.variant === 'primary') {\n    backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`\n  }\n  if (props.variant === 'secondary') {\n    backgroundColor = 'white'\n  }\n  if (props.variant === 'tertiary') {\n    backgroundColor = palette.secondary.main\n  }\n  return backgroundColor\n}\n\nconst getBackgroundHover = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundHoverColor = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundHoverColor = palette[props.variant as string].dark\n  }\n  if (props.variant === 'secondary') {\n    backgroundHoverColor = palette.secondary.main\n  }\n  if (props.variant === 'tertiary') {\n    backgroundHoverColor = palette.secondary.light\n  }\n  if (props.variant === 'text' || props.variant === 'ghost') {\n    backgroundHoverColor = palette.action.hover\n  }\n  return backgroundHoverColor\n}\n\nexport const buttonTypography = {\n  fontWeight: 500,\n  fontSize: '0.875rem',\n  lineHeight: '1.25rem',\n}\n\nexport const useButtonStyles = makeStyles<Theme, ButtonProps>(({ palette, spacing }) => ({\n  root: (props) => ({\n    minWidth: 'unset',\n    color: getColor(palette, props),\n    background: getBackground(palette, props),\n    backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),\n    borderRadius: spacing(6),\n    transition: 'all 200ms ease-in-out',\n    '&:hover': {\n      color: getColorHover(palette, props),\n      background: getBackgroundHover(palette, props),\n    },\n  }),\n  disabled: {\n    '&$root': {\n      background: palette.action.disabled,\n    },\n  },\n  contained: {\n    padding: spacing(1, 2),\n  },\n  outlined: {\n    padding: `calc(${spacing(1)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    '&$sizeSmall': {\n      padding: `calc(${spacing(0.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n    '&$sizeLarge': {\n      padding: `calc(${spacing(1.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n  },\n  text: {\n    padding: spacing(1, 2),\n  },\n  label: {\n    ...buttonTypography,\n    textTransform: (props) => props.textTransform,\n  },\n  sizeSmall: {\n    padding: spacing(0.5, 2),\n  },\n  sizeLarge: {\n    padding: spacing(1.5, 2),\n  },\n}))\n"],"names":[],"mappings":"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"}

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

@@ -15,7 +15,6 @@ const useFullScreenStepperProgressStyles = makeStyles((theme) => ({
         width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,
         transition: 'all 500ms',
         height: theme.spacing(1),
-        // @ts-expect-error: Theme includes extended properties
         background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,
         borderEndEndRadius: (props) => getBorderRadius(theme, props),
         borderStartEndRadius: (props) => getBorderRadius(theme, props),

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

@@ -1 +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,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,KAAqC,KAAI;AAC9E,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK;AACvC,IAAA,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;IAChD,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;;SACH;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE7B,CAAC;AAEY,MAAA,kCAAkC,GAAG,UAAU,CAAwC,CAAC,KAAK,MAAM;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,CAAG,CAAA,CAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,CAA0B,uBAAA,EAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAA,EAAA,EAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAG,CAAA,CAAA;QAClH,kBAAkB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;QAC5D,oBAAoB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;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;AACF,CAAA,CAAC;;;;"}
+{"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    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,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,KAAqC,KAAI;AAC9E,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK;AACvC,IAAA,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;IAChD,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;;SACH;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE7B,CAAC;AAEY,MAAA,kCAAkC,GAAG,UAAU,CAAwC,CAAC,KAAK,MAAM;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,CAAG,CAAA,CAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACxB,QAAA,UAAU,EAAE,CAA0B,uBAAA,EAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAA,EAAA,EAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAG,CAAA,CAAA;QAClH,kBAAkB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;QAC5D,oBAAoB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;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;AACF,CAAA,CAAC;;;;"}

package/build/esm/index.d.ts

@@ -1,3 +1,4 @@
+import './theme/themeAugmentation';
 export * from './components';
 export * from './hooks';
 export * from './theme';