@cratis/components 4.14.3 → 4.15.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 (97) hide show
  1. package/compat-manifest.json +11 -11
  2. package/dist/esm/Chat/ChatSidebar.d.ts +1 -1
  3. package/dist/esm/Chat/ChatSidebar.js +34 -3
  4. package/dist/esm/Chat/ChatSidebar.js.map +1 -1
  5. package/dist/esm/CommandDialog/CommandStepperContent.js +19 -25
  6. package/dist/esm/CommandDialog/CommandStepperContent.js.map +1 -1
  7. package/dist/esm/CommandDialog/StepperCommandDialog.js +13 -4
  8. package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
  9. package/dist/esm/CommandDialog/transitionStep.d.ts +16 -0
  10. package/dist/esm/CommandDialog/transitionStep.js +15 -0
  11. package/dist/esm/CommandDialog/transitionStep.js.map +1 -0
  12. package/dist/esm/Common/CratisComponentsProvider.d.ts +7 -1
  13. package/dist/esm/Common/CratisComponentsProvider.js.map +1 -1
  14. package/dist/esm/DataPage/DataPage.d.ts +6 -0
  15. package/dist/esm/DataPage/DataPage.js.map +1 -1
  16. package/dist/esm/DataTables/DataTableCore.d.ts +18 -1
  17. package/dist/esm/DataTables/DataTableCore.js +13 -4
  18. package/dist/esm/DataTables/DataTableCore.js.map +1 -1
  19. package/dist/esm/DataTables/DataTableForObservableQuery.d.ts +6 -0
  20. package/dist/esm/DataTables/DataTableForObservableQuery.js +3 -2
  21. package/dist/esm/DataTables/DataTableForObservableQuery.js.map +1 -1
  22. package/dist/esm/DataTables/DataTableForQuery.d.ts +6 -0
  23. package/dist/esm/DataTables/DataTableForQuery.js +3 -2
  24. package/dist/esm/DataTables/DataTableForQuery.js.map +1 -1
  25. package/dist/esm/DataTables/DataTableStatus.d.ts +12 -0
  26. package/dist/esm/DataTables/DataTableStatus.d.ts.map +1 -0
  27. package/dist/esm/DataTables/DataTableStatus.js +10 -0
  28. package/dist/esm/DataTables/DataTableStatus.js.map +1 -0
  29. package/dist/esm/DataTables/index.d.ts +1 -0
  30. package/dist/esm/DataTables/index.js +1 -0
  31. package/dist/esm/DataTables/index.js.map +1 -1
  32. package/dist/esm/DataTables/resolveDataTableStatus.d.ts +8 -0
  33. package/dist/esm/DataTables/resolveDataTableStatus.js +14 -0
  34. package/dist/esm/DataTables/resolveDataTableStatus.js.map +1 -0
  35. package/dist/esm/PivotViewer/PivotViewer.d.ts +1 -1
  36. package/dist/esm/PivotViewer/PivotViewer.js +9 -7
  37. package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
  38. package/dist/esm/PivotViewer/components/PivotCanvas.js +15 -4
  39. package/dist/esm/PivotViewer/components/PivotCanvas.js.map +1 -1
  40. package/dist/esm/PivotViewer/components/PivotViewerMain.d.ts +2 -1
  41. package/dist/esm/PivotViewer/components/PivotViewerMain.js +2 -2
  42. package/dist/esm/PivotViewer/components/PivotViewerMain.js.map +1 -1
  43. package/dist/esm/PivotViewer/components/Spinner.d.ts +3 -1
  44. package/dist/esm/PivotViewer/components/Spinner.d.ts.map +1 -1
  45. package/dist/esm/PivotViewer/components/Spinner.js +3 -3
  46. package/dist/esm/PivotViewer/components/Spinner.js.map +1 -1
  47. package/dist/esm/PivotViewer/components/pivot/animation.d.ts +2 -0
  48. package/dist/esm/PivotViewer/components/pivot/animation.js +6 -1
  49. package/dist/esm/PivotViewer/components/pivot/animation.js.map +1 -1
  50. package/dist/esm/PivotViewer/components/pivot/sprites.js +1 -0
  51. package/dist/esm/PivotViewer/components/pivot/sprites.js.map +1 -1
  52. package/dist/esm/PivotViewer/components/pivot/syncScrollSprites.d.ts +4 -0
  53. package/dist/esm/PivotViewer/components/pivot/syncScrollSprites.js +8 -0
  54. package/dist/esm/PivotViewer/components/pivot/syncScrollSprites.js.map +1 -0
  55. package/dist/esm/PivotViewer/components/pivot/visibility.d.ts +2 -0
  56. package/dist/esm/PivotViewer/components/pivot/visibility.js +26 -65
  57. package/dist/esm/PivotViewer/components/pivot/visibility.js.map +1 -1
  58. package/dist/esm/PivotViewer/engine/store.d.ts +1 -1
  59. package/dist/esm/PivotViewer/engine/store.js +29 -12
  60. package/dist/esm/PivotViewer/engine/store.js.map +1 -1
  61. package/dist/esm/PivotViewer/engine/types.d.ts +2 -1
  62. package/dist/esm/PivotViewer/engine/types.d.ts.map +1 -1
  63. package/dist/esm/PivotViewer/hooks/useCurrentFilters.js +6 -9
  64. package/dist/esm/PivotViewer/hooks/useCurrentFilters.js.map +1 -1
  65. package/dist/esm/PivotViewer/hooks/useFieldExtractors.js +17 -35
  66. package/dist/esm/PivotViewer/hooks/useFieldExtractors.js.map +1 -1
  67. package/dist/esm/PivotViewer/types.d.ts +2 -0
  68. package/dist/esm/PivotViewer/utils/presentGrouping.d.ts +4 -0
  69. package/dist/esm/PivotViewer/utils/presentGrouping.js +22 -0
  70. package/dist/esm/PivotViewer/utils/presentGrouping.js.map +1 -0
  71. package/dist/esm/Toolbar/ToolbarButton.js +3 -3
  72. package/dist/esm/Toolbar/ToolbarButton.js.map +1 -1
  73. package/dist/esm/configuration/CratisComponentsDefaults.js +3 -0
  74. package/dist/esm/configuration/CratisComponentsDefaults.js.map +1 -1
  75. package/dist/esm/styles.Canvas.css +24 -38
  76. package/dist/esm/styles.Chat.css +13 -0
  77. package/dist/esm/styles.CommandDialog.css +14 -32
  78. package/dist/esm/styles.CommandForm.css +14 -32
  79. package/dist/esm/styles.CommandStepper.css +14 -32
  80. package/dist/esm/styles.Common.css +7 -19
  81. package/dist/esm/styles.DataPage.css +10 -20
  82. package/dist/esm/styles.DataTables.css +10 -20
  83. package/dist/esm/styles.Display.css +7 -19
  84. package/dist/esm/styles.Dropdown.css +7 -19
  85. package/dist/esm/styles.Filter.css +2 -7
  86. package/dist/esm/styles.ObjectContentEditor.css +7 -19
  87. package/dist/esm/styles.ObjectNavigationalBar.css +7 -19
  88. package/dist/esm/styles.PivotViewer.css +18 -20
  89. package/dist/esm/styles.SchemaEditor.css +10 -20
  90. package/dist/esm/styles.Toolbar.css +14 -58
  91. package/dist/esm/styles.css +59 -111
  92. package/dist/esm/styles.renderer.builtin.css +10 -20
  93. package/dist/esm/types/parts.d.ts +18 -6
  94. package/dist/esm/types/parts.d.ts.map +1 -1
  95. package/dist/esm/types/parts.js +18 -6
  96. package/dist/esm/types/parts.js.map +1 -1
  97. package/package.json +3 -2
