@mantine/core 9.0.0-alpha.0 → 9.0.0-alpha.2

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 (123) hide show
  1. package/LICENSE +21 -0
  2. package/cjs/components/Checkbox/Checkbox.cjs +2 -0
  3. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  4. package/cjs/components/CloseButton/CloseButton.cjs.map +1 -1
  5. package/cjs/components/CloseButton/CloseIcon.cjs +0 -2
  6. package/cjs/components/CloseButton/CloseIcon.cjs.map +1 -1
  7. package/cjs/components/MultiSelect/MultiSelect.cjs +10 -2
  8. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  9. package/cjs/components/Switch/Switch.cjs +2 -0
  10. package/cjs/components/Switch/Switch.cjs.map +1 -1
  11. package/cjs/components/TagsInput/TagsInput.cjs +14 -8
  12. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  13. package/cjs/components/TagsInput/get-splitted-tags.cjs +17 -2
  14. package/cjs/components/TagsInput/get-splitted-tags.cjs.map +1 -1
  15. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.cjs +1 -0
  16. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.cjs.map +1 -1
  17. package/cjs/core/MantineProvider/default-theme.cjs +5 -0
  18. package/cjs/core/MantineProvider/default-theme.cjs.map +1 -1
  19. package/cjs/index.cjs +3 -3
  20. package/esm/components/Checkbox/Checkbox.mjs +2 -0
  21. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  22. package/esm/components/CloseButton/CloseButton.mjs.map +1 -1
  23. package/esm/components/CloseButton/CloseIcon.mjs +0 -2
  24. package/esm/components/CloseButton/CloseIcon.mjs.map +1 -1
  25. package/esm/components/MultiSelect/MultiSelect.mjs +10 -2
  26. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  27. package/esm/components/Switch/Switch.mjs +2 -0
  28. package/esm/components/Switch/Switch.mjs.map +1 -1
  29. package/esm/components/TagsInput/TagsInput.mjs +14 -8
  30. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  31. package/esm/components/TagsInput/get-splitted-tags.mjs +17 -2
  32. package/esm/components/TagsInput/get-splitted-tags.mjs.map +1 -1
  33. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs +1 -0
  34. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs.map +1 -1
  35. package/esm/core/MantineProvider/default-theme.mjs +5 -0
  36. package/esm/core/MantineProvider/default-theme.mjs.map +1 -1
  37. package/esm/index.mjs +1 -1
  38. package/lib/components/Accordion/Accordion.d.ts +2 -2
  39. package/lib/components/ActionIcon/ActionIcon.d.ts +3 -3
  40. package/lib/components/Anchor/Anchor.d.ts +3 -3
  41. package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +3 -3
  42. package/lib/components/Avatar/Avatar.d.ts +3 -3
  43. package/lib/components/BackgroundImage/BackgroundImage.d.ts +3 -3
  44. package/lib/components/Badge/Badge.d.ts +3 -3
  45. package/lib/components/Button/Button.d.ts +3 -3
  46. package/lib/components/Card/Card.d.ts +3 -3
  47. package/lib/components/Card/CardSection/CardSection.d.ts +3 -3
  48. package/lib/components/Center/Center.d.ts +3 -3
  49. package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  50. package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +2 -2
  51. package/lib/components/CloseButton/CloseButton.d.ts +4 -4
  52. package/lib/components/ColorSwatch/ColorSwatch.d.ts +3 -3
  53. package/lib/components/FileButton/FileButton.d.ts +2 -2
  54. package/lib/components/FileInput/FileInput.d.ts +2 -2
  55. package/lib/components/Flex/Flex.d.ts +3 -3
  56. package/lib/components/Highlight/Highlight.d.ts +3 -3
  57. package/lib/components/Image/Image.d.ts +3 -3
  58. package/lib/components/Input/Input.d.ts +3 -3
  59. package/lib/components/Input/InputClearSection/InputClearSection.d.ts +1 -1
  60. package/lib/components/Input/use-input-props.d.ts +19 -19
  61. package/lib/components/InputBase/InputBase.d.ts +3 -3
  62. package/lib/components/Menu/MenuItem/MenuItem.d.ts +3 -3
  63. package/lib/components/Menu/MenuSub/MenuSub.d.ts +3 -3
  64. package/lib/components/Menu/MenuSubItem/MenuSubItem.d.ts +3 -3
  65. package/lib/components/MultiSelect/MultiSelect.d.ts +2 -2
  66. package/lib/components/NavLink/NavLink.d.ts +3 -3
  67. package/lib/components/OverflowList/OverflowList.d.ts +2 -2
  68. package/lib/components/Overlay/Overlay.d.ts +3 -3
  69. package/lib/components/Paper/Paper.d.ts +3 -3
  70. package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +2 -2
  71. package/lib/components/SegmentedControl/SegmentedControl.d.ts +2 -2
  72. package/lib/components/Select/Select.d.ts +2 -2
  73. package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +2 -2
  74. package/lib/components/TagsInput/get-splitted-tags.d.ts +3 -1
  75. package/lib/components/Text/Text.d.ts +3 -3
  76. package/lib/components/UnstyledButton/UnstyledButton.d.ts +3 -3
  77. package/lib/core/MantineProvider/theme.types.d.ts +6 -0
  78. package/lib/core/factory/index.d.ts +5 -5
  79. package/package.json +2 -2
  80. package/styles/Accordion.css +1 -1
  81. package/styles/Accordion.layer.css +1 -1
  82. package/styles/ActionIcon.css +1 -1
  83. package/styles/ActionIcon.layer.css +1 -1
  84. package/styles/Alert.css +1 -1
  85. package/styles/Alert.layer.css +1 -1
  86. package/styles/Avatar.css +1 -1
  87. package/styles/Avatar.layer.css +1 -1
  88. package/styles/Badge.css +1 -1
  89. package/styles/Badge.layer.css +1 -1
  90. package/styles/Button.css +2 -2
  91. package/styles/Button.layer.css +2 -2
  92. package/styles/Chip.css +1 -1
  93. package/styles/Chip.layer.css +1 -1
  94. package/styles/Combobox.css +1 -1
  95. package/styles/Combobox.layer.css +1 -1
  96. package/styles/Input.css +1 -1
  97. package/styles/Input.layer.css +1 -1
  98. package/styles/Kbd.css +1 -1
  99. package/styles/Kbd.layer.css +1 -1
  100. package/styles/Menu.css +1 -1
  101. package/styles/Menu.layer.css +1 -1
  102. package/styles/ModalBase.css +1 -1
  103. package/styles/ModalBase.layer.css +1 -1
  104. package/styles/Notification.css +1 -1
  105. package/styles/Notification.layer.css +1 -1
  106. package/styles/SegmentedControl.css +1 -1
  107. package/styles/SegmentedControl.layer.css +1 -1
  108. package/styles/Stepper.css +1 -1
  109. package/styles/Stepper.layer.css +1 -1
  110. package/styles/Switch.css +5 -3
  111. package/styles/Switch.layer.css +5 -3
  112. package/styles/Table.css +1 -1
  113. package/styles/Table.layer.css +1 -1
  114. package/styles/Text.css +1 -1
  115. package/styles/Text.layer.css +1 -1
  116. package/styles/Timeline.css +1 -1
  117. package/styles/Timeline.layer.css +1 -1
  118. package/styles/Typography.css +1 -1
  119. package/styles/Typography.layer.css +1 -1
  120. package/styles/default-css-variables.css +3 -0
  121. package/styles/default-css-variables.layer.css +3 -0
  122. package/styles.css +28 -23
  123. package/styles.layer.css +28 -23
