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

package/cjs/components/ActionIcon/ActionIcon.styles.js

@@ -2,13 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var hexToRgba = require('../../theme/utils/hex-to-rgba/hex-to-rgba.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
-var getSharedColorScheme = require('../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.js');
-var getThemeColor = require('../../theme/utils/get-theme-color/get-theme-color.js');
-var getFontStyles = require('../../theme/utils/get-font-styles/get-font-styles.js');
-var getFocusStyles = require('../../theme/utils/get-focus-styles/get-focus-styles.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -36,98 +30,74 @@ const sizes = {
   lg: 34,
   xl: 44
 };
-var useStyles = createMemoStyles.createMemoStyles({
-  loading: (props) => ({
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      top: -1,
-      left: -1,
-      right: -1,
-      bottom: -1,
-      backgroundColor: props.theme.colorScheme === "dark" ? hexToRgba.hexToRgba(props.theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
-      borderRadius: getSizeValue.getSizeValue({ size: props.radius, sizes: props.theme.radius }) - 1,
-      cursor: "not-allowed"
-    }
-  }),
-  filled: ({ theme, color }) => {
-    const colors = getSharedColorScheme.getSharedColorScheme({ theme, color, variant: "filled" });
+function getVariantStyles({ variant, theme, color }) {
+  if (variant === "hover" || variant === "transparent") {
     return {
-      backgroundColor: colors.background,
-      color: colors.color,
-      "&:disabled": {
-        backgroundColor: getThemeColor.getThemeColor({
-          theme,
-          color: "gray",
-          shade: theme.colorScheme === "dark" ? 8 : 1
-        })
+      border: "1px solid transparent",
+      color: styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 4 : 7 }),
+      backgroundColor: "transparent",
+      "&:hover": variant === "transparent" ? {} : {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : styles.getThemeColor({ theme, color, shade: 0 })
       }
     };
-  },
-  light: ({ theme, color }) => {
-    const colors = getSharedColorScheme.getSharedColorScheme({ theme, color, variant: "light" });
-    return {
-      backgroundColor: colors.background,
-      color: colors.color,
-      "&:disabled": {
-        backgroundColor: getThemeColor.getThemeColor({
-          theme,
-          color: "gray",
-          shade: theme.colorScheme === "dark" ? 8 : 1
-        })
-      }
-    };
-  },
-  hover: ({ theme, color }) => ({
-    color: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 4 : 7 }),
-    backgroundColor: "transparent",
-    "&:not(:disabled):hover": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : getThemeColor.getThemeColor({ theme, color, shade: 0 })
-    }
-  }),
-  transparent: ({ theme, color }) => ({
-    color: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
-    backgroundColor: "transparent"
-  }),
-  root: ({ radius, theme, size }) => __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles.getFocusStyles(theme)), getFontStyles.getFontStyles(theme)), {
+  }
+  const colors = styles.getSharedColorScheme({ theme, color, variant });
+  return {
+    backgroundColor: colors.background,
+    color: colors.color,
+    border: `1px solid ${colors.border}`
+  };
+}
+var useStyles = styles.createStyles((theme, { color, size, radius, variant }) => ({
+  root: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, styles.getFocusStyles(theme)), styles.getFontStyles(theme)), getVariantStyles({ variant, theme, color })), {
     position: "relative",
     appearance: "none",
     WebkitAppearance: "none",
     WebkitTapHighlightColor: "transparent",
-    border: "1px solid transparent",
     boxSizing: "border-box",
-    height: getSizeValue.getSizeValue({ size, sizes }),
-    minHeight: getSizeValue.getSizeValue({ size, sizes }),
-    width: getSizeValue.getSizeValue({ size, sizes }),
-    minWidth: getSizeValue.getSizeValue({ size, sizes }),
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
+    height: styles.getSizeValue({ size, sizes }),
+    minHeight: styles.getSizeValue({ size, sizes }),
+    width: styles.getSizeValue({ size, sizes }),
+    minWidth: styles.getSizeValue({ size, sizes }),
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
     padding: 0,
     lineHeight: 1,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     cursor: "pointer",
-    transition: "color 100ms ease, background-color 100ms ease",
-    "&:not(:disabled):active": {
-      transform: "translateY(1px)"
-    },
     "&:disabled": {
       color: theme.colors.gray[theme.colorScheme === "dark" ? 6 : 4],
-      cursor: "not-allowed"
+      cursor: "not-allowed",
+      backgroundColor: styles.getThemeColor({
+        theme,
+        color: "gray",
+        shade: theme.colorScheme === "dark" ? 8 : 1
+      }),
+      borderColor: styles.getThemeColor({
+        theme,
+        color: "gray",
+        shade: theme.colorScheme === "dark" ? 8 : 1
+      })
+    },
+    "&:not(:disabled):active": {
+      transform: "translateY(1px)"
     }
   }),