package/dist/esm/styles.CommandDialog.css CHANGED
@@ -174,6 +174,10 @@
174
174
  cursor: not-allowed;
175
175
  opacity: var(--cratis-disabled-opacity);
176
176
  }
177
+ .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
178
+ cursor: not-allowed;
179
+ opacity: var(--cratis-disabled-opacity);
180
+ }
177
181
  .cratis-field-input[data-invalid='true'],
178
182
  .cratis-field-input[aria-invalid='true'] {
179
183
  border-color: var(--cratis-red-500);
@@ -209,7 +213,9 @@
209
213
  .cratis-password-field__toggle:hover {
210
214
  background: var(--cratis-surface-hover);
211
215
  }
212
- .cratis-password-field__toggle:focus-visible {
216
+ .cratis-password-field__toggle:focus-visible,
217
+ .cratis-slider-field__input:focus-visible,
218
+ .cratis-color-field__input:focus-visible {
213
219
  outline: none;
214
220
  box-shadow: var(--cratis-focus-ring);
215
221
  }
@@ -221,10 +227,6 @@
221
227
  gap: 0.5rem;
222
228
  cursor: pointer;
223
229
  }
224
- .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
225
- cursor: not-allowed;
226
- opacity: var(--cratis-disabled-opacity);
227
- }
228
230
  .cratis-choice-field__native {
229
231
  position: absolute;
230
232
  width: 1px;
@@ -336,10 +338,6 @@
336
338
  width: 100%;
337
339
  accent-color: var(--cratis-primary-color);
338
340
  }
