@elevasis/ui 2.25.1 → 2.25.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.
@@ -52,11 +52,12 @@
52
52
  ::-webkit-scrollbar-thumb:hover {
53
53
  background: var(--color-text-subtle);
54
54
  }
55
- .mantine-Checkbox-input {
55
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
56
56
  background-color: var(--color-surface);
57
57
  border-color: var(--color-border);
58
58
  }
59
- .mantine-Checkbox-input:checked {
59
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
60
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
60
61
  background-color: var(--color-primary);
61
62
  border-color: var(--color-primary);
62
63
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
package/dist/index.css CHANGED
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
@@ -563,11 +563,12 @@
563
563
  ::-webkit-scrollbar-thumb:hover {
564
564
  background: var(--color-text-subtle);
565
565
  }
566
- .mantine-Checkbox-input {
566
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
567
567
  background-color: var(--color-surface);
568
568
  border-color: var(--color-border);
569
569
  }
570
- .mantine-Checkbox-input:checked {
570
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
571
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
571
572
  background-color: var(--color-primary);
572
573
  border-color: var(--color-primary);
573
574
  }
@@ -179,11 +179,12 @@
179
179
  ::-webkit-scrollbar-thumb:hover {
180
180
  background: var(--color-text-subtle);
181
181
  }
182
- .mantine-Checkbox-input {
182
+ [data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
183
183
  background-color: var(--color-surface);
184
184
  border-color: var(--color-border);
185
185
  }
186
- .mantine-Checkbox-input:checked {
186
+ [data-mantine-color-scheme] .mantine-Checkbox-input:checked,
187
+ [data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
187
188
  background-color: var(--color-primary);
188
189
  border-color: var(--color-primary);
189
190
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elevasis/ui",
3
- "version": "2.25.1",
3
+ "version": "2.25.2",
4
4
  "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
5
5
  "type": "module",
6
6
  "license": "MIT",