@mantine/core 3.1.8 → 3.2.2

package/cjs/components/Button/Button.js

@@ -90,13 +90,7 @@ const Button = React.forwardRef((_a, ref) => {
     "styles",
     "sx"
   ]);
-  const theme = styles.useMantineTheme();
-  const colors = styles.getSharedColorScheme({
-    color,
-    theme,
-    variant: variant === "link" ? "light" : variant
-  });
-  const { classes, cx } = Button_styles['default']({
+  const { classes, cx, theme } = Button_styles['default']({
     radius,
     color,
     size,
@@ -106,14 +100,15 @@ const Button = React.forwardRef((_a, ref) => {
     gradientTo: gradient.to,
     gradientDeg: gradient.deg
   }, { classNames, styles: styles$1, sx, name: "Button" });
+  const colors = styles.getSharedColorScheme({ color, theme, variant });
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const Element = component || "button";
   const loader = /* @__PURE__ */ React__default.createElement(Loader.Loader, __spreadValues({
     color: colors.color,
-    size: styles.getSizeValue({ size, sizes: Button_styles.heights }) / 2
+    size: theme.fn.size({ size, sizes: Button_styles.heights }) / 2
   }, loaderProps));
   return /* @__PURE__ */ React__default.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/cjs/components/Button/Button.js.map

@@ -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":["forwardRef","styles","useMantineTheme","getSharedColorScheme","useStyles","useExtractedMargins","React","Loader","getSizeValue","heights"],"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,GAAGA,gBAAU,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,YAAIC,QAAM;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,GAAGC,sBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,MAAM,GAAGC,2BAAoB,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,GAAGC,wBAAS,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,UAAEH,QAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjD,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAGI,0BAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxE,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,QAAQ,CAAC;AACxC,EAAE,MAAM,MAAM,mBAAmBC,cAAK,CAAC,aAAa,CAACC,aAAM,EAAE,cAAc,CAAC;AAC5E,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,IAAI,IAAI,EAAEC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,qBAAO,EAAE,CAAC,GAAG,CAAC;AACpD,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuBH,cAAK,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,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,CAAC,QAAQ,IAAI,OAAO,IAAI,cAAc,KAAK,MAAM,qBAAqBA,cAAK,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,kBAAkBA,cAAK,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,qBAAqBA,cAAK,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;;;;"}
+{"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":["forwardRef","styles","useStyles","getSharedColorScheme","useExtractedMargins","React","Loader","heights"],"mappings":"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"}

package/cjs/components/Button/Button.styles.js

@@ -80,7 +80,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 = styles.getSharedColorScheme({
     theme,
     color,
@@ -90,7 +90,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 = styles.createStyles((theme, {
@@ -112,8 +115,8 @@ var useStyles = styles.createStyles((theme, {
       left: -1,
       right: -1,
       bottom: -1,
-      backgroundColor: theme.colorScheme === "dark" ? styles.hexToRgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
-      borderRadius: styles.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"
     }
   };
@@ -125,22 +128,25 @@ var useStyles = styles.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 })), styles.getFontStyles(theme)), styles.getFocusStyles(theme)), getWidthStyles(fullWidth)), {
-      borderRadius: styles.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: styles.getSizeValue({ size, sizes: theme.fontSizes }),
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
       WebkitTapHighlightColor: "transparent",
       userSelect: "none",
       boxSizing: "border-box",
@@ -181,28 +187,6 @@ var useStyles = styles.createStyles((theme, {
       overflow: "hidden",
       display: "flex",
       alignItems: "center"
-    },
-    link: {
-      padding: 0,
-      borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
-      backgroundColor: "transparent",
-      border: 0,
-      display: "inline-block",
-      color: styles.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/cjs/components/Button/Button.styles.js.map

@@ -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","getSharedColorScheme","createStyles","hexToRgba","getSizeValue","getFontStyles","getFocusStyles","getThemeColor"],"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  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","getSharedColorScheme","createStyles"],"mappings":"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"}

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

@@ -24,7 +24,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = styles.createStyles((theme) => ({
-  root: __spreadProps(__spreadValues(__spreadValues({}, styles.getFocusStyles(theme)), styles.getFontStyles(theme)), {
+  root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
     cursor: "pointer",
     border: 0,
     padding: 0,

package/cjs/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 { 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":["createStyles","getFocusStyles","getFontStyles"],"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,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAEC,qBAAc,CAAC,KAAK,CAAC,CAAC,EAAEC,oBAAa,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;;;;"}
+{"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":["createStyles"],"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,gBAAeA,mBAAY,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/cjs/components/Card/CardSection/CardSection.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var styles = require('@mantine/styles');
 var CardSection_styles = require('./CardSection.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -38,11 +39,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 } = CardSection_styles['default']({ padding }, { name: "Card" });
+  const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx(classes.cardSection, className)
-  }, others));
+    className: cx(classes.cardSection, className),
+    style: mergedStyles
+  }, rest));
 }
 CardSection.displayName = "@mantine/core/CardSection";
 

package/cjs/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 { 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":["useStyles","React"],"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, 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":["useStyles","useExtractedMargins","React"],"mappings":"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"}

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

@@ -6,13 +6,13 @@ var styles = require('@mantine/styles');
 
 var useStyles = styles.createStyles((theme, { padding }) => ({
   cardSection: {
-    marginLeft: -1 * styles.getSizeValue({ size: padding, sizes: theme.spacing }),
-    marginRight: -1 * styles.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 * styles.getSizeValue({ size: padding, sizes: theme.spacing })
+      marginTop: -1 * theme.fn.size({ size: padding, sizes: theme.spacing })
     },
     "&:last-of-type": {
-      marginBottom: -1 * styles.getSizeValue({ size: padding, sizes: theme.spacing })
+      marginBottom: -1 * theme.fn.size({ size: padding, sizes: theme.spacing })
     }
   }
 }));

package/cjs/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 { 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":["createStyles","getSizeValue"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM;AACrD,EAAE,WAAW,EAAE;AACf,IAAI,UAAU,EAAE,CAAC,CAAC,GAAGC,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1E,IAAI,WAAW,EAAE,CAAC,CAAC,GAAGA,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,IAAI,iBAAiB,EAAE;AACvB,MAAM,SAAS,EAAE,CAAC,CAAC,GAAGA,mBAAY,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,GAAGA,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC9E,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"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":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,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/cjs/components/Checkbox/Checkbox.js

@@ -57,6 +57,7 @@ const Checkbox = React.forwardRef((_a, ref) => {
     classNames,
     styles: styles$1,
     transitionDuration = 100,
+    icon: Icon = CheckboxIcon.CheckboxIcon,
     sx
   } = _b, others = __objRest(_b, [
     "className",
@@ -74,6 +75,7 @@ const Checkbox = React.forwardRef((_a, ref) => {
     "classNames",
     "styles",
     "transitionDuration",
+    "icon",
     "sx"
   ]);
   const uuid = hooks.useUuid(id);
@@ -92,7 +94,7 @@ const Checkbox = React.forwardRef((_a, ref) => {
     checked: indeterminate || checked,
     onChange,
     disabled
-  }, rest)), /* @__PURE__ */ React__default.createElement(CheckboxIcon.CheckboxIcon, {
+  }, rest)), /* @__PURE__ */ React__default.createElement(Icon, {
     indeterminate,
     className: classes.icon
   })), label && /* @__PURE__ */ React__default.createElement("label", {

package/cjs/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineColor,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/styles';\nimport { useUuid } from '@mantine/hooks';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport useStyles from './Checkbox.styles';\n\nexport type CheckboxStylesNames = ClassNames<typeof useStyles>;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {\n  /** Checkbox checked and indeterminate state color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Predefined label font-size and checkbox width and height in px */\n  size?: MantineSize;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, overwrites checked */\n  indeterminate?: boolean;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n  /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Check/uncheck transition duration, set to 0 to disable all transitions */\n  transitionDuration?: number;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      style,\n      checked,\n      onChange,\n      color,\n      label,\n      disabled,\n      indeterminate,\n      id,\n      size = 'sm',\n      wrapperProps,\n      children,\n      classNames,\n      styles,\n      transitionDuration = 100,\n      sx,\n      ...others\n    }: CheckboxProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const { classes, cx } = useStyles(\n      { size, color, transitionDuration },\n      { classNames, styles, sx, name: 'Checkbox' }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} {...wrapperProps}>\n        <div className={classes.inner}>\n          <input\n            id={uuid}\n            ref={ref}\n            type=\"checkbox\"\n            className={classes.input}\n            checked={indeterminate || checked}\n            onChange={onChange}\n            disabled={disabled}\n            {...rest}\n          />\n\n          <CheckboxIcon indeterminate={indeterminate} className={classes.icon} />\n        </div>\n\n        {label && (\n          <label className={classes.label} htmlFor={uuid}>\n            {label}\n          </label>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = '@mantine/core/Checkbox';\n"],"names":["forwardRef","styles","useUuid","useStyles","useExtractedMargins","React","CheckboxIcon"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineColor,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/styles';\nimport { useUuid } from '@mantine/hooks';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport useStyles from './Checkbox.styles';\n\nexport type CheckboxStylesNames = ClassNames<typeof useStyles>;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {\n  /** Checkbox checked and indeterminate state color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Predefined label font-size and checkbox width and height in px */\n  size?: MantineSize;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, overwrites checked */\n  indeterminate?: boolean;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n  /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Check/uncheck transition duration, set to 0 to disable all transitions */\n  transitionDuration?: number;\n\n  /** Replace default icon */\n  icon?: React.FC<{ indeterminate: boolean; className: string }>;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      style,\n      checked,\n      onChange,\n      color,\n      label,\n      disabled,\n      indeterminate,\n      id,\n      size = 'sm',\n      wrapperProps,\n      children,\n      classNames,\n      styles,\n      transitionDuration = 100,\n      icon: Icon = CheckboxIcon,\n      sx,\n      ...others\n    }: CheckboxProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const { classes, cx } = useStyles(\n      { size, color, transitionDuration },\n      { classNames, styles, sx, name: 'Checkbox' }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} {...wrapperProps}>\n        <div className={classes.inner}>\n          <input\n            id={uuid}\n            ref={ref}\n            type=\"checkbox\"\n            className={classes.input}\n            checked={indeterminate || checked}\n            onChange={onChange}\n            disabled={disabled}\n            {...rest}\n          />\n\n          <Icon indeterminate={indeterminate} className={classes.icon} />\n        </div>\n\n        {label && (\n          <label className={classes.label} htmlFor={uuid}>\n            {label}\n          </label>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = '@mantine/core/Checkbox';\n"],"names":["forwardRef","styles","CheckboxIcon","useUuid","useStyles","useExtractedMargins","React"],"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;AAQU,MAAC,QAAQ,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAChD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,EAAE;AACN,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,YAAIC,QAAM;AACV,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,IAAI,EAAE,IAAI,GAAGC,yBAAY;AAC7B,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,eAAe;AACnB,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,MAAM;AACV,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAGC,aAAO,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,0BAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,EAAE,UAAU,UAAEH,QAAM,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;AACvH,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAGI,0BAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,KAAK,EAAE,YAAY;AACvB,GAAG,EAAE,YAAY,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACjE,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,GAAG;AACP,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,OAAO,EAAE,aAAa,IAAI,OAAO;AACrC,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,GAAG,EAAE,IAAI,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,IAAI,aAAa;AACjB,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,CAAC,CAAC,EAAE,KAAK,oBAAoBA,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AAC7D,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACb,CAAC,EAAE;AACH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/cjs/components/Checkbox/Checkbox.styles.js

@@ -39,7 +39,7 @@ const iconSizes = {
 };
 var useStyles = styles.createStyles((theme, { size, color, transitionDuration }, getRef) => {
   const colors = styles.getSharedColorScheme({ color, theme, variant: "filled" });
-  const _size = styles.getSizeValue({ size, sizes });
+  const _size = theme.fn.size({ size, sizes });
   const icon = {
     ref: getRef("icon"),
     color: colors.color,
@@ -49,7 +49,7 @@ var useStyles = styles.createStyles((theme, { size, color, transitionDuration },
     transitionTimingFunction: "ease",
     transitionDuration: `${transitionDuration}ms`,
     pointerEvents: "none",
-    width: styles.getSizeValue({ size, sizes: iconSizes }),
+    width: theme.fn.size({ size, sizes: iconSizes }),
     position: "absolute",
     zIndex: 1,
     top: 0,
@@ -72,14 +72,14 @@ var useStyles = styles.createStyles((theme, { size, color, transitionDuration },
       width: _size,
       height: _size
     },
-    label: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
+    label: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
       WebkitTapHighlightColor: "transparent",
       paddingLeft: theme.spacing.sm,
-      fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
       lineHeight: `${_size}px`,
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
     }),
-    input: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
+    input: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       appearance: "none",
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.white,
       border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,

package/cjs/components/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineSize,\n  getFontStyles,\n  getSizeValue,\n  getFocusStyles,\n  MantineColor,\n  getSharedColorScheme,\n} from '@mantine/styles';\n\nexport const sizes = {\n  xs: 14,\n  sm: 18,\n  md: 22,\n  lg: 28,\n  xl: 34,\n};\n\nconst iconSizes = {\n  xs: 8,\n  sm: 10,\n  md: 14,\n  lg: 16,\n  xl: 20,\n};\n\ninterface CheckboxStyles {\n  size: MantineSize;\n  color: MantineColor;\n  transitionDuration: number;\n}\n\nexport default createStyles(\n  (theme, { size, color, transitionDuration }: CheckboxStyles, getRef) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'filled' });\n    const _size = getSizeValue({ size, sizes });\n\n    const icon = {\n      ref: getRef('icon'),\n      color: colors.color,\n      transform: 'translateY(5px) scale(0.5)',\n      opacity: 0,\n      transitionProperty: 'opacity, transform',\n      transitionTimingFunction: 'ease',\n      transitionDuration: `${transitionDuration}ms`,\n      pointerEvents: 'none',\n      width: getSizeValue({ size, sizes: iconSizes }),\n      position: 'absolute',\n      zIndex: 1,\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      margin: 'auto',\n\n      '@media (prefers-reduced-motion)': {\n        transitionDuration: '0ms',\n      },\n    } as const;\n\n    return {\n      icon,\n\n      root: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n      },\n\n      label: {\n        ...getFontStyles(theme),\n        WebkitTapHighlightColor: 'transparent',\n        paddingLeft: theme.spacing.sm,\n        fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n        lineHeight: `${_size}px`,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      },\n\n      input: {\n        ...getFocusStyles(theme),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.white,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.radius.sm,\n        padding: 0,\n        outline: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${icon.ref}`]: {\n            opacity: 1,\n            transform: 'translateY(0) scale(1)',\n          },\n        },\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[3],\n          cursor: 'not-allowed',\n\n          [`& + .${icon.ref}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles","getSharedColorScheme","getSizeValue","getFontStyles","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, MantineColor, getSharedColorScheme } from '@mantine/styles';\n\nexport const sizes = {\n  xs: 14,\n  sm: 18,\n  md: 22,\n  lg: 28,\n  xl: 34,\n};\n\nconst iconSizes = {\n  xs: 8,\n  sm: 10,\n  md: 14,\n  lg: 16,\n  xl: 20,\n};\n\ninterface CheckboxStyles {\n  size: MantineSize;\n  color: MantineColor;\n  transitionDuration: number;\n}\n\nexport default createStyles(\n  (theme, { size, color, transitionDuration }: CheckboxStyles, getRef) => {\n    const colors = getSharedColorScheme({ color, theme, variant: 'filled' });\n    const _size = theme.fn.size({ size, sizes });\n\n    const icon = {\n      ref: getRef('icon'),\n      color: colors.color,\n      transform: 'translateY(5px) scale(0.5)',\n      opacity: 0,\n      transitionProperty: 'opacity, transform',\n      transitionTimingFunction: 'ease',\n      transitionDuration: `${transitionDuration}ms`,\n      pointerEvents: 'none',\n      width: theme.fn.size({ size, sizes: iconSizes }),\n      position: 'absolute',\n      zIndex: 1,\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      margin: 'auto',\n\n      '@media (prefers-reduced-motion)': {\n        transitionDuration: '0ms',\n      },\n    } as const;\n\n    return {\n      icon,\n\n      root: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n      },\n\n      label: {\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        paddingLeft: theme.spacing.sm,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        lineHeight: `${_size}px`,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.white,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.radius.sm,\n        padding: 0,\n        outline: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${icon.ref}`]: {\n            opacity: 1,\n            transform: 'translateY(0) scale(1)',\n          },\n        },\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[3],\n          cursor: 'not-allowed',\n\n          [`& + .${icon.ref}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}

package/cjs/components/Chips/Chip/Chip.js

@@ -77,8 +77,7 @@ const Chip = React.forwardRef((_a, ref) => {
     "onChange"
   ]);
   const uuid = hooks.useUuid(id);
-  const theme = styles.useMantineTheme();
-  const { classes, cx } = Chip_styles['default']({ radius, size, color }, { classNames, styles: styles$1, name: __staticSelector });
+  const { classes, cx, theme } = Chip_styles['default']({ radius, size, color }, { classNames, styles: styles$1, name: __staticSelector });
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const [value, setValue] = hooks.useUncontrolled({
     value: checked,

package/cjs/components/Chips/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chips/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useUncontrolled, useUuid } from '@mantine/hooks';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  MantineColor,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/styles';\nimport { CheckboxIcon } from '../../Checkbox';\nimport useStyles from './Chip.styles';\n\nexport type ChipStylesNames = Exclude<ClassNames<typeof useStyles>, 'filled' | 'outline'>;\n\nexport interface ChipProps\n  extends DefaultProps<ChipStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n  /** Chip radius from theme or number to set value in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined chip size */\n  size?: MantineSize;\n\n  /** Chip input type */\n  type?: 'radio' | 'checkbox';\n\n  /** Controls chip appearance, defaults to filled with dark theme and to outline in light theme */\n  variant?: 'outline' | 'filled';\n\n  /** Chip label */\n  children: React.ReactNode;\n\n  /** Checked state for controlled component */\n  checked?: boolean;\n\n  /** Default value for uncontrolled component */\n  defaultChecked?: boolean;\n\n  /** Calls when checked state changes */\n  onChange?(checked: boolean): void;\n\n  /** Active color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Static id to bind input with label */\n  id?: string;\n\n  /** Static selector base */\n  __staticSelector?: string;\n\n  /** Input value */\n  value: string;\n}\n\nexport const Chip = forwardRef<HTMLInputElement, ChipProps>(\n  (\n    {\n      radius = 'xl',\n      type = 'checkbox',\n      size = 'sm',\n      variant,\n      disabled = false,\n      __staticSelector = 'Chip',\n      id,\n      color,\n      children,\n      className,\n      classNames,\n      style,\n      styles,\n      checked,\n      defaultChecked,\n      onChange,\n      ...others\n    }: ChipProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const theme = useMantineTheme();\n    const { classes, cx } = useStyles(\n      { radius, size, color },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [value, setValue] = useUncontrolled({\n      value: checked,\n      defaultValue: defaultChecked,\n      finalValue: true,\n      onChange,\n      rule: (val) => typeof val === 'boolean',\n    });\n\n    const defaultVariant = theme.colorScheme === 'dark' ? 'filled' : 'outline';\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles}>\n        <input\n          type={type}\n          className={classes.input}\n          checked={value}\n          onChange={(event) => setValue(event.currentTarget.checked)}\n          id={uuid}\n          disabled={disabled}\n          ref={ref}\n          {...rest}\n        />\n        <label\n          className={cx(\n            classes.label,\n            { [classes.checked]: value, [classes.disabled]: disabled },\n            classes[variant || defaultVariant]\n          )}\n          htmlFor={uuid}\n        >\n          {value && (\n            <span className={classes.iconWrapper}>\n              <CheckboxIcon indeterminate={false} className={classes.checkIcon} />\n            </span>\n          )}\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nChip.displayName = '@mantine/core/Chip';\n"],"names":["forwardRef","styles","useUuid","useMantineTheme","useStyles","useExtractedMargins","useUncontrolled","React","CheckboxIcon"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chips/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useUncontrolled, useUuid } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  MantineColor,\n  ClassNames,\n  useExtractedMargins,\n} from '@mantine/styles';\nimport { CheckboxIcon } from '../../Checkbox';\nimport useStyles from './Chip.styles';\n\nexport type ChipStylesNames = Exclude<ClassNames<typeof useStyles>, 'filled' | 'outline'>;\n\nexport interface ChipProps\n  extends DefaultProps<ChipStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n  /** Chip radius from theme or number to set value in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined chip size */\n  size?: MantineSize;\n\n  /** Chip input type */\n  type?: 'radio' | 'checkbox';\n\n  /** Controls chip appearance, defaults to filled with dark theme and to outline in light theme */\n  variant?: 'outline' | 'filled';\n\n  /** Chip label */\n  children: React.ReactNode;\n\n  /** Checked state for controlled component */\n  checked?: boolean;\n\n  /** Default value for uncontrolled component */\n  defaultChecked?: boolean;\n\n  /** Calls when checked state changes */\n  onChange?(checked: boolean): void;\n\n  /** Active color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Static id to bind input with label */\n  id?: string;\n\n  /** Static selector base */\n  __staticSelector?: string;\n\n  /** Input value */\n  value: string;\n}\n\nexport const Chip = forwardRef<HTMLInputElement, ChipProps>(\n  (\n    {\n      radius = 'xl',\n      type = 'checkbox',\n      size = 'sm',\n      variant,\n      disabled = false,\n      __staticSelector = 'Chip',\n      id,\n      color,\n      children,\n      className,\n      classNames,\n      style,\n      styles,\n      checked,\n      defaultChecked,\n      onChange,\n      ...others\n    }: ChipProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const { classes, cx, theme } = useStyles(\n      { radius, size, color },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [value, setValue] = useUncontrolled({\n      value: checked,\n      defaultValue: defaultChecked,\n      finalValue: true,\n      onChange,\n      rule: (val) => typeof val === 'boolean',\n    });\n\n    const defaultVariant = theme.colorScheme === 'dark' ? 'filled' : 'outline';\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles}>\n        <input\n          type={type}\n          className={classes.input}\n          checked={value}\n          onChange={(event) => setValue(event.currentTarget.checked)}\n          id={uuid}\n          disabled={disabled}\n          ref={ref}\n          {...rest}\n        />\n        <label\n          className={cx(\n            classes.label,\n            { [classes.checked]: value, [classes.disabled]: disabled },\n            classes[variant || defaultVariant]\n          )}\n          htmlFor={uuid}\n        >\n          {value && (\n            <span className={classes.iconWrapper}>\n              <CheckboxIcon indeterminate={false} className={classes.checkIcon} />\n            </span>\n          )}\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nChip.displayName = '@mantine/core/Chip';\n"],"names":["forwardRef","styles","useUuid","useStyles","useExtractedMargins","useUncontrolled","React","CheckboxIcon"],"mappings":"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"}

package/cjs/components/Chips/Chip/Chip.styles.js

@@ -54,19 +54,19 @@ const checkedPadding = {
 var useStyles = styles.createStyles((theme, { radius, size, color }, getRef) => {
   const label = __spreadProps(__spreadValues({
     ref: getRef("label")
-  }, styles.getFontStyles(theme)), {
+  }, theme.fn.fontStyles()), {
     boxSizing: "border-box",
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     display: "inline-block",
     alignItems: "center",
     userSelect: "none",
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
-    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
-    height: styles.getSizeValue({ size, sizes }),
-    fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
-    lineHeight: `${styles.getSizeValue({ size, sizes }) - 2}px`,
-    paddingLeft: styles.getSizeValue({ size, sizes: padding }),
-    paddingRight: styles.getSizeValue({ size, sizes: padding }),
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+    height: theme.fn.size({ size, sizes }),
+    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+    lineHeight: `${theme.fn.size({ size, sizes }) - 2}px`,
+    paddingLeft: theme.fn.size({ size, sizes: padding }),
+    paddingRight: theme.fn.size({ size, sizes: padding }),
     cursor: "pointer",
     whiteSpace: "nowrap",
     transition: "background-color 100ms ease",
@@ -89,10 +89,10 @@ var useStyles = styles.createStyles((theme, { radius, size, color }, getRef) =>
   };
   const iconWrapper = {
     ref: getRef("iconWrapper"),
-    color: styles.getThemeColor({ theme, color, shade: 6 }),
-    width: styles.getSizeValue({ size, sizes: iconSizes }) + styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
-    maxWidth: styles.getSizeValue({ size, sizes: iconSizes }) + styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
-    height: styles.getSizeValue({ size, sizes: iconSizes }),
+    color: theme.fn.themeColor(color, 6),
+    width: theme.fn.size({ size, sizes: iconSizes }) + theme.fn.size({ size, sizes: theme.spacing }) / 1.5,
+    maxWidth: theme.fn.size({ size, sizes: iconSizes }) + theme.fn.size({ size, sizes: theme.spacing }) / 1.5,
+    height: theme.fn.size({ size, sizes: iconSizes }),
     display: "inline-block",
     verticalAlign: "middle",
     overflow: "hidden"
@@ -116,20 +116,20 @@ var useStyles = styles.createStyles((theme, { radius, size, color }, getRef) =>
       }
     },
     checked: {
-      paddingLeft: styles.getSizeValue({ size, sizes: checkedPadding }),
-      paddingRight: styles.getSizeValue({ size, sizes: checkedPadding }),
+      paddingLeft: theme.fn.size({ size, sizes: checkedPadding }),
+      paddingRight: theme.fn.size({ size, sizes: checkedPadding }),
       [`&.${outline.ref}`]: {
-        border: `1px solid ${styles.getThemeColor({ theme, color, shade: 6 })}`
+        border: `1px solid ${theme.fn.themeColor(color, 6)}`
       },
       [`&.${filled.ref}`]: {
         "&, &:hover": {
-          backgroundColor: theme.colorScheme === "dark" ? styles.getSharedColorScheme({ color, theme, variant: "light" }).background : styles.getThemeColor({ theme, color, shade: 1 })
+          backgroundColor: theme.colorScheme === "dark" ? styles.getSharedColorScheme({ color, theme, variant: "light" }).background : theme.fn.themeColor(color, 1)
         }
       }
     },
     checkIcon: {
-      width: styles.getSizeValue({ size, sizes: iconSizes }),
-      height: styles.getSizeValue({ size, sizes: iconSizes }) / 1.1,
+      width: theme.fn.size({ size, sizes: iconSizes }),
+      height: theme.fn.size({ size, sizes: iconSizes }) / 1.1,
       display: "block"
     },
     input: {