339
- .cratis-slider-field__input:focus-visible {
340
- outline: none;
341
- box-shadow: var(--cratis-focus-ring);
342
- }
343
341
  .cratis-slider-field__value {
344
342
  min-width: 2.5rem;
345
343
  text-align: end;
@@ -409,10 +407,6 @@
409
407
  border-radius: var(--cratis-border-radius);
410
408
  background: var(--cratis-control-background);
411
409
  }
412
- .cratis-color-field__input:focus-visible {
413
- outline: none;
414
- box-shadow: var(--cratis-focus-ring);
415
- }
416
410
  .cratis-color-field__value {
417
411
  font-family: ui-monospace, monospace;
418
412
  }
@@ -779,7 +773,9 @@
779
773
  box-shadow: var(--cratis-focus-ring);
780
774
  }
781
775
  .cratis-toggle-group[data-disabled],
782
- .cratis-tabs[data-disabled] {
776
+ .cratis-tabs[data-disabled],
777
+ .cratis-toggle-group__option[data-disabled],
778
+ .cratis-tabs__tab[data-disabled] {
783
779
  cursor: not-allowed;
784
780
  opacity: var(--cratis-disabled-opacity);
785
781
  }
@@ -818,10 +814,6 @@
818
814
  box-shadow: var(--cratis-shadow-card, none);
819
815
  font-weight: 600;
820
816
  }
821
- .cratis-toggle-group__option[data-disabled] {
822
- cursor: not-allowed;
823
- opacity: var(--cratis-disabled-opacity);
824
- }
825
817
  .cratis-toggle-group__icon {
826
818
  display: inline-flex;
827
819
  }
@@ -852,10 +844,6 @@
852
844
  color: var(--cratis-text-color);
853
845
  font-weight: 600;
854
846
  }
855
- .cratis-tabs__tab[data-disabled] {
856
- cursor: not-allowed;
857
- opacity: var(--cratis-disabled-opacity);
858
- }
859
847
  .cratis-tabs__panel {
860
848
  padding: 0.75rem 0;
861
849
  outline: none;
@@ -1221,7 +1209,8 @@
1221
1209
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
1222
1210
  border-color: var(--cratis-red-500);
1223
1211
  }
1224
- .cratis-number-input[data-disabled='true'] {
1212
+ .cratis-number-input[data-disabled='true'],
1213
+ .cratis-number-input__step:disabled {
1225
1214
  cursor: not-allowed;
1226
1215
  opacity: var(--cratis-disabled-opacity);
1227
1216
  }
@@ -1283,10 +1272,6 @@
1283
1272
  outline: 2px solid var(--cratis-primary-color);
1284
1273
  outline-offset: -3px;
1285
1274
  }
1286
- .cratis-number-input__step:disabled {
1287
- cursor: not-allowed;
1288
- opacity: var(--cratis-disabled-opacity);
1289
- }
1290
1275
  .cratis-number-input__description,
1291
1276
  .cratis-number-input__error {
1292
1277
  display: block;
@@ -1367,7 +1352,8 @@
1367
1352
  background: var(--cratis-surface-100);
1368
1353
  }
1369
1354
  .cratis-text-input:disabled,
1370
- .cratis-text-area:disabled {
1355
+ .cratis-text-area:disabled,
1356
+ .cratis-choice[data-disabled='true'] {
1371
1357
  cursor: not-allowed;
1372
1358
  opacity: var(--cratis-disabled-opacity);
1373
1359
  }
@@ -1384,10 +1370,6 @@
1384
1370
  color: var(--cratis-text-color);
1385
1371
  cursor: pointer;
1386
1372
  }
1387
- .cratis-choice[data-disabled='true'] {
1388
- cursor: not-allowed;
1389
- opacity: var(--cratis-disabled-opacity);
1390
- }
1391
1373
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
1392
1374
  cursor: default;
1393
1375
  }
package/dist/esm/styles.CommandForm.css CHANGED
@@ -39,6 +39,10 @@
39
39
  cursor: not-allowed;
40
40
  opacity: var(--cratis-disabled-opacity);
41
41
  }
42
+ .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
43
+ cursor: not-allowed;
44
+ opacity: var(--cratis-disabled-opacity);
45
+ }
42
46
  .cratis-field-input[data-invalid='true'],
