@mantine/core 9.0.0-alpha.7 → 9.0.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 (55) hide show
  1. package/cjs/components/Badge/Badge.module.cjs.map +1 -1
  2. package/cjs/components/Button/Button.module.cjs.map +1 -1
  3. package/cjs/components/Checkbox/Checkbox.cjs +2 -1
  4. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  5. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs +2 -1
  6. package/cjs/components/Checkbox/CheckboxIndicator/CheckboxIndicator.cjs.map +1 -1
  7. package/cjs/components/Chip/Chip.module.cjs.map +1 -1
  8. package/cjs/components/Pill/Pill.module.cjs.map +1 -1
  9. package/cjs/components/SegmentedControl/SegmentedControl.module.cjs.map +1 -1
  10. package/cjs/components/Stepper/Stepper.cjs.map +1 -1
  11. package/cjs/components/Stepper/Stepper.module.cjs +1 -0
  12. package/cjs/components/Stepper/Stepper.module.cjs.map +1 -1
  13. package/cjs/components/Stepper/StepperStep/StepperStep.cjs +8 -5
  14. package/cjs/components/Stepper/StepperStep/StepperStep.cjs.map +1 -1
  15. package/cjs/components/Timeline/TimelineItem/TimelineItem.cjs +1 -1
  16. package/cjs/components/Timeline/TimelineItem/TimelineItem.cjs.map +1 -1
  17. package/cjs/core/MantineProvider/default-theme.cjs +1 -1
  18. package/cjs/core/MantineProvider/default-theme.cjs.map +1 -1
  19. package/esm/components/Badge/Badge.module.mjs.map +1 -1
  20. package/esm/components/Button/Button.module.mjs.map +1 -1
  21. package/esm/components/Checkbox/Checkbox.mjs +2 -1
  22. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  23. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs +2 -1
  24. package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs.map +1 -1
  25. package/esm/components/Chip/Chip.module.mjs.map +1 -1
  26. package/esm/components/Pill/Pill.module.mjs.map +1 -1
  27. package/esm/components/SegmentedControl/SegmentedControl.module.mjs.map +1 -1
  28. package/esm/components/Stepper/Stepper.mjs.map +1 -1
  29. package/esm/components/Stepper/Stepper.module.mjs +1 -0
  30. package/esm/components/Stepper/Stepper.module.mjs.map +1 -1
  31. package/esm/components/Stepper/StepperStep/StepperStep.mjs +8 -5
  32. package/esm/components/Stepper/StepperStep/StepperStep.mjs.map +1 -1
  33. package/esm/components/Timeline/TimelineItem/TimelineItem.mjs +1 -1
  34. package/esm/components/Timeline/TimelineItem/TimelineItem.mjs.map +1 -1
  35. package/esm/core/MantineProvider/default-theme.mjs +1 -1
  36. package/esm/core/MantineProvider/default-theme.mjs.map +1 -1
  37. package/lib/components/Stepper/Stepper.d.ts +1 -1
  38. package/lib/components/Stepper/StepperStep/StepperStep.d.ts +1 -1
  39. package/package.json +2 -2
  40. package/styles/Badge.css +2 -0
  41. package/styles/Badge.layer.css +2 -0
  42. package/styles/Button.css +2 -0
  43. package/styles/Button.layer.css +2 -0
  44. package/styles/Chip.css +2 -0
  45. package/styles/Chip.layer.css +2 -0
  46. package/styles/Pill.css +5 -2
  47. package/styles/Pill.layer.css +5 -2
  48. package/styles/SegmentedControl.css +3 -3
  49. package/styles/SegmentedControl.layer.css +3 -3
  50. package/styles/Stepper.css +4 -0
  51. package/styles/Stepper.layer.css +4 -0
  52. package/styles/default-css-variables.css +1 -1
  53. package/styles/default-css-variables.layer.css +1 -1
  54. package/styles.css +19 -6
  55. package/styles.layer.css +19 -6
package/styles/Stepper.css CHANGED
@@ -162,6 +162,10 @@
162
162
  border-color: var(--step-color);
163
163
  }
164
164
 
165
+ .m_8faaac38 {
166
+ display: flex;
167
+ }
168
+
165
169
  .m_a79331dc {
166
170
  position: absolute;
167
171
  inset: 0;
package/styles/Stepper.layer.css CHANGED
@@ -162,6 +162,10 @@
162
162
  border-color: var(--step-color);
163
163
  }
