@mantine/core 7.10.2 → 7.11.1

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 (154) hide show
  1. package/cjs/components/Avatar/Avatar.cjs +11 -6
  2. package/cjs/components/Avatar/Avatar.cjs.map +1 -1
  3. package/cjs/components/Avatar/get-initials/get-initials.cjs +13 -0
  4. package/cjs/components/Avatar/get-initials/get-initials.cjs.map +1 -0
  5. package/cjs/components/Avatar/get-initials-color/get-initials-color.cjs +35 -0
  6. package/cjs/components/Avatar/get-initials-color/get-initials-color.cjs.map +1 -0
  7. package/cjs/components/Burger/Burger.cjs +3 -1
  8. package/cjs/components/Burger/Burger.cjs.map +1 -1
  9. package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs +4 -17
  10. package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs.map +1 -1
  11. package/cjs/components/ModalBase/ModalBase.cjs +22 -13
  12. package/cjs/components/ModalBase/ModalBase.cjs.map +1 -1
  13. package/cjs/components/MultiSelect/MultiSelect.cjs +1 -1
  14. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  15. package/cjs/components/NumberInput/NumberInput.cjs +3 -1
  16. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  17. package/cjs/components/Pagination/Pagination.cjs +2 -1
  18. package/cjs/components/Pagination/Pagination.cjs.map +1 -1
  19. package/cjs/components/PinInput/PinInput.cjs +1 -0
  20. package/cjs/components/PinInput/PinInput.cjs.map +1 -1
  21. package/cjs/components/Popover/Popover.cjs +2 -1
  22. package/cjs/components/Popover/Popover.cjs.map +1 -1
  23. package/cjs/components/Popover/Popover.context.cjs.map +1 -1
  24. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs +1 -0
  25. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.cjs.map +1 -1
  26. package/cjs/components/Select/Select.cjs +2 -2
  27. package/cjs/components/Select/Select.cjs.map +1 -1
  28. package/cjs/components/Spoiler/Spoiler.cjs +10 -3
  29. package/cjs/components/Spoiler/Spoiler.cjs.map +1 -1
  30. package/cjs/components/TagsInput/TagsInput.cjs +28 -10
  31. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  32. package/cjs/components/Tooltip/Tooltip.cjs +3 -0
  33. package/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
  34. package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.cjs +4 -1
  35. package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.cjs.map +1 -1
  36. package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.cjs +3 -2
  37. package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.cjs.map +1 -1
  38. package/cjs/components/Tooltip/use-tooltip.cjs +1 -1
  39. package/cjs/components/Tooltip/use-tooltip.cjs.map +1 -1
  40. package/cjs/components/Transition/Transition.cjs +6 -2
  41. package/cjs/components/Transition/Transition.cjs.map +1 -1
  42. package/cjs/components/Transition/use-transition.cjs +23 -6
  43. package/cjs/components/Transition/use-transition.cjs.map +1 -1
  44. package/cjs/components/Tree/Tree.cjs +1 -0
  45. package/cjs/components/Tree/Tree.cjs.map +1 -1
  46. package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.cjs +2 -2
  47. package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.cjs.map +1 -1
  48. package/cjs/core/factory/factory.cjs +7 -0
  49. package/cjs/core/factory/factory.cjs.map +1 -1
  50. package/cjs/core/factory/polymorphic-factory.cjs +7 -0
  51. package/cjs/core/factory/polymorphic-factory.cjs.map +1 -1
  52. package/esm/components/Avatar/Avatar.mjs +11 -6
  53. package/esm/components/Avatar/Avatar.mjs.map +1 -1
  54. package/esm/components/Avatar/get-initials/get-initials.mjs +11 -0
  55. package/esm/components/Avatar/get-initials/get-initials.mjs.map +1 -0
  56. package/esm/components/Avatar/get-initials-color/get-initials-color.mjs +33 -0
  57. package/esm/components/Avatar/get-initials-color/get-initials-color.mjs.map +1 -0
  58. package/esm/components/Burger/Burger.mjs +3 -1
  59. package/esm/components/Burger/Burger.mjs.map +1 -1
  60. package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs +4 -17
  61. package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs.map +1 -1
  62. package/esm/components/ModalBase/ModalBase.mjs +22 -13
  63. package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
  64. package/esm/components/MultiSelect/MultiSelect.mjs +1 -1
  65. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  66. package/esm/components/NumberInput/NumberInput.mjs +3 -1
  67. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  68. package/esm/components/Pagination/Pagination.mjs +2 -1
  69. package/esm/components/Pagination/Pagination.mjs.map +1 -1
  70. package/esm/components/PinInput/PinInput.mjs +1 -0
  71. package/esm/components/PinInput/PinInput.mjs.map +1 -1
  72. package/esm/components/Popover/Popover.context.mjs.map +1 -1
  73. package/esm/components/Popover/Popover.mjs +2 -1
  74. package/esm/components/Popover/Popover.mjs.map +1 -1
  75. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs +1 -0
  76. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.mjs.map +1 -1
  77. package/esm/components/Select/Select.mjs +2 -2
  78. package/esm/components/Select/Select.mjs.map +1 -1
  79. package/esm/components/Spoiler/Spoiler.mjs +11 -4
  80. package/esm/components/Spoiler/Spoiler.mjs.map +1 -1
  81. package/esm/components/TagsInput/TagsInput.mjs +29 -11
  82. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  83. package/esm/components/Tooltip/Tooltip.mjs +3 -0
  84. package/esm/components/Tooltip/Tooltip.mjs.map +1 -1
  85. package/esm/components/Tooltip/TooltipFloating/TooltipFloating.mjs +4 -1
  86. package/esm/components/Tooltip/TooltipFloating/TooltipFloating.mjs.map +1 -1
  87. package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.mjs +3 -2
  88. package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.mjs.map +1 -1
  89. package/esm/components/Tooltip/use-tooltip.mjs +1 -1
  90. package/esm/components/Tooltip/use-tooltip.mjs.map +1 -1
  91. package/esm/components/Transition/Transition.mjs +6 -2
  92. package/esm/components/Transition/Transition.mjs.map +1 -1
  93. package/esm/components/Transition/use-transition.mjs +23 -6
  94. package/esm/components/Transition/use-transition.mjs.map +1 -1
  95. package/esm/components/Tree/Tree.mjs +1 -0
  96. package/esm/components/Tree/Tree.mjs.map +1 -1
  97. package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.mjs +2 -2
  98. package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.mjs.map +1 -1
  99. package/esm/core/factory/factory.mjs +7 -0
  100. package/esm/core/factory/factory.mjs.map +1 -1
  101. package/esm/core/factory/polymorphic-factory.mjs +7 -0
  102. package/esm/core/factory/polymorphic-factory.mjs.map +1 -1
  103. package/lib/components/ActionIcon/ActionIcon.d.ts +10 -0
  104. package/lib/components/Anchor/Anchor.d.ts +7 -0
  105. package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +6 -0
  106. package/lib/components/Avatar/Avatar.d.ts +15 -1
  107. package/lib/components/Avatar/get-initials/get-initials.d.ts +1 -0
  108. package/lib/components/Avatar/get-initials-color/get-initials-color.d.ts +2 -0
  109. package/lib/components/BackgroundImage/BackgroundImage.d.ts +6 -0
  110. package/lib/components/Badge/Badge.d.ts +7 -0
  111. package/lib/components/Burger/Burger.d.ts +3 -1
  112. package/lib/components/Button/Button.d.ts +10 -0
  113. package/lib/components/Card/Card.d.ts +9 -0
  114. package/lib/components/Card/CardSection/CardSection.d.ts +6 -0
  115. package/lib/components/Center/Center.d.ts +5 -0
  116. package/lib/components/CloseButton/CloseButton.d.ts +7 -0
  117. package/lib/components/ColorSwatch/ColorSwatch.d.ts +6 -0
  118. package/lib/components/Flex/Flex.d.ts +5 -0
  119. package/lib/components/Highlight/Highlight.d.ts +6 -0
  120. package/lib/components/Image/Image.d.ts +6 -0
  121. package/lib/components/Input/Input.d.ts +15 -0
  122. package/lib/components/InputBase/InputBase.d.ts +6 -0
  123. package/lib/components/Menu/Menu.d.ts +6 -0
  124. package/lib/components/Menu/MenuItem/MenuItem.d.ts +6 -0
  125. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  126. package/lib/components/NavLink/NavLink.d.ts +7 -0
  127. package/lib/components/Overlay/Overlay.d.ts +6 -0
  128. package/lib/components/Pagination/Pagination.d.ts +2 -0
  129. package/lib/components/Paper/Paper.d.ts +6 -0
  130. package/lib/components/Popover/Popover.context.d.ts +2 -1
  131. package/lib/components/Select/Select.d.ts +1 -1
  132. package/lib/components/Spoiler/Spoiler.d.ts +4 -0
  133. package/lib/components/TagsInput/TagsInput.d.ts +2 -0
  134. package/lib/components/Text/Text.d.ts +7 -0
  135. package/lib/components/Tooltip/Tooltip.d.ts +2 -0
  136. package/lib/components/Tooltip/TooltipFloating/TooltipFloating.d.ts +2 -0
  137. package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +4 -3
  138. package/lib/components/Tooltip/use-tooltip.d.ts +1 -0
  139. package/lib/components/Transition/Transition.d.ts +5 -1
  140. package/lib/components/Transition/use-transition.d.ts +3 -1
  141. package/lib/components/UnstyledButton/UnstyledButton.d.ts +5 -0
  142. package/lib/core/Box/style-props/style-props.types.d.ts +41 -0
  143. package/lib/core/factory/factory.d.ts +7 -1
  144. package/lib/core/factory/index.d.ts +1 -1
  145. package/lib/core/factory/polymorphic-factory.d.ts +4 -1
  146. package/package.json +3 -3
  147. package/styles/ActionIcon.css +2 -2
  148. package/styles/ActionIcon.layer.css +2 -2
  149. package/styles/Burger.css +2 -1
  150. package/styles/Burger.layer.css +2 -1
  151. package/styles/Popover.css +4 -0
  152. package/styles/Popover.layer.css +4 -0
  153. package/styles.css +8 -3
  154. package/styles.layer.css +8 -3
