@mantine/core 2.5.0-alpha.5 → 2.6.0-alpha.1

package/esm/components/Button/Button.styles.js

@@ -1,11 +1,5 @@
-import { INPUT_SIZES } from '../Input/Input.js';
-import { createMemoStyles } from '../../theme/create-memo-styles.js';
-import { hexToRgba } from '../../theme/utils/hex-to-rgba/hex-to-rgba.js';
-import { getSizeValue } from '../../theme/utils/get-size-value/get-size-value.js';
-import { getFontStyles } from '../../theme/utils/get-font-styles/get-font-styles.js';
-import { getFocusStyles } from '../../theme/utils/get-focus-styles/get-focus-styles.js';
-import { getSharedColorScheme } from '../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.js';
-import { getThemeColor } from '../../theme/utils/get-theme-color/get-theme-color.js';
+import { createStyles, hexToRgba, getSizeValue, getSharedColorScheme, getFontStyles, getFocusStyles, getThemeColor } from '@mantine/styles';
+import { sizes as sizes$1 } from '../Input/Input.styles.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -28,44 +22,44 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const sizes = {
   xs: {
-    height: INPUT_SIZES.xs,
-    padding: [0, 14]
+    height: sizes$1.xs,
+    padding: "0 14px"
   },
   sm: {
-    height: INPUT_SIZES.sm,
-    padding: [0, 18]
+    height: sizes$1.sm,
+    padding: "0 18px"
   },
   md: {
-    height: INPUT_SIZES.md,
-    padding: [0, 22]
+    height: sizes$1.md,
+    padding: "0 22px"
   },
   lg: {
-    height: INPUT_SIZES.lg,
-    padding: [0, 26]
+    height: sizes$1.lg,
+    padding: "0 26px"
   },
   xl: {
-    height: INPUT_SIZES.xl,
-    padding: [0, 32]
+    height: sizes$1.xl,
+    padding: "0 32px"
   },
   "compact-xs": {
     height: 22,
-    padding: [0, 7]
+    padding: "0 7px"
   },
   "compact-sm": {
     height: 26,
-    padding: [0, 8]
+    padding: "0 8px"
   },
   "compact-md": {
     height: 30,
-    padding: [0, 10]
+    padding: "0 10px"
   },
   "compact-lg": {
     height: 34,
-    padding: [0, 12]
+    padding: "0 12px"
   },
   "compact-xl": {
     height: 40,
-    padding: [0, 14]
+    padding: "0 14px"
   }
 };
 const heights = Object.keys(sizes).reduce((acc, size) => {
@@ -82,21 +76,19 @@ const getWidthStyles = (fullWidth) => ({
   display: fullWidth ? "block" : "inline-block",
   width: fullWidth ? "100%" : "auto"
 });
-const getSharedProps = ({ theme, radius }) => ({
-  borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
-  fontWeight: 600,
-  "&:not(:disabled):active": {
-    transform: "translateY(1px)"
-  },
-  "&:disabled:not($loading)": {
-    borderColor: "transparent",
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
-    color: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[5],
-    cursor: "not-allowed"
-  }
-});
-var useStyles = createMemoStyles({
-  loading: (props) => ({
+var useStyles = createStyles((theme, {
+  color,
+  size,
+  radius,
+  fullWidth,
+  compact,
+  gradientFrom,
+  variant,
+  gradientTo,
+  gradientDeg
+}, getRef) => {
+  const loading = {
+    ref: getRef("loading"),
     "&::before": {
       content: '""',
       position: "absolute",
@@ -104,112 +96,93 @@ var useStyles = createMemoStyles({
       left: -1,
       right: -1,
       bottom: -1,
-      backgroundColor: props.theme.colorScheme === "dark" ? hexToRgba(props.theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
-      borderRadius: getSizeValue({ size: props.radius, sizes: props.theme.radius }) - 1,
+      backgroundColor: theme.colorScheme === "dark" ? hexToRgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
+      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,
       cursor: "not-allowed"
     }
-  }),
-  icon: {
-    display: "flex",
-    alignItems: "center"
-  },
-  leftIcon: {
-    marginRight: 10
-  },
-  rightIcon: {
-    marginLeft: 10
-  },
-  inner: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "100%",
-    overflow: "visible"
-  },
-  label: {
-    display: "flex",
-    alignItems: "center",
-    whiteSpace: "nowrap",
-    height: "100%",
-    overflow: "hidden"
-  },
-  root: (props) => __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getSizeStyles({ compact: props.compact, size: props.size })), getFontStyles(props.theme)), getFocusStyles(props.theme)), getWidthStyles(props.fullWidth)), {
-    position: "relative",
-    lineHeight: 1,
-    fontSize: getSizeValue({ size: props.size, sizes: props.theme.fontSizes }),
-    WebkitTapHighlightColor: "transparent",
-    userSelect: "none",
-    boxSizing: "border-box",
-    textDecoration: "none",
-    cursor: "pointer",
-    appearance: "none",
-    WebkitAppearance: "none"
-  }),
-  outline: ({ color, radius, theme }) => {
-    const colors = getSharedColorScheme({ color, theme, variant: "outline" });
-    return __spreadValues({
-      backgroundColor: colors.background,
-      color: colors.color,
-      border: `1px solid ${colors.border}`
-    }, getSharedProps({ theme, radius }));
-  },
-  light: ({ color, radius, theme }) => {
-    const colors = getSharedColorScheme({ color, theme, variant: "light" });
-    return __spreadValues({
-      border: `1px solid ${colors.border}`,
-      backgroundColor: colors.background,
-      color: colors.color
-    }, getSharedProps({ theme, radius }));
-  },
-  filled: ({ color, radius, theme }) => {
-    const colors = getSharedColorScheme({ color, theme, variant: "filled" });
-    return __spreadValues({
+  };
+  const colors = getSharedColorScheme({
+    theme,
+    color,
+    variant,
+    gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
+  });
+  return {
+    loading,
+    root: __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getSizeStyles({ compact, size })), getFontStyles(theme)), getFocusStyles(theme)), getWidthStyles(fullWidth)), {
+      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      fontWeight: 600,
+      position: "relative",
+      lineHeight: 1,
+      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),
       border: `1px solid ${colors.border}`,
       backgroundColor: colors.background,
-      color: colors.color
-    }, getSharedProps({ theme, radius }));
-  },
-  white: ({ color, radius, theme }) => {
-    const colors = getSharedColorScheme({ color, theme, variant: "white" });
-    return __spreadValues({
-      border: `1px solid ${colors.border}`,
-      backgroundColor: colors.background,
-      color: colors.color
-    }, getSharedProps({ theme, radius }));
-  },
-  gradient: ({ radius, theme, gradientDeg, gradientFrom, gradientTo }) => {
-    const colors = getSharedColorScheme({
-      theme,
-      variant: "gradient",
-      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
-    });
-    return __spreadValues({
-      border: 0,
-      backgroundImage: colors.background,
-      color: colors.color
-    }, getSharedProps({ theme, radius }));
-  },
-  link: ({ color, radius, theme }) => ({
-    padding: 0,
-    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
-    backgroundColor: "transparent",
-    border: 0,
-    display: "inline-block",
-    color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 3 : 7 }),
-    cursor: "pointer",
-    height: "auto",
-    lineHeight: theme.lineHeight,
-    "&:hover": {
-      textDecoration: "underline"
+      backgroundImage: variant === "gradient" ? colors.background : null,
+      color: colors.color,
+      WebkitTapHighlightColor: "transparent",
+      userSelect: "none",
+      boxSizing: "border-box",
+      textDecoration: "none",
+      cursor: "pointer",
+      appearance: "none",
+      WebkitAppearance: "none",
+      "&:not(:disabled):active": {
+        transform: "translateY(1px)"
+      },
+      [`&:not(.${loading.ref}):disabled`]: {
+        borderColor: "transparent",
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
+        color: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[5],
+        cursor: "not-allowed"
+      }
+    }),
+    icon: {
+      display: "flex",
+      alignItems: "center"
+    },
+    leftIcon: {
+      marginRight: 10
+    },
+    rightIcon: {
+      marginLeft: 10
     },