43
47
  .cratis-field-input[aria-invalid='true'] {
44
48
  border-color: var(--cratis-red-500);
@@ -74,7 +78,9 @@
74
78
  .cratis-password-field__toggle:hover {
75
79
  background: var(--cratis-surface-hover);
76
80
  }
77
- .cratis-password-field__toggle:focus-visible {
81
+ .cratis-password-field__toggle:focus-visible,
82
+ .cratis-slider-field__input:focus-visible,
83
+ .cratis-color-field__input:focus-visible {
78
84
  outline: none;
79
85
  box-shadow: var(--cratis-focus-ring);
80
86
  }
@@ -86,10 +92,6 @@
86
92
  gap: 0.5rem;
87
93
  cursor: pointer;
88
94
  }
89
- .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
90
- cursor: not-allowed;
91
- opacity: var(--cratis-disabled-opacity);
92
- }
93
95
  .cratis-choice-field__native {
94
96
  position: absolute;
95
97
  width: 1px;
@@ -201,10 +203,6 @@
201
203
  width: 100%;
202
204
  accent-color: var(--cratis-primary-color);
203
205
  }
204
- .cratis-slider-field__input:focus-visible {
205
- outline: none;
206
- box-shadow: var(--cratis-focus-ring);
207
- }
208
206
  .cratis-slider-field__value {
209
207
  min-width: 2.5rem;
210
208
  text-align: end;
@@ -274,10 +272,6 @@
274
272
  border-radius: var(--cratis-border-radius);
275
273
  background: var(--cratis-control-background);
276
274
  }
277
- .cratis-color-field__input:focus-visible {
278
- outline: none;
279
- box-shadow: var(--cratis-focus-ring);
280
- }
281
275
  .cratis-color-field__value {
282
276
  font-family: ui-monospace, monospace;
283
277
  }
@@ -644,7 +638,9 @@
644
638
  box-shadow: var(--cratis-focus-ring);
645
639
  }
646
640
  .cratis-toggle-group[data-disabled],
647
- .cratis-tabs[data-disabled] {
641
+ .cratis-tabs[data-disabled],
642
+ .cratis-toggle-group__option[data-disabled],
643
+ .cratis-tabs__tab[data-disabled] {
648
644
  cursor: not-allowed;
649
645
  opacity: var(--cratis-disabled-opacity);
650
646
  }
@@ -683,10 +679,6 @@
683
679
  box-shadow: var(--cratis-shadow-card, none);
684
680
  font-weight: 600;
685
681
  }
686
- .cratis-toggle-group__option[data-disabled] {
687
- cursor: not-allowed;
688
- opacity: var(--cratis-disabled-opacity);
689
- }
690
682
  .cratis-toggle-group__icon {
691
683
  display: inline-flex;
692
684
  }
@@ -717,10 +709,6 @@
717
709
  color: var(--cratis-text-color);
718
710
  font-weight: 600;
719
711
  }
720
- .cratis-tabs__tab[data-disabled] {
721
- cursor: not-allowed;
722
- opacity: var(--cratis-disabled-opacity);
723
- }
724
712
  .cratis-tabs__panel {
725
713
  padding: 0.75rem 0;
726
714
  outline: none;
@@ -1086,7 +1074,8 @@
1086
1074
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
1087
1075
  border-color: var(--cratis-red-500);
1088
1076
  }
1089
- .cratis-number-input[data-disabled='true'] {
1077
+ .cratis-number-input[data-disabled='true'],
1078
+ .cratis-number-input__step:disabled {
1090
1079
  cursor: not-allowed;
1091
1080
  opacity: var(--cratis-disabled-opacity);
1092
1081
  }
@@ -1148,10 +1137,6 @@
1148
1137
  outline: 2px solid var(--cratis-primary-color);
1149
1138
  outline-offset: -3px;
1150
1139
  }
1151
- .cratis-number-input__step:disabled {
1152
- cursor: not-allowed;
1153
- opacity: var(--cratis-disabled-opacity);
1154
- }
1155
1140
  .cratis-number-input__description,
1156
1141
  .cratis-number-input__error {
1157
1142
  display: block;
@@ -1232,7 +1217,8 @@
1232
1217
  background: var(--cratis-surface-100);
1233
1218
  }
1234
1219
  .cratis-text-input:disabled,
1235
- .cratis-text-area:disabled {
1220
+ .cratis-text-area:disabled,
1221
+ .cratis-choice[data-disabled='true'] {
1236
1222
  cursor: not-allowed;
1237
1223
  opacity: var(--cratis-disabled-opacity);
1238
1224
  }
@@ -1249,10 +1235,6 @@
1249
1235
  color: var(--cratis-text-color);
1250
1236
  cursor: pointer;
1251
1237
  }
1252
- .cratis-choice[data-disabled='true'] {
1253
- cursor: not-allowed;
1254
- opacity: var(--cratis-disabled-opacity);
1255
- }
1256
1238
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
1257
1239
  cursor: default;
1258
1240
  }
package/dist/esm/styles.CommandStepper.css CHANGED
@@ -174,6 +174,10 @@
174
174
  cursor: not-allowed;