package/styles/Burger.css CHANGED
@@ -6,6 +6,7 @@
6
6
  --burger-size-xl: 42px;
7
7
 
8
8
  --burger-size: var(--burger-size-md);
9
+ --burger-line-size: calc(var(--burger-size) / 12);
9
10
 
10
11
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
11
12
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -31,7 +32,7 @@
31
32
  .m_d4fb9cad::after {
32
33
  display: block;
33
34
  width: var(--burger-size);
34
- height: calc(var(--burger-size) / 12);
35
+ height: var(--burger-line-size);
35
36
  background-color: var(--burger-color);
36
37
  outline: 1px solid transparent;
37
38
  transition-property: background-color, transform;
package/styles/Burger.layer.css CHANGED
@@ -6,6 +6,7 @@
6
6
  --burger-size-xl: 42px;
7
7
 
8
8
  --burger-size: var(--burger-size-md);
9
+ --burger-line-size: calc(var(--burger-size) / 12);
9
10
 
10
11
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
11
12
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -31,7 +32,7 @@
31
32
  .m_d4fb9cad::after {
32
33
  display: block;
33
34
  width: var(--burger-size);
34
- height: calc(var(--burger-size) / 12);
35
+ height: var(--burger-line-size);
35
36
  background-color: var(--burger-color);
36
37
  outline: 1px solid transparent;
37
38
  transition-property: background-color, transform;
package/styles/Popover.css CHANGED
@@ -6,6 +6,10 @@
6
6
  border-radius: var(--popover-radius, var(--mantine-radius-default));
7
7
  }
8
8
 
9
+ .m_38a85659:where([data-fixed]) {
10
+ position: fixed;
11
+ }
12
+
9
13
  .m_38a85659:focus {
10
14
  outline: none;
11
15
  }
package/styles/Popover.layer.css CHANGED
@@ -6,6 +6,10 @@
6
6
  border-radius: var(--popover-radius, var(--mantine-radius-default));
7
7
  }