package/styles/Button.layer.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --button-color: var(--mantine-color-white);
29
29
 
30
30
  user-select: none;
31
- font-weight: 600;
31
+ font-weight: var(--mantine-font-weight-medium);
32
32
  position: relative;
33
33
  line-height: 1;
34
34
  text-align: center;
@@ -244,7 +244,7 @@
244
244
  --section-padding-x: var(--section-padding-x-sm);
245
245
  --section-color: var(--mantine-color-white);
246
246
 
247
- font-weight: 600;
247
+ font-weight: var(--mantine-font-weight-medium);
248
248
  width: auto;
249
249
  border-radius: var(--section-radius, var(--mantine-radius-default));
250
250
  font-size: var(--section-fz, var(--mantine-font-size-sm));
package/styles/Chip.css CHANGED
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  .m_be049a53:where([data-checked]) {
60
- padding: var(--chip-checked-padding);
60
+ padding-inline: var(--chip-checked-padding);
61
61
  }
62
62
 
63
63
  .m_be049a53:where([data-disabled]) {
package/styles/Chip.layer.css CHANGED
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  .m_be049a53:where([data-checked]) {
60
- padding: var(--chip-checked-padding);
60
+ padding-inline: var(--chip-checked-padding);
61
61
  }
62
62
 
63
63
  .m_be049a53:where([data-disabled]) {
package/styles/Combobox.css CHANGED
@@ -137,7 +137,7 @@
137
137
  color: var(--mantine-color-dimmed);
138
138
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
139
139
  padding: var(--combobox-option-padding);
140
- font-weight: 600;
140
+ font-weight: var(--mantine-font-weight-medium);
141
141
  position: relative;
142
142
  display: flex;
143
143
  align-items: center;
package/styles/Combobox.layer.css CHANGED
@@ -137,7 +137,7 @@
137
137
  color: var(--mantine-color-dimmed);
138
138
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
139
139
  padding: var(--combobox-option-padding);
140
- font-weight: 600;
140
+ font-weight: var(--mantine-font-weight-medium);
141
141
  position: relative;
142
142
  display: flex;
143
143
  align-items: center;
package/styles/Input.css CHANGED
@@ -302,7 +302,7 @@
302
302
 
303
303
  .m_8fdc1311 {
304
304
  display: inline-block;
305
- font-weight: 600;
305
+ font-weight: var(--mantine-font-weight-medium);
306
306
  overflow-wrap: break-word;
307
307
  cursor: default;
308
308
  -webkit-tap-highlight-color: transparent;
package/styles/Input.layer.css CHANGED
@@ -302,7 +302,7 @@
302
302
 
303
303
  .m_8fdc1311 {
304
304
  display: inline-block;
305
- font-weight: 600;
305
+ font-weight: var(--mantine-font-weight-medium);
306
306
  overflow-wrap: break-word;
307
307
  cursor: default;
308
308
  -webkit-tap-highlight-color: transparent;
package/styles/Kbd.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  font-family: var(--mantine-font-family-monospace);
10
10
  line-height: var(--mantine-line-height);
11
- font-weight: 700;
11
+ font-weight: var(--mantine-font-weight-bold);
12
12
  font-size: var(--kbd-fz);
13
13
  border-radius: var(--mantine-radius-sm);
14
14
  border: 1px solid;
package/styles/Kbd.layer.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  font-family: var(--mantine-font-family-monospace);
10
10
  line-height: var(--mantine-line-height);
11
- font-weight: 700;
11
+ font-weight: var(--mantine-font-weight-bold);
12
12
  font-size: var(--kbd-fz);
13
13
  border-radius: var(--mantine-radius-sm);
14
14
  border: 1px solid;
package/styles/Menu.css CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  .m_9bfac126 {
6
6
  color: var(--mantine-color-dimmed);
7
- font-weight: 600;
7
+ font-weight: var(--mantine-font-weight-medium);
8
8
  font-size: var(--mantine-font-size-xs);
9
9
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
10
10
  cursor: default;
package/styles/Menu.layer.css CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  .m_9bfac126 {
6
6
  color: var(--mantine-color-dimmed);
7
- font-weight: 600;
7
+ font-weight: var(--mantine-font-weight-medium);
8
8
  font-size: var(--mantine-font-size-xs);
9
9
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
10
10
  cursor: default;
package/styles/ModalBase.css CHANGED
@@ -2,7 +2,7 @@
2
2
  line-height: 1;
3
3
  padding: 0;
4
4
  margin: 0;
5
- font-weight: 400;
5
+ font-weight: var(--mantine-font-weight-regular);
6
6
  font-size: var(--mantine-font-size-md);
7
7
  }
8
8
 
package/styles/ModalBase.layer.css CHANGED
@@ -2,7 +2,7 @@
2
2
  line-height: 1;
3
3
  padding: 0;
4
4
  margin: 0;
5
- font-weight: 400;
5
+ font-weight: var(--mantine-font-weight-regular);
6
6
  font-size: var(--mantine-font-size-md);
7
7
  }
8
8
 
package/styles/Notification.css CHANGED
@@ -76,7 +76,7 @@
76
76
  text-overflow: ellipsis;
77
77
  font-size: var(--mantine-font-size-sm);
78
78
  line-height: var(--mantine-line-height-sm);
79
- font-weight: 600;
79
+ font-weight: var(--mantine-font-weight-medium);
80
80
  }
81
81
 
82
82
  :where([data-mantine-color-scheme='light']) .m_3feedf16 {
package/styles/Notification.layer.css CHANGED
@@ -76,7 +76,7 @@
76
76
  text-overflow: ellipsis;
77
77
  font-size: var(--mantine-font-size-sm);
78
78
  line-height: var(--mantine-line-height-sm);
79
- font-weight: 600;
79
+ font-weight: var(--mantine-font-weight-medium);
80
80
  }
81
81
 
82
82
  :where([data-mantine-color-scheme='light']) .m_3feedf16 {
package/styles/SegmentedControl.css CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
  .m_1738fcb2 {
62
62
  -webkit-tap-highlight-color: transparent;
63
- font-weight: 600;
63
+ font-weight: var(--mantine-font-weight-medium);
64
64
  display: block;
65
65
  text-align: center;
66
66
  white-space: nowrap;
package/styles/SegmentedControl.layer.css CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
  .m_1738fcb2 {
62
62
  -webkit-tap-highlight-color: transparent;
63
- font-weight: 600;
63
+ font-weight: var(--mantine-font-weight-medium);
64
64
  display: block;
65
65
  text-align: center;
66
66
  white-space: nowrap;
package/styles/Stepper.css CHANGED
@@ -190,7 +190,7 @@
190
190
  }
191
191
 
192
192
  .m_12051f6c {
193
- font-weight: 600;
193
+ font-weight: var(--mantine-font-weight-medium);
194
194
  font-size: var(--stepper-fz);
195
195
  line-height: 1;
196
196
  }
package/styles/Stepper.layer.css CHANGED
@@ -190,7 +190,7 @@
190
190
  }
191
191
 
192
192
  .m_12051f6c {
193
- font-weight: 600;
193
+ font-weight: var(--mantine-font-weight-medium);
194
194
  font-size: var(--stepper-fz);
195
195
  line-height: 1;
196
196
  }
package/styles/Switch.css CHANGED
@@ -42,9 +42,11 @@
42
42
  }
43
43
 
44
44
  .m_926b4011 {
45
- height: 0;
46
- width: 0;
45
+ /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
46
+ height: 100%;
47
+ width: 100%;
47
48
  opacity: 0;
49
+
48
50
  margin: 0;
49
51
  padding: 0;
50
52
  position: absolute;
@@ -69,7 +71,7 @@
69
71
  display: flex;
70
72
  align-items: center;
71
73
  font-size: var(--switch-label-font-size);
72
- font-weight: 600;
74
+ font-weight: var(--mantine-font-weight-medium);
73
75
  order: var(--switch-order, 1);
74
76
  user-select: none;
75
77
  z-index: 0;
package/styles/Switch.layer.css CHANGED
@@ -42,9 +42,11 @@
42
42
  }
43
43
 
44
44
  .m_926b4011 {
45
- height: 0;
46
- width: 0;
45
+ /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
46
+ height: 100%;
47
+ width: 100%;
47
48
  opacity: 0;
49
+
48
50
  margin: 0;
49
51
  padding: 0;
50
52
  position: absolute;
@@ -69,7 +71,7 @@
69
71
  display: flex;
70
72
  align-items: center;
71
73
  font-size: var(--switch-label-font-size);
72
- font-weight: 600;
74
+ font-weight: var(--mantine-font-weight-medium);
73
75
  order: var(--switch-order, 1);
74
76
  user-select: none;
75
77
  z-index: 0;
package/styles/Table.css CHANGED
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
33
- font-weight: 600;
33
+ font-weight: var(--mantine-font-weight-medium);
34
34
  }
35
35
 
36
36
  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
package/styles/Table.layer.css CHANGED
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
33
- font-weight: 600;
33
+ font-weight: var(--mantine-font-weight-medium);
34
34
  }
35
35
 
36
36
  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
package/styles/Text.css CHANGED
@@ -3,7 +3,7 @@
3
3
  text-decoration: none;
4
4
  font-size: var(--text-fz, var(--mantine-font-size-md));
5
5
  line-height: var(--text-lh, var(--mantine-line-height-md));
6
- font-weight: normal;
6
+ font-weight: var(--mantine-font-weight-regular);
7
7
  margin: 0;
8
8
  padding: 0;
9
9
  }
package/styles/Text.layer.css CHANGED
@@ -3,7 +3,7 @@
3
3
  text-decoration: none;
4
4
  font-size: var(--text-fz, var(--mantine-font-size-md));
5
5
  line-height: var(--text-lh, var(--mantine-line-height-md));
6
- font-weight: normal;
6
+ font-weight: var(--mantine-font-weight-regular);
7
7
  margin: 0;
8
8
  padding: 0;
9
9
  }