-    "&:disabled": {
-      color: theme.colors.gray[5],
-      cursor: "not-allowed",
+    inner: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      overflow: "visible"
+    },
+    label: {
+      display: "flex",
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      height: "100%",
+      overflow: "hidden"
+    },
+    link: {
+      padding: 0,
+      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      backgroundColor: "transparent",
+      border: 0,
+      display: "inline-block",
+      color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 3 : 7 }),
+      cursor: "pointer",
+      height: "auto",
+      lineHeight: theme.lineHeight,
+      fontWeight: 400,
       "&:hover": {
-        textDecoration: "none"
+        textDecoration: "underline"
+      },
+      "&:disabled": {
+        color: theme.colors.gray[5],
+        cursor: "not-allowed",
+        "&:hover": {
+          textDecoration: "none"
+        }
       }
     }
-  })
+  };
 });
 
 export default useStyles;

package/esm/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  MantineSize,\n  MantineNumberSize,\n  getFontStyles,\n  getSizeValue,\n  getFocusStyles,\n  getThemeColor,\n  MantineSizes,\n  getSharedColorScheme,\n  hexToRgba,\n} from '../../theme';\nimport { INPUT_SIZES } from '../Input/Input';\n\ninterface ButtonStylesProps {\n  color: string;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  theme: MantineTheme;\n  fullWidth: boolean;\n  compact: boolean;\n  gradientFrom: string;\n  gradientTo: string;\n  gradientDeg: number;\n}\n\nconst sizes = {\n  xs: {\n    height: INPUT_SIZES.xs,\n    padding: [0, 14],\n  },\n\n  sm: {\n    height: INPUT_SIZES.sm,\n    padding: [0, 18],\n  },\n\n  md: {\n    height: INPUT_SIZES.md,\n    padding: [0, 22],\n  },\n\n  lg: {\n    height: INPUT_SIZES.lg,\n    padding: [0, 26],\n  },\n\n  xl: {\n    height: INPUT_SIZES.xl,\n    padding: [0, 32],\n  },\n\n  'compact-xs': {\n    height: 22,\n    padding: [0, 7],\n  },\n\n  'compact-sm': {\n    height: 26,\n    padding: [0, 8],\n  },\n\n  'compact-md': {\n    height: 30,\n    padding: [0, 10],\n  },\n\n  'compact-lg': {\n    height: 34,\n    padding: [0, 12],\n  },\n\n  'compact-xl': {\n    height: 40,\n    padding: [0, 14],\n  },\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, size) => {\n  acc[size] = sizes[size].height;\n  return acc;\n}, {} as MantineSizes);\n\nconst getSizeStyles = ({ compact, size }: { compact: boolean; size: MantineSize }) => {\n  if (!compact) {\n    return sizes[size];\n  }\n\n  return sizes[`compact-${size}`];\n};\n\nconst getWidthStyles = (fullWidth: boolean) => ({\n  display: fullWidth ? 'block' : 'inline-block',\n  width: fullWidth ? '100%' : 'auto',\n});\n\nconst getSharedProps = ({ theme, radius }: Partial<ButtonStylesProps>) => ({\n  borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n  fontWeight: 600,\n\n  '&:not(:disabled):active': {\n    transform: 'translateY(1px)',\n  },\n\n  '&:disabled:not($loading)': {\n    borderColor: 'transparent',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n    cursor: 'not-allowed',\n  },\n});\n\nexport default createMemoStyles({\n  loading: (props: ButtonStylesProps) => ({\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: -1,\n      left: -1,\n      right: -1,\n      bottom: -1,\n      backgroundColor:\n        props.theme.colorScheme === 'dark'\n          ? hexToRgba(props.theme.colors.dark[7], 0.5)\n          : 'rgba(255, 255, 255, .5)',\n      borderRadius: getSizeValue({ size: props.radius, sizes: props.theme.radius }) - 1,\n      cursor: 'not-allowed',\n    },\n  }),\n\n  icon: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n\n  leftIcon: {\n    marginRight: 10,\n  },\n\n  rightIcon: {\n    marginLeft: 10,\n  },\n\n  inner: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    overflow: 'visible',\n  },\n\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    height: '100%',\n    overflow: 'hidden',\n  },\n\n  root: (props: ButtonStylesProps) => ({\n    ...getSizeStyles({ compact: props.compact, size: props.size }),\n    ...getFontStyles(props.theme),\n    ...getFocusStyles(props.theme),\n    ...getWidthStyles(props.fullWidth),\n    position: 'relative',\n    lineHeight: 1,\n    fontSize: getSizeValue({ size: props.size, sizes: props.theme.fontSizes }),\n    WebkitTapHighlightColor: 'transparent',\n    userSelect: 'none',\n    boxSizing: 'border-box',\n    textDecoration: 'none',\n    cursor: 'pointer',\n    appearance: 'none',\n    WebkitAppearance: 'none',\n  }),\n\n  outline: ({ color, radius, theme }: ButtonStylesProps) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'outline' });\n\n    return {\n      backgroundColor: colors.background,\n      color: colors.color,\n      border: `1px solid ${colors.border}`,\n      ...getSharedProps({ theme, radius }),\n    };\n  },\n\n  light: ({ color, radius, theme }: ButtonStylesProps) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n    return {\n      border: `1px solid ${colors.border}`,\n      backgroundColor: colors.background,\n      color: colors.color,\n      ...getSharedProps({ theme, radius }),\n    };\n  },\n\n  filled: ({ color, radius, theme }: ButtonStylesProps) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'filled' });\n\n    return {\n      border: `1px solid ${colors.border}`,\n      backgroundColor: colors.background,\n      color: colors.color,\n      ...getSharedProps({ theme, radius }),\n    };\n  },\n\n  white: ({ color, radius, theme }: ButtonStylesProps) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'white' });\n\n    return {\n      border: `1px solid ${colors.border}`,\n      backgroundColor: colors.background,\n      color: colors.color,\n      ...getSharedProps({ theme, radius }),\n    };\n  },\n\n  gradient: ({ radius, theme, gradientDeg, gradientFrom, gradientTo }: ButtonStylesProps) => {\n    const colors = getSharedColorScheme({\n      theme,\n      variant: 'gradient',\n      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n    });\n\n    return {\n      border: 0,\n      backgroundImage: colors.background,\n      color: colors.color,\n      ...getSharedProps({ theme, radius }),\n    };\n  },\n\n  link: ({ color, radius, theme }: ButtonStylesProps) => ({\n    padding: 0,\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    backgroundColor: 'transparent',\n    border: 0,\n    display: 'inline-block',\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 3 : 7 }),\n    cursor: 'pointer',\n    height: 'auto',\n    lineHeight: theme.lineHeight,\n\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n\n    '&:disabled': {\n      color: theme.colors.gray[5],\n      cursor: 'not-allowed',\n\n      '&:hover': {\n        textDecoration: 'none',\n      },\n    },\n  }),\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineSize,\n  MantineNumberSize,\n  getFontStyles,\n  getSizeValue,\n  getFocusStyles,\n  getThemeColor,\n  MantineSizes,\n  getSharedColorScheme,\n  hexToRgba,\n  MantineColor,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport type ButtonVariant =\n  | 'link'\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'gradient'\n  | 'white'\n  | 'default';\n\ninterface ButtonStylesProps {\n  color: MantineColor;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  fullWidth: boolean;\n  compact: boolean;\n  gradientFrom: string;\n  gradientTo: string;\n  gradientDeg: number;\n  variant: ButtonVariant;\n}\n\nconst sizes = {\n  xs: {\n    height: INPUT_SIZES.xs,\n    padding: '0 14px',\n  },\n\n  sm: {\n    height: INPUT_SIZES.sm,\n    padding: '0 18px',\n  },\n\n  md: {\n    height: INPUT_SIZES.md,\n    padding: '0 22px',\n  },\n\n  lg: {\n    height: INPUT_SIZES.lg,\n    padding: '0 26px',\n  },\n\n  xl: {\n    height: INPUT_SIZES.xl,\n    padding: '0 32px',\n  },\n\n  'compact-xs': {\n    height: 22,\n    padding: '0 7px',\n  },\n\n  'compact-sm': {\n    height: 26,\n    padding: '0 8px',\n  },\n\n  'compact-md': {\n    height: 30,\n    padding: '0 10px',\n  },\n\n  'compact-lg': {\n    height: 34,\n    padding: '0 12px',\n  },\n\n  'compact-xl': {\n    height: 40,\n    padding: '0 14px',\n  },\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, size) => {\n  acc[size] = sizes[size].height;\n  return acc;\n}, {} as MantineSizes);\n\nconst getSizeStyles = ({ compact, size }: { compact: boolean; size: MantineSize }) => {\n  if (!compact) {\n    return sizes[size];\n  }\n\n  return sizes[`compact-${size}`];\n};\n\nconst getWidthStyles = (fullWidth: boolean) => ({\n  display: fullWidth ? 'block' : 'inline-block',\n  width: fullWidth ? '100%' : 'auto',\n});\n\nexport default createStyles(\n  (\n    theme,\n    {\n      color,\n      size,\n      radius,\n      fullWidth,\n      compact,\n      gradientFrom,\n      variant,\n      gradientTo,\n      gradientDeg,\n    }: ButtonStylesProps,\n    getRef\n  ) => {\n    const loading = {\n      ref: getRef('loading'),\n\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: -1,\n        left: -1,\n        right: -1,\n        bottom: -1,\n        backgroundColor:\n          theme.colorScheme === 'dark'\n            ? hexToRgba(theme.colors.dark[7], 0.5)\n            : 'rgba(255, 255, 255, .5)',\n        borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n        cursor: 'not-allowed',\n      },\n    } as const;\n\n    const colors = getSharedColorScheme({\n      theme,\n      color,\n      variant: variant as any,\n      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n    });\n\n    return {\n      loading,\n\n      root: {\n        ...getSizeStyles({ compact, size }),\n        ...getFontStyles(theme),\n        ...getFocusStyles(theme),\n        ...getWidthStyles(fullWidth),\n        borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n        fontWeight: 600,\n        position: 'relative',\n        lineHeight: 1,\n        fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n        border: `1px solid ${colors.border}`,\n        backgroundColor: colors.background,\n        backgroundImage: variant === 'gradient' ? colors.background : null,\n        color: colors.color,\n        WebkitTapHighlightColor: 'transparent',\n        userSelect: 'none',\n        boxSizing: 'border-box',\n        textDecoration: 'none',\n        cursor: 'pointer',\n        appearance: 'none',\n        WebkitAppearance: 'none',\n\n        '&:not(:disabled):active': {\n          transform: 'translateY(1px)',\n        },\n\n        [`&:not(.${loading.ref}):disabled`]: {\n          borderColor: 'transparent',\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          cursor: 'not-allowed',\n        },\n      },\n\n      icon: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      leftIcon: {\n        marginRight: 10,\n      },\n\n      rightIcon: {\n        marginLeft: 10,\n      },\n\n      inner: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        overflow: 'visible',\n      },\n\n      label: {\n        display: 'flex',\n        alignItems: 'center',\n        whiteSpace: 'nowrap',\n        height: '100%',\n        overflow: 'hidden',\n      },\n\n      link: {\n        padding: 0,\n        borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n        backgroundColor: 'transparent',\n        border: 0,\n        display: 'inline-block',\n        color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 3 : 7 }),\n        cursor: 'pointer',\n        height: 'auto',\n        lineHeight: theme.lineHeight,\n        fontWeight: 400,\n\n        '&:hover': {\n          textDecoration: 'underline',\n        },\n\n        '&:disabled': {\n          color: theme.colors.gray[5],\n          cursor: 'not-allowed',\n\n          '&:hover': {\n            textDecoration: 'none',\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["INPUT_SIZES"],"mappings":"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"}

package/esm/components/Button/UnstyledButton/UnstyledButton.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import cx from 'clsx';
 import useStyles from './UnstyledButton.styles.js';
-import { useMantineTheme } from '../../../theme/use-mantine-theme/use-mantine-theme.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -32,17 +30,8 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function UnstyledButton(_a) {
-  var _b = _a, {
-    className,
-    themeOverride,
-    elementRef
-  } = _b, others = __objRest(_b, [
-    "className",
-    "themeOverride",
-    "elementRef"
-  ]);
-  const theme = useMantineTheme(themeOverride);
-  const classes = useStyles({ theme });
+  var _b = _a, { className, elementRef } = _b, others = __objRest(_b, ["className", "elementRef"]);
+  const { classes, cx } = useStyles();
   return /* @__PURE__ */ React.createElement("button", __spreadValues({
     ref: elementRef,
     className: cx(classes.button, "mantine-unstyled-button", className),

package/esm/components/Button/UnstyledButton/UnstyledButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.js","sources":["../../../../src/components/Button/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, useMantineTheme } from '../../../theme';\nimport useStyles from './UnstyledButton.styles';\n\ninterface UnstyledButtonProps extends DefaultProps, React.ComponentPropsWithoutRef<'button'> {\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport function UnstyledButton({\n  className,\n  themeOverride,\n  elementRef,\n  ...others\n}: UnstyledButtonProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme });\n\n  return (\n    <button\n      ref={elementRef}\n      className={cx(classes.button, 'mantine-unstyled-button', className)}\n      type=\"button\"\n      {...others}\n    />\n  );\n}\n\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UnstyledButton.js","sources":["../../../../src/components/Button/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport useStyles from './UnstyledButton.styles';\n\nexport interface UnstyledButtonProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Get button ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport function UnstyledButton({ className, elementRef, ...others }: UnstyledButtonProps) {\n  const { classes, cx } = useStyles();\n\n  return (\n    <button\n      ref={elementRef}\n      className={cx(classes.button, 'mantine-unstyled-button', className)}\n      type=\"button\"\n      {...others}\n    />\n  );\n}\n\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n"],"names":[],"mappings":"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"}

package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js

@@ -1,6 +1,4 @@
-import { createUseStyles } from 'react-jss';
-import { getFontStyles } from '../../../theme/utils/get-font-styles/get-font-styles.js';
-import { getFocusStyles } from '../../../theme/utils/get-focus-styles/get-focus-styles.js';
+import { createStyles, getFontStyles, getFocusStyles } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -21,8 +19,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createUseStyles({
-  button: ({ theme }) => __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
+var useStyles = createStyles((theme) => ({
+  button: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
     cursor: "pointer",
     border: 0,
     padding: 0,
@@ -31,7 +29,7 @@ var useStyles = createUseStyles({
     backgroundColor: "transparent",
     textAlign: "left"
   })
-});
+}));
 
 export default useStyles;
 //# sourceMappingURL=UnstyledButton.styles.js.map

package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.styles.js","sources":["../../../../src/components/Button/UnstyledButton/UnstyledButton.styles.ts"],"sourcesContent":["import { createUseStyles } from 'react-jss';\nimport { getFocusStyles, getFontStyles, MantineTheme } from '../../../theme';\n\ninterface UnstyledButtonStyles {\n  theme: MantineTheme;\n}\n\nexport default createUseStyles({\n  button: ({ theme }: UnstyledButtonStyles) => ({\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    cursor: 'pointer',\n    border: 0,\n    padding: 0,\n    appearance: 'none',\n    fontSize: theme.fontSizes.md,\n    backgroundColor: 'transparent',\n    textAlign: 'left',\n  }),\n});\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAGlE,gBAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AACxH,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"UnstyledButton.styles.js","sources":["../../../../src/components/Button/UnstyledButton/UnstyledButton.styles.ts"],"sourcesContent":["import { createStyles, getFocusStyles, getFontStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  button: {\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    cursor: 'pointer',\n    border: 0,\n    padding: 0,\n    appearance: 'none',\n    fontSize: theme.fontSizes.md,\n    backgroundColor: 'transparent',\n    textAlign: 'left',\n  },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AACzG,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Card/Card.js

@@ -1,10 +1,7 @@
 import React, { Children, cloneElement } from 'react';
-import cx from 'clsx';
 import { Paper } from '../Paper/Paper.js';
 import { CardSection } from './CardSection/CardSection.js';
-export { CardSection } from './CardSection/CardSection.js';
 import useStyles from './Card.styles.js';
-import { useMantineTheme } from '../../theme/use-mantine-theme/use-mantine-theme.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -38,20 +35,17 @@ function Card(_a) {
   var _b = _a, {
     component,
     className,
-    themeOverride,
     padding = "md",
     radius = "sm",
     children
   } = _b, others = __objRest(_b, [
     "component",
     "className",
-    "themeOverride",
     "padding",
     "radius",
     "children"
   ]);
-  const theme = useMantineTheme(themeOverride);
-  const classes = useStyles({ theme }, null, "card");
+  const { classes, cx } = useStyles(null, null, "card");
   const content = Children.map(children, (child) => {
     if (typeof child === "object" && child && "type" in child && child.type === CardSection) {
       return cloneElement(child, { padding });

package/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme } from '../../theme';\nimport { Paper, SharedPaperProps } from '../Paper/Paper';\nimport { CardSection, CardSectionProps } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\n\nexport { CardSection };\nexport type { CardSectionProps };\n\ninterface _CardProps<C extends React.ElementType, R extends HTMLElement> extends SharedPaperProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Card content */\n  children: React.ReactNode;\n}\n\nexport type CardProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _CardProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _CardProps<C, R>>;\n\nexport function Card<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n  component,\n  className,\n  themeOverride,\n  padding = 'md',\n  radius = 'sm',\n  children,\n  ...others\n}: CardProps<C, R>) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme }, null, 'card');\n\n  const content = Children.map(children, (child) => {\n    if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n      return cloneElement(child, { padding });\n    }\n\n    return child;\n  });\n\n  return (\n    <Paper\n      className={cx(classes.card, className)}\n      radius={radius}\n      padding={padding}\n      component={component as any}\n      {...others}\n    >\n      {content}\n    </Paper>\n  );\n}\n\nCard.Section = CardSection;\n\nCard.displayName = '@mantine/core/Card';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport { Paper, SharedPaperProps } from '../Paper/Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\n\ninterface _CardProps<C extends React.ElementType, R extends HTMLElement> extends SharedPaperProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Card content */\n  children: React.ReactNode;\n}\n\nexport type CardProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _CardProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _CardProps<C, R>>;\n\nexport function Card<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n  component,\n  className,\n  padding = 'md',\n  radius = 'sm',\n  children,\n  ...others\n}: CardProps<C, R>) {\n  const { classes, cx } = useStyles(null, null, 'card');\n\n  const content = Children.map(children, (child) => {\n    if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n      return cloneElement(child, { padding });\n    }\n\n    return child;\n  });\n\n  return (\n    <Paper\n      className={cx(classes.card, className)}\n      radius={radius}\n      padding={padding}\n      component={component as any}\n      {...others}\n    >\n      {content}\n    </Paper>\n  );\n}\n\nCard.Section = CardSection;\n\nCard.displayName = '@mantine/core/Card';\n"],"names":[],"mappings":"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"}

