@mantine/core 8.3.5 → 8.3.7

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.
Files changed (82) hide show
  1. package/cjs/components/AppShell/AppShell.cjs +1 -1
  2. package/cjs/components/AppShell/AppShell.cjs.map +1 -1
  3. package/cjs/components/AppShell/AppShellAside/AppShellAside.cjs +12 -2
  4. package/cjs/components/AppShell/AppShellAside/AppShellAside.cjs.map +1 -1
  5. package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.cjs +2 -0
  6. package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.cjs.map +1 -1
  7. package/cjs/components/Checkbox/Checkbox.cjs +11 -13
  8. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  9. package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.cjs +12 -2
  10. package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.cjs.map +1 -1
  11. package/cjs/components/Checkbox/CheckboxGroup.context.cjs.map +1 -1
  12. package/cjs/components/Chip/Chip.cjs +1 -1
  13. package/cjs/components/Chip/Chip.cjs.map +1 -1
  14. package/cjs/components/List/List.cjs +1 -1
  15. package/cjs/components/List/List.cjs.map +1 -1
  16. package/cjs/components/Menu/MenuSub/MenuSub.cjs.map +1 -1
  17. package/cjs/components/NumberInput/NumberInput.cjs +1 -1
  18. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  19. package/cjs/components/PasswordInput/PasswordInput.cjs +1 -0
  20. package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
  21. package/cjs/components/Radio/Radio.cjs +11 -11
  22. package/cjs/components/Radio/Radio.cjs.map +1 -1
  23. package/cjs/components/Radio/RadioGroup/RadioGroup.cjs +28 -11
  24. package/cjs/components/Radio/RadioGroup/RadioGroup.cjs.map +1 -1
  25. package/cjs/components/Radio/RadioGroup.context.cjs.map +1 -1
  26. package/cjs/components/Switch/Switch.cjs +14 -10
  27. package/cjs/components/Switch/Switch.cjs.map +1 -1
  28. package/cjs/components/Switch/SwitchGroup/SwitchGroup.cjs +12 -2
  29. package/cjs/components/Switch/SwitchGroup/SwitchGroup.cjs.map +1 -1
  30. package/cjs/components/Switch/SwitchGroup.context.cjs.map +1 -1
  31. package/cjs/index.cjs +8 -0
  32. package/cjs/index.cjs.map +1 -1
  33. package/esm/components/AppShell/AppShell.mjs +1 -1
  34. package/esm/components/AppShell/AppShell.mjs.map +1 -1
  35. package/esm/components/AppShell/AppShellAside/AppShellAside.mjs +8 -2
  36. package/esm/components/AppShell/AppShellAside/AppShellAside.mjs.map +1 -1
  37. package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.mjs +2 -0
  38. package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.mjs.map +1 -1
  39. package/esm/components/Checkbox/Checkbox.mjs +11 -13
  40. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  41. package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs +12 -2
  42. package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs.map +1 -1
  43. package/esm/components/Checkbox/CheckboxGroup.context.mjs.map +1 -1
  44. package/esm/components/Chip/Chip.mjs +1 -1
  45. package/esm/components/Chip/Chip.mjs.map +1 -1
  46. package/esm/components/List/List.mjs +1 -1
  47. package/esm/components/List/List.mjs.map +1 -1
  48. package/esm/components/Menu/MenuSub/MenuSub.mjs.map +1 -1
  49. package/esm/components/NumberInput/NumberInput.mjs +1 -1
  50. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  51. package/esm/components/PasswordInput/PasswordInput.mjs +1 -0
  52. package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
  53. package/esm/components/Radio/Radio.mjs +11 -11
  54. package/esm/components/Radio/Radio.mjs.map +1 -1
  55. package/esm/components/Radio/RadioGroup/RadioGroup.mjs +28 -11
  56. package/esm/components/Radio/RadioGroup/RadioGroup.mjs.map +1 -1
  57. package/esm/components/Radio/RadioGroup.context.mjs.map +1 -1
  58. package/esm/components/Switch/Switch.mjs +14 -10
  59. package/esm/components/Switch/Switch.mjs.map +1 -1
  60. package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs +12 -2
  61. package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs.map +1 -1
  62. package/esm/components/Switch/SwitchGroup.context.mjs.map +1 -1
  63. package/esm/index.mjs +4 -0
  64. package/esm/index.mjs.map +1 -1
  65. package/lib/components/AppShell/AppShell.d.ts +1 -1
  66. package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +2 -0
  67. package/lib/components/Checkbox/CheckboxGroup.context.d.ts +1 -0
  68. package/lib/components/Menu/MenuSub/MenuSub.d.ts +8 -9
  69. package/lib/components/Menu/index.d.ts +8 -0
  70. package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +2 -0
  71. package/lib/components/Radio/RadioGroup.context.d.ts +1 -0
  72. package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +2 -0
  73. package/lib/components/Switch/SwitchGroup.context.d.ts +1 -0
  74. package/package.json +2 -2
  75. package/styles/AppShell.css +7 -3
  76. package/styles/AppShell.layer.css +7 -3
  77. package/styles/Chip.css +2 -2
  78. package/styles/Chip.layer.css +2 -2
  79. package/styles/List.css +4 -0
  80. package/styles/List.layer.css +4 -0
  81. package/styles.css +13 -5
  82. package/styles.layer.css +13 -5
