@mantine/core 7.6.1 → 7.6.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 (53) hide show
  1. package/cjs/components/Collapse/use-collapse.cjs +2 -2
  2. package/cjs/components/Input/InputDescription/InputDescription.cjs +1 -1
  3. package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
  4. package/cjs/components/Input/InputError/InputError.cjs +1 -1
  5. package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
  6. package/cjs/components/Input/InputLabel/InputLabel.cjs +1 -1
  7. package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
  8. package/cjs/components/NumberInput/NumberInput.cjs +17 -5
  9. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  10. package/cjs/components/Portal/Portal.cjs +2 -2
  11. package/cjs/components/Timeline/Timeline.cjs +1 -0
  12. package/cjs/components/Timeline/Timeline.cjs.map +1 -1
  13. package/cjs/components/Transition/use-transition.cjs +8 -1
  14. package/cjs/components/Transition/use-transition.cjs.map +1 -1
  15. package/esm/components/Input/InputDescription/InputDescription.mjs +1 -1
  16. package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
  17. package/esm/components/Input/InputError/InputError.mjs +1 -1
  18. package/esm/components/Input/InputError/InputError.mjs.map +1 -1
  19. package/esm/components/Input/InputLabel/InputLabel.mjs +1 -1
  20. package/esm/components/Input/InputLabel/InputLabel.mjs.map +1 -1
  21. package/esm/components/NumberInput/NumberInput.mjs +17 -5
  22. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  23. package/esm/components/Timeline/Timeline.mjs +1 -0
  24. package/esm/components/Timeline/Timeline.mjs.map +1 -1
  25. package/esm/components/Transition/use-transition.mjs +4 -1
  26. package/esm/components/Transition/use-transition.mjs.map +1 -1
  27. package/package.json +4 -4
  28. package/styles/Checkbox.css +1 -1
  29. package/styles/Checkbox.layer.css +1 -1
  30. package/styles/Chip.css +2 -2
  31. package/styles/Chip.layer.css +2 -2
  32. package/styles/Code.css +2 -2
  33. package/styles/Code.layer.css +2 -2
  34. package/styles/Indicator.css +2 -2
  35. package/styles/Indicator.layer.css +2 -2
  36. package/styles/Kbd.css +1 -1
  37. package/styles/Kbd.layer.css +1 -1
  38. package/styles/Menu.css +2 -2
  39. package/styles/Menu.layer.css +2 -2
  40. package/styles/Notification.css +8 -8
  41. package/styles/Notification.layer.css +8 -8
  42. package/styles/Popover.css +2 -2
  43. package/styles/Popover.layer.css +2 -2
  44. package/styles/Radio.css +1 -1
  45. package/styles/Radio.layer.css +1 -1
  46. package/styles/ScrollArea.css +2 -2
  47. package/styles/ScrollArea.layer.css +2 -2
  48. package/styles/Slider.css +2 -2
  49. package/styles/Slider.layer.css +2 -2
  50. package/styles/TypographyStylesProvider.css +9 -9
  51. package/styles/TypographyStylesProvider.layer.css +9 -9
  52. package/styles.css +34 -34
  53. package/styles.layer.css +34 -34
package/styles/TypographyStylesProvider.layer.css CHANGED
@@ -52,11 +52,11 @@
52
52
  margin-top: 0;
53
53
  margin-bottom: var(--mantine-spacing-lg);
54
54
  }
55
- [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
55
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(mark) {
56
56
  background-color: var(--mantine-color-yellow-2);
57
57
  color: inherit;
58
58
  }
59
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
59
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(mark) {
60
60
  background-color: var(--mantine-color-yellow-5);
61
61
  color: var(--mantine-color-black);
62
62
  }
@@ -80,10 +80,10 @@
80
80
  border: 0;
81
81
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
82
82
  }
