npm - @mantine/core - Versions diffs - 3.1.9 → 3.2.3 - Mend

@mantine/core 3.1.9 → 3.2.3

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 (790) hide show

package/esm/components/Badge/Badge.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue, getSharedColorScheme, getFontStyles, getFocusStyles, getThemeColor } from '@mantine/styles';
+import { createStyles, getSharedColorScheme } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -53,7 +53,7 @@ const heights = Object.keys(sizes).reduce((acc, key) => {
   return acc;
 }, {});
 var useStyles = createStyles((theme, { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }) => {
-  const dotSize = getSizeValue({ size, sizes: dotSizes });
+  const dotSize = theme.fn.size({ size, sizes: dotSizes });
   const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;
   const lightColors = getSharedColorScheme({ color, theme, variant: "light" });
   const filledColors = getSharedColorScheme({ theme, color, variant: "filled" });
@@ -75,21 +75,21 @@ var useStyles = createStyles((theme, { color, size, radius, gradientFrom, gradie
       overflow: "hidden",
       textOverflow: "ellipsis"
     },
-    root: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
+    root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
       fontSize,
       height,
       WebkitTapHighlightColor: "transparent",
       lineHeight: `${height - 2}px`,
       border: "1px solid transparent",
       textDecoration: "none",
-      padding: `0 ${getSizeValue({ size, sizes: theme.spacing }) / 1.5}px`,
+      padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,
       boxSizing: "border-box",
       display: fullWidth ? "flex" : "inline-flex",
       alignItems: "center",
       justifyContent: "center",
       width: fullWidth ? "100%" : "auto",
       textTransform: "uppercase",
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       fontWeight: 700,
       letterSpacing: 0.25,
       cursor: "default",
@@ -118,18 +118,14 @@ var useStyles = createStyles((theme, { color, size, radius, gradientFrom, gradie
       backgroundColor: "transparent",
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
       borderColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[3],
-      paddingLeft: getSizeValue({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
+      paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
       "&::before": {
         content: '""',
         display: "block",
         width: dotSize,
         height: dotSize,
         borderRadius: dotSize,
-        backgroundColor: getThemeColor({
-          theme,
-          color,
-          shade: theme.colorScheme === "dark" ? 4 : 6
-        }),
+        backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 4 : 6),
         marginRight: dotSize
       }
     }

package/esm/components/Badge/Badge.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n ~~getFontStyles,\n getThemeColor,\n getFocusStyles,\n getSizeValue,\n~~ getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\ninterface BadgeStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n fullWidth: boolean;\n}\n\nconst sizes = {\n xs: {\n fontSize: 9,\n height: 16,\n },\n sm: {\n fontSize: 10,\n height: 18,\n },\n md: {\n fontSize: 11,\n height: 20,\n },\n lg: {\n fontSize: 13,\n height: 26,\n },\n xl: {\n fontSize: 16,\n height: 32,\n },\n} as const;\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, key) => {\n acc[key] = sizes[key].height;\n return acc;\n}, {} as Record<MantineSize, number>);\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }: BadgeStyles\n ) => {\n const dotSize = ~~getSizeValue~~({ size, sizes: dotSizes });\n const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;\n const lightColors = getSharedColorScheme({ color, theme, variant: 'light' });\n const filledColors = getSharedColorScheme({ theme, color, variant: 'filled' });\n const outlineColors = getSharedColorScheme({ theme, color, variant: 'outline' });\n const gradientColors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...~~getFocusStyles~~(~~theme~~),\n ...~~getFontStyles~~(~~theme~~),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n border: '1px solid transparent',\n textDecoration: 'none',\n padding: `0 ${~~getSizeValue~~({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: ~~getSizeValue~~({ size: radius, sizes: theme.radius }),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n\n light: {\n backgroundColor: lightColors.background,\n color: lightColors.color,\n },\n\n filled: {\n backgroundColor: filledColors.background,\n color: filledColors.color,\n },\n\n outline: {\n backgroundColor: outlineColors.background,\n color: outlineColors.color,\n border: `1px solid ${outlineColors.border}`,\n },\n\n gradient: {\n backgroundImage: gradientColors.background,\n color: gradientColors.color,\n border: 0,\n },\n\n dot: {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3],\n paddingLeft: ~~getSizeValue~~({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: ~~getThemeColor~~(~~{\n theme,\n~~ color~~,\n shade:~~ theme.colorScheme === 'dark' ? 4 : 6~~,\n }~~),\n marginRight: dotSize,\n },\n },\n };\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;~~AASlE~~,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE;AACN,IAAI,QAAQ,EAAE,CAAC;AACf,IAAI,MAAM,EAAE,EAAE;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,GAAG;AACH,CAAC,CAAC;AACF,MAAM,QAAQ,GAAG;AACjB,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACU,MAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK;AAC/D,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AAC/B,EAAE,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,EAAE;AACP,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK;AAClH,EAAE,MAAM,OAAO,GAAG,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;~~AAC1D~~,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;AACtE,EAAE,MAAM,WAAW,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/E,EAAE,MAAM,YAAY,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjF,EAAE,MAAM,aAAa,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;AACnF,EAAE,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAC9C,IAAI,KAAK;AACT,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE;AACtE,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,WAAW,EAAE;AACjB,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACvC,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACtC,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,YAAY,EAAE,UAAU;AAC9B,KAAK;AACL,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,~~cAAc~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE,~~aAAa~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AACzG~~,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;AACnC,MAAM,MAAM,EAAE,uBAAuB;AACrC,MAAM,cAAc,EAAE,MAAM;AAC5B,MAAM,OAAO,EAAE,CAAC,EAAE,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;~~AAC1E~~,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;AACjD,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM;AACxC,MAAM,aAAa,EAAE,WAAW;AAChC,MAAM,YAAY,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;~~AACvE~~,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,aAAa,EAAE,IAAI;AACzB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,YAAY,EAAE,UAAU;AAC9B,MAAM,QAAQ,EAAE,QAAQ;AACxB,KAAK,CAAC;AACN,IAAI,KAAK,EAAE;AACX,MAAM,eAAe,EAAE,WAAW,CAAC,UAAU;AAC7C,MAAM,KAAK,EAAE,WAAW,CAAC,KAAK;AAC9B,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU;AAC9C,MAAM,KAAK,EAAE,YAAY,CAAC,KAAK;AAC/B,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,aAAa,CAAC,UAAU;AAC/C,MAAM,KAAK,EAAE,aAAa,CAAC,KAAK;AAChC,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,eAAe,EAAE,cAAc,CAAC,UAAU;AAChD,MAAM,KAAK,EAAE,cAAc,CAAC,KAAK;AACjC,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,GAAG,EAAE;AACT,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7F,MAAM,WAAW,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,OAAO,GAAG,CAAC;~~AACnF~~,MAAM,WAAW,EAAE;AACnB,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,OAAO,EAAE,OAAO;AACxB,QAAQ,KAAK,EAAE,OAAO;AACtB,QAAQ,MAAM,EAAE,OAAO;AACvB,QAAQ,YAAY,EAAE,OAAO;AAC7B,QAAQ,eAAe,EAAE,~~aAAa~~,CAAC~~;AACvC~~,~~UAAU~~,~~KAAK;AACf~~,UAAU,~~KAAK;AACf~~,~~UAAU,~~KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC~~;AACrD~~,~~SAAS,~~CAAC;~~AACV~~,QAAQ,WAAW,EAAE,OAAO;AAC5B,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\ninterface BadgeStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n fullWidth: boolean;\n}\n\nconst sizes = {\n xs: {\n fontSize: 9,\n height: 16,\n },\n sm: {\n fontSize: 10,\n height: 18,\n },\n md: {\n fontSize: 11,\n height: 20,\n },\n lg: {\n fontSize: 13,\n height: 26,\n },\n xl: {\n fontSize: 16,\n height: 32,\n },\n} as const;\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, key) => {\n acc[key] = sizes[key].height;\n return acc;\n}, {} as Record<MantineSize, number>);\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }: BadgeStyles\n ) => {\n const dotSize = theme.fn.size({ size, sizes: dotSizes });\n const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;\n const lightColors = getSharedColorScheme({ color, theme, variant: 'light' });\n const filledColors = getSharedColorScheme({ theme, color, variant: 'filled' });\n const outlineColors = getSharedColorScheme({ theme, color, variant: 'outline' });\n const gradientColors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n border: '1px solid transparent',\n textDecoration: 'none',\n padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n\n light: {\n backgroundColor: lightColors.background,\n color: lightColors.color,\n },\n\n filled: {\n backgroundColor: filledColors.background,\n color: filledColors.color,\n },\n\n outline: {\n backgroundColor: outlineColors.background,\n color: outlineColors.color,\n border: `1px solid ${outlineColors.border}`,\n },\n\n gradient: {\n backgroundImage: gradientColors.background,\n color: gradientColors.color,\n border: 0,\n },\n\n dot: {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3],\n paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 4 : 6),\n marginRight: dotSize,\n },\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}

package/esm/components/Blockquote/Blockquote.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createStyles, getFontStyles, getThemeColor } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = createStyles((theme, { color }) => ({
-  root: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
+  root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     fontSize: theme.fontSizes.lg,
     lineHeight: theme.lineHeight,
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
@@ -38,7 +38,7 @@ var useStyles = createStyles((theme, { color }) => ({
     textOverflow: "ellipsis"
   },
   icon: {
-    color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 6 : 7 }),
+    color: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
     marginRight: theme.spacing.lg,
     marginTop: 2,
     width: 22

package/esm/components/Blockquote/Blockquote.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, ~~getFontStyles, getThemeColor,~~ MantineColor } from '@mantine/styles';\n\ninterface BlockquoteStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStyles) => ({\n root: {\n ...~~getFontStyles~~(~~theme~~),\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n margin: 0,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n },\n\n inner: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: ~~getThemeColor~~(~~{ theme,~~ color, ~~shade:~~ theme.colorScheme === 'dark' ? 6 : 7 }),\n marginRight: theme.spacing.lg,\n marginTop: 2,\n width: 22,\n },\n\n cite: {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\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,EAAE,EAAE,KAAK,EAAE,MAAM;AACnD,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,~~aAAa~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AAChE~~,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACzC,IAAI,uBAAuB,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AAC5C,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1D,GAAG,CAAC;AACJ,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,KAAK,EAAE,~~aAAa~~,CAAC,EAAE,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~EAAE,~~KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,~~EAAE,~~CAAC;~~AACvF~~,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,IAAI,SAAS,EAAE,CAAC;AAChB,IAAI,KAAK,EAAE,EAAE;AACb,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC/B,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface BlockquoteStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStyles) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n margin: 0,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n },\n\n inner: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n marginRight: theme.spacing.lg,\n marginTop: 2,\n width: 22,\n },\n\n cite: {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Burger/Burger.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue, getFocusStyles } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,11 +27,11 @@ const sizes = {
   xl: 42
 };
 var useStyles = createStyles((theme, { size, color }, getRef) => {
-  const sizeValue = getSizeValue({ size, sizes });
+  const sizeValue = theme.fn.size({ size, sizes });
   const opened = { ref: getRef("opened") };
   return {
     opened,
-    root: __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
+    root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       WebkitTapHighlightColor: "transparent",
       borderRadius: theme.radius.sm,
       width: sizeValue + theme.spacing.xs,

package/esm/components/Burger/Burger.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import {\n createStyles~~,\n~~ MantineNumberSize~~,\n getSizeValue,\n getFocusStyles,\n~~ MantineColor~~,\n~~} from '@mantine/styles';\n\ninterface BurgerStyles {\n size: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 12,\n sm: 18,\n md: 24,\n lg: 34,\n xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStyles, getRef) => {\n const sizeValue = ~~getSizeValue~~({ size, sizes });\n const opened = { ref: getRef('opened') } as const;\n\n return {\n opened,\n\n root: {\n ...~~getFocusStyles~~(~~theme~~),\n WebkitTapHighlightColor: 'transparent',\n borderRadius: theme.radius.sm,\n width: sizeValue + theme.spacing.xs,\n height: sizeValue + theme.spacing.xs,\n padding: theme.spacing.xs / 2,\n backgroundColor: 'transparent',\n border: 0,\n cursor: 'pointer',\n },\n\n burger: {\n position: 'relative',\n userSelect: 'none',\n boxSizing: 'border-box',\n\n '&, &:before, &:after': {\n display: 'block',\n width: sizeValue,\n height: Math.ceil(sizeValue / 12),\n backgroundColor: color,\n outline: '1px solid transparent',\n transitionProperty: 'background-color, transform',\n transitionDuration: '300ms',\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:before, &:after': {\n position: 'absolute',\n content: '\"\"',\n left: 0,\n },\n\n '&:before': {\n top: (sizeValue / 3) * -1,\n },\n\n '&:after': {\n top: sizeValue / 3,\n },\n\n [`&.${opened.ref}`]: {\n backgroundColor: 'transparent',\n\n '&:before': {\n transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n },\n\n '&:after': {\n transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n },\n },\n },\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;~~AAMtD~~,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,KAAK;AAChE,EAAE,MAAM,SAAS,GAAG,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;~~AAClD~~,EAAE,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;AAC3C,EAAE,OAAO;AACT,IAAI,MAAM;AACV,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,~~cAAc~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AACnE~~,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;AACzC,MAAM,MAAM,EAAE,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;AAC1C,MAAM,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACnC,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,MAAM,EAAE,SAAS;AACvB,KAAK,CAAC;AACN,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,sBAAsB,EAAE;AAC9B,QAAQ,OAAO,EAAE,OAAO;AACxB,QAAQ,KAAK,EAAE,SAAS;AACxB,QAAQ,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AACzC,QAAQ,eAAe,EAAE,KAAK;AAC9B,QAAQ,OAAO,EAAE,uBAAuB;AACxC,QAAQ,kBAAkB,EAAE,6BAA6B;AACzD,QAAQ,kBAAkB,EAAE,OAAO;AACnC,QAAQ,iCAAiC,EAAE;AAC3C,UAAU,kBAAkB,EAAE,KAAK;AACnC,SAAS;AACT,OAAO;AACP,MAAM,mBAAmB,EAAE;AAC3B,QAAQ,QAAQ,EAAE,UAAU;AAC5B,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,IAAI,EAAE,CAAC;AACf,OAAO;AACP,MAAM,UAAU,EAAE;AAClB,QAAQ,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AAC/B,OAAO;AACP,MAAM,SAAS,EAAE;AACjB,QAAQ,GAAG,EAAE,SAAS,GAAG,CAAC;AAC1B,OAAO;AACP,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG;AAC3B,QAAQ,eAAe,EAAE,aAAa;AACtC,QAAQ,UAAU,EAAE;AACpB,UAAU,SAAS,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,CAAC,CAAC,iBAAiB,CAAC;AACnE,SAAS;AACT,QAAQ,SAAS,EAAE;AACnB,UAAU,SAAS,EAAE,CAAC,YAAY,EAAE,SAAS,GAAG,CAAC,CAAC,kBAAkB,CAAC;AACrE,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\ninterface BurgerStyles {\n size: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 12,\n sm: 18,\n md: 24,\n lg: 34,\n xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStyles, getRef) => {\n const sizeValue = theme.fn.size({ size, sizes });\n const opened = { ref: getRef('opened') } as const;\n\n return {\n opened,\n\n root: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n borderRadius: theme.radius.sm,\n width: sizeValue + theme.spacing.xs,\n height: sizeValue + theme.spacing.xs,\n padding: theme.spacing.xs / 2,\n backgroundColor: 'transparent',\n border: 0,\n cursor: 'pointer',\n },\n\n burger: {\n position: 'relative',\n userSelect: 'none',\n boxSizing: 'border-box',\n\n '&, &:before, &:after': {\n display: 'block',\n width: sizeValue,\n height: Math.ceil(sizeValue / 12),\n backgroundColor: color,\n outline: '1px solid transparent',\n transitionProperty: 'background-color, transform',\n transitionDuration: '300ms',\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:before, &:after': {\n position: 'absolute',\n content: '\"\"',\n left: 0,\n },\n\n '&:before': {\n top: (sizeValue / 3) * -1,\n },\n\n '&:after': {\n top: sizeValue / 3,\n },\n\n [`&.${opened.ref}`]: {\n backgroundColor: 'transparent',\n\n '&:before': {\n transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n },\n\n '&:after': {\n transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n },\n },\n },\n };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/Button/Button.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineTheme, getSharedColorScheme, useExtractedMargins, getSizeValue } from '@mantine/styles';
+import { getSharedColorScheme, useExtractedMargins } from '@mantine/styles';
 import useStyles, { heights } from './Button.styles.js';
 import { Loader } from '../Loader/Loader.js';
@@ -82,13 +82,7 @@ const Button = forwardRef((_a, ref) => {
     "styles",
     "sx"
   ]);
-  const theme = useMantineTheme();
-  const colors = getSharedColorScheme({
-    color,
-    theme,
-    variant: variant === "link" ? "light" : variant
-  });
-  const { classes, cx } = useStyles({
+  const { classes, cx, theme } = useStyles({
     radius,
     color,
     size,
@@ -98,14 +92,15 @@ const Button = forwardRef((_a, ref) => {
     gradientTo: gradient.to,
     gradientDeg: gradient.deg
   }, { classNames, styles, sx, name: "Button" });
+  const colors = getSharedColorScheme({ color, theme, variant });
   const { mergedStyles, rest } = useExtractedMargins({ others, style });
   const Element = component || "button";
   const loader = /* @__PURE__ */ React.createElement(Loader, __spreadValues({
     color: colors.color,
-    size: getSizeValue({ size, sizes: heights }) / 2
+    size: theme.fn.size({ size, sizes: heights }) / 2
   }, loaderProps));
   return /* @__PURE__ */ React.createElement(Element, __spreadProps(__spreadValues({}, rest), {
-    className: cx(classes.root, classes[variant], { [classes.loading]: loading }, className),
+    className: cx(classes[variant], { [classes.loading]: loading }, classes.root, className),
     type,
     disabled: disabled || loading,
     ref,

package/esm/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n ~~useMantineTheme,\n~~ DefaultProps,\n MantineSize,\n MantineNumberSize,\n ~~getSizeValue,\n~~ getSharedColorScheme,\n MantineGradient,\n MantineColor,\n ClassNames,\n useExtractedMargins,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '@mantine/styles';\nimport useStyles, { heights, ButtonVariant } from './Button.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ButtonStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedButtonProps extends DefaultProps<ButtonStylesNames> {\n /** Predefined button size /\n size?: MantineSize;\n\n /* Button type attribute /\n type?: 'submit' \| 'button' \| 'reset';\n\n /* Button color from theme /\n color?: MantineColor;\n\n /* Adds icon before button label /\n leftIcon?: React.ReactNode;\n\n /* Adds icon after button label /\n rightIcon?: React.ReactNode;\n\n /* Sets button width to 100% of parent element /\n fullWidth?: boolean;\n\n /* Button border-radius from theme or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Controls button appearance /\n variant?: ButtonVariant;\n\n /* Controls gradient settings in gradient variant only /\n gradient?: MantineGradient;\n\n /* Set text-transform to uppercase /\n uppercase?: boolean;\n\n /* Reduces vertical and horizontal spacing /\n compact?: boolean;\n\n /* Indicate loading state /\n loading?: boolean;\n\n /* Props spread to Loader component /\n loaderProps?: LoaderProps;\n\n /* Loader position relative to button label */\n loaderPosition?: 'left' \| 'right';\n}\n\nexport type ButtonProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n SharedButtonProps\n>;\n\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n props: ButtonProps<C>\n) => React.ReactElement;\n\nexport const Button: ButtonComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n style,\n size = 'sm',\n color,\n type = 'button',\n disabled = false,\n children,\n leftIcon,\n rightIcon,\n fullWidth = false,\n variant = 'filled',\n radius = 'sm',\n component,\n uppercase = false,\n compact = false,\n loading = false,\n loaderPosition = 'left',\n loaderProps,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n classNames,\n styles,\n sx,\n ...others\n }: ButtonProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const ~~theme = useMantineTheme();\n const colors = getSharedColorScheme(~~{~~\n color,\n theme,\n variant:~~ ~~variant === 'link' ? 'light' : variant,\n });\n\n const {~~ classes, cx } = useStyles(\n {\n radius,\n color,\n size,\n fullWidth,\n compact,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n { classNames, styles, sx, name: 'Button' }\n );\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const Element = component \|\| 'button';\n const loader = (\n <Loader\n color={colors.color}\n size={~~getSizeValue~~({ size, sizes: heights }) / 2}\n {...loaderProps}\n />\n );\n\n return (\n <Element\n {...rest}\n className={cx(classes~~.root, classes~~[variant], { [classes.loading]: loading }, className)}\n type={type}\n disabled={disabled \|\| loading}\n ref={ref}\n onTouchStart={() => {}}\n style={mergedStyles}\n >\n <div className={classes.inner}>\n {(leftIcon \|\| (loading && loaderPosition === 'left')) && (\n <span className={cx(classes.icon, classes.leftIcon)}>\n {loading && loaderPosition === 'left' ? loader : leftIcon}\n </span>\n )}\n\n <span\n className={classes.label}\n style={{ textTransform: uppercase ? 'uppercase' : undefined }}\n >\n {children}\n </span>\n\n {(rightIcon \|\| (loading && loaderPosition === 'right')) && (\n <span className={cx(classes.icon, classes.rightIcon)}>\n {loading && loaderPosition === 'right' ? loader : rightIcon}\n </span>\n )}\n </div>\n </Element>\n );\n }\n);\n\nButton.displayName = '@mantine/core/Button';\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;AAClE,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;~~AAUU~~,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC9C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,KAAK;AACT,IAAI,IAAI,GAAG,QAAQ;AACnB,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,OAAO,GAAG,QAAQ;AACtB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,SAAS;AACb,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,cAAc,GAAG,MAAM;AAC3B,IAAI,WAAW;AACf,IAAI,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;AACpD,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,~~KAAK,GAAG,eAAe,~~EAAE,~~CAAC;AAClC,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC;AACtC,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,~~OAAO,EAAE,~~OAAO,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO;AACnD,GAAG,CAAC,CAAC;AACL,~~EAAE,~~MAAM,~~EAAE,~~OAAO~~,EAAE,~~EAAE,EAAE,~~GAAG,SAAS,CAAC;~~AACpC~~,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,QAAQ,CAAC,IAAI;AAC/B,IAAI,UAAU,EAAE,QAAQ,CAAC,EAAE;AAC3B,IAAI,WAAW,EAAE,QAAQ,CAAC,GAAG;AAC7B,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjD,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxE,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,QAAQ,CAAC;AACxC,EAAE,MAAM,MAAM,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;AAC5E,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,IAAI,IAAI,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC;~~AACpD~~,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE;AAC9F,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,~~IAAI,EAAE,~~OAAO,CAAC,~~OAAO,CAAC,~~EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,EAAE,SAAS,CAAC;AAC5F,IAAI,IAAI;AACR,IAAI,QAAQ,EAAE,QAAQ,IAAI,OAAO;AACjC,IAAI,GAAG;AACP,IAAI,YAAY,EAAE,MAAM;AACxB,KAAK;AACL,IAAI,KAAK,EAAE,YAAY;AACvB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,CAAC,QAAQ,IAAI,OAAO,IAAI,cAAc,KAAK,MAAM,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACvG,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC;AACjD,GAAG,EAAE,OAAO,IAAI,cAAc,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC5G,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,KAAK,CAAC,EAAE;AAC9D,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS,IAAI,OAAO,IAAI,cAAc,KAAK,OAAO,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACpH,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC;AAClD,GAAG,EAAE,OAAO,IAAI,cAAc,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineSize,\n MantineNumberSize,\n getSharedColorScheme,\n MantineGradient,\n MantineColor,\n ClassNames,\n useExtractedMargins,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '@mantine/styles';\nimport useStyles, { heights, ButtonVariant } from './Button.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ButtonStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedButtonProps extends DefaultProps<ButtonStylesNames> {\n /** Predefined button size /\n size?: MantineSize;\n\n /* Button type attribute /\n type?: 'submit' \| 'button' \| 'reset';\n\n /* Button color from theme /\n color?: MantineColor;\n\n /* Adds icon before button label /\n leftIcon?: React.ReactNode;\n\n /* Adds icon after button label /\n rightIcon?: React.ReactNode;\n\n /* Sets button width to 100% of parent element /\n fullWidth?: boolean;\n\n /* Button border-radius from theme or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Controls button appearance /\n variant?: ButtonVariant;\n\n /* Controls gradient settings in gradient variant only /\n gradient?: MantineGradient;\n\n /* Set text-transform to uppercase /\n uppercase?: boolean;\n\n /* Reduces vertical and horizontal spacing /\n compact?: boolean;\n\n /* Indicate loading state /\n loading?: boolean;\n\n /* Props spread to Loader component /\n loaderProps?: LoaderProps;\n\n /* Loader position relative to button label */\n loaderPosition?: 'left' \| 'right';\n}\n\nexport type ButtonProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n SharedButtonProps\n>;\n\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n props: ButtonProps<C>\n) => React.ReactElement;\n\nexport const Button: ButtonComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n style,\n size = 'sm',\n color,\n type = 'button',\n disabled = false,\n children,\n leftIcon,\n rightIcon,\n fullWidth = false,\n variant = 'filled',\n radius = 'sm',\n component,\n uppercase = false,\n compact = false,\n loading = false,\n loaderPosition = 'left',\n loaderProps,\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n classNames,\n styles,\n sx,\n ...others\n }: ButtonProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const { classes, cx, theme } = useStyles(\n {\n radius,\n color,\n size,\n fullWidth,\n compact,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n { classNames, styles, sx, name: 'Button' }\n );\n const colors = getSharedColorScheme({ color, theme, variant });\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const Element = component \|\| 'button';\n const loader = (\n <Loader\n color={colors.color}\n size={theme.fn.size({ size, sizes: heights }) / 2}\n {...loaderProps}\n />\n );\n\n return (\n <Element\n {...rest}\n className={cx(classes[variant], { [classes.loading]: loading }, classes.root, className)}\n type={type}\n disabled={disabled \|\| loading}\n ref={ref}\n onTouchStart={() => {}}\n style={mergedStyles}\n >\n <div className={classes.inner}>\n {(leftIcon \|\| (loading && loaderPosition === 'left')) && (\n <span className={cx(classes.icon, classes.leftIcon)}>\n {loading && loaderPosition === 'left' ? loader : leftIcon}\n </span>\n )}\n\n <span\n className={classes.label}\n style={{ textTransform: uppercase ? 'uppercase' : undefined }}\n >\n {children}\n </span>\n\n {(rightIcon \|\| (loading && loaderPosition === 'right')) && (\n <span className={cx(classes.icon, classes.rightIcon)}>\n {loading && loaderPosition === 'right' ? loader : rightIcon}\n </span>\n )}\n </div>\n </Element>\n );\n }\n);\n\nButton.displayName = '@mantine/core/Button';\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { createStyles, hexToRgba, getSizeValue, getSharedColorScheme, getFontStyles, getFocusStyles, getThemeColor } from '@mantine/styles';
+import { createStyles, getSharedColorScheme } from '@mantine/styles';
 import { sizes as sizes$1 } from '../Input/Input.styles.js';
 var __defProp = Object.defineProperty;
@@ -76,7 +76,7 @@ const getWidthStyles = (fullWidth) => ({
   display: fullWidth ? "block" : "inline-block",
   width: fullWidth ? "100%" : "auto"
 });
-function getVariantStyles({ variant, theme, color }) {
+function getVariantStyles({ variant, theme, color, loadingRef }) {
   const colors = getSharedColorScheme({
     theme,
     color,
@@ -86,7 +86,10 @@ function getVariantStyles({ variant, theme, color }) {
     border: `1px solid ${colors.border}`,
     backgroundColor: colors.background,
     backgroundImage: colors.background,
-    color: colors.color
+    color: colors.color,
+    [`&:not(.${loadingRef}):hover`]: {
+      backgroundColor: colors.hover
+    }
   };
 }
 var useStyles = createStyles((theme, {
@@ -108,8 +111,8 @@ var useStyles = createStyles((theme, {
       left: -1,
       right: -1,
       bottom: -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,
+      backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
       cursor: "not-allowed"
     }
   };
@@ -121,22 +124,25 @@ var useStyles = createStyles((theme, {
   });
   return {
     loading,
-    outline: getVariantStyles({ variant: "outline", theme, color }),
-    filled: getVariantStyles({ variant: "filled", theme, color }),
-    light: getVariantStyles({ variant: "light", theme, color }),
-    default: getVariantStyles({ variant: "default", theme, color }),
-    white: getVariantStyles({ variant: "white", theme, color }),
+    outline: getVariantStyles({ variant: "outline", theme, color, loadingRef: loading.ref }),
+    filled: getVariantStyles({ variant: "filled", theme, color, loadingRef: loading.ref }),
+    light: getVariantStyles({ variant: "light", theme, color, loadingRef: loading.ref }),
+    default: getVariantStyles({ variant: "default", theme, color, loadingRef: loading.ref }),
+    white: getVariantStyles({ variant: "white", theme, color, loadingRef: loading.ref }),
     gradient: {
       border: 0,
       backgroundImage: gradient.background,
-      color: gradient.color
+      color: gradient.color,
+      "&:hover": {
+        backgroundSize: "200%"
+      }
     },
-    root: __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getSizeStyles({ compact, size })), getFontStyles(theme)), getFocusStyles(theme)), getWidthStyles(fullWidth)), {
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+    root: __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getSizeStyles({ compact, size })), theme.fn.fontStyles()), theme.fn.focusStyles()), getWidthStyles(fullWidth)), {
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       fontWeight: 600,
       position: "relative",
       lineHeight: 1,
-      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
       WebkitTapHighlightColor: "transparent",
       userSelect: "none",
       boxSizing: "border-box",
@@ -177,28 +183,6 @@ var useStyles = createStyles((theme, {
       overflow: "hidden",
       display: "flex",
       alignItems: "center"
-    },
-    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: "underline"
-      },
-      "&:disabled": {
-        color: theme.colors.gray[5],
-        cursor: "not-allowed",
-        "&:hover": {
-          textDecoration: "none"
-        }
-      }
     }
   };
 });

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

	@@ -1 +1 @@
1	- {"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 MantineTheme,\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}\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\ninterface GetVariantStyles {\n theme: MantineTheme;\n color: MantineColor;\n variant: 'filled' \| 'outline' \| 'light' \| 'default' \| 'white';\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n const colors = getSharedColorScheme({\n theme,\n color,\n variant,\n });\n\n return {\n border: `1px solid ${colors.border}`,\n backgroundColor: colors.background,\n backgroundImage: colors.background,\n color: colors.color,\n };\n}\n\nexport default createStyles(\n (\n theme,\n {\n color,\n size,\n radius,\n fullWidth,\n compact,\n gradientFrom,\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 gradient = getSharedColorScheme({\n theme,\n color,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n loading,\n\n outline: getVariantStyles({ variant: 'outline', theme, color }),\n filled: getVariantStyles({ variant: 'filled', theme, color }),\n light: getVariantStyles({ variant: 'light', theme, color }),\n default: getVariantStyles({ variant: 'default', theme, color }),\n white: getVariantStyles({ variant: 'white', theme, color }),\n\n gradient: {\n border: 0,\n backgroundImage: gradient.background,\n color: gradient.color,\n },\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 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 whiteSpace: 'nowrap',\n height: '100%',\n overflow: 'hidden',\n display: 'flex',\n alignItems: 'center',\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":";;;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;AAWlE,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE;AACN,IAAI,MAAM,EAAEA,OAAW,CAAC,EAAE;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,MAAM,EAAEA,OAAW,CAAC,EAAE;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,MAAM,EAAEA,OAAW,CAAC,EAAE;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,MAAM,EAAEA,OAAW,CAAC,EAAE;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,MAAM,EAAEA,OAAW,CAAC,EAAE;AAC1B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC,CAAC;AACU,MAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AAChE,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AACjC,EAAE,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,EAAE;AACP,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK;AAC7C,EAAE,IAAI,CAAC,OAAO,EAAE;AAChB,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;AACvB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,cAAc,GAAG,CAAC,SAAS,MAAM;AACvC,EAAE,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,cAAc;AAC/C,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM;AACpC,CAAC,CAAC,CAAC;AACH,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AACrD,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC;AACtC,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,OAAO;AACX,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;AACxC,IAAI,eAAe,EAAE,MAAM,CAAC,UAAU;AACtC,IAAI,eAAe,EAAE,MAAM,CAAC,UAAU;AACtC,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,GAAG,CAAC;AACJ,CAAC;AACD,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE;AACpC,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,WAAW;AACb,CAAC,EAAE,MAAM,KAAK;AACd,EAAE,MAAM,OAAO,GAAG;AAClB,IAAI,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC;AAC1B,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,GAAG,EAAE,CAAC,CAAC;AACb,MAAM,IAAI,EAAE,CAAC,CAAC;AACd,MAAM,KAAK,EAAE,CAAC,CAAC;AACf,MAAM,MAAM,EAAE,CAAC,CAAC;AAChB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,yBAAyB;AACtH,MAAM,YAAY,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC;AAC3E,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC;AACxC,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE;AACtE,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACnE,IAAI,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACjE,IAAI,KAAK,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC/D,IAAI,OAAO,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACnE,IAAI,KAAK,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC/D,IAAI,QAAQ,EAAE;AACd,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,eAAe,EAAE,QAAQ,CAAC,UAAU;AAC1C,MAAM,KAAK,EAAE,QAAQ,CAAC,KAAK;AAC3B,KAAK;AACL,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE;AACtM,MAAM,YAAY,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACvE,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,CAAC;AACnB,MAAM,QAAQ,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,cAAc,EAAE,MAAM;AAC5B,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,gBAAgB,EAAE,MAAM;AAC9B,MAAM,yBAAyB,EAAE;AACjC,QAAQ,SAAS,EAAE,iBAAiB;AACpC,OAAO;AACP,MAAM,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG;AAC3C,QAAQ,WAAW,EAAE,aAAa;AAClC,QAAQ,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnG,QAAQ,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,QAAQ,MAAM,EAAE,aAAa;AAC7B,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,WAAW,EAAE,EAAE;AACrB,KAAK;AACL,IAAI,SAAS,EAAE;AACf,MAAM,UAAU,EAAE,EAAE;AACpB,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,QAAQ,EAAE,SAAS;AACzB,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,YAAY,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACvE,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,OAAO,EAAE,cAAc;AAC7B,MAAM,KAAK,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;AACzF,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,UAAU,EAAE,KAAK,CAAC,UAAU;AAClC,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,SAAS,EAAE;AACjB,QAAQ,cAAc,EAAE,WAAW;AACnC,OAAO;AACP,MAAM,YAAY,EAAE;AACpB,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnC,QAAQ,MAAM,EAAE,aAAa;AAC7B,QAAQ,SAAS,EAAE;AACnB,UAAU,cAAc,EAAE,MAAM;AAChC,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n MantineSizes,\n getSharedColorScheme,\n MantineColor,\n MantineTheme,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport type ButtonVariant = 'filled' \| 'outline' \| 'light' \| 'gradient' \| 'white' \| '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}\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\ninterface GetVariantStyles {\n theme: MantineTheme;\n color: MantineColor;\n variant: 'filled' \| 'outline' \| 'light' \| 'default' \| 'white';\n loadingRef: string;\n}\n\nfunction getVariantStyles({ variant, theme, color, loadingRef }: GetVariantStyles) {\n const colors = getSharedColorScheme({\n theme,\n color,\n variant,\n });\n\n return {\n border: `1px solid ${colors.border}`,\n backgroundColor: colors.background,\n backgroundImage: colors.background,\n color: colors.color,\n\n [`&:not(.${loadingRef}):hover`]: {\n backgroundColor: colors.hover,\n },\n };\n}\n\nexport default createStyles(\n (\n theme,\n {\n color,\n size,\n radius,\n fullWidth,\n compact,\n gradientFrom,\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 ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n : 'rgba(255, 255, 255, .5)',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,\n cursor: 'not-allowed',\n },\n } as const;\n\n const gradient = getSharedColorScheme({\n theme,\n color,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n loading,\n\n outline: getVariantStyles({ variant: 'outline', theme, color, loadingRef: loading.ref }),\n filled: getVariantStyles({ variant: 'filled', theme, color, loadingRef: loading.ref }),\n light: getVariantStyles({ variant: 'light', theme, color, loadingRef: loading.ref }),\n default: getVariantStyles({ variant: 'default', theme, color, loadingRef: loading.ref }),\n white: getVariantStyles({ variant: 'white', theme, color, loadingRef: loading.ref }),\n\n gradient: {\n border: 0,\n backgroundImage: gradient.background,\n color: gradient.color,\n\n '&:hover': {\n backgroundSize: '200%',\n },\n },\n\n root: {\n ...getSizeStyles({ compact, size }),\n ...theme.fn.fontStyles(),\n ...theme.fn.focusStyles(),\n ...getWidthStyles(fullWidth),\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n fontWeight: 600,\n position: 'relative',\n lineHeight: 1,\n fontSize: theme.fn.size({ size, sizes: 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 '&: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 whiteSpace: 'nowrap',\n height: '100%',\n overflow: 'hidden',\n display: 'flex',\n alignItems: 'center',\n },\n };\n }\n);\n"],"names":["INPUT_SIZES"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getFontStyles, getFocusStyles } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = createStyles((theme) => ({
-  root: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
+  root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
     cursor: "pointer",
     border: 0,
     padding: 0,

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

	@@ -1 +1 @@
1	- {"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 root: {\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,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,~~cAAc~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE,~~aAAa~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AACvG~~,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;;;;"}
1	+ {"version":3,"file":"UnstyledButton.styles.js","sources":["../../../../src/components/Button/UnstyledButton/UnstyledButton.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\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,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,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/CardSection/CardSection.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useExtractedMargins } from '@mantine/styles';
 import useStyles from './CardSection.styles.js';
 var __defProp = Object.defineProperty;
@@ -30,11 +31,13 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function CardSection(_a) {
-  var _b = _a, { className, padding = 0 } = _b, others = __objRest(_b, ["className", "padding"]);
+  var _b = _a, { className, padding = 0, style } = _b, others = __objRest(_b, ["className", "padding", "style"]);
   const { classes, cx } = useStyles({ padding }, { name: "Card" });
+  const { mergedStyles, rest } = useExtractedMargins({ others, style });
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
-    className: cx(classes.cardSection, className)
-  }, others));
+    className: cx(classes.cardSection, className),
+    style: mergedStyles
+  }, rest));
 }
 CardSection.displayName = "@mantine/core/CardSection";

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

	@@ -1 +1 @@
1	- {"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 }, { name: '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,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,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;;;;"}
1	+ {"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, useExtractedMargins } 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, style, ...others }: CardSectionProps) {\n const { classes, cx } = useStyles({ padding }, { name: 'Card' });\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n return <div className={cx(classes.cardSection, className)} style={mergedStyles} {...rest} />;\n}\n\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var useStyles = createStyles((theme, { padding }) => ({
   cardSection: {
-    marginLeft: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),
-    marginRight: -1 * getSizeValue({ size: padding, sizes: theme.spacing }),
+    marginLeft: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),
+    marginRight: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),
     "&:first-of-type": {
-      marginTop: -1 * getSizeValue({ size: padding, sizes: theme.spacing })
+      marginTop: -1 * theme.fn.size({ size: padding, sizes: theme.spacing })
     },
     "&:last-of-type": {
-      marginBottom: -1 * getSizeValue({ size: padding, sizes: theme.spacing })
+      marginBottom: -1 * theme.fn.size({ size: padding, sizes: theme.spacing })
     }
   }
 }));

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

	@@ -1 +1 @@
1	- {"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-of-type': {\n marginTop: -1 * ~~getSizeValue~~({ size: padding, sizes: theme.spacing }),\n },\n\n '&:last-of-type': {\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,iBAAiB,EAAE;AACvB,MAAM,SAAS,EAAE,CAAC,CAAC,GAAG,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;~~AAC3E~~,KAAK;AACL,IAAI,gBAAgB,EAAE;AACtB,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;;;;"}
1	+ {"version":3,"file":"CardSection.styles.js","sources":["../../../../src/components/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface CardSectionStyles {\n padding: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding }: CardSectionStyles) => ({\n cardSection: {\n marginLeft: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),\n marginRight: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),\n\n '&:first-of-type': {\n marginTop: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),\n },\n\n '&:last-of-type': {\n marginBottom: -1 * theme.fn.size({ 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,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,IAAI,WAAW,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC5E,IAAI,iBAAiB,EAAE;AACvB,MAAM,SAAS,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC5E,KAAK;AACL,IAAI,gBAAgB,EAAE;AACtB,MAAM,YAAY,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/E,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Checkbox/Checkbox.js CHANGED Viewed

@@ -49,6 +49,7 @@ const Checkbox = forwardRef((_a, ref) => {
     classNames,
     styles,
     transitionDuration = 100,
+    icon: Icon = CheckboxIcon,
     sx
   } = _b, others = __objRest(_b, [
     "className",
@@ -66,6 +67,7 @@ const Checkbox = forwardRef((_a, ref) => {
     "classNames",
     "styles",
     "transitionDuration",
+    "icon",
     "sx"
   ]);
   const uuid = useUuid(id);
@@ -84,7 +86,7 @@ const Checkbox = forwardRef((_a, ref) => {
     checked: indeterminate || checked,
     onChange,
     disabled
-  }, rest)), /* @__PURE__ */ React.createElement(CheckboxIcon, {
+  }, rest)), /* @__PURE__ */ React.createElement(Icon, {
     indeterminate,
     className: classes.icon
   })), label && /* @__PURE__ */ React.createElement("label", {