package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts CHANGED
@@ -16,6 +16,8 @@ export interface SwitchGroupProps extends Omit<InputWrapperProps, 'onChange'> {
16
16
  size?: MantineSize | (string & {});
17
17
  /** If set, value cannot be changed */
18
18
  readOnly?: boolean;
19
+ /** Sets `disabled` attribute, prevents interactions */
20
+ disabled?: boolean;
19
21
  }
20
22
  export type SwitchGroupFactory = Factory<{
21
23
  props: SwitchGroupProps;
package/lib/components/Switch/SwitchGroup.context.d.ts CHANGED
@@ -3,6 +3,7 @@ interface SwitchGroupContextValue {
3
3
  value: string[];
4
4
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
5
5
  size: MantineSize | (string & {}) | undefined;
6
+ disabled?: boolean;
6
7
  }
7
8
  export declare const SwitchGroupProvider: import("react").Provider<SwitchGroupContextValue | null>;
8
9
  export declare const useSwitchGroupContext: () => SwitchGroupContextValue | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "8.3.5",
3
+ "version": "8.3.7",
4
4
  "description": "React components library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://mantine.dev/",
6
6
  "license": "MIT",
@@ -43,7 +43,7 @@
43
43
  "directory": "packages/@mantine/core"
44
44
  },
45
45
  "peerDependencies": {
46
- "@mantine/hooks": "8.3.5",
46
+ "@mantine/hooks": "8.3.7",
47
47
  "react": "^18.x || ^19.x",
48
48
  "react-dom": "^18.x || ^19.x"
49
49
  },
package/styles/AppShell.css CHANGED
@@ -72,6 +72,10 @@
72
72
  border-inline-start: 1px solid var(--app-shell-border-color);
73
73
  }
74
74
 
75
+ :where([data-scroll-locked]) .m_9cdde9a {
76
+ visibility: var(--app-shell-aside-scroll-locked-visibility);
77
+ }
78
+
75
79
  .m_8983817 {
76
80
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
77
81
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
@@ -85,13 +89,13 @@
85
89
  .m_3840c879 {
86
90
  position: fixed;
87
91
  inset-inline: 0;
88
- transition-property: transform, left, right;
92
+ transition-property: transform, margin-inline-start, margin-inline-end;
89
93
  background-color: var(--mantine-color-body);
90
94
  }
91
95
 
92
96
  :where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
93
- inset-inline-start: var(--app-shell-navbar-offset, 0rem);
94
- inset-inline-end: var(--app-shell-aside-offset, 0rem);
97
+ margin-inline-start: var(--app-shell-navbar-offset, 0rem);
98
+ margin-inline-end: var(--app-shell-aside-offset, 0rem);
95
99
  }
96
100
 
97
101
  .m_3b16f56b {
package/styles/AppShell.layer.css CHANGED
@@ -72,6 +72,10 @@
72
72
  border-inline-start: 1px solid var(--app-shell-border-color);
73
73
  }
74
74
 