-  outline: ({ theme, color }) => {
-    const colors = getSharedColorScheme.getSharedColorScheme({ theme, color, variant: "outline" });
-    return {
-      backgroundColor: colors.background,
-      color: colors.color,
-      border: `1px solid ${colors.border}`,
-      "&:disabled": {
-        borderColor: theme.colors.gray[theme.colorScheme === "dark" ? 7 : 3]
-      }
-    };
+  loading: {
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: -1,
+      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,
+      cursor: "not-allowed"
+    }
   }
-});
+}));
 
 exports.default = useStyles;
 exports.sizes = sizes;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n  MantineTheme,\n  MantineNumberSize,\n  getSizeValue,\n  getFontStyles,\n  getFocusStyles,\n  getThemeColor,\n  createMemoStyles,\n  getSharedColorScheme,\n  hexToRgba,\n} from '../../theme';\n\ninterface ActionIconStyles {\n  color: string;\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  theme: MantineTheme;\n}\n\nexport const sizes = {\n  xs: 18,\n  sm: 22,\n  md: 28,\n  lg: 34,\n  xl: 44,\n};\n\nexport default createMemoStyles({\n  loading: (props: ActionIconStyles) => ({\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: -1,\n      left: -1,\n      right: -1,\n      bottom: -1,\n      backgroundColor:\n        props.theme.colorScheme === 'dark'\n          ? hexToRgba(props.theme.colors.dark[7], 0.5)\n          : 'rgba(255, 255, 255, .5)',\n      borderRadius: getSizeValue({ size: props.radius, sizes: props.theme.radius }) - 1,\n      cursor: 'not-allowed',\n    },\n  }),\n\n  filled: ({ theme, color }: ActionIconStyles) => {\n    const colors = getSharedColorScheme({ theme, color, variant: 'filled' });\n\n    return {\n      backgroundColor: colors.background,\n      color: colors.color,\n\n      '&:disabled': {\n        backgroundColor: getThemeColor({\n          theme,\n          color: 'gray',\n          shade: theme.colorScheme === 'dark' ? 8 : 1,\n        }),\n      },\n    };\n  },\n\n  light: ({ theme, color }: ActionIconStyles) => {\n    const colors = getSharedColorScheme({ theme, color, variant: 'light' });\n\n    return {\n      backgroundColor: colors.background,\n      color: colors.color,\n\n      '&:disabled': {\n        backgroundColor: getThemeColor({\n          theme,\n          color: 'gray',\n          shade: theme.colorScheme === 'dark' ? 8 : 1,\n        }),\n      },\n    };\n  },\n\n  hover: ({ theme, color }: ActionIconStyles) => ({\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 4 : 7 }),\n    backgroundColor: 'transparent',\n\n    '&:not(:disabled):hover': {\n      backgroundColor:\n        theme.colorScheme === 'dark'\n          ? theme.colors.dark[8]\n          : getThemeColor({ theme, color, shade: 0 }),\n    },\n  }),\n\n  transparent: ({ theme, color }: ActionIconStyles) => ({\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n    backgroundColor: 'transparent',\n  }),\n\n  root: ({ radius, theme, size }: ActionIconStyles) => ({\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    position: 'relative',\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    WebkitTapHighlightColor: 'transparent',\n    border: '1px solid transparent',\n    boxSizing: 'border-box',\n    height: getSizeValue({ size, sizes }),\n    minHeight: getSizeValue({ size, sizes }),\n    width: getSizeValue({ size, sizes }),\n    minWidth: getSizeValue({ size, sizes }),\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    padding: 0,\n    lineHeight: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'pointer',\n    transition: 'color 100ms ease, background-color 100ms ease',\n\n    '&:not(:disabled):active': {\n      transform: 'translateY(1px)',\n    },\n\n    '&:disabled': {\n      color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n      cursor: 'not-allowed',\n    },\n  }),\n\n  outline: ({ theme, color }: ActionIconStyles) => {\n    const colors = getSharedColorScheme({ theme, color, variant: 'outline' });\n\n    return {\n      backgroundColor: colors.background,\n      color: colors.color,\n      border: `1px solid ${colors.border}`,\n\n      '&:disabled': {\n        borderColor: theme.colors.gray[theme.colorScheme === 'dark' ? 7 : 3],\n      },\n    };\n  },\n});\n"],"names":["createMemoStyles","hexToRgba","getSizeValue","getSharedColorScheme","getThemeColor","getFocusStyles","getFontStyles"],"mappings":"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"}
