@mantine/core 7.11.2 → 7.12.0

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 (67) hide show
  1. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.cjs.map +1 -1
  2. package/cjs/components/ScrollArea/ScrollArea.cjs +9 -0
  3. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  4. package/cjs/components/SemiCircleProgress/SemiCircleProgress.cjs +136 -0
  5. package/cjs/components/SemiCircleProgress/SemiCircleProgress.cjs.map +1 -0
  6. package/cjs/components/SemiCircleProgress/SemiCircleProgress.module.css.cjs +7 -0
  7. package/cjs/components/SemiCircleProgress/SemiCircleProgress.module.css.cjs.map +1 -0
  8. package/cjs/components/Tree/Tree.cjs.map +1 -1
  9. package/cjs/components/Tree/TreeNode.cjs +1 -0
  10. package/cjs/components/Tree/TreeNode.cjs.map +1 -1
  11. package/cjs/components/Tree/get-all-checked-nodes/get-all-checked-nodes.cjs +39 -0
  12. package/cjs/components/Tree/get-all-checked-nodes/get-all-checked-nodes.cjs.map +1 -0
  13. package/cjs/components/Tree/get-children-nodes-values/get-children-nodes-values.cjs +38 -0
  14. package/cjs/components/Tree/get-children-nodes-values/get-children-nodes-values.cjs.map +1 -0
  15. package/cjs/components/Tree/is-node-checked/is-node-checked.cjs +32 -0
  16. package/cjs/components/Tree/is-node-checked/is-node-checked.cjs.map +1 -0
  17. package/cjs/components/Tree/is-node-indeterminate/is-node-indeterminate.cjs +29 -0
  18. package/cjs/components/Tree/is-node-indeterminate/is-node-indeterminate.cjs.map +1 -0
  19. package/cjs/components/Tree/use-tree.cjs +33 -3
  20. package/cjs/components/Tree/use-tree.cjs.map +1 -1
  21. package/cjs/core/utils/memoize/memoize.cjs +18 -0
  22. package/cjs/core/utils/memoize/memoize.cjs.map +1 -0
  23. package/cjs/index.cjs +4 -0
  24. package/cjs/index.cjs.map +1 -1
  25. package/esm/components/Accordion/AccordionPanel/AccordionPanel.mjs.map +1 -1
  26. package/esm/components/ScrollArea/ScrollArea.mjs +9 -0
  27. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  28. package/esm/components/SemiCircleProgress/SemiCircleProgress.mjs +134 -0
  29. package/esm/components/SemiCircleProgress/SemiCircleProgress.mjs.map +1 -0
  30. package/esm/components/SemiCircleProgress/SemiCircleProgress.module.css.mjs +5 -0
  31. package/esm/components/SemiCircleProgress/SemiCircleProgress.module.css.mjs.map +1 -0
  32. package/esm/components/Tree/Tree.mjs.map +1 -1
  33. package/esm/components/Tree/TreeNode.mjs +1 -0
  34. package/esm/components/Tree/TreeNode.mjs.map +1 -1
  35. package/esm/components/Tree/get-all-checked-nodes/get-all-checked-nodes.mjs +37 -0
  36. package/esm/components/Tree/get-all-checked-nodes/get-all-checked-nodes.mjs.map +1 -0
  37. package/esm/components/Tree/get-children-nodes-values/get-children-nodes-values.mjs +35 -0
  38. package/esm/components/Tree/get-children-nodes-values/get-children-nodes-values.mjs.map +1 -0
  39. package/esm/components/Tree/is-node-checked/is-node-checked.mjs +29 -0
  40. package/esm/components/Tree/is-node-checked/is-node-checked.mjs.map +1 -0
  41. package/esm/components/Tree/is-node-indeterminate/is-node-indeterminate.mjs +26 -0
  42. package/esm/components/Tree/is-node-indeterminate/is-node-indeterminate.mjs.map +1 -0
  43. package/esm/components/Tree/use-tree.mjs +33 -3
  44. package/esm/components/Tree/use-tree.mjs.map +1 -1
  45. package/esm/core/utils/memoize/memoize.mjs +16 -0
  46. package/esm/core/utils/memoize/memoize.mjs.map +1 -0
  47. package/esm/index.mjs +2 -0
  48. package/esm/index.mjs.map +1 -1
  49. package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +3 -1
  50. package/lib/components/ScrollArea/ScrollArea.d.ts +4 -0
  51. package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +39 -0
  52. package/lib/components/SemiCircleProgress/index.d.ts +2 -0
  53. package/lib/components/Tree/Tree.d.ts +2 -0
  54. package/lib/components/Tree/get-all-checked-nodes/get-all-checked-nodes.d.ts +11 -0
  55. package/lib/components/Tree/get-children-nodes-values/get-children-nodes-values.d.ts +3 -0
  56. package/lib/components/Tree/index.d.ts +1 -0
  57. package/lib/components/Tree/is-node-checked/is-node-checked.d.ts +3 -0
  58. package/lib/components/Tree/is-node-indeterminate/is-node-indeterminate.d.ts +3 -0
  59. package/lib/components/Tree/use-tree.d.ts +13 -0
  60. package/lib/components/index.d.ts +1 -0
  61. package/lib/core/utils/index.d.ts +1 -0
  62. package/lib/core/utils/memoize/memoize.d.ts +1 -0
  63. package/package.json +3 -3
  64. package/styles/SemiCircleProgress.css +56 -0
  65. package/styles/SemiCircleProgress.layer.css +57 -0
  66. package/styles.css +57 -0
  67. package/styles.layer.css +57 -0
@@ -0,0 +1,57 @@
1
+ @layer mantine {.m_fa528724 {
2
+ --scp-filled-segment-color: var(--mantine-primary-color-filled);
3
+ --scp-transition-duration: 0ms;
4
+ --scp-thickness: 10px;
5
+ }
6
+
7
+ :where([data-mantine-color-scheme='light']) .m_fa528724 {
8
+ --scp-empty-segment-color: var(--mantine-color-gray-2);
9
+ }
10
+
11
+ :where([data-mantine-color-scheme='dark']) .m_fa528724 {
12
+ --scp-empty-segment-color: var(--mantine-color-dark-4);
13
+ }
14
+
15
+ .m_fa528724 {
16
+
17
+ position: relative;
18
+ width: fit-content;
19
+ }
20
+
21
+ .m_62e9e7e2 {
22
+ display: block;
23
+ transform: var(--scp-rotation);
24
+ overflow: hidden;
25
+ }
26
+
27
+ .m_c573fb6f {
28
+ transition:
29
+ stroke-dashoffset var(--scp-transition-duration) ease,
30
+ stroke-dasharray var(--scp-transition-duration) ease,
31
+ stroke var(--scp-transition-duration);
32
+ }
33
+
34
+ .m_4fa340f2 {
35
+ position: absolute;
36
+ margin: 0;
37
+ padding: 0;
38
+ inset-inline: 0;
39
+ text-align: center;
40
+ z-index: 1;
41
+ }
42
+
43
+ .m_4fa340f2:where([data-position='bottom']) {
44
+ bottom: 0;
45
+ padding-inline: calc(var(--scp-thickness) * 2);
46
+ }
47
+
48
+ .m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
49
+ bottom: auto;
50
+ top: 0;
51
+ }
52
+
53
+ .m_4fa340f2:where([data-position='center']) {
54
+ top: 50%;
55
+ padding-inline: calc(var(--scp-thickness) * 3);
56
+ }
57
+ }
package/styles.css CHANGED
@@ -5622,6 +5622,63 @@ fieldset:disabled .m_1738fcb2,
5622
5622
  z-index: 2;
5623
5623
  }
5624
5624
 