175
175
  opacity: var(--cratis-disabled-opacity);
176
176
  }
177
+ .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
178
+ cursor: not-allowed;
179
+ opacity: var(--cratis-disabled-opacity);
180
+ }
177
181
  .cratis-field-input[data-invalid='true'],
178
182
  .cratis-field-input[aria-invalid='true'] {
179
183
  border-color: var(--cratis-red-500);
@@ -209,7 +213,9 @@
209
213
  .cratis-password-field__toggle:hover {
210
214
  background: var(--cratis-surface-hover);
211
215
  }
212
- .cratis-password-field__toggle:focus-visible {
216
+ .cratis-password-field__toggle:focus-visible,
217
+ .cratis-slider-field__input:focus-visible,
218
+ .cratis-color-field__input:focus-visible {
213
219
  outline: none;
214
220
  box-shadow: var(--cratis-focus-ring);
215
221
  }
@@ -221,10 +227,6 @@
221
227
  gap: 0.5rem;
222
228
  cursor: pointer;
223
229
  }
224
- .cratis-choice-field:has(.cratis-choice-field__native:disabled) {
225
- cursor: not-allowed;
226
- opacity: var(--cratis-disabled-opacity);
227
- }
228
230
  .cratis-choice-field__native {
229
231
  position: absolute;
230
232
  width: 1px;
@@ -336,10 +338,6 @@
336
338
  width: 100%;
337
339
  accent-color: var(--cratis-primary-color);
338
340
  }
339
- .cratis-slider-field__input:focus-visible {
340
- outline: none;
341
- box-shadow: var(--cratis-focus-ring);
342
- }
343
341
  .cratis-slider-field__value {
344
342
  min-width: 2.5rem;
345
343
  text-align: end;
@@ -409,10 +407,6 @@
409
407
  border-radius: var(--cratis-border-radius);
410
408
  background: var(--cratis-control-background);
411
409
  }
412
- .cratis-color-field__input:focus-visible {
413
- outline: none;
414
- box-shadow: var(--cratis-focus-ring);
415
- }
416
410
  .cratis-color-field__value {
417
411
  font-family: ui-monospace, monospace;
418
412
  }
@@ -779,7 +773,9 @@
779
773
  box-shadow: var(--cratis-focus-ring);
780
774
  }
781
775
  .cratis-toggle-group[data-disabled],
782
- .cratis-tabs[data-disabled] {
776
+ .cratis-tabs[data-disabled],
777
+ .cratis-toggle-group__option[data-disabled],
778
+ .cratis-tabs__tab[data-disabled] {
783
779
  cursor: not-allowed;
784
780
  opacity: var(--cratis-disabled-opacity);
785
781
  }
@@ -818,10 +814,6 @@
818
814
  box-shadow: var(--cratis-shadow-card, none);
819
815
  font-weight: 600;
820
816
  }
821
- .cratis-toggle-group__option[data-disabled] {
822
- cursor: not-allowed;
823
- opacity: var(--cratis-disabled-opacity);
824
- }
825
817
  .cratis-toggle-group__icon {
826
818
  display: inline-flex;
827
819
  }
@@ -852,10 +844,6 @@
852
844
  color: var(--cratis-text-color);
853
845
  font-weight: 600;
854
846
  }
855
- .cratis-tabs__tab[data-disabled] {
856
- cursor: not-allowed;
857
- opacity: var(--cratis-disabled-opacity);
858
- }
859
847
  .cratis-tabs__panel {
860
848
  padding: 0.75rem 0;
861
849
  outline: none;
@@ -1221,7 +1209,8 @@
1221
1209
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
1222
1210
  border-color: var(--cratis-red-500);
1223
1211
  }
1224
- .cratis-number-input[data-disabled='true'] {
1212
+ .cratis-number-input[data-disabled='true'],
1213
+ .cratis-number-input__step:disabled {
1225
1214
  cursor: not-allowed;
1226
1215
  opacity: var(--cratis-disabled-opacity);
1227
1216
  }
@@ -1283,10 +1272,6 @@
1283
1272
  outline: 2px solid var(--cratis-primary-color);
1284
1273
  outline-offset: -3px;
1285
1274
  }
1286
- .cratis-number-input__step:disabled {
1287
- cursor: not-allowed;
1288
- opacity: var(--cratis-disabled-opacity);
1289
- }
1290
1275
  .cratis-number-input__description,
1291
1276
  .cratis-number-input__error {
1292
1277
  display: block;
@@ -1367,7 +1352,8 @@
1367
1352
  background: var(--cratis-surface-100);
1368
1353
  }
1369
1354
  .cratis-text-input:disabled,
