@mantine/core 7.9.0 → 7.9.1

package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-transformed-styles.mjs","sources":["../../../../src/core/styles-api/use-styles/use-transformed-styles.ts"],"sourcesContent":["import { useMantineStylesTransform, useMantineTheme } from '../../MantineProvider';\n\ninterface UseTransformedStylesInput {\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  themeName: string[];\n}\n\nexport function useStylesTransform({ props, stylesCtx, themeName }: UseTransformedStylesInput) {\n  const theme = useMantineTheme();\n  const stylesTransform = useMantineStylesTransform();\n\n  const getTransformedStyles = (styles: any[]) => {\n    if (!stylesTransform) {\n      return [];\n    }\n\n    const transformedStyles = styles.map((style) =>\n      stylesTransform(style, { props, theme, ctx: stylesCtx })\n    );\n\n    return [\n      ...transformedStyles,\n      ...themeName.map((n) =>\n        stylesTransform(theme.components[n]?.styles, { props, theme, ctx: stylesCtx })\n      ),\n    ].filter(Boolean) as Record<string, string>[];\n  };\n\n  return {\n    getTransformedStyles,\n    withStylesTransform: !!stylesTransform,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-transformed-styles.mjs","sources":["../../../../src/core/styles-api/use-styles/use-transformed-styles.ts"],"sourcesContent":["import { useMantineStylesTransform, useMantineTheme } from '../../MantineProvider';\n\ninterface UseTransformedStylesInput {\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  themeName: string[];\n}\n\nexport function useStylesTransform({ props, stylesCtx, themeName }: UseTransformedStylesInput) {\n  const theme = useMantineTheme();\n  const stylesTransform = useMantineStylesTransform()?.();\n\n  const getTransformedStyles = (styles: any[]) => {\n    if (!stylesTransform) {\n      return [];\n    }\n\n    const transformedStyles = styles.map((style) =>\n      stylesTransform(style, { props, theme, ctx: stylesCtx })\n    );\n\n    return [\n      ...transformedStyles,\n      ...themeName.map((n) =>\n        stylesTransform(theme.components[n]?.styles, { props, theme, ctx: stylesCtx })\n      ),\n    ].filter(Boolean) as Record<string, string>[];\n  };\n\n  return {\n    getTransformedStyles,\n    withStylesTransform: !!stylesTransform,\n  };\n}\n"],"names":[],"mappings":"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"}

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -22,8 +22,9 @@ export interface OptionsDropdownProps {
     checkIconPosition?: 'left' | 'right';
     nothingFoundMessage?: React.ReactNode;
     unstyled: boolean | undefined;
-    labelId: string;
+    labelId: string | undefined;
+    'aria-label': string | undefined;
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => React.ReactNode;
     scrollAreaProps: ScrollAreaProps | undefined;
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, 'aria-label': ariaLabel, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;

package/lib/core/MantineProvider/Mantine.context.d.ts

@@ -1,8 +1,8 @@
 import { ConvertCSSVariablesInput } from './convert-css-variables';
 import type { MantineColorScheme, MantineTheme } from './theme.types';
 export interface MantineStylesTransform {
-    sx?: (sx: any) => string;
-    styles?: (styles: any, payload: any) => Record<string, string>;
+    sx?: () => (sx: any) => string;
+    styles?: () => (styles: any, payload: any) => Record<string, string>;
 }
 interface MantineContextValue {
     colorScheme: MantineColorScheme;
@@ -24,6 +24,6 @@ export declare function useMantineClassNamesPrefix(): string;
 export declare function useMantineStyleNonce(): (() => string | undefined) | undefined;
 export declare function useMantineWithStaticClasses(): boolean;
 export declare function useMantineIsHeadless(): boolean | undefined;
-export declare function useMantineSxTransform(): ((sx: any) => string) | undefined;
-export declare function useMantineStylesTransform(): ((styles: any, payload: any) => Record<string, string>) | undefined;
+export declare function useMantineSxTransform(): (() => (sx: any) => string) | undefined;
+export declare function useMantineStylesTransform(): (() => (styles: any, payload: any) => Record<string, string>) | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.9.0",
+  "version": "7.9.1",
   "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.9.0",
+    "@mantine/hooks": "7.9.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -57,6 +57,6 @@
   },
   "devDependencies": {
     "@mantine-tests/core": "1.1.0",
-    "@mantine/hooks": "7.9.0"
+    "@mantine/hooks": "7.9.1"
   }
 }

package/styles/CloseButton.css

@@ -38,21 +38,21 @@
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/CloseButton.layer.css

@@ -38,21 +38,21 @@
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/Input.css

@@ -148,7 +148,7 @@
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);

package/styles/Input.layer.css

@@ -148,7 +148,7 @@
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);

package/styles/Paper.css

@@ -12,9 +12,9 @@
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }

package/styles/Paper.layer.css

@@ -12,10 +12,10 @@
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 }

package/styles/PasswordInput.css

@@ -46,6 +46,10 @@
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);

package/styles/PasswordInput.layer.css

@@ -46,6 +46,10 @@
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);

package/styles/SegmentedControl.css

@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {

package/styles/SegmentedControl.layer.css

@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {

package/styles/Table.css

@@ -21,7 +21,7 @@
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -50,7 +50,7 @@
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -59,7 +59,7 @@
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {

package/styles/Table.layer.css

@@ -21,7 +21,7 @@
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -50,7 +50,7 @@
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -59,7 +59,7 @@
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {

package/styles.css

@@ -782,11 +782,11 @@ body {
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 .m_38a85659 {
@@ -1130,21 +1130,21 @@ body {
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }
@@ -1381,7 +1381,7 @@ body {
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);
@@ -4716,6 +4716,10 @@ fieldset:disabled .m_d3ea56bb,
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
@@ -5284,11 +5288,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {
@@ -6067,7 +6071,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -6096,7 +6100,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -6105,7 +6109,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {

package/styles.layer.css

@@ -782,11 +782,11 @@ body {
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 .m_38a85659 {
@@ -1130,21 +1130,21 @@ body {
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }
@@ -1381,7 +1381,7 @@ body {
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);
@@ -4716,6 +4716,10 @@ fieldset:disabled .m_d3ea56bb,
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
@@ -5284,11 +5288,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {
@@ -6067,7 +6071,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -6096,7 +6100,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -6105,7 +6109,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {