@mantine/core 8.3.2 → 8.3.4

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 (31) hide show
  1. package/cjs/components/Checkbox/Checkbox.cjs +2 -1
  2. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  3. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs +2 -1
  4. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs.map +1 -1
  5. package/cjs/components/Input/InputClearSection/InputClearSection.cjs +1 -1
  6. package/cjs/components/Input/InputClearSection/InputClearSection.cjs.map +1 -1
  7. package/cjs/components/Popover/Popover.cjs +4 -2
  8. package/cjs/components/Popover/Popover.cjs.map +1 -1
  9. package/cjs/components/Tabs/TabsTab/TabsTab.cjs +1 -1
  10. package/cjs/components/Tabs/TabsTab/TabsTab.cjs.map +1 -1
  11. package/cjs/components/Transition/get-transition-styles/get-transition-styles.cjs +0 -1
  12. package/cjs/components/Transition/get-transition-styles/get-transition-styles.cjs.map +1 -1
  13. package/esm/components/Checkbox/Checkbox.mjs +2 -1
  14. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  15. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs +2 -1
  16. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs.map +1 -1
  17. package/esm/components/Input/InputClearSection/InputClearSection.mjs +1 -1
  18. package/esm/components/Input/InputClearSection/InputClearSection.mjs.map +1 -1
  19. package/esm/components/Popover/Popover.mjs +4 -2
  20. package/esm/components/Popover/Popover.mjs.map +1 -1
  21. package/esm/components/Tabs/TabsTab/TabsTab.mjs +1 -1
  22. package/esm/components/Tabs/TabsTab/TabsTab.mjs.map +1 -1
  23. package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs +0 -1
  24. package/esm/components/Transition/get-transition-styles/get-transition-styles.mjs.map +1 -1
  25. package/package.json +2 -2
  26. package/styles/Checkbox.css +9 -2
  27. package/styles/Checkbox.layer.css +9 -2
  28. package/styles/CheckboxIndicator.css +12 -2
  29. package/styles/CheckboxIndicator.layer.css +12 -2
  30. package/styles.css +21 -4
  31. package/styles.layer.css +21 -4
@@ -1 +1 @@
1
- {"version":3,"file":"get-transition-styles.mjs","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n entering: 'in',\n entered: 'in',\n exiting: 'out',\n exited: 'out',\n 'pre-exiting': 'out',\n 'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n transition,\n state,\n duration,\n timingFunction,\n}: {\n transition: MantineTransition;\n state: keyof typeof transitionStatuses;\n duration: number;\n timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n const shared: React.CSSProperties = {\n WebkitBackfaceVisibility: 'hidden',\n willChange: 'transform, opacity',\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: timingFunction,\n };\n\n if (typeof transition === 'string') {\n if (!(transition in transitions)) {\n return {};\n }\n\n return {\n transitionProperty: transitions[transition].transitionProperty,\n ...shared,\n ...transitions[transition].common,\n ...transitions[transition][transitionStatuses[state]],\n };\n }\n\n return {\n transitionProperty: transition.transitionProperty,\n ...shared,\n ...transition.common,\n ...transition[transitionStatuses[state]],\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"get-transition-styles.mjs","sources":["../../../../src/components/Transition/get-transition-styles/get-transition-styles.ts"],"sourcesContent":["import { MantineTransition, transitions } from '../transitions';\n\nconst transitionStatuses = {\n entering: 'in',\n entered: 'in',\n exiting: 'out',\n exited: 'out',\n 'pre-exiting': 'out',\n 'pre-entering': 'out',\n} as const;\n\nexport function getTransitionStyles({\n transition,\n state,\n duration,\n timingFunction,\n}: {\n transition: MantineTransition;\n state: keyof typeof transitionStatuses;\n duration: number;\n timingFunction: React.CSSProperties['transitionTimingFunction'];\n}): React.CSSProperties {\n const shared: React.CSSProperties = {\n WebkitBackfaceVisibility: 'hidden',\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: timingFunction,\n };\n\n if (typeof transition === 'string') {\n if (!(transition in transitions)) {\n return {};\n }\n\n return {\n transitionProperty: transitions[transition].transitionProperty,\n ...shared,\n ...transitions[transition].common,\n ...transitions[transition][transitionStatuses[state]],\n };\n }\n\n return {\n transitionProperty: transition.transitionProperty,\n ...shared,\n ...transition.common,\n ...transition[transitionStatuses[state]],\n };\n}\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "8.3.2",
3
+ "version": "8.3.4",
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.2",
46
+ "@mantine/hooks": "8.3.4",
47
47
  "react": "^18.x || ^19.x",
48
48
  "react-dom": "^18.x || ^19.x"
49
49
  },
@@ -7,9 +7,16 @@
7
7
 
8
8
  --checkbox-size: var(--checkbox-size-sm);
9
9
  --checkbox-color: var(--mantine-primary-color-filled);
10
- --checkbox-icon-color: var(--mantine-color-white);
11
10
  }
12
11
 
12
+ .m_bf2d988c:where([data-variant='filled']) {
13
+ --checkbox-icon-color: var(--mantine-color-white);
14
+ }
15
+
16
+ .m_bf2d988c:where([data-variant='outline']) {
17
+ --checkbox-icon-color: var(--checkbox-color);
18
+ }
19
+
13
20
  .m_26062bec {
14
21
  position: relative;
15
22
  width: var(--checkbox-size);
@@ -83,7 +90,7 @@
83
90
  }
84
91
 
85
92
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
86
- color: var(--checkbox-color);
93
+ color: var(--checkbox-icon-color);
87
94
  opacity: 1;
88
95
  transform: none;
89
96
  }
@@ -7,9 +7,16 @@
7
7
 
8
8
  --checkbox-size: var(--checkbox-size-sm);
9
9
  --checkbox-color: var(--mantine-primary-color-filled);
10
- --checkbox-icon-color: var(--mantine-color-white);
11
10
  }
12
11
 
12
+ .m_bf2d988c:where([data-variant='filled']) {
13
+ --checkbox-icon-color: var(--mantine-color-white);
14
+ }
15
+
16
+ .m_bf2d988c:where([data-variant='outline']) {
17
+ --checkbox-icon-color: var(--checkbox-color);
18
+ }
19
+
13
20
  .m_26062bec {
14
21
  position: relative;
15
22
  width: var(--checkbox-size);
@@ -83,7 +90,7 @@
83
90
  }
84
91
 
85
92
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
86
- color: var(--checkbox-color);
93
+ color: var(--checkbox-icon-color);
87
94
  opacity: 1;
88
95
  transform: none;
89
96
  }
@@ -7,7 +7,17 @@
7
7
 
8
8
  --checkbox-size: var(--checkbox-size-sm);
9
9
  --checkbox-color: var(--mantine-primary-color-filled);
10
- --checkbox-icon-color: var(--mantine-color-white);
10
+ }
11
+
12
+ .m_5e5256ee:where([data-variant='filled']) {
13
+ --checkbox-icon-color: var(--mantine-color-white);
14
+ }
15
+
16
+ .m_5e5256ee:where([data-variant='outline']) {
17
+ --checkbox-icon-color: var(--checkbox-color);
18
+ }
19
+
20
+ .m_5e5256ee {
11
21
 
12
22
  position: relative;
13
23
  border: 1px solid transparent;
@@ -69,7 +79,7 @@
69
79
  }
70
80
 
71
81
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
72
- color: var(--checkbox-color);
82
+ color: var(--checkbox-icon-color);
73
83
  opacity: 1;
74
84
  transform: none;
75
85
  }
@@ -7,7 +7,17 @@
7
7
 
8
8
  --checkbox-size: var(--checkbox-size-sm);
9
9
  --checkbox-color: var(--mantine-primary-color-filled);
10
- --checkbox-icon-color: var(--mantine-color-white);
10
+ }
11
+
12
+ .m_5e5256ee:where([data-variant='filled']) {
13
+ --checkbox-icon-color: var(--mantine-color-white);
14
+ }
15
+
16
+ .m_5e5256ee:where([data-variant='outline']) {
17
+ --checkbox-icon-color: var(--checkbox-color);
18
+ }
19
+
20
+ .m_5e5256ee {
11
21
 
12
22
  position: relative;
13
23
  border: 1px solid transparent;
@@ -69,7 +79,7 @@
69
79
  }
70
80
 
71
81
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
72
- color: var(--checkbox-color);
82
+ color: var(--checkbox-icon-color);
73
83
  opacity: 1;
74
84
  transform: none;
75
85
  }
package/styles.css CHANGED
@@ -2636,7 +2636,17 @@ fieldset:disabled .m_8ee546b8,
2636
2636
 
2637
2637
  --checkbox-size: var(--checkbox-size-sm);
2638
2638
  --checkbox-color: var(--mantine-primary-color-filled);