1370
- .cratis-text-area:disabled {
1355
+ .cratis-text-area:disabled,
1356
+ .cratis-choice[data-disabled='true'] {
1371
1357
  cursor: not-allowed;
1372
1358
  opacity: var(--cratis-disabled-opacity);
1373
1359
  }
@@ -1384,10 +1370,6 @@
1384
1370
  color: var(--cratis-text-color);
1385
1371
  cursor: pointer;
1386
1372
  }
1387
- .cratis-choice[data-disabled='true'] {
1388
- cursor: not-allowed;
1389
- opacity: var(--cratis-disabled-opacity);
1390
- }
1391
1373
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
1392
1374
  cursor: default;
1393
1375
  }
package/dist/esm/styles.Common.css CHANGED
@@ -322,7 +322,9 @@
322
322
  box-shadow: var(--cratis-focus-ring);
323
323
  }
324
324
  .cratis-toggle-group[data-disabled],
325
- .cratis-tabs[data-disabled] {
325
+ .cratis-tabs[data-disabled],
326
+ .cratis-toggle-group__option[data-disabled],
327
+ .cratis-tabs__tab[data-disabled] {
326
328
  cursor: not-allowed;
327
329
  opacity: var(--cratis-disabled-opacity);
328
330
  }
@@ -361,10 +363,6 @@
361
363
  box-shadow: var(--cratis-shadow-card, none);
362
364
  font-weight: 600;
363
365
  }
364
- .cratis-toggle-group__option[data-disabled] {
365
- cursor: not-allowed;
366
- opacity: var(--cratis-disabled-opacity);
367
- }
368
366
  .cratis-toggle-group__icon {
369
367
  display: inline-flex;
370
368
  }
@@ -395,10 +393,6 @@
395
393
  color: var(--cratis-text-color);
396
394
  font-weight: 600;
397
395
  }
398
- .cratis-tabs__tab[data-disabled] {
399
- cursor: not-allowed;
400
- opacity: var(--cratis-disabled-opacity);
401
- }
402
396
  .cratis-tabs__panel {
403
397
  padding: 0.75rem 0;
404
398
  outline: none;
@@ -764,7 +758,8 @@
764
758
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
765
759
  border-color: var(--cratis-red-500);
766
760
  }
767
- .cratis-number-input[data-disabled='true'] {
761
+ .cratis-number-input[data-disabled='true'],
762
+ .cratis-number-input__step:disabled {
768
763
  cursor: not-allowed;
769
764
  opacity: var(--cratis-disabled-opacity);
770
765
  }
@@ -826,10 +821,6 @@
826
821
  outline: 2px solid var(--cratis-primary-color);
827
822
  outline-offset: -3px;
828
823
  }
829
- .cratis-number-input__step:disabled {
830
- cursor: not-allowed;
831
- opacity: var(--cratis-disabled-opacity);
832
- }
833
824
  .cratis-number-input__description,
834
825
  .cratis-number-input__error {
835
826
  display: block;
@@ -910,7 +901,8 @@
910
901
  background: var(--cratis-surface-100);
911
902
  }
912
903
  .cratis-text-input:disabled,
913
- .cratis-text-area:disabled {
904
+ .cratis-text-area:disabled,
905
+ .cratis-choice[data-disabled='true'] {
914
906
  cursor: not-allowed;
915
907
  opacity: var(--cratis-disabled-opacity);
916
908
  }
@@ -927,10 +919,6 @@
927
919
  color: var(--cratis-text-color);
928
920
  cursor: pointer;
929
921
  }
930
- .cratis-choice[data-disabled='true'] {
931
- cursor: not-allowed;
932
- opacity: var(--cratis-disabled-opacity);
933
- }
934
922
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
935
923
  cursor: default;
936
924
  }
package/dist/esm/styles.DataPage.css CHANGED
@@ -523,7 +523,9 @@
523
523
  box-shadow: var(--cratis-focus-ring);
524
524
  }
525
525
  .cratis-toggle-group[data-disabled],
526
- .cratis-tabs[data-disabled] {
526
+ .cratis-tabs[data-disabled],
527
+ .cratis-toggle-group__option[data-disabled],
528
+ .cratis-tabs__tab[data-disabled] {
527
529
  cursor: not-allowed;
528
530
  opacity: var(--cratis-disabled-opacity);
529
531
  }
@@ -562,10 +564,6 @@
562
564
  box-shadow: var(--cratis-shadow-card, none);
563
565
  font-weight: 600;
564
566
  }
565
- .cratis-toggle-group__option[data-disabled] {
566
- cursor: not-allowed;
567
- opacity: var(--cratis-disabled-opacity);
568
- }
569
567
  .cratis-toggle-group__icon {
570
568
  display: inline-flex;
571
569
  }
