@mantine/core 7.17.1 → 7.17.2

package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs

@@ -16,6 +16,8 @@ function getTransitionStyles({
   timingFunction
 }) {
   const shared = {
+    WebkitBackfaceVisibility: "hidden",
+    willChange: "transform, opacity",
     transitionDuration: `${duration}ms`,
     transitionTimingFunction: timingFunction
   };

package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-transition-styles.mjs","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n  entering: 'in',\n  entered: 'in',\n  exiting: 'out',\n  exited: 'out',\n  'pre-exiting': 'out',\n  'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n  transition,\n  state,\n  duration,\n  timingFunction,\n}: {\n  transition: MantineTransition;\n  state: keyof typeof transitionStatuses;\n  duration: number;\n  timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n  const shared = {\n    transitionDuration: `${duration}ms`,\n    transitionTimingFunction: timingFunction,\n  };\n\n  if (typeof transition === 'string') {\n    if (!(transition in transitions)) {\n      return {};\n    }\n\n    return {\n      transitionProperty: transitions[transition].transitionProperty,\n      ...shared,\n      ...transitions[transition].common,\n      ...transitions[transition][transitionStatuses[state]],\n    };\n  }\n\n  return {\n    transitionProperty: transition.transitionProperty,\n    ...shared,\n    ...transition.common,\n    ...transition[transitionStatuses[state]],\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"get-transition-styles.mjs","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n  entering: 'in',\n  entered: 'in',\n  exiting: 'out',\n  exited: 'out',\n  'pre-exiting': 'out',\n  'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n  transition,\n  state,\n  duration,\n  timingFunction,\n}: {\n  transition: MantineTransition;\n  state: keyof typeof transitionStatuses;\n  duration: number;\n  timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n  const shared: React.CSSProperties = {\n    WebkitBackfaceVisibility: 'hidden',\n    willChange: 'transform, opacity',\n    transitionDuration: `${duration}ms`,\n    transitionTimingFunction: timingFunction,\n  };\n\n  if (typeof transition === 'string') {\n    if (!(transition in transitions)) {\n      return {};\n    }\n\n    return {\n      transitionProperty: transitions[transition].transitionProperty,\n      ...shared,\n      ...transitions[transition].common,\n      ...transitions[transition][transitionStatuses[state]],\n    };\n  }\n\n  return {\n    transitionProperty: transition.transitionProperty,\n    ...shared,\n    ...transition.common,\n    ...transition[transitionStatuses[state]],\n  };\n}\n"],"names":[],"mappings":"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"}

package/lib/components/Menu/Menu.d.ts

@@ -52,6 +52,7 @@ export declare namespace Menu {
         ref: HTMLDivElement;
         stylesNames: MenuStylesNames;
     }>;
+    var withProps: (props: Partial<MenuProps>) => MenuProps;
     var classes: Record<string, string>;
     var displayName: string;
     var Item: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {

package/lib/components/Notification/Notification.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
+import { LoaderProps } from '../Loader';
 export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 export type NotificationCssVariables = {
     root: '--notification-radius' | '--notification-color';
@@ -25,6 +26,8 @@ export interface NotificationProps extends BoxProps, StylesApiProps<Notification
     withCloseButton?: boolean;
     /** Props passed down to the close button */
     closeButtonProps?: Record<string, any>;
+    /** Props passed down to `Loader` component */
+    loaderProps?: LoaderProps;
 }
 export type NotificationFactory = Factory<{
     props: NotificationProps;

package/lib/components/ScrollArea/ScrollArea.d.ts

@@ -20,7 +20,7 @@ export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFact
     /** Axis at which scrollbars must be rendered, `'xy'` by default */
     scrollbars?: 'x' | 'y' | 'xy' | false;
     /** Determines whether scrollbars should be offset with padding on given axis, `false` by default */
-    offsetScrollbars?: boolean | 'x' | 'y';
+    offsetScrollbars?: boolean | 'x' | 'y' | 'present';
     /** Assigns viewport element (scrollable container) ref */
     viewportRef?: React.ForwardedRef<HTMLDivElement>;
     /** Props passed down to the viewport element */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.17.1",
+  "version": "7.17.2",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.17.1",
+    "@mantine/hooks": "7.17.2",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },

package/styles/Input.css

@@ -222,14 +222,6 @@
     color: var(--input-disabled-color);
   }
 
