@mantine/core 7.14.2-alpha.0 → 7.14.2

package/lib/components/Input/use-input-props.d.ts

@@ -8,7 +8,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "style" | "label" | "className" | "id" | "mod" | "unstyled" | "variant" | "classNames" | "styles" | "vars" | "size" | "required" | "wrapperProps" | "description" | "error" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "__staticSelector" | "__stylesApiProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "size" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "classNames" | "required" | "mod" | "error" | "description" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -26,10 +26,10 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         descriptionProps: Record<string, any> | undefined;
         unstyled: boolean | undefined;
         styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
-        size: import("../../core").MantineSize | (string & {}) | undefined;
+        size: (string & {}) | import("../../core").MantineSize | undefined;
         style: import("../../core").MantineStyleProp;
         inputContainer: ((children: React.ReactNode) => React.ReactNode) | undefined;
-        inputWrapperOrder: ("input" | "label" | "description" | "error")[] | undefined;
+        inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         id: string | undefined;
@@ -40,7 +40,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
         styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
-        size: import("../../core").MantineSize | (string & {}) | undefined;
+        size: (string & {}) | import("../../core").MantineSize | undefined;
         __staticSelector: string | undefined;
         __stylesApiProps: Record<string, any>;
         error: import("react").ReactNode;

package/lib/components/ModalBase/ModalBase.context.d.ts

@@ -8,6 +8,8 @@ interface ModalBaseContextValue {
     getTitleId: () => string;
     getBodyId: () => string;
     transitionProps: Partial<TransitionOverride> | undefined;
+    onExitTransitionEnd: (() => void) | undefined;
+    onEnterTransitionEnd: (() => void) | undefined;
     zIndex: string | number | undefined;
     opened: boolean;
     onClose: () => void;

package/lib/components/ModalBase/ModalBase.d.ts

@@ -27,6 +27,10 @@ export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
     closeOnClickOutside?: boolean;
     /** Props added to the `Transition` component that used to animate overlay and body, use to configure duration and animation type, `{ duration: 200, transition: 'pop' }` by default */
     transitionProps?: TransitionOverride;
+    /** Called when exit transition ends */
+    onExitTransitionEnd?: () => void;
+    /** Called when enter transition ends */
+    onEnterTransitionEnd?: () => void;
     /** Determines whether `onClose` should be called when user presses the escape key, `true` by default */
     closeOnEscape?: boolean;
     /** Determines whether focus should be returned to the last active element when `onClose` is called, `true` by default */

package/lib/components/Popover/Popover.d.ts

@@ -24,6 +24,10 @@ export interface __PopoverProps {
     keepMounted?: boolean;
     /** Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */
     transitionProps?: TransitionOverride;
+    /** Called when exit transition ends */
+    onExitTransitionEnd?: () => void;
+    /** Called when enter transition ends */
+    onEnterTransitionEnd?: () => void;
     /** Dropdown width, or `'target'` to make dropdown width the same as target element, `'max-content'` by default */
     width?: PopoverWidth;
     /** Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default */

package/lib/core/Box/Box.d.ts

@@ -32,7 +32,7 @@ export interface BoxComponentProps extends BoxProps {
 }
 export declare const Box: (<C = "div">(props: import("../factory").PolymorphicComponentProps<C, BoxComponentProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(BoxComponentProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, keyof BoxComponentProps | "component"> & {
+} & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (BoxComponentProps & {

package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts

@@ -4,6 +4,6 @@ interface GetContrastColorInput {
     theme: MantineTheme;
     autoContrast?: boolean | undefined | null;
 }
-export declare function getContrastColor({ color, theme, autoContrast }: GetContrastColorInput): "var(--mantine-color-white)" | "var(--mantine-color-black)";
-export declare function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark'): "var(--mantine-color-white)" | "var(--mantine-color-black)";
+export declare function getContrastColor({ color, theme, autoContrast }: GetContrastColorInput): "var(--mantine-color-black)" | "var(--mantine-color-white)";
+export declare function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark'): "var(--mantine-color-black)" | "var(--mantine-color-white)";
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.14.2-alpha.0",
+  "version": "7.14.2",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,17 +43,17 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.14.2-alpha.0",
+    "@mantine/hooks": "7.14.2",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.27",
+    "@floating-ui/react": "^0.26.28",
     "clsx": "^2.1.1",
     "react-number-format": "^5.4.2",
     "react-remove-scroll": "^2.6.0",
-    "react-textarea-autosize": "8.5.4",
-    "type-fest": "^4.26.1"
+    "react-textarea-autosize": "8.5.5",
+    "type-fest": "^4.27.0"
   },
   "devDependencies": {
     "@mantine-tests/core": "workspace:*",

package/styles/TypographyStylesProvider.css

@@ -150,11 +150,9 @@
 }
   .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
-    padding-inline-start: 38px;
+    padding-inline-start: var(--mantine-spacing-lg);
+    list-style-position: inside;
   }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
-      margin-bottom: var(--mantine-spacing-xs);
-    }
   .m_d6493fad :where(table) {
     width: 100%;
     border-collapse: collapse;

package/styles/TypographyStylesProvider.layer.css

@@ -150,11 +150,9 @@
 }
   .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
-    padding-inline-start: 38px;
+    padding-inline-start: var(--mantine-spacing-lg);
+    list-style-position: inside;
   }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
-      margin-bottom: var(--mantine-spacing-xs);
-    }
   .m_d6493fad :where(table) {
     width: 100%;
     border-collapse: collapse;

package/styles.css

@@ -7464,11 +7464,9 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
   .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
-    padding-inline-start: calc(2.375rem * var(--mantine-scale));
+    padding-inline-start: var(--mantine-spacing-lg);
+    list-style-position: inside;
   }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
-      margin-bottom: var(--mantine-spacing-xs);
-    }
   .m_d6493fad :where(table) {
     width: 100%;
     border-collapse: collapse;

package/styles.layer.css

@@ -7464,11 +7464,9 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
   .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
-    padding-inline-start: calc(2.375rem * var(--mantine-scale));
+    padding-inline-start: var(--mantine-spacing-lg);
+    list-style-position: inside;
   }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
-      margin-bottom: var(--mantine-spacing-xs);
-    }
   .m_d6493fad :where(table) {
     width: 100%;
     border-collapse: collapse;

package/lib/core/types.d.ts

@@ -1,3 +0,0 @@
-export interface DataAttributes {
-    [key: `data-${string}`]: string | number | undefined;
-}

package/styles/baseline.css

@@ -1,36 +0,0 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-body {
-  margin: 0;
-  font-family: var(--mantine-font-family);
-  font-size: var(--mantine-font-size-md);
-  line-height: var(--mantine-line-height);
-  background-color: var(--mantine-color-body);
-  color: var(--mantine-color-text);
-
-  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
-  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
-}
-
-@media screen and (max-device-width: 31.25em) {
-
-body {
-    -webkit-text-size-adjust: 100%
-}
-  }

package/styles/baseline.layer.css

@@ -1,37 +0,0 @@
-@layer mantine {*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-body {
-  margin: 0;
-  font-family: var(--mantine-font-family);
-  font-size: var(--mantine-font-size-md);
-  line-height: var(--mantine-line-height);
-  background-color: var(--mantine-color-body);
-  color: var(--mantine-color-text);
-
-  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
-  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
-}
-
-@media screen and (max-device-width: 31.25em) {
-
-body {
-    -webkit-text-size-adjust: 100%
-}
-  }
-}