@deephaven/components 0.55.1-beta.6 → 0.55.1-beta.8

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 (45) hide show
  1. package/css/BaseStyleSheet.css +56 -9
  2. package/css/BaseStyleSheet.css.map +1 -1
  3. package/dist/ComboBox.css +20 -0
  4. package/dist/ComboBox.css.map +1 -1
  5. package/dist/ComboBox.d.ts.map +1 -1
  6. package/dist/ComboBox.js +2 -4
  7. package/dist/ComboBox.js.map +1 -1
  8. package/dist/CustomTimeSelect.css +15 -2
  9. package/dist/CustomTimeSelect.css.map +1 -1
  10. package/dist/CustomTimeSelect.d.ts.map +1 -1
  11. package/dist/CustomTimeSelect.js +2 -5
  12. package/dist/CustomTimeSelect.js.map +1 -1
  13. package/dist/LoadingSpinner.css +2 -8
  14. package/dist/LoadingSpinner.css.map +1 -1
  15. package/dist/SearchInput.css +10 -4
  16. package/dist/SearchInput.css.map +1 -1
  17. package/dist/theme/ThemeModel.d.ts +12 -6
  18. package/dist/theme/ThemeModel.d.ts.map +1 -1
  19. package/dist/theme/ThemeModel.js +18 -3
  20. package/dist/theme/ThemeModel.js.map +1 -1
  21. package/dist/theme/ThemeProvider.d.ts +1 -0
  22. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  23. package/dist/theme/ThemeProvider.js +6 -1
  24. package/dist/theme/ThemeProvider.js.map +1 -1
  25. package/dist/theme/ThemeUtils.d.ts +37 -5
  26. package/dist/theme/ThemeUtils.d.ts.map +1 -1
  27. package/dist/theme/ThemeUtils.js +80 -15
  28. package/dist/theme/ThemeUtils.js.map +1 -1
  29. package/dist/theme/theme-dark/theme-dark-components.css +1 -1
  30. package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
  31. package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
  32. package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
  33. package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
  34. package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
  35. package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
  36. package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
  37. package/dist/theme/theme-light/theme-light-palette.css +1 -1
  38. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  39. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
  40. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
  41. package/dist/theme/theme-svg.css +1 -0
  42. package/dist/theme/theme-svg.css.map +1 -0
  43. package/package.json +7 -7
  44. package/scss/BaseStyleSheet.scss +96 -16
  45. package/scss/util.scss +27 -0
package/css/BaseStyleSheet.css CHANGED
@@ -11186,6 +11186,16 @@ form label small {
11186
11186
  border: 1px solid #4878ea;
11187
11187
  }
11188
11188
 
11189
+ .form-control.is-invalid,
11190
+ .form-control.is-invalid:focus {
11191
+ border-color: var(--dh-color-form-control-error);
11192
+ background-image: var(--dh-svg-icon-error);
11193
+ }
11194
+
11195
+ .form-control.is-invalid:focus {
11196
+ box-shadow: 0 0 0 0.2rem var(--dh-color-form-control-error-shadow);
11197
+ }
11198
+
11189
11199
  .form-control.btn:focus {
11190
11200
  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
11191
11201
  }
@@ -11241,9 +11251,32 @@ form label small {
11241
11251
  cursor: not-allowed;
11242
11252
  }
11243
11253
 
11254
+ .custom-select {
11255
+ background-image: var(--dh-svg-icon-select-indicator);
11256
+ background-size: 10px 6px;
11257
+ }
11258
+ .custom-select:hover {
11259
+ background-image: var(--dh-svg-icon-select-indicator-hover);
11260
+ }
11261
+ .custom-select.is-invalid, .custom-select.is-invalid:focus {
11262
+ border-color: var(--dh-color-form-control-error);
11263
+ background-size: 10px 6px, 16px;
11264
+ background-image: var(--dh-svg-icon-select-indicator), var(--dh-svg-icon-error);
11265
+ }
11266
+ .custom-select.is-invalid:hover {
11267
+ background-image: var(--dh-svg-icon-select-indicator-hover), var(--dh-svg-icon-error);
11268
+ }
11269
+ .custom-select.is-invalid:focus {
11270
+ box-shadow: 0 0 0 0.2rem var(--dh-color-form-control-error-shadow);
11271
+ }
11272
+
11244
11273
  .custom-select:disabled {
11245
11274
  border-color: #1a171a;
11246
11275
  cursor: not-allowed;
11276
+ background-image: var(--dh-svg-icon-select-indicator-disabled);
11277
+ }
11278
+ .custom-select:disabled.is-invalid {
11279
+ background-image: var(--dh-svg-icon-select-indicator-disabled), var(--dh-svg-icon-error);
11247
11280
  }