package/styles/Timeline.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .m_2ebe8099 {
18
- font-weight: 600;
18
+ font-weight: var(--mantine-font-weight-medium);
19
19
  line-height: 1;
20
20
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
21
21
  }
package/styles/Timeline.layer.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .m_2ebe8099 {
18
- font-weight: 600;
18
+ font-weight: var(--mantine-font-weight-medium);
19
19
  line-height: 1;
20
20
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
21
21
  }
package/styles/Typography.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  font-family: var(--mantine-font-family-monospace);
119
119
  line-height: var(--mantine-line-height);
120
- font-weight: 700;
120
+ font-weight: var(--mantine-font-weight-bold);
121
121
  padding: var(--kbd-padding);
122
122
  font-size: var(--kbd-fz);
123
123
  border-radius: var(--mantine-radius-sm);
package/styles/Typography.layer.css CHANGED
@@ -117,7 +117,7 @@
117
117
 
118
118
  font-family: var(--mantine-font-family-monospace);
119
119
  line-height: var(--mantine-line-height);
120
- font-weight: 700;
120
+ font-weight: var(--mantine-font-weight-bold);
121
121
  padding: var(--kbd-padding);
122
122
  font-size: var(--kbd-fz);
123
123
  border-radius: var(--mantine-radius-sm);