+{"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getFontStyles,\n  getFocusStyles,\n  getThemeColor,\n  getSharedColorScheme,\n  hexToRgba,\n  MantineColor,\n  MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n  | 'hover'\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'default'\n  | 'transparent';\n\ninterface ActionIconStyles {\n  color: MantineColor;\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  variant: ActionIconVariant;\n}\n\nexport const sizes = {\n  xs: 18,\n  sm: 22,\n  md: 28,\n  lg: 34,\n  xl: 44,\n};\n\ninterface GetVariantStyles {\n  variant: ActionIconVariant;\n  theme: MantineTheme;\n  color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n  if (variant === 'hover' || variant === 'transparent') {\n    return {\n      border: '1px solid transparent',\n      color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 4 : 7 }),\n      backgroundColor: 'transparent',\n\n      '&:hover':\n        variant === 'transparent'\n          ? {}\n          : {\n              backgroundColor:\n                theme.colorScheme === 'dark'\n                  ? theme.colors.dark[8]\n                  : getThemeColor({ theme, color, shade: 0 }),\n            },\n    };\n  }\n\n  const colors = getSharedColorScheme({ theme, color, variant });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.color,\n    border: `1px solid ${colors.border}`,\n  };\n}\n\nexport default createStyles((theme, { color, size, radius, variant }: ActionIconStyles) => ({\n  root: {\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    ...getVariantStyles({ variant, theme, color }),\n    position: 'relative',\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    WebkitTapHighlightColor: 'transparent',\n    boxSizing: 'border-box',\n    height: getSizeValue({ size, sizes }),\n    minHeight: getSizeValue({ size, sizes }),\n    width: getSizeValue({ size, sizes }),\n    minWidth: getSizeValue({ size, sizes }),\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    padding: 0,\n    lineHeight: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'pointer',\n\n    '&:disabled': {\n      color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n      cursor: 'not-allowed',\n\n      backgroundColor: getThemeColor({\n        theme,\n        color: 'gray',\n        shade: theme.colorScheme === 'dark' ? 8 : 1,\n      }),\n      borderColor: getThemeColor({\n        theme,\n        color: 'gray',\n        shade: theme.colorScheme === 'dark' ? 8 : 1,\n      }),\n    },\n\n    '&:not(:disabled):active': {\n      transform: 'translateY(1px)',\n    },\n  },\n\n  loading: {\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  },\n}));\n"],"names":["getThemeColor","getSharedColorScheme","createStyles","getFocusStyles","getFontStyles","getSizeValue","hexToRgba"],"mappings":"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"}

package/cjs/components/ActionIcon/CloseButton/CloseButton.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var styles = require('@mantine/styles');
 var ActionIcon = require('../ActionIcon.js');
 var CloseIcon = require('./CloseIcon.js');
