@mantine/core 5.10.0 → 6.0.0-alpha.0

package/cjs/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../src/Button/Button.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineSize,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  MantineGradient,\n  CSSObject,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport const BUTTON_VARIANTS = [\n  'filled',\n  'outline',\n  'light',\n  'white',\n  'default',\n  'subtle',\n  'gradient',\n] as const;\n\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number];\n\nexport interface ButtonStylesParams {\n  color: MantineColor;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  fullWidth: boolean;\n  compact: boolean;\n  gradient: MantineGradient;\n  variant: ButtonVariant;\n  withRightIcon: boolean;\n  withLeftIcon: boolean;\n}\n\nexport const sizes = {\n  xs: { height: INPUT_SIZES.xs, paddingLeft: 14, paddingRight: 14 },\n  sm: { height: INPUT_SIZES.sm, paddingLeft: 18, paddingRight: 18 },\n  md: { height: INPUT_SIZES.md, paddingLeft: 22, paddingRight: 22 },\n  lg: { height: INPUT_SIZES.lg, paddingLeft: 26, paddingRight: 26 },\n  xl: { height: INPUT_SIZES.xl, paddingLeft: 32, paddingRight: 32 },\n  'compact-xs': { height: 22, paddingLeft: 7, paddingRight: 7 },\n  'compact-sm': { height: 26, paddingLeft: 8, paddingRight: 8 },\n  'compact-md': { height: 30, paddingLeft: 10, paddingRight: 10 },\n  'compact-lg': { height: 34, paddingLeft: 12, paddingRight: 12 },\n  'compact-xl': { height: 40, paddingLeft: 14, paddingRight: 14 },\n};\n\ninterface GetSizeStyles {\n  compact: boolean;\n  size: MantineSize;\n  withLeftIcon: boolean;\n  withRightIcon: boolean;\n}\n\nfunction getSizeStyles({ compact, size, withLeftIcon, withRightIcon }: GetSizeStyles): CSSObject {\n  if (compact) {\n    return sizes[`compact-${size}`];\n  }\n\n  const _sizes = sizes[size];\n\n  return {\n    ..._sizes,\n    paddingLeft: withLeftIcon ? _sizes.paddingLeft / 1.5 : _sizes.paddingLeft,\n    paddingRight: withRightIcon ? _sizes.paddingRight / 1.5 : _sizes.paddingRight,\n  };\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: ButtonVariant;\n  gradient: MantineGradient;\n}\n\nfunction getVariantStyles({ variant, theme, color, gradient }: GetVariantStyles) {\n  const colors = theme.fn.variant({ color, variant, gradient });\n\n  if (variant === 'gradient') {\n    return {\n      border: 0,\n      backgroundImage: colors.background,\n      color: colors.color,\n\n      '&:hover': theme.fn.hover({\n        backgroundSize: '200%',\n      }),\n    };\n  }\n\n  return {\n    border: `1px solid ${colors.border}`,\n    backgroundColor: colors.background,\n    color: colors.color,\n    ...theme.fn.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      gradient,\n      variant,\n      withLeftIcon,\n      withRightIcon,\n    }: ButtonStylesParams\n  ) => ({\n    root: {\n      ...getSizeStyles({ compact, size, withLeftIcon, withRightIcon }),\n      ...theme.fn.fontStyles(),\n      ...theme.fn.focusStyles(),\n      ...getWidthStyles(fullWidth),\n      borderRadius: theme.fn.radius(radius),\n      fontWeight: 600,\n      position: 'relative',\n      lineHeight: 1,\n      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n      userSelect: 'none',\n      cursor: 'pointer',\n      ...getVariantStyles({ variant, theme, color, gradient }),\n\n      '&:active': theme.activeStyles,\n\n      '&:disabled, &[data-disabled]': {\n        borderColor: 'transparent',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n        cursor: 'not-allowed',\n        backgroundImage: 'none',\n        pointerEvents: 'none',\n\n        '&:active': {\n          transform: 'none',\n        },\n      },\n\n      '&[data-loading]': {\n        pointerEvents: 'none',\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.radius(radius),\n          cursor: 'not-allowed',\n        },\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    centerLoader: {\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      opacity: 0.5,\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"],"names":["INPUT_SIZES","createStyles"],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../src/Button/Button.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  MantineGradient,\n  CSSObject,\n  getSize,\n  rem,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport const BUTTON_VARIANTS = [\n  'filled',\n  'outline',\n  'light',\n  'white',\n  'default',\n  'subtle',\n  'gradient',\n];\n\nexport interface ButtonStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  fullWidth: boolean;\n  compact: boolean;\n  gradient: MantineGradient;\n  withRightIcon: boolean;\n  withLeftIcon: boolean;\n}\n\nexport const sizes = {\n  xs: { height: INPUT_SIZES.xs, paddingLeft: rem(14), paddingRight: rem(14) },\n  sm: { height: INPUT_SIZES.sm, paddingLeft: rem(18), paddingRight: rem(18) },\n  md: { height: INPUT_SIZES.md, paddingLeft: rem(22), paddingRight: rem(22) },\n  lg: { height: INPUT_SIZES.lg, paddingLeft: rem(26), paddingRight: rem(26) },\n  xl: { height: INPUT_SIZES.xl, paddingLeft: rem(32), paddingRight: rem(32) },\n  'compact-xs': { height: rem(22), paddingLeft: rem(7), paddingRight: rem(7) },\n  'compact-sm': { height: rem(26), paddingLeft: rem(8), paddingRight: rem(8) },\n  'compact-md': { height: rem(30), paddingLeft: rem(10), paddingRight: rem(10) },\n  'compact-lg': { height: rem(34), paddingLeft: rem(12), paddingRight: rem(12) },\n  'compact-xl': { height: rem(40), paddingLeft: rem(14), paddingRight: rem(14) },\n};\n\ninterface GetSizeStyles {\n  compact: boolean;\n  size: string | number;\n  withLeftIcon: boolean;\n  withRightIcon: boolean;\n}\n\nfunction getSizeStyles({ compact, size, withLeftIcon, withRightIcon }: GetSizeStyles): CSSObject {\n  if (compact) {\n    return sizes[`compact-${size}`];\n  }\n\n  const _sizes: typeof sizes[keyof typeof sizes] = sizes[size];\n\n  if (!_sizes) {\n    return {};\n  }\n\n  return {\n    ..._sizes,\n    paddingLeft: withLeftIcon ? `calc(${_sizes.paddingLeft}  / 1.5)` : _sizes.paddingLeft,\n    paddingRight: withRightIcon ? `calc(${_sizes.paddingRight}  / 1.5)` : _sizes.paddingRight,\n  };\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: string;\n  gradient: MantineGradient;\n}\n\nfunction getVariantStyles({ variant, theme, color, gradient }: GetVariantStyles) {\n  if (!BUTTON_VARIANTS.includes(variant)) {\n    return null;\n  }\n\n  const colors = theme.fn.variant({ color, variant, gradient });\n\n  if (variant === 'gradient') {\n    return {\n      border: 0,\n      backgroundImage: colors.background,\n      color: colors.color,\n      ...theme.fn.hover({ backgroundSize: '200%' }),\n    };\n  }\n\n  return {\n    border: `${rem(1)} solid ${colors.border}`,\n    backgroundColor: colors.background,\n    color: colors.color,\n    '&:not([data-disabled])': theme.fn.hover({ backgroundColor: colors.hover }),\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      fullWidth,\n      compact,\n      withLeftIcon,\n      withRightIcon,\n      color,\n      gradient,\n    }: ButtonStylesParams,\n    { variant, size }\n  ) => ({\n    root: {\n      ...getSizeStyles({ compact, size, withLeftIcon, withRightIcon }),\n      ...theme.fn.fontStyles(),\n      ...theme.fn.focusStyles(),\n      ...getWidthStyles(fullWidth),\n      borderRadius: theme.fn.radius(radius),\n      fontWeight: 600,\n      position: 'relative',\n      lineHeight: 1,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      userSelect: 'none',\n      cursor: 'pointer',\n      ...getVariantStyles({ variant, theme, color, gradient }),\n\n      '&:active': theme.activeStyles,\n\n      '&:disabled, &[data-disabled]': {\n        borderColor: 'transparent',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n        cursor: 'not-allowed',\n        backgroundImage: 'none',\n        pointerEvents: 'none',\n\n        '&:active': {\n          transform: 'none',\n        },\n      },\n\n      '&[data-loading]': {\n        pointerEvents: 'none',\n\n        '&::before': {\n          content: '\"\"',\n          ...theme.fn.cover(rem(-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.radius(radius),\n          cursor: 'not-allowed',\n        },\n      },\n    },\n\n    icon: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    leftIcon: {\n      marginRight: theme.spacing.xs,\n    },\n\n    rightIcon: {\n      marginLeft: theme.spacing.xs,\n    },\n\n    centerLoader: {\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      opacity: 0.5,\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"],"names":["INPUT_SIZES","rem","createStyles","getSize"],"mappings":"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"}

package/cjs/Button/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles, { ButtonGroupStylesParams } from './ButtonGroup.styles';\n\nexport interface ButtonGroupProps\n  extends DefaultProps<never, ButtonGroupStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** <Button /> components */\n  children?: React.ReactNode;\n\n  /** Switch between vertical and horizontal orientation */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Child <Button /> border width in px */\n  buttonBorderWidth?: number;\n}\n\nconst defaultProps: Partial<ButtonGroupProps> = {\n  orientation: 'horizontal',\n  buttonBorderWidth: 1,\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n  const { className, orientation, buttonBorderWidth, unstyled, ...others } =\n    useComponentDefaultProps('ButtonGroup', defaultProps, props);\n  const { classes, cx } = useStyles(\n    { orientation, buttonBorderWidth },\n    { name: 'ButtonGroup', unstyled }\n  );\n  return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n});\n\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"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;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,iBAAiB,EAAE,CAAC;AACtB,CAAC,CAAC;AACU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAC/N,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,6BAAS,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC3G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles, { ButtonGroupStylesParams } from './ButtonGroup.styles';\n\nexport interface ButtonGroupProps\n  extends DefaultProps<never, ButtonGroupStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** <Button /> components */\n  children?: React.ReactNode;\n\n  /** Switch between vertical and horizontal orientation */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Child <Button /> border width */\n  buttonBorderWidth?: number | string;\n}\n\nconst defaultProps: Partial<ButtonGroupProps> = {\n  orientation: 'horizontal',\n  buttonBorderWidth: 1,\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n  const { className, orientation, buttonBorderWidth, unstyled, ...others } =\n    useComponentDefaultProps('ButtonGroup', defaultProps, props);\n  const { classes, cx } = useStyles(\n    { orientation, buttonBorderWidth },\n    { name: 'ButtonGroup', unstyled }\n  );\n  return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n});\n\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"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;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,iBAAiB,EAAE,CAAC;AACtB,CAAC,CAAC;AACU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAC/N,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,6BAAS,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC3G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/cjs/Button/ButtonGroup/ButtonGroup.styles.js