2639
- --checkbox-icon-color: var(--mantine-color-white);
2639
+ }
2640
+
2641
+ .m_5e5256ee:where([data-variant='filled']) {
2642
+ --checkbox-icon-color: var(--mantine-color-white);
2643
+ }
2644
+
2645
+ .m_5e5256ee:where([data-variant='outline']) {
2646
+ --checkbox-icon-color: var(--checkbox-color);
2647
+ }
2648
+
2649
+ .m_5e5256ee {
2640
2650
 
2641
2651
  position: relative;
2642
2652
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -2698,7 +2708,7 @@ fieldset:disabled .m_8ee546b8,
2698
2708
  }
2699
2709
 
2700
2710
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
2701
- color: var(--checkbox-color);
2711
+ color: var(--checkbox-icon-color);
2702
2712
  opacity: 1;
2703
2713
  transform: none;
2704
2714
  }
@@ -2724,9 +2734,16 @@ fieldset:disabled .m_8ee546b8,
2724
2734
 
2725
2735
  --checkbox-size: var(--checkbox-size-sm);
2726
2736
  --checkbox-color: var(--mantine-primary-color-filled);
2727
- --checkbox-icon-color: var(--mantine-color-white);
2728
2737
  }
2729
2738
 
2739
+ .m_bf2d988c:where([data-variant='filled']) {
2740
+ --checkbox-icon-color: var(--mantine-color-white);
2741
+ }
2742
+
2743
+ .m_bf2d988c:where([data-variant='outline']) {
2744
+ --checkbox-icon-color: var(--checkbox-color);
2745
+ }
2746
+
2730
2747
  .m_26062bec {
2731
2748
  position: relative;
2732
2749
  width: var(--checkbox-size);
@@ -2800,7 +2817,7 @@ fieldset:disabled .m_8ee546b8,
2800
2817
  }
2801
2818
 
2802
2819
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
2803
- color: var(--checkbox-color);
2820
+ color: var(--checkbox-icon-color);
2804
2821
  opacity: 1;
2805
2822
  transform: none;
2806
2823
  }
package/styles.layer.css CHANGED
@@ -2636,7 +2636,17 @@ fieldset:disabled .m_8ee546b8,
2636
2636
 
2637
2637
  --checkbox-size: var(--checkbox-size-sm);
2638
2638
  --checkbox-color: var(--mantine-primary-color-filled);
2639
- --checkbox-icon-color: var(--mantine-color-white);
2639
+ }
2640
+
2641
+ .m_5e5256ee:where([data-variant='filled']) {
2642
+ --checkbox-icon-color: var(--mantine-color-white);
2643
+ }
2644
+
2645
+ .m_5e5256ee:where([data-variant='outline']) {
2646
+ --checkbox-icon-color: var(--checkbox-color);
2647
+ }
2648
+
2649
+ .m_5e5256ee {
2640
2650
 
2641
2651
  position: relative;
2642
2652
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -2698,7 +2708,7 @@ fieldset:disabled .m_8ee546b8,
2698
2708
  }
2699
2709
 
2700
2710
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
2701
- color: var(--checkbox-color);
2711
+ color: var(--checkbox-icon-color);
2702
2712
  opacity: 1;
2703
2713
  transform: none;
2704
2714
  }
@@ -2724,9 +2734,16 @@ fieldset:disabled .m_8ee546b8,
2724
2734
 
2725
2735
  --checkbox-size: var(--checkbox-size-sm);
2726
2736
  --checkbox-color: var(--mantine-primary-color-filled);
2727
- --checkbox-icon-color: var(--mantine-color-white);
2728
2737
  }
2729
2738
 
2739
+ .m_bf2d988c:where([data-variant='filled']) {
2740
+ --checkbox-icon-color: var(--mantine-color-white);
2741
+ }
2742
+
2743
+ .m_bf2d988c:where([data-variant='outline']) {
2744
+ --checkbox-icon-color: var(--checkbox-color);
2745
+ }
2746
+
2730
2747
  .m_26062bec {
2731
2748
  position: relative;
2732
2749
  width: var(--checkbox-size);
@@ -2800,7 +2817,7 @@ fieldset:disabled .m_8ee546b8,
2800
2817
  }
2801
2818
 
2802
2819
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
2803
- color: var(--checkbox-color);
2820
+ color: var(--checkbox-icon-color);
2804
2821
  opacity: 1;
2805
2822
  transform: none;
2806
2823
  }