11248
11281
 
11249
11282
  input[type=number] {
@@ -11271,12 +11304,8 @@ input[type=number]::-webkit-inner-spin-button {
11271
11304
  }
11272
11305
 
11273
11306
  .input-group > .input-group-append.cb-dropdown > .btn {
11274
- color: #929192;
11275
11307
  border: 1px solid #929192;
11276
11308
  }
11277
- .input-group > .input-group-append.cb-dropdown > .btn:hover {
11278
- color: #f0f0ee;
11279
- }
11280
11309
  .input-group > .input-group-append.cb-dropdown > .btn:focus {
11281
11310
  border-color: rgba(72, 120, 234, 0.85);
11282
11311
  }
@@ -11475,18 +11504,36 @@ input[type=number]::-webkit-inner-spin-button {
11475
11504
  .custom-select {
11476
11505
  background-color: inherit !important;
11477
11506
  color: #f0f0ee;
11478
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23929192' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E"), linear-gradient(0deg, #555356, #555356);
11479
- background-size: 16px 16px, cover;
11507
+ background-image: var(--dh-svg-icon-select-indicator), linear-gradient(0deg, #555356, #555356);
11508
+ background-size: 10px 6px, cover;
11509
+ background-position-x: right 0.75rem, center;
11510
+ background-position-y: bottom 50%, center;
11480
11511
  background-repeat: no-repeat;
11481
- background-position: bottom 50% right 0.75rem, center;
11482
11512
  }
11483
11513
  .custom-select:-moz-focusring {
11484
11514
  color: rgba(0, 0, 0, 0);
11485
11515
  text-shadow: 0 0 0 #f0f0ee !important;
11486
11516
  }
11517
+ .custom-select:hover {
11518
+ background-image: var(--dh-svg-icon-select-indicator-hover), linear-gradient(0deg, #555356, #555356);
11519
+ }
11520
+ .custom-select.is-invalid, .custom-select.is-invalid:focus {
11521
+ background-image: var(--dh-svg-icon-select-indicator), var(--dh-svg-icon-error), linear-gradient(0deg, #555356, #555356);
11522
+ background-size: 10px 6px, 16px, cover;
11523
+ background-position-x: right 0.75rem, right 1.75rem, center;
11524
+ }
11525
+ .custom-select.is-invalid:hover {
11526
+ background-image: var(--dh-svg-icon-select-indicator-hover), var(--dh-svg-icon-error), linear-gradient(0deg, #555356, #555356);
11527
+ }
11528
+ .custom-select:disabled {
11529
+ background-image: var(--dh-svg-icon-select-indicator), linear-gradient(0deg, #373438, #373438);
11530
+ }
11531
+ .custom-select:disabled.is-invalid {
11532
+ background-image: var(--dh-svg-icon-select-indicator), var(--dh-svg-icon-error), linear-gradient(0deg, #373438, #373438);
11533
+ }
11487
11534
 
11488
11535
  .console-creator .custom-select {
11489
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23929192' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E"), linear-gradient(0deg, #403e41, #403e41);
11536
+ background-image: var(--dh-svg-icon-select-indicator), linear-gradient(0deg, #403e41, #403e41);
11490
11537
  }
11491
11538
  .console-creator .custom-select:-moz-focusring {
11492
11539
  color: rgba(0, 0, 0, 0);
@@ -11494,7 +11541,7 @@ input[type=number]::-webkit-inner-spin-button {
11494
11541
  }
11495
11542
 
11496
11543
  .modal-dialog.theme-bg-light .custom-select {
11497
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23929192' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E"), linear-gradient(0deg, #f0f0ee, #f0f0ee);
11544
+ background-image: var(--dh-svg-icon-select-indicator), linear-gradient(0deg, #f0f0ee, #f0f0ee);
11498
11545
  }
11499
11546
  .modal-dialog.theme-bg-light .custom-select:-moz-focusring {
11500
11547
  color: rgba(0, 0, 0, 0);