package/styles/default-css-variables.css CHANGED
@@ -87,6 +87,9 @@
87
87
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
88
88
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
89
89
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
90
+ --mantine-font-weight-regular: 400;
91
+ --mantine-font-weight-medium: 600;
92
+ --mantine-font-weight-bold: 700;
90
93
  --mantine-primary-color-0: var(--mantine-color-blue-0);
91
94
  --mantine-primary-color-1: var(--mantine-color-blue-1);
92
95
  --mantine-primary-color-2: var(--mantine-color-blue-2);
package/styles/default-css-variables.layer.css CHANGED
@@ -87,6 +87,9 @@
87
87
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
88
88
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
89
89
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
90
+ --mantine-font-weight-regular: 400;
91
+ --mantine-font-weight-medium: 600;
92
+ --mantine-font-weight-bold: 700;
90
93
  --mantine-primary-color-0: var(--mantine-color-blue-0);
91
94
  --mantine-primary-color-1: var(--mantine-color-blue-1);
92
95
  --mantine-primary-color-2: var(--mantine-color-blue-2);
package/styles.css CHANGED
@@ -172,6 +172,9 @@ fieldset:disabled .mantine-active:active {
172
172
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
173
173
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
174
174
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
175
+ --mantine-font-weight-regular: 400;
176
+ --mantine-font-weight-medium: 600;
177
+ --mantine-font-weight-bold: 700;
175
178
  --mantine-primary-color-0: var(--mantine-color-blue-0);
176
179
  --mantine-primary-color-1: var(--mantine-color-blue-1);
177
180
  --mantine-primary-color-2: var(--mantine-color-blue-2);
@@ -1196,7 +1199,7 @@ fieldset:disabled .mantine-active:active {
1196
1199
  --section-padding-x: var(--section-padding-x-sm);
1197
1200
  --section-color: var(--mantine-color-white);
1198
1201
 
1199
- font-weight: 600;
1202
+ font-weight: var(--mantine-font-weight-medium);
1200
1203
  width: auto;
1201
1204
  border-radius: var(--section-radius, var(--mantine-radius-default));
1202
1205
  font-size: var(--section-fz, var(--mantine-font-size-sm));
@@ -1289,7 +1292,7 @@ fieldset:disabled .mantine-active:active {
1289
1292
  line-height: 1;
1290
1293
  padding: 0;
1291
1294
  margin: 0;
1292
- font-weight: 400;
1295
+ font-weight: var(--mantine-font-weight-regular);
1293
1296
  font-size: var(--mantine-font-size-md);
1294
1297
  }
1295
1298
 
@@ -1646,7 +1649,7 @@ fieldset:disabled .mantine-active:active {
1646
1649
 
1647
1650
  .m_8fdc1311 {
1648
1651
  display: inline-block;
1649
- font-weight: 600;
1652
+ font-weight: var(--mantine-font-weight-medium);
1650
1653
  overflow-wrap: break-word;
1651
1654
  cursor: default;
1652
1655
  -webkit-tap-highlight-color: transparent;
@@ -1763,7 +1766,7 @@ fieldset:disabled .mantine-active:active {
1763
1766
 
1764
1767
  .m_df3ffa0f {
1765
1768
  color: inherit;
1766
- font-weight: 400;
1769
+ font-weight: var(--mantine-font-weight-regular);
1767
1770
  flex: 1;
1768
1771
  overflow: hidden;
1769
1772
  text-overflow: ellipsis;
@@ -1924,7 +1927,7 @@ fieldset:disabled .mantine-active:active {
1924
1927
  align-items: center;
1925
1928
  justify-content: space-between;
1926
1929
  font-size: var(--mantine-font-size-sm);
1927
- font-weight: 700;
1930
+ font-weight: var(--mantine-font-weight-bold);
1928
1931
  }
1929
1932
 
1930
1933
  .m_6a03f287:where([data-with-close-button]) {
@@ -1981,7 +1984,7 @@ fieldset:disabled .mantine-active:active {
1981
1984
  text-decoration: none;
1982
1985
  font-size: var(--text-fz, var(--mantine-font-size-md));
1983
1986
  line-height: var(--text-lh, var(--mantine-line-height-md));
1984
- font-weight: normal;
1987
+ font-weight: var(--mantine-font-weight-regular);
1985
1988
  margin: 0;
1986
1989
  padding: 0;
1987
1990
  }
@@ -2536,7 +2539,7 @@ fieldset:disabled .mantine-active:active {
2536
2539
  color: var(--mantine-color-dimmed);
2537
2540
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
2538
2541
  padding: var(--combobox-option-padding);
2539
- font-weight: 600;
2542
+ font-weight: var(--mantine-font-weight-medium);
2540
2543
  position: relative;
2541
2544
  display: flex;
2542
2545
  align-items: center;
@@ -2966,7 +2969,7 @@ fieldset:disabled .m_8ee546b8,
2966
2969
  }
2967
2970
 
2968
2971
  .m_104cd71f {
2969
- font-weight: 700;
2972
+ font-weight: var(--mantine-font-weight-bold);
2970
2973
  display: flex;
2971
2974
  align-items: center;
2972
2975
  justify-content: center;
@@ -3036,7 +3039,7 @@ fieldset:disabled .m_8ee546b8,
3036
3039
  justify-content: center;
3037
3040
  width: fit-content;
3038
3041
  text-transform: uppercase;
3039
- font-weight: 700;
3042
+ font-weight: var(--mantine-font-weight-bold);
3040
3043
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
3041
3044
  cursor: default;
3042
3045
  text-overflow: ellipsis;
@@ -3292,7 +3295,7 @@ fieldset:disabled .m_8ee546b8,
3292
3295
  --button-color: var(--mantine-color-white);
3293
3296
 
3294
3297
  user-select: none;
3295
- font-weight: 600;
3298
+ font-weight: var(--mantine-font-weight-medium);
3296
3299
  position: relative;
3297
3300
  line-height: 1;
3298
3301
  text-align: center;
@@ -3508,7 +3511,7 @@ fieldset:disabled .m_8ee546b8,
3508
3511
  --section-padding-x: var(--section-padding-x-sm);
3509
3512
  --section-color: var(--mantine-color-white);
3510
3513
 
3511
- font-weight: 600;
3514
+ font-weight: var(--mantine-font-weight-medium);
3512
3515
  width: auto;
3513
3516
  border-radius: var(--section-radius, var(--mantine-radius-default));
3514
3517
  font-size: var(--section-fz, var(--mantine-font-size-sm));
@@ -3683,7 +3686,7 @@ fieldset:disabled .m_8ee546b8,
3683
3686
  }
3684
3687
 
3685
3688
  .m_be049a53:where([data-checked]) {
3686
- padding: var(--chip-checked-padding);
3689
+ padding-inline: var(--chip-checked-padding);
3687
3690
  }
3688
3691
 
3689
3692
  .m_be049a53:where([data-disabled]) {
@@ -4453,7 +4456,7 @@ fieldset:disabled .m_8ee546b8,
4453
4456
 
4454
4457
  font-family: var(--mantine-font-family-monospace);
4455
4458
  line-height: var(--mantine-line-height);
4456
- font-weight: 700;
4459
+ font-weight: var(--mantine-font-weight-bold);
4457
4460
  font-size: var(--kbd-fz);
4458
4461
  border-radius: var(--mantine-radius-sm);
4459
4462
  border: calc(0.0625rem * var(--mantine-scale)) solid;
@@ -4693,7 +4696,7 @@ fieldset:disabled .m_8ee546b8,
4693
4696
 
4694
4697
  .m_9bfac126 {
4695
4698
  color: var(--mantine-color-dimmed);
4696
- font-weight: 600;
4699
+ font-weight: var(--mantine-font-weight-medium);
4697
4700
  font-size: var(--mantine-font-size-xs);
4698
4701
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
4699
4702
  cursor: default;
@@ -5191,7 +5194,7 @@ fieldset:disabled .m_8ee546b8,
5191
5194
  text-overflow: ellipsis;
5192
5195
  font-size: var(--mantine-font-size-sm);
5193
5196
  line-height: var(--mantine-line-height-sm);
5194
- font-weight: 600;
5197
+ font-weight: var(--mantine-font-weight-medium);
5195
5198
  }
5196
5199
 
5197
5200
  :where([data-mantine-color-scheme='light']) .m_3feedf16 {
@@ -6185,7 +6188,7 @@ fieldset:disabled .m_8ee546b8,
6185
6188
 
6186
6189
  .m_1738fcb2 {
6187
6190
  -webkit-tap-highlight-color: transparent;
6188
- font-weight: 600;
6191
+ font-weight: var(--mantine-font-weight-medium);
6189
6192
  display: block;
6190
6193
  text-align: center;
6191
6194
  white-space: nowrap;
@@ -6977,7 +6980,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
6977
6980
  }
6978
6981
 
6979
6982
  .m_12051f6c {
6980
- font-weight: 600;
6983
+ font-weight: var(--mantine-font-weight-medium);
6981
6984
  font-size: var(--stepper-fz);
6982
6985
  line-height: 1;
6983
6986
  }
@@ -7034,9 +7037,11 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
7034
7037
  }
7035
7038
 
7036
7039
  .m_926b4011 {
7037
- height: 0;
7038
- width: 0;
7040
+ /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
7041
+ height: 100%;
7042
+ width: 100%;
7039
7043
  opacity: 0;
7044
+
7040
7045
  margin: 0;
7041
7046
  padding: 0;
7042
7047
  position: absolute;
@@ -7061,7 +7066,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
7061
7066
  display: flex;
7062
7067
  align-items: center;
7063
7068
  font-size: var(--switch-label-font-size);
7064
- font-weight: 600;
7069
+ font-weight: var(--mantine-font-weight-medium);
7065
7070
  order: var(--switch-order, 1);
7066
7071
  user-select: none;
7067
7072
  z-index: 0;
@@ -7195,7 +7200,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
7195
7200
  }
7196
7201
 
7197
7202
  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
7198
- font-weight: 600;
7203
+ font-weight: var(--mantine-font-weight-medium);
7199
7204
  }
7200
7205
 
7201
7206
  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
@@ -7773,7 +7778,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
7773
7778
  }
7774
7779
 
7775
7780
  .m_2ebe8099 {
7776
- font-weight: 600;
7781
+ font-weight: var(--mantine-font-weight-medium);
7777
7782
  line-height: 1;
7778
7783
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
7779
7784
  }
@@ -8103,7 +8108,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
8103
8108
 
8104
8109
  font-family: var(--mantine-font-family-monospace);
8105
8110
  line-height: var(--mantine-line-height);
8106
- font-weight: 700;
8111
+ font-weight: var(--mantine-font-weight-bold);
8107
8112
  padding: var(--kbd-padding);
8108
8113
  font-size: var(--kbd-fz);
8109
8114
  border-radius: var(--mantine-radius-sm);