-/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
-
-@supports (-moz-appearance: none) {
-    .m_8fb7ebe7[readonly][aria-haspopup] {
-      pointer-events: none;
-    }
-  }
-
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;

package/styles/Input.layer.css

@@ -222,14 +222,6 @@
     color: var(--input-disabled-color);
   }
 
-/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
-
-@supports (-moz-appearance: none) {
-    .m_8fb7ebe7[readonly][aria-haspopup] {
-      pointer-events: none;
-    }
-  }
-
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;

package/styles/ScrollArea.css

@@ -18,14 +18,39 @@
     display: none;
   }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
-      padding-inline-end: var(--scrollarea-scrollbar-size);
-      padding-inline-start: unset;
-    }
-
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
-      padding-bottom: var(--scrollarea-scrollbar-size);
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):where([data-vertical-hidden]) {
+        padding-inline-end: 0;
+        padding-inline-start: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):not([data-vertical-hidden]) {
+        padding-inline-end: var(--scrollarea-scrollbar-size);
+        padding-inline-start: unset;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):where([data-horizontal-hidden]) {
+        padding-bottom: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):not([data-horizontal-hidden]) {
+        padding-bottom: var(--scrollarea-scrollbar-size);
+      }
 
 .m_f8f631dd {
   min-width: 100%;

package/styles/ScrollArea.layer.css

@@ -18,14 +18,39 @@
     display: none;
   }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
-      padding-inline-end: var(--scrollarea-scrollbar-size);
-      padding-inline-start: unset;
-    }
-
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
-      padding-bottom: var(--scrollarea-scrollbar-size);
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):where([data-vertical-hidden]) {
+        padding-inline-end: 0;
+        padding-inline-start: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):not([data-vertical-hidden]) {
+        padding-inline-end: var(--scrollarea-scrollbar-size);
+        padding-inline-start: unset;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):where([data-horizontal-hidden]) {
+        padding-bottom: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):not([data-horizontal-hidden]) {
+        padding-bottom: var(--scrollarea-scrollbar-size);
+      }
 
 .m_f8f631dd {
   min-width: 100%;

package/styles.css

@@ -607,14 +607,39 @@ fieldset:disabled .mantine-active:active {
     display: none;
   }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
-      padding-inline-end: var(--scrollarea-scrollbar-size);
-      padding-inline-start: unset;
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):where([data-vertical-hidden]) {
+        padding-inline-end: 0;
+        padding-inline-start: 0;
+      }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
-      padding-bottom: var(--scrollarea-scrollbar-size);
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):not([data-vertical-hidden]) {
+        padding-inline-end: var(--scrollarea-scrollbar-size);
+        padding-inline-start: unset;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):where([data-horizontal-hidden]) {
+        padding-bottom: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):not([data-horizontal-hidden]) {
+        padding-bottom: var(--scrollarea-scrollbar-size);
+      }
 
 .m_f8f631dd {
   min-width: 100%;
@@ -1518,14 +1543,6 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
-/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
-
-@supports (-moz-appearance: none) {
-    .m_8fb7ebe7[readonly][aria-haspopup] {
-      pointer-events: none;
-    }
-  }
-
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;

package/styles.layer.css

@@ -607,14 +607,39 @@ fieldset:disabled .mantine-active:active {
     display: none;
   }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
-      padding-inline-end: var(--scrollarea-scrollbar-size);
-      padding-inline-start: unset;
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):where([data-vertical-hidden]) {
+        padding-inline-end: 0;
+        padding-inline-start: 0;
+      }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
-      padding-bottom: var(--scrollarea-scrollbar-size);
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):not([data-vertical-hidden]) {
+        padding-inline-end: var(--scrollarea-scrollbar-size);
+        padding-inline-start: unset;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):where([data-horizontal-hidden]) {
+        padding-bottom: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):not([data-horizontal-hidden]) {
+        padding-bottom: var(--scrollarea-scrollbar-size);
+      }
 
 .m_f8f631dd {
   min-width: 100%;
@@ -1518,14 +1543,6 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
-/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
-
-@supports (-moz-appearance: none) {
-    .m_8fb7ebe7[readonly][aria-haspopup] {
-      pointer-events: none;
-    }
-  }
-
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;