package/esm/components/Card/Card.styles.js

@@ -1,12 +1,12 @@
-import { createMemoStyles } from '../../theme/create-memo-styles.js';
+import { createStyles } from '@mantine/styles';
 
-var useStyles = createMemoStyles({
-  card: ({ theme }) => ({
+var useStyles = createStyles((theme) => ({
+  card: {
     position: "relative",
     overflow: "hidden",
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
-  })
-});
+  }
+}));
 
 export default useStyles;
 //# sourceMappingURL=Card.styles.js.map

package/esm/components/Card/Card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme } from '../../theme';\n\ninterface CardStyles {\n  theme: MantineTheme;\n}\n\nexport default createMemoStyles({\n  card: ({ theme }: CardStyles) => ({\n    position: 'relative',\n    overflow: 'hidden',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  }),\n});\n"],"names":[],"mappings":";;AACA,gBAAe,gBAAgB,CAAC;AAChC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AACxB,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  card: {\n    position: 'relative',\n    overflow: 'hidden',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Card/CardSection/CardSection.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import cx from 'clsx';
 import useStyles from './CardSection.styles.js';
-import { useMantineTheme } from '../../../theme/use-mantine-theme/use-mantine-theme.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -32,17 +30,8 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function CardSection(_a) {
-  var _b = _a, {
-    className,
-    themeOverride,
-    padding = 0
-  } = _b, others = __objRest(_b, [
-    "className",
-    "themeOverride",
-    "padding"
-  ]);
-  const theme = useMantineTheme(themeOverride);
-  const classes = useStyles({ theme, padding }, null, "card");
+  var _b = _a, { className, padding = 0 } = _b, others = __objRest(_b, ["className", "padding"]);
+  const { classes, cx } = useStyles({ padding }, null, "card");
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: cx(classes.cardSection, className)
   }, others));