@@ -12,20 +12,20 @@ var useStyles = styles.createStyles((_theme, { orientation, buttonBorderWidth })
       "&:first-of-type": {
         borderBottomRightRadius: 0,
         [orientation === "vertical" ? "borderBottomLeftRadius" : "borderTopRightRadius"]: 0,
-        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: buttonBorderWidth / 2
+        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: `calc(${styles.rem(buttonBorderWidth)} / 2)`
       },
       "&:last-of-type": {
         borderTopLeftRadius: 0,
         [orientation === "vertical" ? "borderTopRightRadius" : "borderBottomLeftRadius"]: 0,
-        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: buttonBorderWidth / 2
+        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: `calc(${styles.rem(buttonBorderWidth)} / 2)`
       },
       "&:not(:first-of-type):not(:last-of-type)": {
         borderRadius: 0,
-        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: buttonBorderWidth / 2,
-        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: buttonBorderWidth / 2
+        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: `calc(${styles.rem(buttonBorderWidth)} / 2)`,
+        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: `calc(${styles.rem(buttonBorderWidth)} / 2)`
       },
       "& + [data-button]": {
-        [orientation === "vertical" ? "marginTop" : "marginLeft"]: -buttonBorderWidth,
+        [orientation === "vertical" ? "marginTop" : "marginLeft"]: `calc(${buttonBorderWidth} * -1)`,
         "@media (min-resolution: 192dpi)": {
           [orientation === "vertical" ? "marginTop" : "marginLeft"]: 0
         }

package/cjs/Button/ButtonGroup/ButtonGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface ButtonGroupStylesParams {\n  orientation: 'vertical' | 'horizontal';\n  buttonBorderWidth: number;\n}\n\nexport default createStyles(\n  (_theme, { orientation, buttonBorderWidth }: ButtonGroupStylesParams) => ({\n    root: {\n      display: 'flex',\n      flexDirection: orientation === 'vertical' ? 'column' : 'row',\n\n      '& [data-button]': {\n        '&:first-of-type': {\n          borderBottomRightRadius: 0,\n          [orientation === 'vertical' ? 'borderBottomLeftRadius' : 'borderTopRightRadius']: 0,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:last-of-type': {\n          borderTopLeftRadius: 0,\n          [orientation === 'vertical' ? 'borderTopRightRadius' : 'borderBottomLeftRadius']: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:not(:first-of-type):not(:last-of-type)': {\n          borderRadius: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '& + [data-button]': {\n          [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: -buttonBorderWidth,\n          '@media (min-resolution: 192dpi)': {\n            [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: 0,\n          },\n        },\n      },\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM;AAC7E,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;AAChE,IAAI,iBAAiB,EAAE;AACvB,MAAM,iBAAiB,EAAE;AACzB,QAAQ,uBAAuB,EAAE,CAAC;AAClC,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,wBAAwB,GAAG,sBAAsB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,mBAAmB,EAAE,CAAC;AAC9B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,OAAO;AACP,MAAM,0CAA0C,EAAE;AAClD,QAAQ,YAAY,EAAE,CAAC;AACvB,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,mBAAmB,EAAE;AAC3B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC,iBAAiB;AACrF,QAAQ,iCAAiC,EAAE;AAC3C,UAAU,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC;AACtE,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/styles';\n\nexport interface ButtonGroupStylesParams {\n  orientation: 'vertical' | 'horizontal';\n  buttonBorderWidth: number | string;\n}\n\nexport default createStyles(\n  (_theme, { orientation, buttonBorderWidth }: ButtonGroupStylesParams) => ({\n    root: {\n      display: 'flex',\n      flexDirection: orientation === 'vertical' ? 'column' : 'row',\n\n      '& [data-button]': {\n        '&:first-of-type': {\n          borderBottomRightRadius: 0,\n          [orientation === 'vertical' ? 'borderBottomLeftRadius' : 'borderTopRightRadius']: 0,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']: `calc(${rem(\n            buttonBorderWidth\n          )} / 2)`,\n        },\n\n        '&:last-of-type': {\n          borderTopLeftRadius: 0,\n          [orientation === 'vertical' ? 'borderTopRightRadius' : 'borderBottomLeftRadius']: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']: `calc(${rem(\n            buttonBorderWidth\n          )} / 2)`,\n        },\n\n        '&:not(:first-of-type):not(:last-of-type)': {\n          borderRadius: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']: `calc(${rem(\n            buttonBorderWidth\n          )} / 2)`,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']: `calc(${rem(\n            buttonBorderWidth\n          )} / 2)`,\n        },\n\n        '& + [data-button]': {\n          [orientation === 'vertical'\n            ? 'marginTop'\n            : 'marginLeft']: `calc(${buttonBorderWidth} * -1)`,\n          '@media (min-resolution: 192dpi)': {\n            [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: 0,\n          },\n        },\n      },\n    },\n  })\n);\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM;AAC7E,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;AAChE,IAAI,iBAAiB,EAAE;AACvB,MAAM,iBAAiB,EAAE;AACzB,QAAQ,uBAAuB,EAAE,CAAC;AAClC,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,wBAAwB,GAAG,sBAAsB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,CAAC,KAAK,EAAEC,UAAG,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;AACtH,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,mBAAmB,EAAE,CAAC;AAC9B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,CAAC,KAAK,EAAEA,UAAG,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;AAClH,OAAO;AACP,MAAM,0CAA0C,EAAE;AAClD,QAAQ,YAAY,EAAE,CAAC;AACvB,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,CAAC,KAAK,EAAEA,UAAG,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;AAClH,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,CAAC,KAAK,EAAEA,UAAG,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;AACtH,OAAO;AACP,MAAM,mBAAmB,EAAE;AAC3B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC;AACpG,QAAQ,iCAAiC,EAAE;AAC3C,UAAU,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC;AACtE,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Card/Card.js

@@ -43,16 +43,17 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  p: "md"
+  padding: "md"
 };
 const _Card = React.forwardRef((props, ref) => {
-  const _a = styles.useComponentDefaultProps("Card", defaultProps, props), { className, p, radius, children, unstyled } = _a, others = __objRest(_a, ["className", "p", "radius", "children", "unstyled"]);
-  const { classes, cx } = Card_styles['default'](null, { name: "Card", unstyled });
+  const _a = styles.useComponentDefaultProps("Card", defaultProps, props), { className, padding, radius, children, unstyled, variant } = _a, others = __objRest(_a, ["className", "padding", "radius", "children", "unstyled", "variant"]);
+  const { classes, cx } = Card_styles['default'](null, { name: "Card", unstyled, variant });
   const _children = React.Children.toArray(children);
   const content = _children.map((child, index) => {
     if (typeof child === "object" && child && "type" in child && child.type === CardSection.CardSection) {
       return React.cloneElement(child, {
-        padding: p,
+        variant,
+        padding,
         "data-first": index === 0 || void 0,
         "data-last": index === _children.length - 1 || void 0
       });
@@ -60,11 +61,11 @@ const _Card = React.forwardRef((props, ref) => {
     return child;
   });
   return /* @__PURE__ */ React__default.createElement(Card_context.CardProvider, {
-    value: { padding: p }
+    value: { padding }
   }, /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
     className: cx(classes.root, className),
     radius,
-    p,
+    p: padding,
     ref
   }, others), content));
 });

package/cjs/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement, forwardRef } from 'react';\nimport { MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Paper, PaperProps } from '../Paper/Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\nimport { CardProvider } from './Card.context';\n\nexport interface CardProps extends Omit<PaperProps, 'p'> {\n  p?: MantineNumberSize;\n\n  /** Card content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<CardProps> = {\n  p: 'md',\n};\n\nexport const _Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { className, p, radius, children, unstyled, ...others } = useComponentDefaultProps(\n    'Card',\n    defaultProps,\n    props\n  );\n  const { classes, cx } = useStyles(null, { name: 'Card', unstyled });\n  const _children = Children.toArray(children);\n\n  const content = _children.map((child, index) => {\n    if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n      return cloneElement(child, {\n        padding: p,\n        'data-first': index === 0 || undefined,\n        'data-last': index === _children.length - 1 || undefined,\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <CardProvider value={{ padding: p }}>\n      <Paper className={cx(classes.root, className)} radius={radius} p={p} ref={ref} {...others}>\n        {content}\n      </Paper>\n    </CardProvider>\n  );\n}) as any;\n\n_Card.Section = CardSection;\n_Card.displayName = '@mantine/core/Card';\n\nexport const Card = createPolymorphicComponent<'div', CardProps, { Section: typeof CardSection }>(\n  _Card\n);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","Children","CardSection","cloneElement","React","CardProvider","Paper","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement, forwardRef } from 'react';\nimport { MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Paper, PaperProps } from '../Paper/Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\nimport { CardProvider } from './Card.context';\n\nexport interface CardProps extends PaperProps {\n  variant?: string;\n\n  /** Card padding used to offset Card.Section, use it instead of p prop */\n  padding?: MantineNumberSize;\n\n  /** Card content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<CardProps> = {\n  padding: 'md',\n};\n\nexport const _Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { className, padding, radius, children, unstyled, variant, ...others } =\n    useComponentDefaultProps('Card', defaultProps, props);\n  const { classes, cx } = useStyles(null, { name: 'Card', unstyled, variant });\n  const _children = Children.toArray(children);\n\n  const content = _children.map((child, index) => {\n    if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n      return cloneElement(child, {\n        variant,\n        padding,\n        'data-first': index === 0 || undefined,\n        'data-last': index === _children.length - 1 || undefined,\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <CardProvider value={{ padding }}>\n      <Paper\n        className={cx(classes.root, className)}\n        radius={radius}\n        p={padding}\n        ref={ref}\n        {...others}\n      >\n        {content}\n      </Paper>\n    </CardProvider>\n  );\n}) as any;\n\n_Card.Section = CardSection;\n_Card.displayName = '@mantine/core/Card';\n\nexport const Card = createPolymorphicComponent<'div', CardProps, { Section: typeof CardSection }>(\n  _Card\n);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","Children","CardSection","cloneElement","React","CardProvider","Paper","createPolymorphicComponent"],"mappings":"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"}

package/cjs/Card/CardSection/CardSection.js

@@ -46,8 +46,8 @@ const defaultProps = {
   inheritPadding: false
 };
 const _CardSection = React.forwardRef((props, ref) => {
-  const _a = styles.useComponentDefaultProps("CardSection", defaultProps, props), { className, withBorder, inheritPadding, unstyled } = _a, others = __objRest(_a, ["className", "withBorder", "inheritPadding", "unstyled"]);
-  const { classes, cx } = CardSection_styles['default']({ padding: Card_context.useCardPadding(), withBorder, inheritPadding }, { name: "Card", unstyled });
+  const _a = styles.useComponentDefaultProps("CardSection", defaultProps, props), { className, withBorder, inheritPadding, unstyled, variant } = _a, others = __objRest(_a, ["className", "withBorder", "inheritPadding", "unstyled", "variant"]);
+  const { classes, cx } = CardSection_styles['default']({ padding: Card_context.useCardPadding(), withBorder, inheritPadding }, { name: "Card", unstyled, variant });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     className: cx(classes.cardSection, className),
     ref

package/cjs/Card/CardSection/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","sources":["../../../src/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { useCardPadding } from '../Card.context';\nimport { Box } from '../../Box';\nimport useStyles from './CardSection.styles';\n\nexport interface CardSectionProps extends DefaultProps {\n  /** Determines whether section should have border */\n  withBorder?: boolean;\n\n  /** Determines whether section from inherit padding from Card */\n  inheritPadding?: boolean;\n}\n\nconst defaultProps: Partial<CardSectionProps> = {\n  withBorder: false,\n  inheritPadding: false,\n};\n\nexport const _CardSection = forwardRef<HTMLDivElement, CardSectionProps>((props, ref) => {\n  const { className, withBorder, inheritPadding, unstyled, ...others } = useComponentDefaultProps(\n    'CardSection',\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles(\n    { padding: useCardPadding(), withBorder, inheritPadding },\n    { name: 'Card', unstyled }\n  );\n\n  return <Box className={cx(classes.cardSection, className)} ref={ref} {...others} />;\n});\n\n_CardSection.displayName = '@mantine/core/CardSection';\n\nexport const CardSection = createPolymorphicComponent<'div', CardSectionProps>(_CardSection);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useCardPadding","React","Box","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"CardSection.js","sources":["../../../src/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { useCardPadding } from '../Card.context';\nimport { Box } from '../../Box';\nimport useStyles from './CardSection.styles';\n\nexport interface CardSectionProps extends DefaultProps {\n  variant?: string;\n\n  /** Determines whether section should have border */\n  withBorder?: boolean;\n\n  /** Determines whether section from inherit padding from Card */\n  inheritPadding?: boolean;\n}\n\nconst defaultProps: Partial<CardSectionProps> = {\n  withBorder: false,\n  inheritPadding: false,\n};\n\nexport const _CardSection = forwardRef<HTMLDivElement, CardSectionProps>((props, ref) => {\n  const { className, withBorder, inheritPadding, unstyled, variant, ...others } =\n    useComponentDefaultProps('CardSection', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { padding: useCardPadding(), withBorder, inheritPadding },\n    { name: 'Card', unstyled, variant }\n  );\n\n  return <Box className={cx(classes.cardSection, className)} ref={ref} {...others} />;\n});\n\n_CardSection.displayName = '@mantine/core/CardSection';\n\nexport const CardSection = createPolymorphicComponent<'div', CardSectionProps>(_CardSection);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useCardPadding","React","Box","createPolymorphicComponent"],"mappings":"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"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styles = require('@mantine/styles');
 
 var useStyles = styles.createStyles((theme, { padding, withBorder, inheritPadding }) => {
-  const spacing = theme.fn.size({ size: padding, sizes: theme.spacing });
-  const offset = -1 * spacing;
+  const spacing = styles.getSize({ size: padding, sizes: theme.spacing });
+  const offset = `calc(-1 * ${spacing})`;
   const borderColor = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
   return {
     cardSection: {
@@ -15,15 +15,15 @@ var useStyles = styles.createStyles((theme, { padding, withBorder, inheritPaddin
       marginRight: offset,
       paddingLeft: inheritPadding ? spacing : void 0,
       paddingRight: inheritPadding ? spacing : void 0,
-      borderTop: withBorder && `1px solid ${borderColor}`,
-      borderBottom: withBorder && `1px solid ${borderColor}`,
+      borderTop: withBorder ? `${styles.rem(1)} solid ${borderColor}` : void 0,
+      borderBottom: withBorder ? `${styles.rem(1)} solid ${borderColor}` : void 0,
       "& + &": {
         borderTop: 0
       },
       "&[data-first]": {
         marginTop: offset,
         borderTop: 0,
-        borderBottom: withBorder && `1px solid ${borderColor}`
+        borderBottom: withBorder ? `${styles.rem(1)} solid ${borderColor}` : void 0
       },
       "&[data-last]": {
         marginBottom: offset,

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

@@ -1 +1 @@
-{"version":3,"file":"CardSection.styles.js","sources":["../../../src/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface CardSectionStyles {\n  padding: string | number;\n  withBorder: boolean;\n  inheritPadding: boolean;\n}\n\nexport default createStyles((theme, { padding, withBorder, inheritPadding }: CardSectionStyles) => {\n  const spacing = theme.fn.size({ size: padding, sizes: theme.spacing });\n  const offset = -1 * spacing;\n  const borderColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n  return {\n    cardSection: {\n      display: 'block',\n      marginLeft: offset,\n      marginRight: offset,\n      paddingLeft: inheritPadding ? spacing : undefined,\n      paddingRight: inheritPadding ? spacing : undefined,\n      borderTop: withBorder && `1px solid ${borderColor}`,\n      borderBottom: withBorder && `1px solid ${borderColor}`,\n\n      '& + &': {\n        borderTop: 0,\n      },\n\n      '&[data-first]': {\n        marginTop: offset,\n        borderTop: 0,\n        borderBottom: withBorder && `1px solid ${borderColor}`,\n      },\n\n      '&[data-last]': {\n        marginBottom: offset,\n        borderBottom: 0,\n      },\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK;AAChF,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACzE,EAAE,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;AAC9B,EAAE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjG,EAAE,OAAO;AACT,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,WAAW,EAAE,MAAM;AACzB,MAAM,WAAW,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,YAAY,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACrD,MAAM,SAAS,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACzD,MAAM,YAAY,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC5D,MAAM,OAAO,EAAE;AACf,QAAQ,SAAS,EAAE,CAAC;AACpB,OAAO;AACP,MAAM,eAAe,EAAE;AACvB,QAAQ,SAAS,EAAE,MAAM;AACzB,QAAQ,SAAS,EAAE,CAAC;AACpB,QAAQ,YAAY,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC9D,OAAO;AACP,MAAM,cAAc,EAAE;AACtB,QAAQ,YAAY,EAAE,MAAM;AAC5B,QAAQ,YAAY,EAAE,CAAC;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"CardSection.styles.js","sources":["../../../src/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles, getSize, rem } from '@mantine/styles';\n\ninterface CardSectionStyles {\n  padding: string | number;\n  withBorder: boolean;\n  inheritPadding: boolean;\n}\n\nexport default createStyles((theme, { padding, withBorder, inheritPadding }: CardSectionStyles) => {\n  const spacing = getSize({ size: padding, sizes: theme.spacing });\n  const offset = `calc(-1 * ${spacing})`;\n  const borderColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n  return {\n    cardSection: {\n      display: 'block',\n      marginLeft: offset,\n      marginRight: offset,\n      paddingLeft: inheritPadding ? spacing : undefined,\n      paddingRight: inheritPadding ? spacing : undefined,\n      borderTop: withBorder ? `${rem(1)} solid ${borderColor}` : undefined,\n      borderBottom: withBorder ? `${rem(1)} solid ${borderColor}` : undefined,\n\n      '& + &': {\n        borderTop: 0,\n      },\n\n      '&[data-first]': {\n        marginTop: offset,\n        borderTop: 0,\n        borderBottom: withBorder ? `${rem(1)} solid ${borderColor}` : undefined,\n      },\n\n      '&[data-last]': {\n        marginBottom: offset,\n        borderBottom: 0,\n      },\n    },\n  };\n});\n"],"names":["createStyles","getSize","rem"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK;AAChF,EAAE,MAAM,OAAO,GAAGC,cAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACnE,EAAE,MAAM,MAAM,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACzC,EAAE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjG,EAAE,OAAO;AACT,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,WAAW,EAAE,MAAM;AACzB,MAAM,WAAW,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,YAAY,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACrD,MAAM,SAAS,EAAE,UAAU,GAAG,CAAC,EAAEC,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,GAAG,KAAK,CAAC;AACvE,MAAM,YAAY,EAAE,UAAU,GAAG,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,GAAG,KAAK,CAAC;AAC1E,MAAM,OAAO,EAAE;AACf,QAAQ,SAAS,EAAE,CAAC;AACpB,OAAO;AACP,MAAM,eAAe,EAAE;AACvB,QAAQ,SAAS,EAAE,MAAM;AACzB,QAAQ,SAAS,EAAE,CAAC;AACpB,QAAQ,YAAY,EAAE,UAAU,GAAG,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,GAAG,KAAK,CAAC;AAC5E,OAAO;AACP,MAAM,cAAc,EAAE;AACtB,QAAQ,YAAY,EAAE,MAAM;AAC5B,QAAQ,YAAY,EAAE,CAAC;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/Center/Center.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
 var utils = require('@mantine/utils');
+var Center_styles = require('./Center.styles.js');
 var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -40,17 +41,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const _Center = React.forwardRef((props, ref) => {
-  const _a = styles.useComponentDefaultProps("Center", {}, props), { inline, sx } = _a, others = __objRest(_a, ["inline", "sx"]);
+  const _a = styles.useComponentDefaultProps("Center", {}, props), { inline, className, unstyled, variant } = _a, others = __objRest(_a, ["inline", "className", "unstyled", "variant"]);
+  const { classes, cx } = Center_styles['default']({ inline }, { name: "Center", unstyled, variant });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     ref,
-    sx: [
-      {
-        display: inline ? "inline-flex" : "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      ...utils.packSx(sx)
-    ]
+    className: cx(classes.root, className)
   }, others));
 });
 _Center.displayName = "@mantine/core/Center";

package/cjs/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sources":["../../src/Center/Center.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { packSx, createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\n\nexport interface CenterProps extends DefaultProps {\n  /** Content that should be centered vertically and horizontally */\n  children: React.ReactNode;\n\n  /** Set to true to use inline-flex instead of flex */\n  inline?: boolean;\n}\n\nexport const _Center = forwardRef<HTMLDivElement, CenterProps>((props, ref) => {\n  const { inline, sx, ...others } = useComponentDefaultProps('Center', {}, props);\n  return (\n    <Box\n      ref={ref}\n      sx={[\n        {\n          display: inline ? 'inline-flex' : 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        },\n        ...packSx(sx),\n      ]}\n      {...others}\n    />\n  );\n});\n\n_Center.displayName = '@mantine/core/Center';\n\nexport const Center = createPolymorphicComponent<'div', CenterProps>(_Center);\n"],"names":["forwardRef","useComponentDefaultProps","React","Box","packSx","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Center.js","sources":["../../src/Center/Center.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles from './Center.styles';\n\nexport interface CenterProps extends DefaultProps {\n  variant?: string;\n\n  /** Content that should be centered vertically and horizontally */\n  children: React.ReactNode;\n\n  /** Set to true to use inline-flex instead of flex */\n  inline?: boolean;\n}\n\nexport const _Center = forwardRef<HTMLDivElement, CenterProps>((props, ref) => {\n  const { inline, className, unstyled, variant, ...others } = useComponentDefaultProps(\n    'Center',\n    {},\n    props\n  );\n  const { classes, cx } = useStyles({ inline }, { name: 'Center', unstyled, variant });\n  return <Box ref={ref} className={cx(classes.root, className)} {...others} />;\n});\n\n_Center.displayName = '@mantine/core/Center';\n\nexport const Center = createPolymorphicComponent<'div', CenterProps>(_Center);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box","createPolymorphicComponent"],"mappings":"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"}

package/cjs/Center/Center.styles.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+var useStyles = styles.createStyles((theme, { inline }) => ({
+  root: {
+    display: inline ? "inline-flex" : "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=Center.styles.js.map

package/cjs/Center/Center.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.styles.js","sources":["../../src/Center/Center.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface CenterStylesParams {\n  inline: boolean;\n}\n\nexport default createStyles((theme, { inline }: CenterStylesParams) => ({\n  root: {\n    display: inline ? 'inline-flex' : 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM;AACpD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;AAC5C,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Checkbox/Checkbox.js

@@ -72,7 +72,8 @@ const Checkbox = React.forwardRef((props, ref) => {
     unstyled,
     labelPosition,
     description,
-    error
+    error,
+    variant
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -94,20 +95,20 @@ const Checkbox = React.forwardRef((props, ref) => {
     "unstyled",
     "labelPosition",
     "description",
-    "error"
+    "error",
+    "variant"
   ]);
   const ctx = CheckboxGroup_context.useCheckboxGroupContext();
   const uuid = hooks.useId(id);
   const { systemStyles, rest } = extractSystemStyles.extractSystemStyles(others);
   const { classes } = Checkbox_styles['default']({
-    size: (ctx == null ? void 0 : ctx.size) || size,
     radius,
     color,
     transitionDuration,
     labelPosition,
     error: !!error,
     indeterminate
-  }, { name: "Checkbox", classNames, styles: styles$1, unstyled });
+  }, { name: "Checkbox", classNames, styles: styles$1, unstyled, variant, size: (ctx == null ? void 0 : ctx.size) || size });
   const contextProps = ctx ? {
     checked: ctx.value.includes(rest.value),
     onChange: ctx.onChange
@@ -127,7 +128,8 @@ const Checkbox = React.forwardRef((props, ref) => {
     classNames,
     styles: styles$1,
     unstyled,
-    "data-checked": contextProps.checked || void 0
+    "data-checked": contextProps.checked || void 0,
+    variant
   }, systemStyles), wrapperProps), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.inner
   }, /* @__PURE__ */ React__default.createElement("input", __spreadValues(__spreadValues({

package/cjs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { useId } from '@mantine/hooks';\nimport { extractSystemStyles } from '../Box';\nimport { InlineInput, InlineInputStylesNames } from '../InlineInput';\nimport { useCheckboxGroupContext } from './CheckboxGroup.context';\nimport { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport useStyles, { CheckboxStylesParams } from './Checkbox.styles';\n\nexport type CheckboxStylesNames = Selectors<typeof useStyles> | InlineInputStylesNames;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames, CheckboxStylesParams>,\n    Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Key of theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\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?: Record<string, any>;\n\n  /** id to connect label with input */\n  id?: string;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Icon rendered when checkbox has checked or indeterminate state */\n  icon?: React.FC<{ indeterminate: boolean; className: string }>;\n\n  /** Position of label */\n  labelPosition?: 'left' | 'right';\n\n  /** description, displayed after label */\n  description?: React.ReactNode;\n\n  /** Displays error message after input */\n  error?: React.ReactNode;\n}\n\nconst defaultProps: Partial<CheckboxProps> = {\n  size: 'sm',\n  transitionDuration: 100,\n  icon: CheckboxIcon,\n  labelPosition: 'right',\n};\n\ntype CheckboxComponent = ForwardRefWithStaticComponents<\n  CheckboxProps,\n  { Group: typeof CheckboxGroup }\n>;\n\nexport const Checkbox: CheckboxComponent = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const {\n      className,\n      style,\n      sx,\n      checked,\n      disabled,\n      color,\n      label,\n      indeterminate,\n      id,\n      size,\n      radius,\n      wrapperProps,\n      children,\n      classNames,\n      styles,\n      transitionDuration,\n      icon: Icon,\n      unstyled,\n      labelPosition,\n      description,\n      error,\n      ...others\n    } = useComponentDefaultProps('Checkbox', defaultProps, props);\n\n    const ctx = useCheckboxGroupContext();\n    const uuid = useId(id);\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const { classes } = useStyles(\n      {\n        size: ctx?.size || size,\n        radius,\n        color,\n        transitionDuration,\n        labelPosition,\n        error: !!error,\n        indeterminate,\n      },\n      { name: 'Checkbox', classNames, styles, unstyled }\n    );\n\n    const contextProps = ctx\n      ? {\n          checked: ctx.value.includes(rest.value as string),\n          onChange: ctx.onChange,\n        }\n      : {};\n\n    return (\n      <InlineInput\n        className={className}\n        sx={sx}\n        style={style}\n        id={uuid}\n        size={ctx?.size || size}\n        labelPosition={labelPosition}\n        label={label}\n        description={description}\n        error={error}\n        disabled={disabled}\n        __staticSelector=\"Checkbox\"\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        data-checked={contextProps.checked || undefined}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div className={classes.inner}>\n          <input\n            id={uuid}\n            ref={ref}\n            type=\"checkbox\"\n            className={classes.input}\n            checked={checked}\n            disabled={disabled}\n            {...rest}\n            {...contextProps}\n          />\n\n          <Icon indeterminate={indeterminate} className={classes.icon} />\n        </div>\n      </InlineInput>\n    );\n  }\n) as any;\n\nCheckbox.displayName = '@mantine/core/Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"names":["CheckboxIcon","forwardRef","useComponentDefaultProps","styles","useCheckboxGroupContext","useId","extractSystemStyles","useStyles","React","InlineInput","CheckboxGroup"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { useId } from '@mantine/hooks';\nimport { extractSystemStyles } from '../Box';\nimport { InlineInput, InlineInputStylesNames } from '../InlineInput';\nimport { useCheckboxGroupContext } from './CheckboxGroup.context';\nimport { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport useStyles, { CheckboxStylesParams } from './Checkbox.styles';\n\nexport type CheckboxStylesNames = Selectors<typeof useStyles> | InlineInputStylesNames;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames, CheckboxStylesParams>,\n    Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  variant?: string;\n\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Controls label font-size and checkbox width and height */\n  size?: MantineNumberSize;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, if set, `checked` prop is ignored */\n  indeterminate?: boolean;\n\n  /** Props added to the root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Icon rendered when checkbox has checked or indeterminate state */\n  icon?: React.FC<{ indeterminate: boolean; className: string }>;\n\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n\n  /** Description, displayed after the label */\n  description?: React.ReactNode;\n\n  /** Error message displayed after the input */\n  error?: React.ReactNode;\n}\n\nconst defaultProps: Partial<CheckboxProps> = {\n  size: 'sm',\n  transitionDuration: 100,\n  icon: CheckboxIcon,\n  labelPosition: 'right',\n};\n\ntype CheckboxComponent = ForwardRefWithStaticComponents<\n  CheckboxProps,\n  { Group: typeof CheckboxGroup }\n>;\n\nexport const Checkbox: CheckboxComponent = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const {\n      className,\n      style,\n      sx,\n      checked,\n      disabled,\n      color,\n      label,\n      indeterminate,\n      id,\n      size,\n      radius,\n      wrapperProps,\n      children,\n      classNames,\n      styles,\n      transitionDuration,\n      icon: Icon,\n      unstyled,\n      labelPosition,\n      description,\n      error,\n      variant,\n      ...others\n    } = useComponentDefaultProps('Checkbox', defaultProps, props);\n\n    const ctx = useCheckboxGroupContext();\n    const uuid = useId(id);\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const { classes } = useStyles(\n      {\n        radius,\n        color,\n        transitionDuration,\n        labelPosition,\n        error: !!error,\n        indeterminate,\n      },\n      { name: 'Checkbox', classNames, styles, unstyled, variant, size: ctx?.size || size }\n    );\n\n    const contextProps = ctx\n      ? {\n          checked: ctx.value.includes(rest.value as string),\n          onChange: ctx.onChange,\n        }\n      : {};\n\n    return (\n      <InlineInput\n        className={className}\n        sx={sx}\n        style={style}\n        id={uuid}\n        size={ctx?.size || size}\n        labelPosition={labelPosition}\n        label={label}\n        description={description}\n        error={error}\n        disabled={disabled}\n        __staticSelector=\"Checkbox\"\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        data-checked={contextProps.checked || undefined}\n        variant={variant}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div className={classes.inner}>\n          <input\n            id={uuid}\n            ref={ref}\n            type=\"checkbox\"\n            className={classes.input}\n            checked={checked}\n            disabled={disabled}\n            {...rest}\n            {...contextProps}\n          />\n\n          <Icon indeterminate={indeterminate} className={classes.icon} />\n        </div>\n      </InlineInput>\n    );\n  }\n) as any;\n\nCheckbox.displayName = '@mantine/core/Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"names":["CheckboxIcon","forwardRef","useComponentDefaultProps","styles","useCheckboxGroupContext","useId","extractSystemStyles","useStyles","React","InlineInput","CheckboxGroup"],"mappings":"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"}

package/cjs/Checkbox/Checkbox.styles.js

@@ -24,53 +24,40 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const sizes = {
-  xs: 16,
-  sm: 20,
-  md: 24,
-  lg: 30,
-  xl: 36
-};
-const iconSizes = {
-  xs: 8,
-  sm: 10,
-  md: 14,
-  lg: 16,
-  xl: 20
+  xs: styles.rem(16),
+  sm: styles.rem(20),
+  md: styles.rem(24),
+  lg: styles.rem(30),
+  xl: styles.rem(36)
 };
 var useStyles = styles.createStyles((theme, {
-  size,
   radius,
   color,
   transitionDuration,
   labelPosition,
   error,
   indeterminate
-}, getRef) => {
-  const _size = theme.fn.size({ size, sizes });
+}, { size }) => {
+  const _size = styles.getSize({ size, sizes });
   const colors = theme.fn.variant({ variant: "filled", color });
-  const errorColor = theme.fn.variant({ variant: "filled", color: "red" }).background;
   return {
-    icon: {
-      ref: getRef("icon"),
+    icon: __spreadProps(__spreadValues({}, theme.fn.cover()), {
+      ref: styles.getStylesRef("icon"),
       color: indeterminate ? "inherit" : theme.white,
-      transform: indeterminate ? "none" : "translateY(5px) scale(0.5)",
+      transform: indeterminate ? "none" : `translateY(${styles.rem(5)}) scale(0.5)`,
       opacity: indeterminate ? 1 : 0,
       transitionProperty: "opacity, transform",
       transitionTimingFunction: "ease",
       transitionDuration: `${transitionDuration}ms`,
       pointerEvents: "none",
-      width: theme.fn.size({ size, sizes: iconSizes }),
+      width: "60%",
       position: "absolute",
       zIndex: 1,
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
       margin: "auto",
       "@media (prefers-reduced-motion)": {
         transitionDuration: theme.respectReducedMotion ? "0ms" : void 0
       }
-    },
+    }),
     inner: {
       position: "relative",
       width: _size,
@@ -80,7 +67,7 @@ var useStyles = styles.createStyles((theme, {
     input: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       appearance: "none",
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-      border: `1px solid ${error ? errorColor : theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+      border: `${styles.rem(1)} solid ${error ? theme.fn.variant({ variant: "filled", color: "red" }).background : theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
       width: _size,
       height: _size,
       borderRadius: theme.fn.radius(radius),
@@ -92,7 +79,7 @@ var useStyles = styles.createStyles((theme, {
       "&:checked": {
         backgroundColor: colors.background,
         borderColor: colors.background,
-        [`& + .${getRef("icon")}`]: {
+        [`& + .${styles.getStylesRef("icon")}`]: {
           opacity: 1,
           color: theme.white,
           transform: "translateY(0) scale(1)"
@@ -102,7 +89,7 @@ var useStyles = styles.createStyles((theme, {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
         borderColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[3],
         cursor: "not-allowed",
-        [`& + .${getRef("icon")}`]: {
+        [`& + .${styles.getStylesRef("icon")}`]: {
           color: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[5]
         }
       }

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nconst sizes = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 30,\n  xl: 36,\n};\n\nconst iconSizes = {\n  xs: 8,\n  sm: 10,\n  md: 14,\n  lg: 16,\n  xl: 20,\n};\n\nexport interface CheckboxStylesParams {\n  size: MantineSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n  indeterminate: boolean;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      radius,\n      color,\n      transitionDuration,\n      labelPosition,\n      error,\n      indeterminate,\n    }: CheckboxStylesParams,\n    getRef\n  ) => {\n    const _size = theme.fn.size({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n    const errorColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n\n    return {\n      icon: {\n        ref: getRef('icon'),\n        color: indeterminate ? 'inherit' : theme.white,\n        transform: indeterminate ? 'none' : 'translateY(5px) scale(0.5)',\n        opacity: indeterminate ? 1 : 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: theme.respectReducedMotion ? '0ms' : undefined,\n        },\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n        order: labelPosition === 'left' ? 2 : 1,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        border: `1px solid ${\n          error\n            ? errorColor\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.fn.radius(radius),\n        padding: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n        cursor: theme.cursorType,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${getRef('icon')}`]: {\n            opacity: 1,\n            color: theme.white,\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          [`& + .${getRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineColor,\n  MantineNumberSize,\n  getStylesRef,\n  rem,\n  getSize,\n} from '@mantine/styles';\n\nconst sizes = {\n  xs: rem(16),\n  sm: rem(20),\n  md: rem(24),\n  lg: rem(30),\n  xl: rem(36),\n};\n\nexport interface CheckboxStylesParams {\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n  indeterminate: boolean;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      color,\n      transitionDuration,\n      labelPosition,\n      error,\n      indeterminate,\n    }: CheckboxStylesParams,\n    { size }\n  ) => {\n    const _size = getSize({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      icon: {\n        ...theme.fn.cover(),\n        ref: getStylesRef('icon'),\n        color: indeterminate ? 'inherit' : theme.white,\n        transform: indeterminate ? 'none' : `translateY(${rem(5)}) scale(0.5)`,\n        opacity: indeterminate ? 1 : 0,\n        transitionProperty: 'opacity, transform',\n        transitionTimingFunction: 'ease',\n        transitionDuration: `${transitionDuration}ms`,\n        pointerEvents: 'none',\n        width: '60%',\n        position: 'absolute',\n        zIndex: 1,\n        margin: 'auto',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n        },\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n        order: labelPosition === 'left' ? 2 : 1,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        border: `${rem(1)} solid ${\n          error\n            ? theme.fn.variant({ variant: 'filled', color: 'red' }).background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.fn.radius(radius),\n        padding: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n        cursor: theme.cursorType,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${getStylesRef('icon')}`]: {\n            opacity: 1,\n            color: theme.white,\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          [`& + .${getStylesRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["rem","createStyles","getSize","getStylesRef"],"mappings":"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"}