@@ -596,10 +594,6 @@
596
594
  color: var(--cratis-text-color);
597
595
  font-weight: 600;
598
596
  }
599
- .cratis-tabs__tab[data-disabled] {
600
- cursor: not-allowed;
601
- opacity: var(--cratis-disabled-opacity);
602
- }
603
597
  .cratis-tabs__panel {
604
598
  padding: 0.75rem 0;
605
599
  outline: none;
@@ -965,7 +959,8 @@
965
959
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
966
960
  border-color: var(--cratis-red-500);
967
961
  }
968
- .cratis-number-input[data-disabled='true'] {
962
+ .cratis-number-input[data-disabled='true'],
963
+ .cratis-number-input__step:disabled {
969
964
  cursor: not-allowed;
970
965
  opacity: var(--cratis-disabled-opacity);
971
966
  }
@@ -1027,10 +1022,6 @@
1027
1022
  outline: 2px solid var(--cratis-primary-color);
1028
1023
  outline-offset: -3px;
1029
1024
  }
1030
- .cratis-number-input__step:disabled {
1031
- cursor: not-allowed;
1032
- opacity: var(--cratis-disabled-opacity);
1033
- }
1034
1025
  .cratis-number-input__description,
1035
1026
  .cratis-number-input__error {
1036
1027
  display: block;
@@ -1111,7 +1102,8 @@
1111
1102
  background: var(--cratis-surface-100);
1112
1103
  }
1113
1104
  .cratis-text-input:disabled,
1114
- .cratis-text-area:disabled {
1105
+ .cratis-text-area:disabled,
1106
+ .cratis-choice[data-disabled='true'] {
1115
1107
  cursor: not-allowed;
1116
1108
  opacity: var(--cratis-disabled-opacity);
1117
1109
  }
@@ -1128,10 +1120,6 @@
1128
1120
  color: var(--cratis-text-color);
1129
1121
  cursor: pointer;
1130
1122
  }
1131
- .cratis-choice[data-disabled='true'] {
1132
- cursor: not-allowed;
1133
- opacity: var(--cratis-disabled-opacity);
1134
- }
1135
1123
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
1136
1124
  cursor: default;
1137
1125
  }
@@ -1485,7 +1473,9 @@
1485
1473
  background: var(--cratis-highlight-bg);
1486
1474
  color: var(--cratis-highlight-text-color);
1487
1475
  }
1488
- .cratis-datatable__empty-cell {
1476
+ .cratis-datatable__empty-cell,
1477
+ .cratis-datatable__loading-cell,
1478
+ .cratis-datatable__failure-cell {
1489
1479
  padding: 2rem 1rem;
1490
1480
  color: var(--cratis-text-color-secondary);
1491
1481
  text-align: center;
package/dist/esm/styles.DataTables.css CHANGED
@@ -322,7 +322,9 @@
322
322
  box-shadow: var(--cratis-focus-ring);
323
323
  }
324
324
  .cratis-toggle-group[data-disabled],
325
- .cratis-tabs[data-disabled] {
325
+ .cratis-tabs[data-disabled],
326
+ .cratis-toggle-group__option[data-disabled],
327
+ .cratis-tabs__tab[data-disabled] {
326
328
  cursor: not-allowed;
327
329
  opacity: var(--cratis-disabled-opacity);
328
330
  }
@@ -361,10 +363,6 @@
361
363
  box-shadow: var(--cratis-shadow-card, none);
362
364
  font-weight: 600;
363
365
  }
364
- .cratis-toggle-group__option[data-disabled] {
365
- cursor: not-allowed;
366
- opacity: var(--cratis-disabled-opacity);
367
- }
368
366
  .cratis-toggle-group__icon {
369
367
  display: inline-flex;
370
368
  }
@@ -395,10 +393,6 @@
395
393
  color: var(--cratis-text-color);
396
394
  font-weight: 600;
397
395
  }
398
- .cratis-tabs__tab[data-disabled] {
399
- cursor: not-allowed;
400
- opacity: var(--cratis-disabled-opacity);
401
- }
402
396
  .cratis-tabs__panel {
403
397
  padding: 0.75rem 0;
404
398
  outline: none;
@@ -764,7 +758,8 @@
764
758
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
765
759
  border-color: var(--cratis-red-500);
766
760
  }
767
- .cratis-number-input[data-disabled='true'] {
761
+ .cratis-number-input[data-disabled='true'],
762
+ .cratis-number-input__step:disabled {
768
763
  cursor: not-allowed;
769
764
  opacity: var(--cratis-disabled-opacity);
770
765
  }
@@ -826,10 +821,6 @@
826
821
  outline: 2px solid var(--cratis-primary-color);
827
822
  outline-offset: -3px;
828
823
  }