package/esm/components/Card/CardSection/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, MantineNumberSize, useMantineTheme } from '../../../theme';\nimport useStyles from './CardSection.styles';\n\nexport interface CardSectionProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  padding?: MantineNumberSize;\n}\n\nexport function CardSection({\n  className,\n  themeOverride,\n  padding = 0,\n  ...others\n}: CardSectionProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme, padding }, null, 'card');\n  return <div className={cx(classes.cardSection, className)} {...others} />;\n}\n\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport useStyles from './CardSection.styles';\n\nexport interface CardSectionProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  padding?: MantineNumberSize;\n}\n\nexport function CardSection({ className, padding = 0, ...others }: CardSectionProps) {\n  const { classes, cx } = useStyles({ padding }, null, 'card');\n  return <div className={cx(classes.cardSection, className)} {...others} />;\n}\n\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAGK,SAAS,WAAW,CAAC,EAAE,EAAE;AAChC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;AACjG,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC;AACjD,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Card/CardSection/CardSection.styles.js

@@ -1,8 +1,7 @@
-import { createMemoStyles } from '../../../theme/create-memo-styles.js';
-import { getSizeValue } from '../../../theme/utils/get-size-value/get-size-value.js';
+import { createStyles, getSizeValue } from '@mantine/styles';
 
