@mantine/core 7.0.0-alpha.4 → 7.0.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/lib/components/Input/use-input-props.d.ts +8 -8
- package/lib/core/MantineProvider/MantineProvider.d.ts +1 -0
- package/lib/core/MantineProvider/suppress-nextjs-warning.d.ts +4 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\n\nimport React from 'react';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement?(): HTMLElement | undefined;\n\n /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n classNamesPrefix?: string;\n\n /** Function to generate nonce attribute added to all generated `<style />` tags */\n getStyleNonce?(): string;\n\n /** Function to generate CSS variables based on theme object */\n cssVariablesResolver?: CSSVariablesResolver;\n\n /** Your application */\n children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n theme,\n children,\n getStyleNonce,\n withCssVariables = true,\n cssVariablesSelector = ':root',\n classNamesPrefix = 'mantine',\n colorSchemeManager = localStorageColorSchemeManager(),\n defaultColorScheme = 'auto',\n getRootElement = () => document.documentElement,\n cssVariablesResolver,\n}: MantineProviderProps) {\n const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n defaultColorScheme,\n manager: colorSchemeManager,\n getRootElement,\n });\n\n useRespectReduceMotion({\n respectReducedMotion: theme?.respectReducedMotion || false,\n getRootElement,\n });\n\n return (\n <MantineContext.Provider\n value={{\n colorSchemeManager,\n colorScheme,\n setColorScheme,\n clearColorScheme,\n getRootElement,\n classNamesPrefix,\n getStyleNonce,\n cssVariablesResolver,\n }}\n >\n <MantineThemeProvider theme={theme}>\n {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n {children}\n </MantineThemeProvider>\n </MantineContext.Provider>\n );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\nimport './suppress-nextjs-warning';\n\nimport React from 'react';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement?(): HTMLElement | undefined;\n\n /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n classNamesPrefix?: string;\n\n /** Function to generate nonce attribute added to all generated `<style />` tags */\n getStyleNonce?(): string;\n\n /** Function to generate CSS variables based on theme object */\n cssVariablesResolver?: CSSVariablesResolver;\n\n /** Your application */\n children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n theme,\n children,\n getStyleNonce,\n withCssVariables = true,\n cssVariablesSelector = ':root',\n classNamesPrefix = 'mantine',\n colorSchemeManager = localStorageColorSchemeManager(),\n defaultColorScheme = 'auto',\n getRootElement = () => document.documentElement,\n cssVariablesResolver,\n}: MantineProviderProps) {\n const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n defaultColorScheme,\n manager: colorSchemeManager,\n getRootElement,\n });\n\n useRespectReduceMotion({\n respectReducedMotion: theme?.respectReducedMotion || false,\n getRootElement,\n });\n\n return (\n <MantineContext.Provider\n value={{\n colorSchemeManager,\n colorScheme,\n setColorScheme,\n clearColorScheme,\n getRootElement,\n classNamesPrefix,\n getStyleNonce,\n cssVariablesResolver,\n }}\n >\n <MantineThemeProvider theme={theme}>\n {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n {children}\n </MantineThemeProvider>\n </MantineContext.Provider>\n );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;;AAWO,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,gBAAgB,GAAG,IAAI;AACzB,EAAE,oBAAoB,GAAG,OAAO;AAChC,EAAE,gBAAgB,GAAG,SAAS;AAC9B,EAAE,kBAAkB,GAAGA,kDAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,MAAM;AAC7B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAGC,6CAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAEC,6CAAsB,CAAC;AACzB,IAAI,oBAAoB,EAAE,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,oBAAoB,KAAK,KAAK;AACxF,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,8BAAc,CAAC,QAAQ,EAAE;AACtE,IAAI,KAAK,EAAE;AACX,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,KAAK;AACL,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,yCAAoB,EAAE;AAC/D,IAAI,KAAK;AACT,GAAG,EAAE,gBAAgB,oBAAoBF,cAAK,CAAC,aAAa,CAACG,uCAAmB,EAAE;AAClF,IAAI,oBAAoB;AACxB,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\n\nimport React from 'react';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement?(): HTMLElement | undefined;\n\n /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n classNamesPrefix?: string;\n\n /** Function to generate nonce attribute added to all generated `<style />` tags */\n getStyleNonce?(): string;\n\n /** Function to generate CSS variables based on theme object */\n cssVariablesResolver?: CSSVariablesResolver;\n\n /** Your application */\n children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n theme,\n children,\n getStyleNonce,\n withCssVariables = true,\n cssVariablesSelector = ':root',\n classNamesPrefix = 'mantine',\n colorSchemeManager = localStorageColorSchemeManager(),\n defaultColorScheme = 'auto',\n getRootElement = () => document.documentElement,\n cssVariablesResolver,\n}: MantineProviderProps) {\n const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n defaultColorScheme,\n manager: colorSchemeManager,\n getRootElement,\n });\n\n useRespectReduceMotion({\n respectReducedMotion: theme?.respectReducedMotion || false,\n getRootElement,\n });\n\n return (\n <MantineContext.Provider\n value={{\n colorSchemeManager,\n colorScheme,\n setColorScheme,\n clearColorScheme,\n getRootElement,\n classNamesPrefix,\n getStyleNonce,\n cssVariablesResolver,\n }}\n >\n <MantineThemeProvider theme={theme}>\n {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n {children}\n </MantineThemeProvider>\n </MantineContext.Provider>\n );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\nimport './styles/default-css-variables.css';\nimport './suppress-nextjs-warning';\n\nimport React from 'react';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nexport interface MantineProviderProps {\n /** Theme override object */\n theme?: MantineThemeOverride;\n\n /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n colorSchemeManager?: MantineColorSchemeManager;\n\n /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */\n defaultColorScheme?: MantineColorScheme;\n\n /** CSS selector to which CSS variables should be added, `:root` by default */\n cssVariablesSelector?: string;\n\n /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */\n withCssVariables?: boolean;\n\n /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n getRootElement?(): HTMLElement | undefined;\n\n /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n classNamesPrefix?: string;\n\n /** Function to generate nonce attribute added to all generated `<style />` tags */\n getStyleNonce?(): string;\n\n /** Function to generate CSS variables based on theme object */\n cssVariablesResolver?: CSSVariablesResolver;\n\n /** Your application */\n children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n theme,\n children,\n getStyleNonce,\n withCssVariables = true,\n cssVariablesSelector = ':root',\n classNamesPrefix = 'mantine',\n colorSchemeManager = localStorageColorSchemeManager(),\n defaultColorScheme = 'auto',\n getRootElement = () => document.documentElement,\n cssVariablesResolver,\n}: MantineProviderProps) {\n const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n defaultColorScheme,\n manager: colorSchemeManager,\n getRootElement,\n });\n\n useRespectReduceMotion({\n respectReducedMotion: theme?.respectReducedMotion || false,\n getRootElement,\n });\n\n return (\n <MantineContext.Provider\n value={{\n colorSchemeManager,\n colorScheme,\n setColorScheme,\n clearColorScheme,\n getRootElement,\n classNamesPrefix,\n getStyleNonce,\n cssVariablesResolver,\n }}\n >\n <MantineThemeProvider theme={theme}>\n {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n {children}\n </MantineThemeProvider>\n </MantineContext.Provider>\n );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":[],"mappings":";;;;;;;;;AAWO,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,gBAAgB,GAAG,IAAI;AACzB,EAAE,oBAAoB,GAAG,OAAO;AAChC,EAAE,gBAAgB,GAAG,SAAS;AAC9B,EAAE,kBAAkB,GAAG,8BAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,MAAM;AAC7B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,sBAAsB,CAAC;AACzB,IAAI,oBAAoB,EAAE,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,oBAAoB,KAAK,KAAK;AACxF,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,EAAE;AACtE,IAAI,KAAK,EAAE;AACX,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,KAAK;AACL,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE;AAC/D,IAAI,KAAK;AACT,GAAG,EAAE,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClF,IAAI,oBAAoB;AACxB,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;"}
|
|
@@ -8,7 +8,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
|
|
|
8
8
|
__stylesApiProps?: Record<string, any>;
|
|
9
9
|
id?: string;
|
|
10
10
|
}
|
|
11
|
-
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" | "
|
|
11
|
+
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" | "variant" | "error" | "className" | "id" | "classNames" | "styles" | "vars" | "description" | "size" | "unstyled" | "__staticSelector" | "required" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
|
|
12
12
|
classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
|
|
13
13
|
styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
|
|
14
14
|
unstyled: boolean | undefined;
|
|
@@ -17,8 +17,6 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
17
17
|
slot?: string | undefined;
|
|
18
18
|
style: import("../../core").MantineStyleProp;
|
|
19
19
|
title?: string | undefined;
|
|
20
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
21
|
-
dir?: string | undefined;
|
|
22
20
|
color?: string | undefined;
|
|
23
21
|
key?: import("react").Key | null | undefined;
|
|
24
22
|
defaultChecked?: boolean | undefined;
|
|
@@ -29,6 +27,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
29
27
|
className: string | undefined;
|
|
30
28
|
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
31
29
|
contextMenu?: string | undefined;
|
|
30
|
+
dir?: string | undefined;
|
|
32
31
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
33
32
|
hidden?: boolean | undefined;
|
|
34
33
|
id: string;
|
|
@@ -59,7 +58,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
59
58
|
results?: number | undefined;
|
|
60
59
|
security?: string | undefined;
|
|
61
60
|
unselectable?: "on" | "off" | undefined;
|
|
62
|
-
inputMode?: "search" | "text" | "none" | "
|
|
61
|
+
inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
|
|
63
62
|
is?: string | undefined;
|
|
64
63
|
'aria-activedescendant'?: string | undefined;
|
|
65
64
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
@@ -90,7 +89,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
90
89
|
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
91
90
|
'aria-multiline'?: (boolean | "true" | "false") | undefined;
|
|
92
91
|
'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
|
|
93
|
-
'aria-orientation'?: "
|
|
92
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
94
93
|
'aria-owns'?: string | undefined;
|
|
95
94
|
'aria-placeholder'?: string | undefined;
|
|
96
95
|
'aria-posinset'?: number | undefined;
|
|
@@ -104,7 +103,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
104
103
|
'aria-rowspan'?: number | undefined;
|
|
105
104
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
106
105
|
'aria-setsize'?: number | undefined;
|
|
107
|
-
'aria-sort'?: "
|
|
106
|
+
'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
|
|
108
107
|
'aria-valuemax'?: number | undefined;
|
|
109
108
|
'aria-valuemin'?: number | undefined;
|
|
110
109
|
'aria-valuenow'?: number | undefined;
|
|
@@ -144,6 +143,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
144
143
|
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
145
144
|
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
146
145
|
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
147
147
|
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
148
148
|
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
149
149
|
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
@@ -285,7 +285,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
285
285
|
descriptionProps: Record<string, any> | undefined;
|
|
286
286
|
unstyled: boolean | undefined;
|
|
287
287
|
styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
|
|
288
|
-
size: import("../../core").MantineSize |
|
|
288
|
+
size: (string & {}) | import("../../core").MantineSize | undefined;
|
|
289
289
|
inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
290
290
|
inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
|
|
291
291
|
withAsterisk: boolean | undefined;
|
|
@@ -297,7 +297,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
|
|
|
297
297
|
styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
|
|
298
298
|
unstyled: boolean | undefined;
|
|
299
299
|
id: string;
|
|
300
|
-
size: import("../../core").MantineSize |
|
|
300
|
+
size: (string & {}) | import("../../core").MantineSize | undefined;
|
|
301
301
|
__staticSelector: string | undefined;
|
|
302
302
|
__stylesApiProps: Record<string, any>;
|
|
303
303
|
error: import("react").ReactNode;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import './styles/css-reset.css';
|
|
2
2
|
import './styles/global-styles.css';
|
|
3
3
|
import './styles/default-css-variables.css';
|
|
4
|
+
import './suppress-nextjs-warning';
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import { CSSVariablesResolver } from './MantineCssVariables';
|
|
6
7
|
import type { MantineColorScheme, MantineThemeOverride } from './theme.types';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
3
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
4
|
-
"version": "7.0.0-alpha.
|
|
4
|
+
"version": "7.0.0-alpha.6",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"design"
|
|
27
27
|
],
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@mantine/hooks": "7.0.0-alpha.
|
|
29
|
+
"@mantine/hooks": "7.0.0-alpha.6",
|
|
30
30
|
"react": ">=16.8.0",
|
|
31
31
|
"react-dom": ">=16.8.0"
|
|
32
32
|
},
|