-var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -48,7 +48,7 @@ const iconSizes = {
 };
 function CloseButton(_a) {
   var _b = _a, { iconSize, size = "md" } = _b, others = __objRest(_b, ["iconSize", "size"]);
-  const _iconSize = iconSize || getSizeValue.getSizeValue({ size, sizes: iconSizes });
+  const _iconSize = iconSize || styles.getSizeValue({ size, sizes: iconSizes });
   return /* @__PURE__ */ React__default.createElement(ActionIcon.ActionIcon, __spreadValues({
     size
   }, others), /* @__PURE__ */ React__default.createElement(CloseIcon.CloseIcon, {

package/cjs/components/ActionIcon/CloseButton/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { getSizeValue } from '../../../theme';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps, 'children'> {\n  /** Width and height of cross icon */\n  iconSize?: number;\n}\n\nconst iconSizes = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 24,\n};\n\nexport function CloseButton({ iconSize, size = 'md', ...others }: CloseButtonProps) {\n  const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });\n  return (\n    <ActionIcon size={size} {...others}>\n      <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n    </ActionIcon>\n  );\n}\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":["getSizeValue","React","ActionIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { getSizeValue } from '@mantine/styles';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps, 'children'> {\n  /** Width and height of cross icon */\n  iconSize?: number;\n}\n\nconst iconSizes = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 24,\n};\n\nexport function CloseButton({ iconSize, size = 'md', ...others }: CloseButtonProps) {\n  const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });\n\n  return (\n    <ActionIcon size={size} {...others}>\n      <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n    </ActionIcon>\n  );\n}\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":["getSizeValue","React","ActionIcon","CloseIcon"],"mappings":"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"}

package/cjs/components/Alert/Alert.js

@@ -3,17 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
-var Text = require('../Text/Text.js');
-var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
+var styles = require('@mantine/styles');
 var Alert_styles = require('./Alert.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
+var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -48,18 +44,16 @@ function Alert(_a) {
     className,
     title,
     children,
-    themeOverride,
     color,
     style,
     classNames,
     icon,
-    styles,
+    styles: styles$1,
     withCloseButton
   } = _b, others = __objRest(_b, [
     "className",
     "title",
     "children",
-    "themeOverride",
     "color",
     "style",
     "classNames",
@@ -67,11 +61,10 @@ function Alert(_a) {
     "styles",
     "withCloseButton"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Alert_styles['default']({ color, theme, withIcon: !!icon }, classNames, "alert");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = Alert_styles['default']({ color, withIcon: !!icon }, classNames, "alert");
+  const _styles = styles.mergeStyles(classes, styles$1);
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.root, className),
+    className: cx(classes.root, className),
     style: __spreadValues(__spreadValues({}, style), _styles.root)
   }, others), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.wrapper,
@@ -82,12 +75,9 @@ function Alert(_a) {
   }, icon), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.body,
     style: _styles.body