8
8
 
9
+ .m_38a85659:where([data-fixed]) {
10
+ position: fixed;
11
+ }
12
+
9
13
  .m_38a85659:focus {
10
14
  outline: none;
11
15
  }
package/styles.css CHANGED
@@ -797,6 +797,10 @@ body {
797
797
  border-radius: var(--popover-radius, var(--mantine-radius-default));
798
798
  }
799
799
 
800
+ .m_38a85659:where([data-fixed]) {
801
+ position: fixed;
802
+ }
803
+
800
804
  .m_38a85659:focus {
801
805
  outline: none;
802
806
  }
@@ -1019,11 +1023,11 @@ body {
1019
1023
  }
1020
1024
 
1021
1025
  :where([data-mantine-color-scheme='light']) .m_302b9fb1 {
1022
- background-color: rgba(255, 255, 255, 0.35);
1026
+ background-color: rgba(255, 255, 255, 0.15);
1023
1027
  }
1024
1028
 
1025
1029
  :where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
1026
- background-color: rgba(0, 0, 0, 0.35);
1030
+ background-color: rgba(0, 0, 0, 0.15);
1027
1031
  }
1028
1032
 
1029
1033
  .m_1a0f1b21 {
@@ -2825,6 +2829,7 @@ fieldset:disabled .m_d3ea56bb,
2825
2829
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
2826
2830
 
2827
2831
  --burger-size: var(--burger-size-md);
2832
+ --burger-line-size: calc(var(--burger-size) / 12);
2828
2833
 
2829
2834
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
2830
2835
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -2850,7 +2855,7 @@ fieldset:disabled .m_d3ea56bb,
2850
2855
  .m_d4fb9cad::after {
2851
2856
  display: block;
2852
2857
  width: var(--burger-size);
2853
- height: calc(var(--burger-size) / 12);
2858
+ height: var(--burger-line-size);
2854
2859
  background-color: var(--burger-color);
2855
2860
  outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
2856
2861
  transition-property: background-color, transform;
package/styles.layer.css CHANGED
@@ -797,6 +797,10 @@ body {
797
797
  border-radius: var(--popover-radius, var(--mantine-radius-default));
798
798
  }
799
799
 
800
+ .m_38a85659:where([data-fixed]) {
801
+ position: fixed;
802
+ }
803
+
800
804
  .m_38a85659:focus {
801
805
  outline: none;
802
806
  }
@@ -1019,11 +1023,11 @@ body {
1019
1023
  }
1020
1024
 
1021
1025
  :where([data-mantine-color-scheme='light']) .m_302b9fb1 {
1022
- background-color: rgba(255, 255, 255, 0.35);
1026
+ background-color: rgba(255, 255, 255, 0.15);
1023
1027
  }
1024
1028
 
1025
1029
  :where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
1026
- background-color: rgba(0, 0, 0, 0.35);
1030
+ background-color: rgba(0, 0, 0, 0.15);
1027
1031
  }
1028
1032
 
1029
1033
  .m_1a0f1b21 {
@@ -2825,6 +2829,7 @@ fieldset:disabled .m_d3ea56bb,
2825
2829
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
2826
2830
 
2827
2831
  --burger-size: var(--burger-size-md);
2832
+ --burger-line-size: calc(var(--burger-size) / 12);
2828
2833
 
2829
2834
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
2830
2835
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -2850,7 +2855,7 @@ fieldset:disabled .m_d3ea56bb,
2850
2855
  .m_d4fb9cad::after {
2851
2856
  display: block;
2852
2857
  width: var(--burger-size);
2853
- height: calc(var(--burger-size) / 12);
2858
+ height: var(--burger-line-size);
2854
2859
  background-color: var(--burger-color);
2855
2860
  outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
2856
2861
  transition-property: background-color, transform;