-var useStyles = createMemoStyles({
-  cardSection: ({ theme, padding }) => ({
+var useStyles = createStyles((theme, { padding }) => ({
+  cardSection: {
     marginLeft: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),
     marginRight: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),
     "&:first-child": {
@@ -11,8 +10,8 @@ var useStyles = createMemoStyles({
     "&:last-child": {
       marginBottom: -1 * getSizeValue({ size: padding, sizes: theme.spacing })
     }
-  })
-});
+  }
+}));
 
 export default useStyles;
 //# sourceMappingURL=CardSection.styles.js.map

package/esm/components/Card/CardSection/CardSection.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.styles.js","sources":["../../../../src/components/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineNumberSize, MantineTheme, getSizeValue } from '../../../theme';\n\ninterface CardSectionStyles {\n  theme: MantineTheme;\n  padding: MantineNumberSize;\n}\n\nexport default createMemoStyles({\n  cardSection: ({ theme, padding }: CardSectionStyles) => ({\n    marginLeft: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    marginRight: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n\n    '&:first-child': {\n      marginTop: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    },\n\n    '&:last-child': {\n      marginBottom: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    },\n  }),\n});\n"],"names":[],"mappings":";;;AACA,gBAAe,gBAAgB,CAAC;AAChC,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM;AACxC,IAAI,UAAU,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1E,IAAI,WAAW,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,IAAI,eAAe,EAAE;AACrB,MAAM,SAAS,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,KAAK;AACL,IAAI,cAAc,EAAE;AACpB,MAAM,YAAY,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC9E,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"CardSection.styles.js","sources":["../../../../src/components/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue } from '@mantine/styles';\n\ninterface CardSectionStyles {\n  padding: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding }: CardSectionStyles) => ({\n  cardSection: {\n    marginLeft: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    marginRight: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n\n    '&:first-child': {\n      marginTop: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    },\n\n    '&:last-child': {\n      marginBottom: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),\n    },\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM;AACrD,EAAE,WAAW,EAAE;AACf,IAAI,UAAU,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1E,IAAI,WAAW,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,IAAI,eAAe,EAAE;AACrB,MAAM,SAAS,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,KAAK;AACL,IAAI,cAAc,EAAE;AACpB,MAAM,YAAY,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC9E,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}