@mantine/core 7.1.3 → 7.2.0-alpha.0

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

@@ -15,6 +15,10 @@ export interface BoxProps extends MantineStyleProps {
     hiddenFrom?: MantineBreakpoint;
     /** Breakpoint below which the component is hidden with `display: none` */
     visibleFrom?: MantineBreakpoint;
+    /** Determines whether component should be hidden in light color scheme with `display: none` */
+    lightHidden?: boolean;
+    /** Determines whether component should be hidden in dark color scheme with `display: none` */
+    darkHidden?: boolean;
 }
 export type ElementProps<ElementType extends React.ElementType, PropsToOmit extends string = never> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;
 export interface BoxComponentProps extends BoxProps {
@@ -29,8 +33,8 @@ export declare const Box: (<C = "div">(props: import("../factory/create-polymorp
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (BoxComponentProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;

package/lib/core/DirectionProvider/DirectionProvider.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 export type Direction = 'ltr' | 'rtl';
 export interface DirectionContextValue {
     dir: Direction;
-    toggleDirection(): void;
-    setDirection(dir: Direction): void;
+    toggleDirection: () => void;
+    setDirection: (dir: Direction) => void;
 }
 export declare const DirectionContext: React.Context<DirectionContextValue>;
 export declare function useDirection(): DirectionContextValue;

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

@@ -4,13 +4,13 @@ import type { MantineColorSchemeManager } from './color-scheme-managers';
 import { ConvertCSSVariablesInput } from './convert-css-variables';
 interface MantineContextValue {
     colorScheme: MantineColorScheme;
-    setColorScheme(colorScheme: MantineColorScheme): void;
-    clearColorScheme(): void;
+    setColorScheme: (colorScheme: MantineColorScheme) => void;
+    clearColorScheme: () => void;
     colorSchemeManager: MantineColorSchemeManager;
-    getRootElement(): HTMLElement | undefined;
+    getRootElement: () => HTMLElement | undefined;
     classNamesPrefix: string;
-    getStyleNonce?(): string | undefined;
-    cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;
+    getStyleNonce?: () => string | undefined;
+    cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;
     cssVariablesSelector: string;
 }
 export declare const MantineContext: import("react").Context<MantineContextValue | null>;

package/lib/core/MantineProvider/MantineCssVariables/get-merged-variables.d.ts

@@ -2,7 +2,7 @@ import { MantineTheme } from '../theme.types';
 import { ConvertCSSVariablesInput } from '../convert-css-variables';
 interface GetMergedVariablesInput {
     theme: MantineTheme;
-    generator?(theme: MantineTheme): ConvertCSSVariablesInput;
+    generator?: (theme: MantineTheme) => ConvertCSSVariablesInput;
 }
 export declare function getMergedVariables({ theme, generator }: GetMergedVariablesInput): ConvertCSSVariablesInput;
 export {};

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

@@ -17,11 +17,11 @@ export interface MantineProviderProps {
     /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */
     withCssVariables?: boolean;
     /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
-    getRootElement?(): HTMLElement | undefined;
+    getRootElement?: () => HTMLElement | undefined;
     /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */
     classNamesPrefix?: string;
     /** Function to generate nonce attribute added to all generated `<style />` tags */
-    getStyleNonce?(): string;
+    getStyleNonce?: () => string;
     /** Function to generate CSS variables based on theme object */
     cssVariablesResolver?: CSSVariablesResolver;
     /** Your application */

package/lib/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.d.ts

@@ -10,6 +10,7 @@ export interface VariantColorResolverResult {
     hover: string;
     color: string;
     border: string;
+    hoverColor?: string;
 }
 export type VariantColorsResolver = (input: VariantColorsResolverInput) => VariantColorResolverResult;
 export declare const defaultVariantColorsResolver: VariantColorsResolver;

package/lib/core/MantineProvider/color-scheme-managers/types.d.ts

@@ -1,13 +1,13 @@
 import type { MantineColorScheme } from '../theme.types';
 export interface MantineColorSchemeManager {
     /** Function to retrieve color scheme value from external storage, for example window.localStorage */
-    get(defaultValue: MantineColorScheme): MantineColorScheme;
+    get: (defaultValue: MantineColorScheme) => MantineColorScheme;
     /** Function to set color scheme value in external storage, for example window.localStorage */
-    set(value: MantineColorScheme): void;
+    set: (value: MantineColorScheme) => void;
     /** Function to subscribe to color scheme changes triggered by external events */
-    subscribe(onUpdate: (colorScheme: MantineColorScheme) => void): void;
+    subscribe: (onUpdate: (colorScheme: MantineColorScheme) => void) => void;
     /** Function to unsubscribe from color scheme changes triggered by external events */
-    unsubscribe(): void;
+    unsubscribe: () => void;
     /** Function to clear value from external storage */
-    clear(): void;
+    clear: () => void;
 }

package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts

@@ -1,2 +1,2 @@
 import { UseMediaQueryOptions } from '@mantine/hooks';
-export declare function useComputedColorScheme(defaultValue: 'light' | 'dark', options?: UseMediaQueryOptions): "light" | "dark";
+export declare function useComputedColorScheme(defaultValue: 'light' | 'dark', options?: UseMediaQueryOptions): "dark" | "light";

package/lib/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.d.ts

@@ -1,5 +1,7 @@
 import { MantineColorScheme } from '../theme.types';
-export declare function useMantineColorScheme(): {
+export declare function useMantineColorScheme({ keepTransitions }?: {
+    keepTransitions?: boolean;
+}): {
     colorScheme: MantineColorScheme;
     setColorScheme: (value: MantineColorScheme) => void;
     clearColorScheme: () => void;

package/lib/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.d.ts

@@ -4,7 +4,7 @@ interface UseProviderColorSchemeOptions {
     manager: MantineColorSchemeManager;
     defaultColorScheme: MantineColorScheme;
     forceColorScheme: 'light' | 'dark' | undefined;
-    getRootElement(): HTMLElement | undefined;
+    getRootElement: () => HTMLElement | undefined;
 }
 export declare function useProviderColorScheme({ manager, defaultColorScheme, getRootElement, forceColorScheme, }: UseProviderColorSchemeOptions): {
     colorScheme: MantineColorScheme;

package/lib/core/MantineType.d.ts

@@ -0,0 +1,3 @@
+export interface MantineType {
+    buttonVariant: 'light' | 'outline' | 'filled';
+}

package/lib/core/RemoveScroll.d.ts

@@ -0,0 +1 @@
+export declare const RemoveScroll: import("react-remove-scroll/dist/es5/types").RemoveScrollType;

package/lib/core/factory/create-polymorphic-component.d.ts

@@ -9,16 +9,16 @@ type InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C
 export type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentPropsWithRef<C>['ref'] : never;
 export type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
     ref?: PolymorphicRef<C>;
-    renderRoot?(props: any): any;
+    renderRoot?: (props: any) => any;
 } : Props & {
     component: React.ElementType;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: (props: Record<string, any>) => any;
 };
 export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<React.FunctionComponent<(Props & ComponentProp<any> & Omit<Omit<any, "ref">, "component" | keyof Props> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (Props & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & StaticComponents;
 export {};

package/lib/core/factory/polymorphic-factory.d.ts

@@ -9,8 +9,8 @@ export declare function polymorphicFactory<Payload extends PolymorphicFactoryPay
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof Payload["props"]> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (Payload["props"] & {
     component: import("react").ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload["staticComponents"]>;

package/lib/core/utils/close-on-escape/close-on-escape.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 interface Options {
     active: boolean | undefined;
-    onTrigger?(): void;
-    onKeyDown?(event: React.KeyboardEvent<any>): void;
+    onTrigger?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<any>) => void;
 }
 export declare function closeOnEscape(callback?: (event: any) => void, options?: Options): (event: React.KeyboardEvent<any>) => void;
 export {};

package/lib/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.d.ts

@@ -13,7 +13,7 @@ interface GetElementsSiblingsInput {
     /** Determines whether element should be clicked when focused with keyboard event */
     activateOnFocus?: boolean;
     /** External keydown event */
-    onKeyDown?(event: React.KeyboardEvent<HTMLButtonElement>): void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
 }
 export declare function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeyDown, loop, activateOnFocus, dir, orientation, }: GetElementsSiblingsInput): (event: React.KeyboardEvent<HTMLButtonElement>) => void;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
-  "version": "7.1.3",
+  "version": "7.2.0-alpha.0",
   "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
   "module": "./esm/index.mjs",
@@ -43,7 +43,7 @@
     "design"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "7.1.3",
+    "@mantine/hooks": "7.2.0-alpha.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },