@mantine/core 7.10.1 → 7.11.0

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

@@ -28,7 +28,13 @@ export interface ThemeExtend<Payload extends FactoryPayload> {
 export type ComponentClasses<Payload extends FactoryPayload> = {
     classes: Payload['stylesNames'] extends string ? Record<string, string> : never;
 };
-export type MantineComponentStaticProperties<Payload extends FactoryPayload> = ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']>;
+export type MantineComponentStaticProperties<Payload extends FactoryPayload> = ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']> & FactoryComponentWithProps<Payload>;
+export type FactoryComponentWithProps<Payload extends FactoryPayload> = {
+    withProps: (props: Payload['props']) => React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & {
+        component?: any;
+        renderRoot?: (props: Record<string, any>) => React.ReactNode;
+    }>;
+};
 export type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & {
     component?: any;
     renderRoot?: (props: Record<string, any>) => React.ReactNode;

package/lib/core/factory/index.d.ts

@@ -1,6 +1,6 @@
 export { factory } from './factory';
 export { polymorphicFactory } from './polymorphic-factory';
 export { createPolymorphicComponent } from './create-polymorphic-component';
-export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, } from './factory';
+export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, FactoryComponentWithProps, } from './factory';
 export type { PolymorphicComponentProps, PolymorphicRef } from './create-polymorphic-component';
 export type { Factory, PolymorphicFactory } from './create-factory';

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

@@ -4,6 +4,9 @@ export interface PolymorphicFactoryPayload extends FactoryPayload {
     defaultComponent: any;
     defaultRef: any;
 }
+export type PolymorphicComponentWithProps<Payload extends PolymorphicFactoryPayload> = {
+    withProps: <C = Payload['defaultComponent']>(fixedProps: PolymorphicComponentProps<C, Payload['props']>) => <L = C>(props: PolymorphicComponentProps<L, Payload['props']>) => React.ReactElement;
+};
 export declare function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>): (<C = Payload["defaultComponent"]>(props: PolymorphicComponentProps<C, Payload["props"]>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Payload["props"] & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof Payload["props"]> & {
@@ -12,4 +15,4 @@ export declare function polymorphicFactory<Payload extends PolymorphicFactoryPay
 }) | (Payload["props"] & {
     component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
-})>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload["staticComponents"]>;
+})>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & PolymorphicComponentWithProps<Payload> & StaticComponents<Payload["staticComponents"]>;

package/package.json

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

package/styles/Burger.css

@@ -6,6 +6,7 @@
   --burger-size-xl: 42px;
 
   --burger-size: var(--burger-size-md);
+  --burger-line-size: calc(var(--burger-size) / 12);
 
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -31,7 +32,7 @@
   .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
-    height: calc(var(--burger-size) / 12);
+    height: var(--burger-line-size);
     background-color: var(--burger-color);
     outline: 1px solid transparent;
     transition-property: background-color, transform;

package/styles/Burger.layer.css

@@ -6,6 +6,7 @@
   --burger-size-xl: 42px;
 
   --burger-size: var(--burger-size-md);
+  --burger-line-size: calc(var(--burger-size) / 12);
 
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -31,7 +32,7 @@
   .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
-    height: calc(var(--burger-size) / 12);
+    height: var(--burger-line-size);
     background-color: var(--burger-color);
     outline: 1px solid transparent;
     transition-property: background-color, transform;

package/styles.css

@@ -2825,6 +2825,7 @@ fieldset:disabled .m_d3ea56bb,
   --burger-size-xl: calc(2.625rem * var(--mantine-scale));
 
   --burger-size: var(--burger-size-md);
+  --burger-line-size: calc(var(--burger-size) / 12);
 
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -2850,7 +2851,7 @@ fieldset:disabled .m_d3ea56bb,
   .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
-    height: calc(var(--burger-size) / 12);
+    height: var(--burger-line-size);
     background-color: var(--burger-color);
     outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
     transition-property: background-color, transform;

package/styles.layer.css

@@ -2825,6 +2825,7 @@ fieldset:disabled .m_d3ea56bb,
   --burger-size-xl: calc(2.625rem * var(--mantine-scale));
 
   --burger-size: var(--burger-size-md);
+  --burger-line-size: calc(var(--burger-size) / 12);
 
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -2850,7 +2851,7 @@ fieldset:disabled .m_d3ea56bb,
   .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
-    height: calc(var(--burger-size) / 12);
+    height: var(--burger-line-size);
     background-color: var(--burger-color);
     outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
     transition-property: background-color, transform;