-  }, title && /* @__PURE__ */ React__default.createElement(Text.Text, {
-    themeOverride,
-    weight: 700,
+  }, title && /* @__PURE__ */ React__default.createElement("div", {
     className: classes.title,
-    style: _styles.title,
-    size: "sm"
+    style: _styles.title
   }, /* @__PURE__ */ React__default.createElement("span", null, title), withCloseButton && /* @__PURE__ */ React__default.createElement(CloseButton.CloseButton, {
     className: classes.closeButton,
     style: _styles.closeButton,

package/cjs/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, useMantineTheme, mergeStyles } from '../../theme';\nimport { Text } from '../Text/Text';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport useStyles from './Alert.styles';\n\nexport type AlertStylesName = keyof ReturnType<typeof useStyles>;\n\nexport interface AlertProps\n  extends DefaultProps<AlertStylesName>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Optional alert title */\n  title?: React.ReactNode;\n\n  /** Alert message */\n  children: React.ReactNode;\n\n  /** Alert title and line colors from theme */\n  color?: string;\n\n  /** Icon displayed before title */\n  icon?: React.ReactNode;\n\n  /** Display close button */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nexport function Alert({\n  className,\n  title,\n  children,\n  themeOverride,\n  color,\n  style,\n  classNames,\n  icon,\n  styles,\n  withCloseButton,\n  ...others\n}: AlertProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ color, theme, withIcon: !!icon }, classNames, 'alert');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n      <div className={classes.wrapper} style={_styles.wrapper}>\n        {icon && (\n          <div className={classes.icon} style={_styles.icon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.body} style={_styles.body}>\n          {title && (\n            <Text\n              themeOverride={themeOverride}\n              weight={700}\n              className={classes.title}\n              style={_styles.title}\n              size=\"sm\"\n            >\n              <span>{title}</span>\n              {withCloseButton && (\n                <CloseButton\n                  className={classes.closeButton}\n                  style={_styles.closeButton}\n                  variant=\"transparent\"\n                  size={16}\n                  iconSize={16}\n                />\n              )}\n            </Text>\n          )}\n\n          <div className={classes.message} style={_styles.message}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["useMantineTheme","useStyles","mergeStyles","React","cx","Text","CloseButton"],"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;AAOK,SAAS,KAAK,CAAC,EAAE,EAAE;AAC1B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,eAAe;AACnB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAGA,+BAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,EAAE,MAAM,OAAO,GAAGC,uBAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AACrF,EAAE,MAAM,OAAO,GAAGC,uBAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC/C,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAEC,WAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC;AAClE,GAAG,EAAE,MAAM,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,IAAI,KAAK,EAAE,OAAO,CAAC,OAAO;AAC1B,GAAG,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,IAAI,KAAK,EAAE,OAAO,CAAC,IAAI;AACvB,GAAG,EAAE,IAAI,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACvD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,IAAI,KAAK,EAAE,OAAO,CAAC,IAAI;AACvB,GAAG,EAAE,KAAK,oBAAoBA,cAAK,CAAC,aAAa,CAACE,SAAI,EAAE;AACxD,IAAI,aAAa;AACjB,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,KAAK,EAAE,OAAO,CAAC,KAAK;AACxB,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,kBAAkBF,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,eAAe,oBAAoBA,cAAK,CAAC,aAAa,CAACG,uBAAW,EAAE;AACnI,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,KAAK,EAAE,OAAO,CAAC,WAAW;AAC9B,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,QAAQ,EAAE,EAAE;AAChB,GAAG,CAAC,CAAC,kBAAkBH,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,IAAI,KAAK,EAAE,OAAO,CAAC,OAAO;AAC1B,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon';\nimport useStyles from './Alert.styles';\n\nexport type AlertStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AlertProps\n  extends DefaultProps<AlertStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Optional alert title */\n  title?: React.ReactNode;\n\n  /** Alert message */\n  children: React.ReactNode;\n\n  /** Alert title and line colors from theme */\n  color?: MantineColor;\n\n  /** Icon displayed before title */\n  icon?: React.ReactNode;\n\n  /** Display close button */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nexport function Alert({\n  className,\n  title,\n  children,\n  color,\n  style,\n  classNames,\n  icon,\n  styles,\n  withCloseButton,\n  ...others\n}: AlertProps) {\n  const { classes, cx } = useStyles({ color, withIcon: !!icon }, classNames, 'alert');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n      <div className={classes.wrapper} style={_styles.wrapper}>\n        {icon && (\n          <div className={classes.icon} style={_styles.icon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.body} style={_styles.body}>\n          {title && (\n            <div className={classes.title} style={_styles.title}>\n              <span>{title}</span>\n              {withCloseButton && (\n                <CloseButton\n                  className={classes.closeButton}\n                  style={_styles.closeButton}\n                  variant=\"transparent\"\n                  size={16}\n                  iconSize={16}\n                />\n              )}\n            </div>\n          )}\n\n          <div className={classes.message} style={_styles.message}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["styles","useStyles","mergeStyles","React","CloseButton"],"mappings":"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"}

package/cjs/components/Alert/Alert.styles.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getThemeColor = require('../../theme/utils/get-theme-color/get-theme-color.js');
-var getFontStyles = require('../../theme/utils/get-font-styles/get-font-styles.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -25,12 +23,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  root: ({ color, theme }) => ({
+var useStyles = styles.createStyles((theme, { color, withIcon }) => ({
+  root: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
     position: "relative",
-    padding: [theme.spacing.sm, theme.spacing.md],
+    padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,
     borderRadius: theme.radius.sm,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : getThemeColor.getThemeColor({ theme, color, shade: 0 })
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : styles.getThemeColor({ theme, color, shade: 0 })
   }),
   wrapper: {
     display: "flex"
@@ -38,9 +36,9 @@ var useStyles = createMemoStyles.createMemoStyles({
   body: {
     flex: 1
   },
-  title: ({ color, theme, withIcon }) => ({
+  title: {
     boxSizing: "border-box",
-    color: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
+    color: styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
     margin: 0,
     marginBottom: 7,
     textOverflow: "ellipsis",
@@ -48,22 +46,21 @@ var useStyles = createMemoStyles.createMemoStyles({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    lineHeight: withIcon ? theme.lineHeight : 1
-  }),
-  icon: ({ theme, color }) => ({
-    color: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
+    lineHeight: withIcon ? theme.lineHeight : 1,
+    fontSize: theme.fontSizes.sm,
+    fontWeight: 700
+  },
+  icon: {
+    color: styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
     lineHeight: 1,
     width: 20,
     height: 20,
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-start",
-    marginRight: theme.spacing.md,
-    "& svg": {
-      display: "block"
-    }
-  }),
-  message: ({ theme }) => __spreadProps(__spreadValues({}, getFontStyles.getFontStyles(theme)), {
+    marginRight: theme.spacing.md
+  },
+  message: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
     lineHeight: theme.lineHeight,
     borderBottomLeftRadius: theme.radius.sm,
     borderBottomRightRadius: theme.radius.sm,
@@ -79,7 +76,7 @@ var useStyles = createMemoStyles.createMemoStyles({
   closeButton: {
     marginTop: 2
   }
-});
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Alert.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme, getThemeColor, getFontStyles } from '../../theme';\n\ninterface AlertStyles {\n  color: string;\n  theme: MantineTheme;\n  withIcon: boolean;\n}\n\nexport default createMemoStyles({\n  root: ({ color, theme }: AlertStyles) => ({\n    position: 'relative',\n    padding: [theme.spacing.sm, theme.spacing.md],\n    borderRadius: theme.radius.sm,\n    backgroundColor:\n      theme.colorScheme === 'dark'\n        ? theme.colors.dark[5]\n        : getThemeColor({ theme, color, shade: 0 }),\n  }),\n\n  wrapper: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n  },\n\n  title: ({ color, theme, withIcon }: AlertStyles) => ({\n    boxSizing: 'border-box',\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n    margin: 0,\n    marginBottom: 7,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    lineHeight: withIcon ? theme.lineHeight : 1,\n  }),\n\n  icon: ({ theme, color }: AlertStyles) => ({\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n    lineHeight: 1,\n    width: 20,\n    height: 20,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.md,\n\n    '& svg': {\n      display: 'block',\n    },\n  }),\n\n  message: ({ theme }: AlertStyles) => ({\n    ...getFontStyles(theme),\n    lineHeight: theme.lineHeight,\n    borderBottomLeftRadius: theme.radius.sm,\n    borderBottomRightRadius: theme.radius.sm,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:only-child': {\n      borderTopRightRadius: theme.radius.sm,\n      borderTopLeftRadius: theme.radius.sm,\n    },\n  }),\n\n  closeButton: {\n    marginTop: 2,\n  },\n});\n"],"names":["createMemoStyles","getThemeColor","getFontStyles"],"mappings":"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"}
+{"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createStyles, getThemeColor, getFontStyles, MantineColor } from '@mantine/styles';\n\ninterface AlertStyles {\n  color: MantineColor;\n  withIcon: boolean;\n}\n\nexport default createStyles((theme, { color, withIcon }: AlertStyles) => ({\n  root: {\n    ...getFontStyles(theme),\n    position: 'relative',\n    padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,\n    borderRadius: theme.radius.sm,\n    backgroundColor:\n      theme.colorScheme === 'dark'\n        ? theme.colors.dark[5]\n        : getThemeColor({ theme, color, shade: 0 }),\n  },\n\n  wrapper: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n  },\n\n  title: {\n    boxSizing: 'border-box',\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n    margin: 0,\n    marginBottom: 7,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    lineHeight: withIcon ? theme.lineHeight : 1,\n    fontSize: theme.fontSizes.sm,\n    fontWeight: 700,\n  },\n\n  icon: {\n    color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n    lineHeight: 1,\n    width: 20,\n    height: 20,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.md,\n  },\n\n  message: {\n    ...getFontStyles(theme),\n    lineHeight: theme.lineHeight,\n    borderBottomLeftRadius: theme.radius.sm,\n    borderBottomRightRadius: theme.radius.sm,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:only-child': {\n      borderTopRightRadius: theme.radius.sm,\n      borderTopLeftRadius: theme.radius.sm,\n    },\n  },\n\n  closeButton: {\n    marginTop: 2,\n  },\n}));\n"],"names":["createStyles","getFontStyles","getThemeColor"],"mappings":"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"}

package/cjs/components/Autocomplete/Autocomplete.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var InputWrapper = require('../InputWrapper/InputWrapper.js');
 var Input = require('../Input/Input.js');
 var SelectDropdown = require('../Select/SelectDropdown/SelectDropdown.js');
@@ -11,8 +12,6 @@ var SelectItems = require('../Select/SelectItems/SelectItems.js');
 var DefaultItem = require('../Select/DefaultItem/DefaultItem.js');
 var filterData = require('./filter-data/filter-data.js');
 var Autocomplete_styles = require('./Autocomplete.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -80,9 +79,8 @@ function Autocomplete(_a) {
     transitionTimingFunction,
     wrapperProps,
     elementRef,
-    themeOverride,
     classNames,
-    styles,
+    styles: styles$1,
     filter = defaultFilter,
     nothingFound
   } = _b, others = __objRest(_b, [
@@ -112,15 +110,13 @@ function Autocomplete(_a) {
     "transitionTimingFunction",
     "wrapperProps",
     "elementRef",
-    "themeOverride",
     "classNames",
     "styles",
     "filter",
     "nothingFound"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Autocomplete_styles['default']({ theme, size }, classNames, "autocomplete");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes } = Autocomplete_styles['default']({ size }, classNames, "autocomplete");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const [dropdownOpened, setDropdownOpened] = React.useState(initiallyOpened);
   const [hovered, setHovered] = React.useState(-1);
   const inputRef = React.useRef();
@@ -194,9 +190,8 @@ function Autocomplete(_a) {
     size,
     className,
     style,
-    themeOverride,
     classNames,
-    styles,
+    styles: styles$1,
     __staticSelector: "autocomplete"
   }, wrapperProps), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.wrapper,
@@ -217,9 +212,8 @@ function Autocomplete(_a) {
     invalid: !!error,
     size,
     onKeyDown: handleInputKeydown,
-    themeOverride,
     classNames,
-    styles,
+    styles: styles$1,
     __staticSelector: "autocomplete",
     value: _value,
     onChange: (event) => {
@@ -233,7 +227,6 @@ function Autocomplete(_a) {
     "aria-controls": shouldRenderDropdown ? `${uuid}-items` : null,
     "aria-activedescendant": hovered !== -1 ? `${uuid}-${hovered}` : null
   })), /* @__PURE__ */ React__default.createElement(SelectDropdown.SelectDropdown, {
-    themeOverride,
     mounted: shouldRenderDropdown,
     transition,
     transitionDuration,
@@ -242,14 +235,13 @@ function Autocomplete(_a) {
     shadow,
     maxDropdownHeight: "auto",
     classNames,
-    styles,
+    styles: styles$1,
     __staticSelector: "autocomplete"
   }, /* @__PURE__ */ React__default.createElement(SelectItems.SelectItems, {
     data: filteredData,
     hovered,
-    themeOverride,
     classNames,
-    styles,
+    styles: styles$1,
     uuid,
     __staticSelector: "autocomplete",
     onItemHover: setHovered,