5625
+ .m_fa528724 {
5626
+ --scp-filled-segment-color: var(--mantine-primary-color-filled);
5627
+ --scp-transition-duration: 0ms;
5628
+ --scp-thickness: calc(0.625rem * var(--mantine-scale));
5629
+ }
5630
+
5631
+ :where([data-mantine-color-scheme='light']) .m_fa528724 {
5632
+ --scp-empty-segment-color: var(--mantine-color-gray-2);
5633
+ }
5634
+
5635
+ :where([data-mantine-color-scheme='dark']) .m_fa528724 {
5636
+ --scp-empty-segment-color: var(--mantine-color-dark-4);
5637
+ }
5638
+
5639
+ .m_fa528724 {
5640
+
5641
+ position: relative;
5642
+ width: fit-content;
5643
+ }
5644
+
5645
+ .m_62e9e7e2 {
5646
+ display: block;
5647
+ transform: var(--scp-rotation);
5648
+ overflow: hidden;
5649
+ }
5650
+
5651
+ .m_c573fb6f {
5652
+ transition:
5653
+ stroke-dashoffset var(--scp-transition-duration) ease,
5654
+ stroke-dasharray var(--scp-transition-duration) ease,
5655
+ stroke var(--scp-transition-duration);
5656
+ }
5657
+
5658
+ .m_4fa340f2 {
5659
+ position: absolute;
5660
+ margin: 0;
5661
+ padding: 0;
5662
+ inset-inline: 0;
5663
+ text-align: center;
5664
+ z-index: 1;
5665
+ }
5666
+
5667
+ .m_4fa340f2:where([data-position='bottom']) {
5668
+ bottom: 0;
5669
+ padding-inline: calc(var(--scp-thickness) * 2);
5670
+ }
5671
+
5672
+ .m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
5673
+ bottom: auto;
5674
+ top: 0;
5675
+ }
5676
+
5677
+ .m_4fa340f2:where([data-position='center']) {
5678
+ top: 50%;
5679
+ padding-inline: calc(var(--scp-thickness) * 3);
5680
+ }
5681
+
5625
5682
  .m_925c2d2c {
5626
5683
  container: simple-grid / inline-size;
5627
5684
  }
package/styles.layer.css CHANGED
@@ -5622,6 +5622,63 @@ fieldset:disabled .m_1738fcb2,
5622
5622
  z-index: 2;
5623
5623
  }
5624
5624
 
5625
+ .m_fa528724 {
5626
+ --scp-filled-segment-color: var(--mantine-primary-color-filled);
5627
+ --scp-transition-duration: 0ms;
5628
+ --scp-thickness: calc(0.625rem * var(--mantine-scale));
5629
+ }
5630
+
5631
+ :where([data-mantine-color-scheme='light']) .m_fa528724 {
5632
+ --scp-empty-segment-color: var(--mantine-color-gray-2);
5633
+ }
5634
+
5635
+ :where([data-mantine-color-scheme='dark']) .m_fa528724 {
5636
+ --scp-empty-segment-color: var(--mantine-color-dark-4);
5637
+ }
5638
+
5639
+ .m_fa528724 {
5640
+
5641
+ position: relative;
5642
+ width: fit-content;
5643
+ }
5644
+
5645
+ .m_62e9e7e2 {
5646
+ display: block;
5647
+ transform: var(--scp-rotation);
5648
+ overflow: hidden;
5649
+ }
5650
+
5651
+ .m_c573fb6f {
5652
+ transition:
5653
+ stroke-dashoffset var(--scp-transition-duration) ease,
5654
+ stroke-dasharray var(--scp-transition-duration) ease,
5655
+ stroke var(--scp-transition-duration);
5656
+ }
5657
+
5658
+ .m_4fa340f2 {
5659
+ position: absolute;
5660
+ margin: 0;
5661
+ padding: 0;
5662
+ inset-inline: 0;
5663
+ text-align: center;
5664
+ z-index: 1;
5665
+ }
5666
+
5667
+ .m_4fa340f2:where([data-position='bottom']) {
5668
+ bottom: 0;
5669
+ padding-inline: calc(var(--scp-thickness) * 2);
5670
+ }
5671
+
5672
+ .m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
5673
+ bottom: auto;
5674
+ top: 0;
5675
+ }
5676
+
5677
+ .m_4fa340f2:where([data-position='center']) {
5678
+ top: 50%;
5679
+ padding-inline: calc(var(--scp-thickness) * 3);
5680
+ }
5681
+
5625
5682
  .m_925c2d2c {
5626
5683
  container: simple-grid / inline-size;
5627
5684
  }