164
164
 
165
+ .m_8faaac38 {
166
+ display: flex;
167
+ }
168
+
165
169
  .m_a79331dc {
166
170
  position: absolute;
167
171
  inset: 0;
package/styles/default-css-variables.css CHANGED
@@ -23,7 +23,7 @@
23
23
  Apple Color Emoji, Segoe UI Emoji;
24
24
  --mantine-heading-font-weight: 700;
25
25
  --mantine-heading-text-wrap: wrap;
26
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
26
+ --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
27
27
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
28
28
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
29
29
  --mantine-primary-color-light: var(--mantine-color-blue-light);
package/styles/default-css-variables.layer.css CHANGED
@@ -23,7 +23,7 @@
23
23
  Apple Color Emoji, Segoe UI Emoji;
24
24
  --mantine-heading-font-weight: 700;
25
25
  --mantine-heading-text-wrap: wrap;
26
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
26
+ --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
27
27
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
28
28
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
29
29
  --mantine-primary-color-light: var(--mantine-color-blue-light);
package/styles.css CHANGED
@@ -108,7 +108,7 @@ fieldset:disabled .mantine-active:active {
108
108
  Apple Color Emoji, Segoe UI Emoji;
109
109
  --mantine-heading-font-weight: 700;
110
110
  --mantine-heading-text-wrap: wrap;
111
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
111
+ --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
112
112
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
113
113
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
114
114
  --mantine-primary-color-light: var(--mantine-color-blue-light);
@@ -3117,6 +3117,8 @@ fieldset:disabled .m_8ee546b8,
3117
3117
  text-overflow: ellipsis;
3118
3118
  text-align: center;
3119
3119
  cursor: inherit;
3120
+ text-box-trim: trim-both;
3121
+ text-box-edge: cap alphabetic;
3120
3122
  }
3121
3123
 
3122
3124
  .m_91fdda9b {
@@ -3414,6 +3416,8 @@ fieldset:disabled .m_8ee546b8,
3414
3416
  display: flex;
3415
3417
  align-items: center;
3416
3418
  opacity: 1;
3419
+ text-box-trim: trim-both;
3420
+ text-box-edge: cap alphabetic;
3417
3421
  }
3418
3422
 
3419
3423
  .m_811560b9:where([data-loading]) {
@@ -3693,6 +3697,8 @@ fieldset:disabled .m_8ee546b8,
3693
3697
  -webkit-tap-highlight-color: transparent;
3694
3698
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
3695
3699
  color: var(--mantine-color-text);
3700
+ text-box-trim: trim-both;
3701
+ text-box-edge: cap alphabetic;
3696
3702
  }
3697
3703
 
3698
3704
  .m_be049a53:where([data-checked]) {
@@ -4909,9 +4915,12 @@ fieldset:disabled .m_8ee546b8,
4909
4915
  .m_1e0e6180 {
4910
4916
  cursor: inherit;
4911
4917
  overflow: hidden;
4912
- height: 100%;
4913
- line-height: var(--pill-height);
4914
4918
  text-overflow: ellipsis;
4919
+ display: flex;
4920
+ align-items: center;
4921
+ height: 100%;
4922
+ text-box-trim: trim-both;
4923
+ text-box-edge: cap alphabetic;
4915
4924
  }
4916
4925
 
4917
4926
  .m_ae386778 {
@@ -6184,7 +6193,7 @@ fieldset:disabled .m_8ee546b8,
6184
6193
  position: absolute;
6185
6194
  display: block;
6186
6195
  z-index: 1;
6187
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6196
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6188
6197
  }
6189
6198
 
6190
6199
  :where([data-mantine-color-scheme='light']) .m_9e182ccd {
@@ -6206,7 +6215,7 @@ fieldset:disabled .m_8ee546b8,
6206
6215
  overflow: hidden;
6207
6216
  text-overflow: ellipsis;
6208
6217
  user-select: none;
6209
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6218
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6210
6219
  font-size: var(--sc-font-size);
6211
6220
  padding: var(--sc-padding);
6212
6221
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
@@ -6251,7 +6260,7 @@ fieldset:disabled .m_1738fcb2,
6251
6260
  inset: 0;
6252
6261
  z-index: 0;
6253
6262
  position: absolute;
6254
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6263
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6255
6264
  }
6256
6265
 
6257
6266
  :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
@@ -6963,6 +6972,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
6963
6972
  border-color: var(--step-color);
6964
6973
  }
6965
6974
 
6975
+ .m_8faaac38 {
6976
+ display: flex;
6977
+ }
6978
+
6966
6979
  .m_a79331dc {
6967
6980
  position: absolute;
6968
6981
  inset: 0;
package/styles.layer.css CHANGED
@@ -108,7 +108,7 @@ fieldset:disabled .mantine-active:active {
108
108
  Apple Color Emoji, Segoe UI Emoji;
109
109
  --mantine-heading-font-weight: 700;
110
110
  --mantine-heading-text-wrap: wrap;
111
- --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
111
+ --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
112
112
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
113
113
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
114
114
  --mantine-primary-color-light: var(--mantine-color-blue-light);
@@ -3117,6 +3117,8 @@ fieldset:disabled .m_8ee546b8,
3117
3117
  text-overflow: ellipsis;
3118
3118
  text-align: center;
3119
3119
  cursor: inherit;
3120
+ text-box-trim: trim-both;
3121
+ text-box-edge: cap alphabetic;
3120
3122
  }
3121
3123
 
3122
3124
  .m_91fdda9b {
@@ -3414,6 +3416,8 @@ fieldset:disabled .m_8ee546b8,
3414
3416
  display: flex;
3415
3417
  align-items: center;
3416
3418
  opacity: 1;
3419
+ text-box-trim: trim-both;
3420
+ text-box-edge: cap alphabetic;
3417
3421
  }
3418
3422
 
3419
3423
  .m_811560b9:where([data-loading]) {
@@ -3693,6 +3697,8 @@ fieldset:disabled .m_8ee546b8,
3693
3697
  -webkit-tap-highlight-color: transparent;
3694
3698
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
3695
3699
  color: var(--mantine-color-text);
3700
+ text-box-trim: trim-both;
3701
+ text-box-edge: cap alphabetic;
3696
3702
  }
3697
3703
 
3698
3704
  .m_be049a53:where([data-checked]) {
@@ -4909,9 +4915,12 @@ fieldset:disabled .m_8ee546b8,
4909
4915
  .m_1e0e6180 {
4910
4916
  cursor: inherit;
4911
4917
  overflow: hidden;
4912
- height: 100%;
4913
- line-height: var(--pill-height);
4914
4918
  text-overflow: ellipsis;
4919
+ display: flex;
4920
+ align-items: center;
4921
+ height: 100%;
4922
+ text-box-trim: trim-both;
4923
+ text-box-edge: cap alphabetic;
4915
4924
  }
4916
4925
 
4917
4926
  .m_ae386778 {
@@ -6184,7 +6193,7 @@ fieldset:disabled .m_8ee546b8,
6184
6193
  position: absolute;
6185
6194
  display: block;
6186
6195
  z-index: 1;
6187
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6196
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6188
6197
  }
6189
6198
 
6190
6199
  :where([data-mantine-color-scheme='light']) .m_9e182ccd {
@@ -6206,7 +6215,7 @@ fieldset:disabled .m_8ee546b8,
6206
6215
  overflow: hidden;
6207
6216
  text-overflow: ellipsis;
6208
6217
  user-select: none;
6209
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6218
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6210
6219
  font-size: var(--sc-font-size);
6211
6220
  padding: var(--sc-padding);
6212
6221
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
@@ -6251,7 +6260,7 @@ fieldset:disabled .m_1738fcb2,
6251
6260
  inset: 0;
6252
6261
  z-index: 0;
6253
6262
  position: absolute;
6254
- border-radius: var(--sc-radius, var(--mantine-radius-default));
6263
+ border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
6255
6264
  }
6256
6265
 
6257
6266
  :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
@@ -6963,6 +6972,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
6963
6972
  border-color: var(--step-color);
6964
6973
  }
6965
6974
 
6975
+ .m_8faaac38 {
6976
+ display: flex;
6977
+ }
6978
+
6966
6979
  .m_a79331dc {
6967
6980
  position: absolute;
6968
6981
  inset: 0;