@mantine/core 9.0.0 → 9.0.2

package/lib/components/Tree/index.d.ts

@@ -4,10 +4,3 @@ import type { UseTreeInput, UseTreeReturnType } from './use-tree';
 export { Tree } from './Tree';
 export { useTree, getTreeExpandedState } from './use-tree';
 export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, UseTreeInput, UseTreeReturnType, CheckedNodeStatus, };
-export declare namespace Tree {
-    type Props = TreeProps;
-    type StylesNames = TreeStylesNames;
-    type Factory = TreeFactory;
-    type NodeData = TreeNodeData;
-    type RenderNodePayload = RenderTreeNodePayload;
-}

package/lib/components/Typography/Typography.d.ts

@@ -12,3 +12,8 @@ export declare const Typography: import("../..").MantineComponent<{
     ref: HTMLDivElement;
     stylesNames: TypographyStylesNames;
 }>;
+export declare namespace Typography {
+    type Props = TypographyProps;
+    type StylesNames = TypographyStylesNames;
+    type Factory = TypographyFactory;
+}

package/lib/components/Typography/index.d.ts

@@ -1,8 +1,3 @@
 import type { TypographyFactory, TypographyProps, TypographyStylesNames } from './Typography';
 export { Typography } from './Typography';
 export type { TypographyProps, TypographyStylesNames, TypographyFactory };
-export declare namespace Typography {
-    type Props = TypographyProps;
-    type StylesNames = TypographyStylesNames;
-    type Factory = TypographyFactory;
-}

package/lib/components/UnstyledButton/UnstyledButton.d.ts

@@ -33,3 +33,8 @@ export declare const UnstyledButton: (<C = "button">(props: import("../..").Poly
     defaultComponent: "button";
     defaultRef: HTMLButtonElement;
 }> & Record<string, never>;
+export declare namespace UnstyledButton {
+    type Props = UnstyledButtonProps;
+    type StylesNames = UnstyledButtonStylesNames;
+    type Factory = UnstyledButtonFactory;
+}

package/lib/components/UnstyledButton/index.d.ts

@@ -1,8 +1,3 @@
 import type { UnstyledButtonFactory, UnstyledButtonProps, UnstyledButtonStylesNames } from './UnstyledButton';
 export { UnstyledButton } from './UnstyledButton';
 export type { UnstyledButtonProps, UnstyledButtonStylesNames, UnstyledButtonFactory };
-export declare namespace UnstyledButton {
-    type Props = UnstyledButtonProps;
-    type StylesNames = UnstyledButtonStylesNames;
-    type Factory = UnstyledButtonFactory;
-}

package/lib/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -12,3 +12,6 @@ export declare const VisuallyHidden: import("../..").MantineComponent<{
     ref: HTMLSpanElement;
     stylesNames: VisuallyHiddenStylesNames;
 }>;
+export declare namespace VisuallyHidden {
+    type Props = VisuallyHiddenProps;
+}

package/lib/components/VisuallyHidden/index.d.ts

@@ -1,6 +1,3 @@
 import type { VisuallyHiddenProps } from './VisuallyHidden';
 export { VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps };
-export declare namespace VisuallyHidden {
-    type Props = VisuallyHiddenProps;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "9.0.0",
+  "version": "9.0.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": "9.0.0",
+    "@mantine/hooks": "9.0.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },

package/styles/Accordion.css

@@ -100,10 +100,6 @@
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);

package/styles/Accordion.layer.css

@@ -100,10 +100,6 @@
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);

package/styles/Badge.css

@@ -107,8 +107,6 @@
   text-overflow: ellipsis;
   text-align: center;
   cursor: inherit;
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
 }
 
 .m_91fdda9b {

package/styles/Badge.layer.css

@@ -107,8 +107,6 @@
   text-overflow: ellipsis;
   text-align: center;
   cursor: inherit;
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
 }
 
 .m_91fdda9b {

package/styles/Slider.css

@@ -57,7 +57,7 @@
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -111,7 +111,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -119,11 +119,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -141,7 +141,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -173,12 +173,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -204,7 +204,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -221,7 +221,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -270,7 +270,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)

package/styles/Slider.layer.css

@@ -57,7 +57,7 @@
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -111,7 +111,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -119,11 +119,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -141,7 +141,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -173,12 +173,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -204,7 +204,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -221,7 +221,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -270,7 +270,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)

package/styles.css

@@ -1805,10 +1805,6 @@ fieldset:disabled .mantine-active:active {
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);
@@ -3117,8 +3113,6 @@ fieldset:disabled .m_8ee546b8,
   text-overflow: ellipsis;
   text-align: center;
   cursor: inherit;
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
 }
 
 .m_91fdda9b {
@@ -6558,7 +6552,7 @@ fieldset:disabled .m_1738fcb2,
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -6612,7 +6606,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -6620,11 +6614,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -6642,7 +6636,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -6674,12 +6668,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -6705,7 +6699,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -6722,7 +6716,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -6771,7 +6765,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)

package/styles.layer.css

@@ -1805,10 +1805,6 @@ fieldset:disabled .mantine-active:active {
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-.m_9bd7b098 {
-  overflow: hidden;
-}
-
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);
@@ -3117,8 +3113,6 @@ fieldset:disabled .m_8ee546b8,
   text-overflow: ellipsis;
   text-align: center;
   cursor: inherit;
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
 }
 
 .m_91fdda9b {
@@ -6558,7 +6552,7 @@ fieldset:disabled .m_1738fcb2,
     background-color: var(--mantine-color-dark-4);
 }
 
-:where([data-orientation='vertical']) .m_c9357328 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
     top: auto;
     inset-inline-start: calc(100% + 8px);
   }
@@ -6612,7 +6606,7 @@ fieldset:disabled .m_c9a9a60a,
     background-color: var(--slider-color);
 }
 
-:where([data-orientation='vertical']) .m_c9a9a60a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
     left: 50%;
     top: auto;
     right: auto;
@@ -6620,11 +6614,11 @@ fieldset:disabled .m_c9a9a60a,
     transform: translate(-50%, 50%);
   }
 
-:where([data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
       transform: translate(-50%, 50%) scale(1.05);
     }
 
-:where([dir="rtl"]) :where([data-orientation='vertical']) .m_c9a9a60a {
+:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
       left: 50%;
       right: auto;
 }
@@ -6642,7 +6636,7 @@ fieldset:disabled .m_a8645c2,
     cursor: not-allowed;
   }
 
-:where([data-orientation='vertical']) .m_a8645c2 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
     flex-direction: column;
     width: calc(var(--slider-size) * 2);
     height: 100%;
@@ -6674,12 +6668,12 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
     width: var(--slider-size);
     height: 100%;
   }
 
-:where([data-orientation='vertical']) .m_c9ade57f::before {
+:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
       inset-inline: 0;
       top: calc(var(--slider-size) * -1);
       bottom: calc(var(--slider-size) * -1);
@@ -6705,7 +6699,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     background-color: var(--mantine-color-disabled-color);
   }
 
-:where([data-orientation='vertical']) .m_38aeed47 {
+:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
     top: auto;
     bottom: var(--slider-bar-offset);
     inset-inline-start: 0;
@@ -6722,7 +6716,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   pointer-events: none;
 }
 
-:where([data-orientation='vertical']) .m_b7b0423a {
+:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
     inset-inline-start: 0;
     top: auto;
     bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
@@ -6771,7 +6765,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     color: var(--mantine-color-dark-2);
 }
 
-:where([data-orientation='vertical']) .m_68c77a5b {
+:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
     transform: translate(
       calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
       calc(-50% - var(--slider-size) / 2)