75
+ :where([data-scroll-locked]) .m_9cdde9a {
76
+ visibility: var(--app-shell-aside-scroll-locked-visibility);
77
+ }
78
+
75
79
  .m_8983817 {
76
80
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
77
81
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
@@ -85,13 +89,13 @@
85
89
  .m_3840c879 {
86
90
  position: fixed;
87
91
  inset-inline: 0;
88
- transition-property: transform, left, right;
92
+ transition-property: transform, margin-inline-start, margin-inline-end;
89
93
  background-color: var(--mantine-color-body);
90
94
  }
91
95
 
92
96
  :where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
93
- inset-inline-start: var(--app-shell-navbar-offset, 0rem);
94
- inset-inline-end: var(--app-shell-aside-offset, 0rem);
97
+ margin-inline-start: var(--app-shell-navbar-offset, 0rem);
98
+ margin-inline-end: var(--app-shell-aside-offset, 0rem);
95
99
  }
96
100
 
97
101
  .m_3b16f56b {
package/styles/Chip.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --chip-size-lg: 36px;
6
6
  --chip-size-xl: 40px;
7
7
 
8
- --chip-icon-size-xs: 10px;
8
+ --chip-icon-size-xs: 9px;
9
9
  --chip-icon-size-sm: 12px;
10
10
  --chip-icon-size-md: 14px;
11
11
  --chip-icon-size-lg: 16px;
@@ -17,7 +17,7 @@
17
17
  --chip-padding-lg: 28px;
18
18
  --chip-padding-xl: 32px;
19
19
 
20
- --chip-checked-padding-xs: 7.5px;
20
+ --chip-checked-padding-xs: 8.2px;
21
21
  --chip-checked-padding-sm: 10px;
22
22
  --chip-checked-padding-md: 11.7px;
23
23
  --chip-checked-padding-lg: 13.5px;
package/styles/Chip.layer.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --chip-size-lg: 36px;
6
6
  --chip-size-xl: 40px;
7
7
 
8
- --chip-icon-size-xs: 10px;
8
+ --chip-icon-size-xs: 9px;
9
9
  --chip-icon-size-sm: 12px;
10
10
  --chip-icon-size-md: 14px;
11
11
  --chip-icon-size-lg: 16px;
@@ -17,7 +17,7 @@
17
17
  --chip-padding-lg: 28px;
18
18
  --chip-padding-xl: 32px;
19
19
 
20
- --chip-checked-padding-xs: 7.5px;
20
+ --chip-checked-padding-xs: 8.2px;
21
21
  --chip-checked-padding-sm: 10px;
22
22
  --chip-checked-padding-md: 11.7px;
23
23
  --chip-checked-padding-lg: 13.5px;
package/styles/List.css CHANGED
@@ -11,6 +11,10 @@
11
11
  padding-inline-start: var(--list-marker-gap);
12
12
  }
13
13
 
14
+ .m_abbac491[data-type='none'] {
15
+ --list-marker-gap: 0;
16
+ }
17
+
14
18
  .m_abbac491:where([data-with-padding]) {
15
19
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
16
20
  }
package/styles/List.layer.css CHANGED
@@ -11,6 +11,10 @@
11
11
  padding-inline-start: var(--list-marker-gap);
12
12
  }
13
13
 
14
+ .m_abbac491[data-type='none'] {
15
+ --list-marker-gap: 0;
16
+ }
17
+
14
18
  .m_abbac491:where([data-with-padding]) {
15
19
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
16
20
  }
package/styles.css CHANGED
@@ -2256,6 +2256,10 @@ fieldset:disabled .mantine-active:active {
2256
2256
  border-inline-start: 1px solid var(--app-shell-border-color);
2257
2257
  }
2258
2258
 
2259
+ :where([data-scroll-locked]) .m_9cdde9a {
2260
+ visibility: var(--app-shell-aside-scroll-locked-visibility);
2261
+ }
2262
+
2259
2263
  .m_8983817 {
2260
2264
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
2261
2265
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
@@ -2269,13 +2273,13 @@ fieldset:disabled .mantine-active:active {
2269
2273
  .m_3840c879 {
2270
2274
  position: fixed;
2271
2275
  inset-inline: 0;
2272
- transition-property: transform, left, right;
2276
+ transition-property: transform, margin-inline-start, margin-inline-end;
2273
2277
  background-color: var(--mantine-color-body);
2274
2278
  }
2275
2279
 
2276
2280
  :where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
2277
- inset-inline-start: var(--app-shell-navbar-offset, 0rem);
2278
- inset-inline-end: var(--app-shell-aside-offset, 0rem);
2281
+ margin-inline-start: var(--app-shell-navbar-offset, 0rem);
2282
+ margin-inline-end: var(--app-shell-aside-offset, 0rem);
2279
2283
  }
2280
2284
 
2281
2285
  .m_3b16f56b {
@@ -3516,7 +3520,7 @@ fieldset:disabled .m_8ee546b8,
3516
3520
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
3517
3521
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));
3518
3522
 