83
- [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
83
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(hr) {
84
84
  border-color: var(--mantine-color-gray-3);
85
85
  }
86
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
86
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(hr) {
87
87
  border-color: var(--mantine-color-dark-3);
88
88
  }
89
89
  .m-d6493fad :where(pre) {
@@ -97,10 +97,10 @@
97
97
  font-size: var(--mantine-font-size-xs);
98
98
  border-radius: var(--mantine-radius-sm);
99
99
  }
100
- [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
100
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(pre) {
101
101
  background-color: var(--mantine-color-gray-0);
102
102
  }
103
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
103
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(pre) {
104
104
  background-color: var(--mantine-color-dark-8);
105
105
  }
106
106
  .m-d6493fad :where(pre) :where(code) {
@@ -128,7 +128,7 @@
128
128
  color: var(--mantine-color-gray-7);
129
129
  background-color: var(--mantine-color-gray-0);
130
130
  }
131
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
131
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(kbd) {
132
132
  border-color: var(--mantine-color-dark-3);
133
133
  color: var(--mantine-color-dark-0);
134
134
  background-color: var(--mantine-color-dark-5);
@@ -140,11 +140,11 @@
140
140
  font-family: var(--mantine-font-family-monospace);
141
141
  font-size: var(--mantine-font-size-xs);
142
142
  }
143
- [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
143
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(code) {
144
144
  background-color: var(--mantine-color-gray-0);
145
145
  color: var(--mantine-color-black);
146
146
  }
147
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
147
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(code) {
148
148
  background-color: var(--mantine-color-dark-5);
149
149
  color: var(--mantine-color-white);
150
150
  }
package/styles.css CHANGED
@@ -705,11 +705,11 @@ body {
705
705
  min-height: calc(2.75rem * var(--mantine-scale));
706
706
  }
707
707
 
708
- [data-mantine-color-scheme='light'] .m-d8b5e363 {
708
+ :where([data-mantine-color-scheme='light']) .m-d8b5e363 {
709
709
  background-color: rgba(0, 0, 0, 0.4);
710
710
  }
711
711
 
712
- [data-mantine-color-scheme='dark'] .m-d8b5e363 {
712
+ :where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
713
713
  background-color: rgba(255, 255, 255, 0.4);
714
714
  }
715
715
 
@@ -801,12 +801,12 @@ body {
801
801
  outline: none;
802
802
  }
803
803
 
804
- [data-mantine-color-scheme='light'] .m-38a85659 {
804
+ :where([data-mantine-color-scheme='light']) .m-38a85659 {
805
805
  --popover-border-color: var(--mantine-color-gray-2);
806
806
  background-color: var(--mantine-color-white);
807
807
  }
808
808
 
809
- [data-mantine-color-scheme='dark'] .m-38a85659 {
809
+ :where([data-mantine-color-scheme='dark']) .m-38a85659 {
810
810
  --popover-border-color: var(--mantine-color-dark-4);
811
811
  background-color: var(--mantine-color-dark-6);
812
812
  }
@@ -2357,7 +2357,7 @@ fieldset:disabled .m-d3ea56bb,
2357
2357
  border-color: var(--mantine-color-gray-4);
2358
2358
  }
2359
2359
 
2360
- [data-mantine-color-scheme='dark'] .m-26063560 {
2360
+ :where([data-mantine-color-scheme='dark']) .m-26063560 {
2361
2361
  background-color: var(--mantine-color-dark-6);
2362
2362
  border-color: var(--mantine-color-dark-4);
2363
2363
  }
@@ -3109,12 +3109,12 @@ fieldset:disabled .m-d3ea56bb,
3109
3109
  cursor: not-allowed;
3110
3110
  }
3111
3111
 
3112
- [data-mantine-color-scheme='light'] .m-be049a53:where([data-disabled]) {
3112
+ :where([data-mantine-color-scheme='light']) .m-be049a53:where([data-disabled]) {
3113
3113
  background-color: var(--mantine-color-gray-2);
3114
3114
  color: var(--mantine-color-gray-5);
3115
3115
  }
3116
3116
 
3117
- [data-mantine-color-scheme='dark'] .m-be049a53:where([data-disabled]) {
3117
+ :where([data-mantine-color-scheme='dark']) .m-be049a53:where([data-disabled]) {
3118
3118
  background-color: var(--mantine-color-dark-6);
3119
3119
  color: var(--mantine-color-dark-3);
3120
3120
  }
@@ -3261,12 +3261,12 @@ fieldset:disabled .m-d3ea56bb,
3261
3261
  overflow: auto;
3262
3262
  }
3263
3263
 
3264
- [data-mantine-color-scheme='light'] .m-b183c0a2 {
3264
+ :where([data-mantine-color-scheme='light']) .m-b183c0a2 {
3265
3265
  background-color: var(--code-bg, var(--mantine-color-gray-1));
3266
3266
  color: var(--mantine-color-black);
3267
3267
  }
3268
3268
 
3269
- [data-mantine-color-scheme='dark'] .m-b183c0a2 {
3269
+ :where([data-mantine-color-scheme='dark']) .m-b183c0a2 {
3270
3270
  background-color: var(--code-bg, var(--mantine-color-dark-5));
3271
3271
  color: var(--mantine-color-white);
3272
3272
  }
@@ -3758,12 +3758,12 @@ fieldset:disabled .m-d3ea56bb,
3758
3758
  @keyframes m-885901b1 {
3759
3759
  0% {
3760
3760
  opacity: 0.6;
3761
- box-shadow: 0 0 0 0 var(--indicator-color);
3761
+ transform: scale(0);
3762
3762
  }
3763
3763
 
3764
3764
  100% {
3765
3765
  opacity: 0;
3766
- box-shadow: 0 0 0 calc(0.5rem * var(--mantine-scale)) var(--indicator-color);
3766
+ transform: scale(2.8);
3767
3767
  }
3768
3768
  }
3769
3769
 
@@ -3852,7 +3852,7 @@ fieldset:disabled .m-d3ea56bb,
3852
3852
  background-color: var(--mantine-color-gray-0);
3853
3853
  }
3854
3854
 
3855
- [data-mantine-color-scheme='dark'] .m-dc6f14e2 {
3855
+ :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
3856
3856
  border-color: var(--mantine-color-dark-4);
3857
3857
  color: var(--mantine-color-dark-0);
3858
3858
  background-color: var(--mantine-color-dark-6);
@@ -3945,11 +3945,11 @@ fieldset:disabled .m-d3ea56bb,
3945
3945
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
3946
3946
  }
3947
3947
 
3948
- [data-mantine-color-scheme='light'] .m-efdf90cb {
3948
+ :where([data-mantine-color-scheme='light']) .m-efdf90cb {
3949
3949
  border-color: var(--mantine-color-gray-2);
3950
3950
  }
3951
3951
 
3952
- [data-mantine-color-scheme='dark'] .m-efdf90cb {
3952
+ :where([data-mantine-color-scheme='dark']) .m-efdf90cb {
3953
3953
  border-color: var(--mantine-color-dark-4);
3954
3954
  }
3955
3955
 
@@ -4433,38 +4433,38 @@ fieldset:disabled .m-d3ea56bb,
4433
4433
  text-overflow: ellipsis;
4434
4434
  }
4435
4435
 
4436
- [data-mantine-color-scheme='light'] .m-3d733a3a {
4436
+ :where([data-mantine-color-scheme='light']) .m-3d733a3a {
4437
4437
  color: var(--mantine-color-black);
4438
4438
  }
4439
4439
 
4440
- [data-mantine-color-scheme='dark'] .m-3d733a3a {
4440
+ :where([data-mantine-color-scheme='dark']) .m-3d733a3a {
4441
4441
  color: var(--mantine-color-dark-0);
4442
4442
  }
4443
4443
 
4444
- [data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
4444
+ :where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
4445
4445
  color: var(--mantine-color-gray-6);
4446
4446
  }
4447
4447
 
4448
- [data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
4448
+ :where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
4449
4449
  color: var(--mantine-color-dark-2);
4450
4450
  }
4451
4451
 
4452
4452
  @media (hover: hover) {
4453
- [data-mantine-color-scheme='light'] .m-919a4d88:hover {
4453
+ :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
4454
4454
  background-color: var(--mantine-color-gray-0);
4455
4455
  }
4456
4456
 
4457
- [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
4457
+ :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
4458
4458
  background-color: var(--mantine-color-dark-8);
4459
4459
  }
4460
4460
  }
4461
4461
 
4462
4462
  @media (hover: none) {
4463
- [data-mantine-color-scheme='light'] .m-919a4d88:active {
4463
+ :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
4464
4464
  background-color: var(--mantine-color-gray-0);
4465
4465
  }
4466
4466
 
4467
- [data-mantine-color-scheme='dark'] .m-919a4d88:active {
4467
+ :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
4468
4468
  background-color: var(--mantine-color-dark-8);
4469
4469
  }
4470
4470
  }
@@ -4883,7 +4883,7 @@ fieldset:disabled .m-d3ea56bb,
4883
4883
  border-color: var(--mantine-color-gray-4);
4884
4884
  }
4885
4885
 
4886
- [data-mantine-color-scheme='dark'] .m-8a3dbb89 {
4886
+ :where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
4887
4887
  background-color: var(--mantine-color-dark-6);
4888
4888
  border-color: var(--mantine-color-dark-4);
4889
4889
  }
@@ -5560,11 +5560,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
5560
5560
  border-color: var(--slider-color);
5561
5561
  }
5562
5562
 
5563
- [data-mantine-color-scheme='light'] .m-dd33bc19:where([data-filled])[data-disabled] {
5563
+ :where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
5564
5564
  border-color: var(--mantine-color-gray-4);
5565
5565
  }
5566
5566
 
5567
- [data-mantine-color-scheme='dark'] .m-dd33bc19:where([data-filled])[data-disabled] {
5567
+ :where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
5568
5568
  border-color: var(--mantine-color-dark-3);
5569
5569
  }
5570
5570
 
@@ -6794,11 +6794,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6794
6794
  margin-top: 0;
6795
6795
  margin-bottom: var(--mantine-spacing-lg);
6796
6796
  }
6797
- [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
6797
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(mark) {
6798
6798
  background-color: var(--mantine-color-yellow-2);
6799
6799
  color: inherit;
6800
6800
  }
6801
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
6801
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(mark) {
6802
6802
  background-color: var(--mantine-color-yellow-5);
6803
6803
  color: var(--mantine-color-black);
6804
6804
  }
@@ -6822,10 +6822,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6822
6822
  border: 0;
6823
6823
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
6824
6824
  }
6825
- [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
6825
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(hr) {
6826
6826
  border-color: var(--mantine-color-gray-3);
6827
6827
  }
6828
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
6828
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(hr) {
6829
6829
  border-color: var(--mantine-color-dark-3);
6830
6830
  }
6831
6831
  .m-d6493fad :where(pre) {
@@ -6839,10 +6839,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6839
6839
  font-size: var(--mantine-font-size-xs);
6840
6840
  border-radius: var(--mantine-radius-sm);
6841
6841
  }
6842
- [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
6842
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(pre) {
6843
6843
  background-color: var(--mantine-color-gray-0);
6844
6844
  }
6845
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
6845
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(pre) {
6846
6846
  background-color: var(--mantine-color-dark-8);
6847
6847
  }
6848
6848
  .m-d6493fad :where(pre) :where(code) {
@@ -6870,7 +6870,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6870
6870
  color: var(--mantine-color-gray-7);
6871
6871
  background-color: var(--mantine-color-gray-0);
6872
6872
  }
6873
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
6873
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(kbd) {
6874
6874
  border-color: var(--mantine-color-dark-3);
6875
6875
  color: var(--mantine-color-dark-0);
6876
6876
  background-color: var(--mantine-color-dark-5);
@@ -6882,11 +6882,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6882
6882
  font-family: var(--mantine-font-family-monospace);
6883
6883
  font-size: var(--mantine-font-size-xs);
6884
6884
  }
6885
- [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
6885
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(code) {
6886
6886
  background-color: var(--mantine-color-gray-0);
6887
6887
  color: var(--mantine-color-black);
6888
6888
  }
6889
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
6889
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(code) {
6890
6890
  background-color: var(--mantine-color-dark-5);
6891
6891
  color: var(--mantine-color-white);
6892
6892
  }
package/styles.layer.css CHANGED
@@ -705,11 +705,11 @@ body {
705
705
  min-height: calc(2.75rem * var(--mantine-scale));
706
706
  }
707
707
 
708
- [data-mantine-color-scheme='light'] .m-d8b5e363 {
708
+ :where([data-mantine-color-scheme='light']) .m-d8b5e363 {
709
709
  background-color: rgba(0, 0, 0, 0.4);
710
710
  }
711
711
 
712
- [data-mantine-color-scheme='dark'] .m-d8b5e363 {
712
+ :where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
713
713
  background-color: rgba(255, 255, 255, 0.4);
714
714
  }
715
715
 
@@ -801,12 +801,12 @@ body {
801
801
  outline: none;
802
802
  }
803
803
 
804
- [data-mantine-color-scheme='light'] .m-38a85659 {
804
+ :where([data-mantine-color-scheme='light']) .m-38a85659 {
805
805
  --popover-border-color: var(--mantine-color-gray-2);
806
806
  background-color: var(--mantine-color-white);
807
807
  }
808
808
 
809
- [data-mantine-color-scheme='dark'] .m-38a85659 {
809
+ :where([data-mantine-color-scheme='dark']) .m-38a85659 {
810
810
  --popover-border-color: var(--mantine-color-dark-4);
811
811
  background-color: var(--mantine-color-dark-6);
812
812
  }
@@ -2357,7 +2357,7 @@ fieldset:disabled .m-d3ea56bb,
2357
2357
  border-color: var(--mantine-color-gray-4);
2358
2358
  }
2359
2359
 
2360
- [data-mantine-color-scheme='dark'] .m-26063560 {
2360
+ :where([data-mantine-color-scheme='dark']) .m-26063560 {
2361
2361
  background-color: var(--mantine-color-dark-6);
2362
2362
  border-color: var(--mantine-color-dark-4);
2363
2363
  }
@@ -3109,12 +3109,12 @@ fieldset:disabled .m-d3ea56bb,
3109
3109
  cursor: not-allowed;
3110
3110
  }
3111
3111
 
3112
- [data-mantine-color-scheme='light'] .m-be049a53:where([data-disabled]) {
3112
+ :where([data-mantine-color-scheme='light']) .m-be049a53:where([data-disabled]) {
3113
3113
  background-color: var(--mantine-color-gray-2);
3114
3114
  color: var(--mantine-color-gray-5);
3115
3115
  }
3116
3116
 
3117
- [data-mantine-color-scheme='dark'] .m-be049a53:where([data-disabled]) {
3117
+ :where([data-mantine-color-scheme='dark']) .m-be049a53:where([data-disabled]) {
3118
3118
  background-color: var(--mantine-color-dark-6);
3119
3119
  color: var(--mantine-color-dark-3);
3120
3120
  }
@@ -3261,12 +3261,12 @@ fieldset:disabled .m-d3ea56bb,
3261
3261
  overflow: auto;
3262
3262
  }
3263
3263
 
3264
- [data-mantine-color-scheme='light'] .m-b183c0a2 {
3264
+ :where([data-mantine-color-scheme='light']) .m-b183c0a2 {
3265
3265
  background-color: var(--code-bg, var(--mantine-color-gray-1));
3266
3266
  color: var(--mantine-color-black);
3267
3267
  }
3268
3268
 
3269
- [data-mantine-color-scheme='dark'] .m-b183c0a2 {
3269
+ :where([data-mantine-color-scheme='dark']) .m-b183c0a2 {
3270
3270
  background-color: var(--code-bg, var(--mantine-color-dark-5));
3271
3271
  color: var(--mantine-color-white);
3272
3272
  }
@@ -3758,12 +3758,12 @@ fieldset:disabled .m-d3ea56bb,
3758
3758
  @keyframes m-885901b1 {
3759
3759
  0% {
3760
3760
  opacity: 0.6;
3761
- box-shadow: 0 0 0 0 var(--indicator-color);
3761
+ transform: scale(0);
3762
3762
  }
3763
3763
 
3764
3764
  100% {
3765
3765
  opacity: 0;
3766
- box-shadow: 0 0 0 calc(0.5rem * var(--mantine-scale)) var(--indicator-color);
3766
+ transform: scale(2.8);
3767
3767
  }
3768
3768
  }
3769
3769
 
@@ -3852,7 +3852,7 @@ fieldset:disabled .m-d3ea56bb,
3852
3852
  background-color: var(--mantine-color-gray-0);
3853
3853
  }
3854
3854
 
3855
- [data-mantine-color-scheme='dark'] .m-dc6f14e2 {
3855
+ :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
3856
3856
  border-color: var(--mantine-color-dark-4);
3857
3857
  color: var(--mantine-color-dark-0);
3858
3858
  background-color: var(--mantine-color-dark-6);
@@ -3945,11 +3945,11 @@ fieldset:disabled .m-d3ea56bb,
3945
3945
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
3946
3946
  }
3947
3947
 
3948
- [data-mantine-color-scheme='light'] .m-efdf90cb {
3948
+ :where([data-mantine-color-scheme='light']) .m-efdf90cb {
3949
3949
  border-color: var(--mantine-color-gray-2);
3950
3950
  }
3951
3951
 
3952
- [data-mantine-color-scheme='dark'] .m-efdf90cb {
3952
+ :where([data-mantine-color-scheme='dark']) .m-efdf90cb {
3953
3953
  border-color: var(--mantine-color-dark-4);
3954
3954
  }
3955
3955
 
@@ -4433,38 +4433,38 @@ fieldset:disabled .m-d3ea56bb,
4433
4433
  text-overflow: ellipsis;
4434
4434
  }
4435
4435
 
4436
- [data-mantine-color-scheme='light'] .m-3d733a3a {
4436
+ :where([data-mantine-color-scheme='light']) .m-3d733a3a {
4437
4437
  color: var(--mantine-color-black);
4438
4438
  }
4439
4439
 
4440
- [data-mantine-color-scheme='dark'] .m-3d733a3a {
4440
+ :where([data-mantine-color-scheme='dark']) .m-3d733a3a {
4441
4441
  color: var(--mantine-color-dark-0);
4442
4442
  }
4443
4443
 
4444
- [data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
4444
+ :where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
4445
4445
  color: var(--mantine-color-gray-6);
4446
4446
  }
4447
4447
 
4448
- [data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
4448
+ :where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
4449
4449
  color: var(--mantine-color-dark-2);
4450
4450
  }
4451
4451
 
4452
4452
  @media (hover: hover) {
4453
- [data-mantine-color-scheme='light'] .m-919a4d88:hover {
4453
+ :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
4454
4454
  background-color: var(--mantine-color-gray-0);
4455
4455
  }
4456
4456
 
4457
- [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
4457
+ :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
4458
4458
  background-color: var(--mantine-color-dark-8);
4459
4459
  }
4460
4460
  }
4461
4461
 
4462
4462
  @media (hover: none) {
4463
- [data-mantine-color-scheme='light'] .m-919a4d88:active {
4463
+ :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
4464
4464
  background-color: var(--mantine-color-gray-0);
4465
4465
  }
4466
4466
 
4467
- [data-mantine-color-scheme='dark'] .m-919a4d88:active {
4467
+ :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
4468
4468
  background-color: var(--mantine-color-dark-8);
4469
4469
  }
4470
4470
  }
@@ -4883,7 +4883,7 @@ fieldset:disabled .m-d3ea56bb,
4883
4883
  border-color: var(--mantine-color-gray-4);
4884
4884
  }
4885
4885
 
4886
- [data-mantine-color-scheme='dark'] .m-8a3dbb89 {
4886
+ :where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
4887
4887
  background-color: var(--mantine-color-dark-6);
4888
4888
  border-color: var(--mantine-color-dark-4);
4889
4889
  }
@@ -5560,11 +5560,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
5560
5560
  border-color: var(--slider-color);
5561
5561
  }
5562
5562
 
5563
- [data-mantine-color-scheme='light'] .m-dd33bc19:where([data-filled])[data-disabled] {
5563
+ :where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
5564
5564
  border-color: var(--mantine-color-gray-4);
5565
5565
  }
5566
5566
 
5567
- [data-mantine-color-scheme='dark'] .m-dd33bc19:where([data-filled])[data-disabled] {
5567
+ :where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
5568
5568
  border-color: var(--mantine-color-dark-3);
5569
5569
  }
5570
5570
 
@@ -6794,11 +6794,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6794
6794
  margin-top: 0;
6795
6795
  margin-bottom: var(--mantine-spacing-lg);
6796
6796
  }
6797
- [data-mantine-color-scheme='light'] .m-d6493fad :where(mark) {
6797
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(mark) {
6798
6798
  background-color: var(--mantine-color-yellow-2);
6799
6799
  color: inherit;
6800
6800
  }
6801
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(mark) {
6801
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(mark) {
6802
6802
  background-color: var(--mantine-color-yellow-5);
6803
6803
  color: var(--mantine-color-black);
6804
6804
  }
@@ -6822,10 +6822,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6822
6822
  border: 0;
6823
6823
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
6824
6824
  }
6825
- [data-mantine-color-scheme='light'] .m-d6493fad :where(hr) {
6825
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(hr) {
6826
6826
  border-color: var(--mantine-color-gray-3);
6827
6827
  }
6828
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(hr) {
6828
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(hr) {
6829
6829
  border-color: var(--mantine-color-dark-3);
6830
6830
  }
6831
6831
  .m-d6493fad :where(pre) {
@@ -6839,10 +6839,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6839
6839
  font-size: var(--mantine-font-size-xs);
6840
6840
  border-radius: var(--mantine-radius-sm);
6841
6841
  }
6842
- [data-mantine-color-scheme='light'] .m-d6493fad :where(pre) {
6842
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(pre) {
6843
6843
  background-color: var(--mantine-color-gray-0);
6844
6844
  }
6845
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(pre) {
6845
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(pre) {
6846
6846
  background-color: var(--mantine-color-dark-8);
6847
6847
  }
6848
6848
  .m-d6493fad :where(pre) :where(code) {
@@ -6870,7 +6870,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6870
6870
  color: var(--mantine-color-gray-7);
6871
6871
  background-color: var(--mantine-color-gray-0);
6872
6872
  }
6873
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(kbd) {
6873
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(kbd) {
6874
6874
  border-color: var(--mantine-color-dark-3);
6875
6875
  color: var(--mantine-color-dark-0);
6876
6876
  background-color: var(--mantine-color-dark-5);
@@ -6882,11 +6882,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
6882
6882
  font-family: var(--mantine-font-family-monospace);
6883
6883
  font-size: var(--mantine-font-size-xs);
6884
6884
  }
6885
- [data-mantine-color-scheme='light'] .m-d6493fad :where(code) {
6885
+ :where([data-mantine-color-scheme='light']) .m-d6493fad :where(code) {
6886
6886
  background-color: var(--mantine-color-gray-0);
6887
6887
  color: var(--mantine-color-black);
6888
6888
  }
6889
- [data-mantine-color-scheme='dark'] .m-d6493fad :where(code) {
6889
+ :where([data-mantine-color-scheme='dark']) .m-d6493fad :where(code) {
6890
6890
  background-color: var(--mantine-color-dark-5);
6891
6891
  color: var(--mantine-color-white);
6892
6892
  }