829
- .cratis-number-input__step:disabled {
830
- cursor: not-allowed;
831
- opacity: var(--cratis-disabled-opacity);
832
- }
833
824
  .cratis-number-input__description,
834
825
  .cratis-number-input__error {
835
826
  display: block;
@@ -910,7 +901,8 @@
910
901
  background: var(--cratis-surface-100);
911
902
  }
912
903
  .cratis-text-input:disabled,
913
- .cratis-text-area:disabled {
904
+ .cratis-text-area:disabled,
905
+ .cratis-choice[data-disabled='true'] {
914
906
  cursor: not-allowed;
915
907
  opacity: var(--cratis-disabled-opacity);
916
908
  }
@@ -927,10 +919,6 @@
927
919
  color: var(--cratis-text-color);
928
920
  cursor: pointer;
929
921
  }
930
- .cratis-choice[data-disabled='true'] {
931
- cursor: not-allowed;
932
- opacity: var(--cratis-disabled-opacity);
933
- }
934
922
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
935
923
  cursor: default;
936
924
  }
@@ -1284,7 +1272,9 @@
1284
1272
  background: var(--cratis-highlight-bg);
1285
1273
  color: var(--cratis-highlight-text-color);
1286
1274
  }
1287
- .cratis-datatable__empty-cell {
1275
+ .cratis-datatable__empty-cell,
1276
+ .cratis-datatable__loading-cell,
1277
+ .cratis-datatable__failure-cell {
1288
1278
  padding: 2rem 1rem;
1289
1279
  color: var(--cratis-text-color-secondary);
1290
1280
  text-align: center;
package/dist/esm/styles.Display.css CHANGED
@@ -322,7 +322,9 @@
322
322
  box-shadow: var(--cratis-focus-ring);
323
323
  }
324
324
  .cratis-toggle-group[data-disabled],
325
- .cratis-tabs[data-disabled] {
325
+ .cratis-tabs[data-disabled],
326
+ .cratis-toggle-group__option[data-disabled],
327
+ .cratis-tabs__tab[data-disabled] {
326
328
  cursor: not-allowed;
327
329
  opacity: var(--cratis-disabled-opacity);
328
330
  }
@@ -361,10 +363,6 @@
361
363
  box-shadow: var(--cratis-shadow-card, none);
362
364
  font-weight: 600;
363
365
  }
364
- .cratis-toggle-group__option[data-disabled] {
365
- cursor: not-allowed;
366
- opacity: var(--cratis-disabled-opacity);
367
- }
368
366
  .cratis-toggle-group__icon {
369
367
  display: inline-flex;
370
368
  }
@@ -395,10 +393,6 @@
395
393
  color: var(--cratis-text-color);
396
394
  font-weight: 600;
397
395
  }
398
- .cratis-tabs__tab[data-disabled] {
399
- cursor: not-allowed;
400
- opacity: var(--cratis-disabled-opacity);
401
- }
402
396
  .cratis-tabs__panel {
403
397
  padding: 0.75rem 0;
404
398
  outline: none;
@@ -764,7 +758,8 @@
764
758
  .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
765
759
  border-color: var(--cratis-red-500);
766
760
  }
767
- .cratis-number-input[data-disabled='true'] {
761
+ .cratis-number-input[data-disabled='true'],
762
+ .cratis-number-input__step:disabled {
768
763
  cursor: not-allowed;
769
764
  opacity: var(--cratis-disabled-opacity);
770
765
  }
@@ -826,10 +821,6 @@
826
821
  outline: 2px solid var(--cratis-primary-color);
827
822
  outline-offset: -3px;
828
823
  }
829
- .cratis-number-input__step:disabled {
830
- cursor: not-allowed;
831
- opacity: var(--cratis-disabled-opacity);
832
- }
833
824
  .cratis-number-input__description,
834
825
  .cratis-number-input__error {
835
826
  display: block;
@@ -910,7 +901,8 @@
910
901
  background: var(--cratis-surface-100);
911
902
  }
912
903
  .cratis-text-input:disabled,
913
- .cratis-text-area:disabled {
904
+ .cratis-text-area:disabled,
905
+ .cratis-choice[data-disabled='true'] {
914
906
  cursor: not-allowed;
915
907
  opacity: var(--cratis-disabled-opacity);
916
908
  }
@@ -927,10 +919,6 @@
927
919
  color: var(--cratis-text-color);
928
920
  cursor: pointer;
929
921
  }
930
- .cratis-choice[data-disabled='true'] {
931
- cursor: not-allowed;
932
- opacity: var(--cratis-disabled-opacity);
933
- }
934
922
  .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
935
923
  cursor: default;
936
924
  }