3519
- --chip-icon-size-xs: calc(0.625rem * var(--mantine-scale));
3523
+ --chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
3520
3524
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
3521
3525
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
3522
3526
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
@@ -3528,7 +3532,7 @@ fieldset:disabled .m_8ee546b8,
3528
3532
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
3529
3533
  --chip-padding-xl: calc(2rem * var(--mantine-scale));
3530
3534
 
3531
- --chip-checked-padding-xs: calc(0.46875rem * var(--mantine-scale));
3535
+ --chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
3532
3536
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
3533
3537
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
3534
3538
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
@@ -4355,6 +4359,10 @@ fieldset:disabled .m_8ee546b8,
4355
4359
  padding-inline-start: var(--list-marker-gap);
4356
4360
  }
4357
4361
 
4362
+ .m_abbac491[data-type='none'] {
4363
+ --list-marker-gap: 0;
4364
+ }
4365
+
4358
4366
  .m_abbac491:where([data-with-padding]) {
4359
4367
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
4360
4368
  }
package/styles.layer.css CHANGED
@@ -2256,6 +2256,10 @@ fieldset:disabled .mantine-active:active {
2256
2256
  border-inline-start: 1px solid var(--app-shell-border-color);
2257
2257
  }
2258
2258
 
2259
+ :where([data-scroll-locked]) .m_9cdde9a {
2260
+ visibility: var(--app-shell-aside-scroll-locked-visibility);
2261
+ }
2262
+
2259
2263
  .m_8983817 {
2260
2264
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
2261
2265
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
@@ -2269,13 +2273,13 @@ fieldset:disabled .mantine-active:active {
2269
2273
  .m_3840c879 {
2270
2274
  position: fixed;
2271
2275
  inset-inline: 0;
2272
- transition-property: transform, left, right;
2276
+ transition-property: transform, margin-inline-start, margin-inline-end;
2273
2277
  background-color: var(--mantine-color-body);
2274
2278
  }
2275
2279
 
2276
2280
  :where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
2277
- inset-inline-start: var(--app-shell-navbar-offset, 0rem);
2278
- inset-inline-end: var(--app-shell-aside-offset, 0rem);
2281
+ margin-inline-start: var(--app-shell-navbar-offset, 0rem);
2282
+ margin-inline-end: var(--app-shell-aside-offset, 0rem);
2279
2283
  }
2280
2284
 
2281
2285
  .m_3b16f56b {
@@ -3516,7 +3520,7 @@ fieldset:disabled .m_8ee546b8,
3516
3520
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
3517
3521
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));
3518
3522
 
3519
- --chip-icon-size-xs: calc(0.625rem * var(--mantine-scale));
3523
+ --chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
3520
3524
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
3521
3525
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
3522
3526
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
@@ -3528,7 +3532,7 @@ fieldset:disabled .m_8ee546b8,
3528
3532
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
3529
3533
  --chip-padding-xl: calc(2rem * var(--mantine-scale));
3530
3534
 
3531
- --chip-checked-padding-xs: calc(0.46875rem * var(--mantine-scale));
3535
+ --chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
3532
3536
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
3533
3537
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
3534
3538
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
@@ -4355,6 +4359,10 @@ fieldset:disabled .m_8ee546b8,
4355
4359
  padding-inline-start: var(--list-marker-gap);
4356
4360
  }
4357
4361
 
4362
+ .m_abbac491[data-type='none'] {
4363
+ --list-marker-gap: 0;
4364
+ }
4365
+
4358
4366
  .m_abbac491:where([data-with-padding]) {
4359
4367
  padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
4360
4368
  }