@emuanalytics/flow-rdf-ui 4.1.0-preview.2 → 4.1.0-preview.21

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 (74) hide show
  1. package/dist/components/alert/alert.styles.mjs +1 -1
  2. package/dist/components/badge/badge.component.mjs +4 -0
  3. package/dist/components/badge/badge.styles.mjs +13 -0
  4. package/dist/components/breadcrumb-item/breadcrumb-item.styles.mjs +1 -1
  5. package/dist/components/button/button.styles.mjs +2 -2
  6. package/dist/components/calendar/calendar.component.mjs +3 -0
  7. package/dist/components/calendar/calendar.styles.mjs +13 -4
  8. package/dist/components/card/card.component.mjs +27 -7
  9. package/dist/components/card/card.styles.mjs +9 -37
  10. package/dist/components/chart/chart.component.mjs +19 -3
  11. package/dist/components/chart/chart.styles.mjs +20 -1
  12. package/dist/components/checkbox-group/checkbox-group.component.mjs +4 -0
  13. package/dist/components/date-time-picker/date-time-picker.component.mjs +2 -0
  14. package/dist/components/date-time-picker/date-time-picker.styles.mjs +2 -2
  15. package/dist/components/dialog/dialog.component.mjs +7 -6
  16. package/dist/components/dialog/dialog.styles.mjs +16 -7
  17. package/dist/components/form-group/form-group.component.mjs +19 -14
  18. package/dist/components/form-group/form-group.styles.mjs +10 -5
  19. package/dist/components/gauge/gauge.component.mjs +7 -6
  20. package/dist/components/gauge/gauge.styles.mjs +2 -2
  21. package/dist/components/icon/library.system.mjs +2 -1
  22. package/dist/components/icon-button/icon-button.styles.mjs +1 -1
  23. package/dist/components/list/list.component.mjs +101 -0
  24. package/dist/components/list/list.mjs +5 -0
  25. package/dist/components/list/list.styles.mjs +21 -0
  26. package/dist/components/list-item/list-item.component.mjs +197 -0
  27. package/dist/components/list-item/list-item.mjs +5 -0
  28. package/dist/components/list-item/list-item.styles.mjs +63 -0
  29. package/dist/components/map/map.component.mjs +6 -1
  30. package/dist/components/map/map.styles.mjs +1 -0
  31. package/dist/components/menu/menu.styles.mjs +1 -0
  32. package/dist/components/menu-item/menu-item.styles.mjs +1 -1
  33. package/dist/components/menu-label/menu-label.styles.mjs +1 -1
  34. package/dist/components/option/option.styles.mjs +1 -1
  35. package/dist/components/panel/panel.component.mjs +10 -3
  36. package/dist/components/panel/panel.styles.mjs +4 -0
  37. package/dist/components/panel-header/panel-header.component.mjs +5 -4
  38. package/dist/components/panel-header/panel-header.styles.mjs +3 -2
  39. package/dist/components/query-builder/converters/flow-query-converters.mjs +1 -5
  40. package/dist/components/query-builder/converters/javascript-filter-converter.mjs +1 -5
  41. package/dist/components/query-builder/converters/map-layer-filter-converter.mjs +1 -5
  42. package/dist/components/query-builder/helpers.mjs +15 -1
  43. package/dist/components/query-builder/query-builder.component.mjs +38 -20
  44. package/dist/components/query-builder/query-builder.styles.mjs +21 -5
  45. package/dist/components/range/range.component.mjs +1 -1
  46. package/dist/components/range/range.styles.mjs +5 -1
  47. package/dist/components/select/select.styles.mjs +9 -0
  48. package/dist/components/spinner/spinner.styles.mjs +1 -1
  49. package/dist/components/stepper/stepper.styles.mjs +5 -6
  50. package/dist/components/switch/switch.styles.mjs +35 -15
  51. package/dist/components/tab/tab.component.mjs +4 -0
  52. package/dist/components/tab/tab.styles.mjs +13 -1
  53. package/dist/components/tab-group/tab-group.component.mjs +1 -0
  54. package/dist/components/tab-group/tab-group.styles.mjs +1 -0
  55. package/dist/components/tab-panel/tab-panel.component.mjs +7 -1
  56. package/dist/components/tab-panel/tab-panel.styles.mjs +7 -3
  57. package/dist/components/tag/tag.styles.mjs +13 -13
  58. package/dist/components/timer/timer.component.mjs +2 -1
  59. package/dist/components/timer/timer.styles.mjs +2 -2
  60. package/dist/components/tool-button/tool-button.styles.mjs +9 -9
  61. package/dist/components/tree-item/tree-item.styles.mjs +3 -3
  62. package/dist/custom-elements.json +4739 -3935
  63. package/dist/index.d.mts +200 -19
  64. package/dist/index.d.ts +200 -19
  65. package/dist/index.mjs +3 -1
  66. package/dist/package.json.mjs +1 -1
  67. package/dist/styles/form-control.styles.mjs +5 -0
  68. package/dist/utilities/register-components.mjs +7 -0
  69. package/dist/vscode.html-custom-data.json +169 -91
  70. package/package.json +1 -1
  71. package/themes/dark.css +141 -88
  72. package/themes/dark.styles.js +143 -88
  73. package/themes/light.css +144 -79
  74. package/themes/light.styles.js +146 -79
package/themes/dark.styles.js CHANGED
@@ -5,17 +5,17 @@ export default css`
5
5
  .flow-ui-theme-dark {
6
6
  color-scheme: dark;
7
7
 
8
- --flow-ui-color-gray-50: hsl(240, 4%, 10%);
9
- --flow-ui-color-gray-100: hsl(240, 4%, 15%);
10
- --flow-ui-color-gray-200: hsl(240 4.6% 22%);
11
- --flow-ui-color-gray-300: hsl(240 5% 27.6%);
12
- --flow-ui-color-gray-400: hsl(240 5% 35.5%);
13
- --flow-ui-color-gray-500: hsl(240 3.7% 44%);
14
- --flow-ui-color-gray-600: hsl(240 5.3% 58%);
15
- --flow-ui-color-gray-700: hsl(240 5.6% 73%);
16
- --flow-ui-color-gray-800: hsl(240 7.3% 84%);
17
- --flow-ui-color-gray-900: hsl(240 9.1% 91.8%);
18
- --flow-ui-color-gray-950: hsl(0 0% 95%);
8
+ --flow-ui-color-gray-50: oklch(25.794% 0.00354 48.585);
9
+ --flow-ui-color-gray-100: oklch(27.86% 0.00347 48.6);
10
+ --flow-ui-color-gray-200: #2e2d2c;
11
+ --flow-ui-color-gray-300: #383736;
12
+ --flow-ui-color-gray-400: oklch(36.996% 0.00534 56.234);
13
+ --flow-ui-color-gray-500: oklch(40.015% 0.00524 56.253);
14
+ --flow-ui-color-gray-600: oklch(48.236% 0.00719 43.26);
15
+ --flow-ui-color-gray-700: oklch(56.249% 0.00771 53.356);
16
+ --flow-ui-color-gray-800: oklch(68.984% 0.00656 43.306);
17
+ --flow-ui-color-gray-900: oklch(76.544% 0.00445 56.354);
18
+ --flow-ui-color-gray-950: oklch(89.911% 0.00218 17.198);
19
19
 
20
20
  --flow-ui-color-red-50: hsl(0 56% 23.9%);
21
21
  --flow-ui-color-red-100: hsl(0.6 60% 33.9%);
@@ -296,7 +296,7 @@ export default css`
296
296
  --flow-ui-color-primary-contrast: var(--flow-ui-color-text);
297
297
  --flow-ui-color-secondary-contrast: var(--flow-ui-color-text);
298
298
  --flow-ui-color-success-contrast: var(--flow-ui-color-text);
299
- --flow-ui-color-warning-contrast: var(--flow-ui-color-neutral-0);
299
+ --flow-ui-color-warning-contrast: var(--flow-ui-color-neutral-50);
300
300
  --flow-ui-color-danger-contrast: var(--flow-ui-color-text);
301
301
  --flow-ui-color-neutral-contrast: var(--flow-ui-color-text);
302
302
 
@@ -304,7 +304,7 @@ export default css`
304
304
  --flow-ui-color-neutral-1000: #ffffff;
305
305
 
306
306
  --flow-ui-color-background: var(--flow-ui-color-neutral-100);
307
- --flow-ui-color-text: hsl(0, 0%, 100%);
307
+ --flow-ui-color-text: oklch(93.149% 0.00173 67.801);
308
308
 
309
309
  --flow-ui-border-radius-small: 0.1875rem;
310
310
  --flow-ui-border-radius-medium: 0.25rem;
@@ -320,16 +320,16 @@ export default css`
320
320
  --flow-ui-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);
321
321
  --flow-ui-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
322
322
 
323
- --flow-ui-spacing-3x-small: 0.0625rem;
324
- --flow-ui-spacing-2x-small: 0.125rem;
325
- --flow-ui-spacing-x-small: 0.25rem;
326
- --flow-ui-spacing-small: 0.5rem;
327
- --flow-ui-spacing-medium: 0.75rem;
328
- --flow-ui-spacing-large: 1rem;
329
- --flow-ui-spacing-x-large: 1.25rem;
330
- --flow-ui-spacing-2x-large: 1.75rem;
331
- --flow-ui-spacing-3x-large: 2.25rem;
332
- --flow-ui-spacing-4x-large: 3rem;
323
+ --flow-ui-spacing-3x-small: 0.125rem;
324
+ --flow-ui-spacing-2x-small: 0.25rem;
325
+ --flow-ui-spacing-x-small: 0.5rem;
326
+ --flow-ui-spacing-small: 0.75rem;
327
+ --flow-ui-spacing-medium: 1rem;
328
+ --flow-ui-spacing-large: 1.25rem;
329
+ --flow-ui-spacing-x-large: 1.75rem;
330
+ --flow-ui-spacing-2x-large: 2.25rem;
331
+ --flow-ui-spacing-3x-large: 3rem;
332
+ --flow-ui-spacing-4x-large: 4.5rem;
333
333
 
334
334
  --flow-ui-transition-x-slow: 1000ms;
335
335
  --flow-ui-transition-slow: 500ms;
@@ -350,16 +350,16 @@ export default css`
350
350
  "Segoe UI Symbol";
351
351
  --flow-ui-font-serif: Georgia, "Times New Roman", serif;
352
352
 
353
- --flow-ui-font-size-3x-small: 0.375rem;
354
- --flow-ui-font-size-2x-small: 0.5rem;
355
- --flow-ui-font-size-x-small: 0.625rem;
356
- --flow-ui-font-size-small: 0.75rem;
357
- --flow-ui-font-size-medium: 0.875rem;
358
- --flow-ui-font-size-large: 1rem;
359
- --flow-ui-font-size-x-large: 1.25rem;
360
- --flow-ui-font-size-2x-large: 1.5rem;
361
- --flow-ui-font-size-3x-large: 2.25rem;
362
- --flow-ui-font-size-4x-large: 3rem;
353
+ --flow-ui-font-size-3x-small: 0.5rem;
354
+ --flow-ui-font-size-2x-small: 0.625rem;
355
+ --flow-ui-font-size-x-small: 0.75rem;
356
+ --flow-ui-font-size-small: 0.875rem;
357
+ --flow-ui-font-size-medium: 1rem;
358
+ --flow-ui-font-size-large: 1.25rem;
359
+ --flow-ui-font-size-x-large: 1.5rem;
360
+ --flow-ui-font-size-2x-large: 2.25rem;
361
+ --flow-ui-font-size-3x-large: 3rem;
362
+ --flow-ui-font-size-4x-large: 4.5rem;
363
363
 
364
364
  --flow-ui-font-weight-light: 300;
365
365
  --flow-ui-font-weight-normal: 400;
@@ -374,9 +374,9 @@ export default css`
374
374
 
375
375
  --flow-ui-line-height-denser: 1;
376
376
  --flow-ui-line-height-dense: 1.2;
377
- --flow-ui-line-height-normal: 1.8;
378
- --flow-ui-line-height-loose: 2.2;
379
- --flow-ui-line-height-looser: 2.6;
377
+ --flow-ui-line-height-normal: 1.5;
378
+ --flow-ui-line-height-loose: 1.8;
379
+ --flow-ui-line-height-looser: 2.2;
380
380
 
381
381
  --flow-ui-focus-ring-color: var(--flow-ui-color-primary-600);
382
382
  --flow-ui-focus-ring-style: solid;
@@ -392,17 +392,17 @@ export default css`
392
392
  --flow-ui-button-tooltip-delay: var(--flow-ui-tooltip-delay-slow);
393
393
  --flow-ui-button-text-transform: uppercase;
394
394
 
395
- --flow-ui-control-height-small: 1.25rem;
396
- --flow-ui-control-height-medium: 1.875rem;
397
- --flow-ui-control-height-large: 2.5rem;
395
+ --flow-ui-control-height-small: 1.5rem;
396
+ --flow-ui-control-height-medium: 2rem;
397
+ --flow-ui-control-height-large: 3rem;
398
398
 
399
- --flow-ui-control-background-color: var(--flow-ui-color-neutral-0);
399
+ --flow-ui-control-background-color: var(--flow-ui-color-neutral-200);
400
400
  --flow-ui-control-background-color-hover: var(--flow-ui-color-neutral-300);
401
401
  --flow-ui-control-background-color-focus: var(--flow-ui-color-neutral-300);
402
402
  --flow-ui-control-background-color-disabled: var(
403
403
  --flow-ui-color-neutral-100
404
404
  );
405
- --flow-ui-control-border-color: var(--flow-ui-color-neutral-400);
405
+ --flow-ui-control-border-color: var(--flow-ui-color-neutral-500);
406
406
  --flow-ui-control-border-color-hover: var(--flow-ui-color-neutral-400);
407
407
  --flow-ui-control-border-color-focus: var(--flow-ui-color-primary-500);
408
408
  --flow-ui-control-border-color-disabled: var(--flow-ui-color-neutral-300);
@@ -410,7 +410,7 @@ export default css`
410
410
 
411
411
  --flow-ui-control-inline-background-color: transparent;
412
412
  --flow-ui-control-inline-background-color-hover: var(
413
- --flow-ui-color-neutral-300
413
+ --flow-ui-color-neutral-600
414
414
  );
415
415
  --flow-ui-control-inline-background-color-focus: var(
416
416
  --flow-ui-color-neutral-300
@@ -430,25 +430,25 @@ export default css`
430
430
  );
431
431
  --flow-ui-control-inline-border-width: 0px;
432
432
 
433
- --flow-ui-control-filled-background-color: var(--flow-ui-color-neutral-300);
433
+ --flow-ui-control-filled-background-color: var(--flow-ui-color-neutral-400);
434
434
  --flow-ui-control-filled-background-color-hover: var(
435
- --flow-ui-color-neutral-300
435
+ --flow-ui-color-neutral-600
436
436
  );
437
437
  --flow-ui-control-filled-background-color-focus: var(
438
- --flow-ui-color-neutral-300
438
+ --flow-ui-color-neutral-500
439
439
  );
440
440
  --flow-ui-control-filled-background-color-disabled: var(
441
441
  --flow-ui-color-neutral-100
442
442
  );
443
443
  --flow-ui-control-filled-border-color: var(--flow-ui-color-neutral-400);
444
444
  --flow-ui-control-filled-border-color-hover: var(
445
- --flow-ui-color-neutral-400
445
+ --flow-ui-color-neutral-600
446
446
  );
447
447
  --flow-ui-control-filled-border-color-focus: var(
448
448
  --flow-ui-color-primary-500
449
449
  );
450
450
  --flow-ui-control-filled-border-color-disabled: var(
451
- --flow-ui-color-neutral-300
451
+ --flow-ui-color-neutral-500
452
452
  );
453
453
  --flow-ui-control-filled-border-width: 0px;
454
454
 
@@ -470,14 +470,14 @@ export default css`
470
470
  --flow-ui-control-font-size-large: var(--flow-ui-font-size-large);
471
471
  --flow-ui-control-letter-spacing: var(--flow-ui-letter-spacing-normal);
472
472
 
473
- --flow-ui-control-color: var(--flow-ui-color-neutral-700);
474
- --flow-ui-control-color-hover: var(--flow-ui-color-neutral-700);
475
- --flow-ui-control-color-focus: var(--flow-ui-color-neutral-700);
476
- --flow-ui-control-color-disabled: var(--flow-ui-color-neutral-900);
473
+ --flow-ui-control-color: var(--flow-ui-color-neutral-950);
474
+ --flow-ui-control-color-hover: var(--flow-ui-color-text);
475
+ --flow-ui-control-color-focus: var(--flow-ui-color-text);
476
+ --flow-ui-control-color-disabled: var(--flow-ui-color-neutral-800);
477
477
  --flow-ui-control-icon-color: var(--flow-ui-color-neutral-500);
478
478
  --flow-ui-control-icon-color-hover: var(--flow-ui-color-neutral-600);
479
479
  --flow-ui-control-icon-color-focus: var(--flow-ui-color-neutral-600);
480
- --flow-ui-control-placeholder-color: var(--flow-ui-color-neutral-500);
480
+ --flow-ui-control-placeholder-color: var(--flow-ui-color-neutral-800);
481
481
  --flow-ui-control-placeholder-color-disabled: var(
482
482
  --flow-ui-color-neutral-600
483
483
  );
@@ -491,7 +491,7 @@ export default css`
491
491
  --flow-ui-control-label-font-size-small: var(--flow-ui-font-size-small);
492
492
  --flow-ui-control-label-font-size-medium: var(--flow-ui-font-size-medium);
493
493
  --flow-ui-control-label-font-size-large: var(--flow-ui-font-size-large);
494
- --flow-ui-control-label-color: inherit;
494
+ --flow-ui-control-label-color: var(--flow-ui-color-neutral-950);
495
495
 
496
496
  --flow-ui-control-help-text-font-size-small: var(
497
497
  --flow-ui-font-size-x-small
@@ -502,29 +502,50 @@ export default css`
502
502
  --flow-ui-control-help-text-font-size-large: var(
503
503
  --flow-ui-font-size-medium
504
504
  );
505
- --flow-ui-control-help-text-color: var(--flow-ui-color-neutral-700);
505
+ --flow-ui-control-help-text-color: var(--flow-ui-color-neutral-800);
506
506
 
507
- --flow-ui-avatar-background-color: var(--flow-ui-color-neutral-600);
508
- --flow-ui-avatar-color: var(--flow-ui-color-neutral-200);
507
+ --flow-ui-avatar-background-color: var(--flow-ui-color-neutral-800);
508
+ --flow-ui-avatar-color: var(--flow-ui-color-background);
509
509
 
510
510
  --flow-ui-checkbox-color: var(--flow-ui-color-secondary-500);
511
511
  --flow-ui-checkbox-check-color: var(--flow-ui-color-secondary-contrast);
512
512
 
513
- --flow-ui-toggle-size-small: 0.875rem;
514
- --flow-ui-toggle-size-medium: 0.875rem;
515
- --flow-ui-toggle-size-large: 1.125rem;
513
+ --flow-ui-toggle-size-small: 1rem;
514
+ --flow-ui-toggle-size-medium: 1rem;
515
+ --flow-ui-toggle-size-large: 1.3rem;
516
+
517
+ --flow-ui-switch-color: var(--flow-ui-color-neutral-400);
518
+ --flow-ui-switch-border-color: var(--flow-ui-color-neutral-500);
519
+
520
+ --flow-ui-switch-color-hover: var(--flow-ui-color-neutral-400);
521
+ --flow-ui-switch-border-color-hover: var(--flow-ui-color-neutral-500);
522
+
523
+ --flow-ui-switch-color-checked: var(--flow-ui-color-primary-500);
524
+ --flow-ui-switch-border-color-checked: var(--flow-ui-color-primary-500);
525
+
526
+ --flow-ui-switch-thumb-color: var(--flow-ui-color-neutral-800);
527
+ --flow-ui-switch-thumb-border-color: var(--flow-ui-color-neutral-800);
528
+
529
+ --flow-ui-switch-thumb-color-hover: var(--flow-ui-color-neutral-900);
530
+ --flow-ui-switch-thumb-border-color-hover: var(--flow-ui-color-neutral-950);
516
531
 
517
- --flow-ui-menu-background-color: var(--flow-ui-color-neutral-100);
532
+ --flow-ui-switch-thumb-color-checked: var(--flow-ui-color-neutral-950);
533
+ --flow-ui-switch-thumb-border-color-checked: var(
534
+ --flow-ui-color-neutral-950
535
+ );
536
+
537
+ --flow-ui-menu-background-color: var(--flow-ui-color-neutral-400);
518
538
  --flow-ui-menu-background-color-hover: var(--flow-ui-color-primary-500);
519
- --flow-ui-menu-background-color-selected: var(--flow-ui-color-neutral-100);
539
+ --flow-ui-menu-background-color-selected: var(--flow-ui-color-neutral-400);
520
540
  --flow-ui-menu-background-color-disabled: var(--flow-ui-color-primary-600);
521
541
 
522
- --flow-ui-menu-color: var(--flow-ui-color-neutral-900);
542
+ --flow-ui-menu-color: var(--flow-ui-color-neutral-950);
523
543
  --flow-ui-menu-color-hover: var(--flow-ui-color-primary-contrast);
524
544
  --flow-ui-menu-color-selected: var(--flow-ui-color-neutral-1000);
525
545
  --flow-ui-menu-color-disabled: var(--flow-ui-color-primary-600);
526
546
 
527
- --flow-ui-menu-divider-text-color: var(--flow-ui-color-neutral-600);
547
+ --flow-ui-menu-divider-color: var(--flow-ui-color-neutral-600);
548
+ --flow-ui-menu-divider-text-color: var(--flow-ui-color-neutral-800);
528
549
  --flow-ui-menu-divider-font-size: var(--flow-ui-font-size-small);
529
550
 
530
551
  --flow-ui-menu-border-color: var(--flow-ui-color-neutral-200);
@@ -532,41 +553,62 @@ export default css`
532
553
  --flow-ui-menu-border-width: 1px;
533
554
 
534
555
  --flow-ui-panel-header-height: var(--flow-ui-control-height-medium);
535
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
536
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
537
- --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-normal);
538
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
539
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
556
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-medium)
557
+ var(--flow-ui-spacing-large);
558
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-50);
559
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-semibold);
560
+ --flow-ui-panel-header-font-size: var(--flow-ui-font-size-medium);
561
+ --flow-ui-panel-header-color: var(--flow-ui-color-text);
562
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-800);
540
563
 
541
564
  --flow-ui-panel-padding: var(--flow-ui-spacing-medium);
542
565
 
543
- --flow-ui-alert-background-color: var(--flow-ui-color-neutral-50);
566
+ --flow-ui-alert-background-color: var(--flow-ui-color-neutral-300);
544
567
  --flow-ui-alert-color: var(--flow-ui-color-text);
545
- --flow-ui-alert-border-color: var(--flow-ui-color-neutral-200);
568
+ --flow-ui-alert-border-color: var(--flow-ui-color-neutral-400);
546
569
  --flow-ui-alert-border-width: 1px;
547
570
 
548
- --flow-ui-card-background-color: var(--flow-ui-color-neutral-50);
571
+ --flow-ui-card-background-color: var(--flow-ui-color-neutral-300);
572
+ --flow-ui-card-padding: var(--flow-ui-spacing-medium);
549
573
  --flow-ui-card-color: var(--flow-ui-color-text);
550
- --flow-ui-card-border-color: var(--flow-ui-color-neutral-200);
551
- --flow-ui-card-border-width: 1px;
552
- --flow-ui-card-border-radius: var(--flow-ui-border-radius-medium);
574
+ --flow-ui-card-border-color: var(--flow-ui-color-neutral-400);
575
+ --flow-ui-card-border-width: 0;
576
+ --flow-ui-card-border-radius: 0;
553
577
 
554
- --flow-ui-details-background-color: var(--flow-ui-color-neutral-50);
578
+ --flow-ui-details-background-color: var(--flow-ui-color-neutral-400);
555
579
  --flow-ui-details-color: var(--flow-ui-color-text);
556
- --flow-ui-details-border-color: var(--flow-ui-color-neutral-200);
580
+ --flow-ui-details-border-color: var(--flow-ui-color-neutral-400);
557
581
  --flow-ui-details-border-width: 1px;
558
582
  --flow-ui-details-border-radius: var(--flow-ui-border-radius-medium);
559
583
 
584
+ --flow-ui-calendar-background-color: var(--flow-ui-color-neutral-50);
585
+ --flow-ui-calendar-time-color: var(--flow-ui-color-neutral-200);
586
+ --flow-ui-calendar-day-color-filler: var(--flow-ui-color-neutral-600);
587
+ --flow-ui-calendar-day-color-hover: var(--flow-ui-color-neutral-400);
588
+ --flow-ui-calendar-day-color-selected: var(--flow-ui-color-primary-500);
589
+ --flow-ui-calendar-day-color-today: var(--flow-ui-color-primary-300);
590
+
591
+ --flow-ui-form-group-background-color: var(--flow-ui-color-neutral-200);
592
+ --flow-ui-form-group-divider-color: var(--flow-ui-color-neutral-300);
593
+ --flow-ui-form-group-border-color: var(--flow-ui-color-neutral-400);
594
+
560
595
  --flow-ui-overlay-background-color: hsl(0 0% 0% / 43%);
561
- --flow-ui-dialog-background-color: var(--flow-ui-color-neutral-100);
596
+ --flow-ui-dialog-background-color: var(--flow-ui-color-background);
562
597
 
563
598
  --flow-ui-divider-width: 1px;
564
- --flow-ui-divider-color: var(--flow-ui-color-neutral-200);
599
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-300);
565
600
  --flow-ui-divider-color-active: var(--flow-ui-color-primary-500);
566
601
 
602
+ --flow-ui-list-item-padding: var(--flow-ui-spacing-medium)
603
+ var(--flow-ui-spacing-small);
604
+ --flow-ui-list-item-height: 40px;
605
+ --flow-ui-list-item-color: var(--flow-ui-color-text);
606
+ --flow-ui-list-item-accessory-color: var(--flow-ui-color-neutral-800);
607
+ --flow-ui-list-item-background-color: var(--flow-ui-color-neutral-400);
608
+
567
609
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
568
- --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
569
- --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
610
+ --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-600);
611
+ --flow-ui-tooltip-color: var(--flow-ui-color-neutral-950);
570
612
  --flow-ui-tooltip-font-family: var(--flow-ui-font-sans);
571
613
  --flow-ui-tooltip-font-weight: var(--flow-ui-font-weight-normal);
572
614
  --flow-ui-tooltip-font-size: var(--flow-ui-font-size-small);
@@ -579,28 +621,28 @@ export default css`
579
621
 
580
622
  --flow-ui-tab-label-font-family: var(--flow-ui-font-sans);
581
623
  --flow-ui-tab-label-font-weight: var(--flow-ui-font-weight-light);
582
- --flow-ui-tab-label-font-size: var(--flow-ui-font-size-x-small);
624
+ --flow-ui-tab-label-font-size: var(--flow-ui-font-size-small);
583
625
  --flow-ui-tab-icon-size: var(--flow-ui-font-size-large);
584
626
  --flow-ui-tab-padding: var(--flow-ui-spacing-medium)
585
627
  var(--flow-ui-spacing-medium);
586
628
  --flow-ui-tab-max-width: 6.25rem;
587
629
 
588
- --flow-ui-tab-color: var(--flow-ui-color-neutral-600);
630
+ --flow-ui-tab-color: var(--flow-ui-color-neutral-800);
589
631
  --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
590
632
  --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
591
633
 
592
- --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
593
- --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-200);
634
+ --flow-ui-gauge-color: var(--flow-ui-color-text);
635
+ --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-300);
594
636
  --flow-ui-gauge-padding: var(--flow-ui-spacing-x-small);
595
637
  --flow-ui-gauge-header-height: 40px;
596
638
  --flow-ui-gauge-header-font-size: var(--flow-ui-font-size-medium);
597
- --flow-ui-gauge-header-color: var(--flow-ui-color-neutral-1000);
639
+ --flow-ui-gauge-header-color: var(--flow-ui-color-text);
598
640
  --flow-ui-gauge-header-icon-color: var(--flow-ui-color-neutral-700);
599
641
  --flow-ui-gauge-value-font-size: var(--flow-ui-font-size-2x-large);
600
642
  --flow-ui-gauge-units-font-size: var(--flow-ui-font-size-small);
601
- --flow-ui-gauge-units-color: var(--flow-ui-color-neutral-1000);
643
+ --flow-ui-gauge-units-color: var(--flow-ui-color-neutral-900);
602
644
 
603
- --flow-ui-chart-background-color: transparent;
645
+ --flow-ui-chart-background-color: var(--flow-ui-color-neutral-300);
604
646
  --flow-ui-chart-text-color: var(--flow-ui-color-neutral-900);
605
647
 
606
648
  --flow-ui-chart-axis-color: var(--flow-ui-color-neutral-600);
@@ -656,7 +698,8 @@ export default css`
656
698
  .flow-ui-toast-stack {
657
699
  position: fixed;
658
700
  top: 0;
659
- inset-inline-end: 0;
701
+ left: 50%;
702
+ transform: translateX(-50%);
660
703
  z-index: var(--flow-ui-z-index-toast);
661
704
  width: 28rem;
662
705
  max-width: 100%;
@@ -742,4 +785,16 @@ export default css`
742
785
  var(--flow-ui-color-neutral-0)
743
786
  );
744
787
  }
788
+
789
+ flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
790
+ margin-top: 0;
791
+ }
792
+
793
+ flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
794
+ margin-bottom: 0;
795
+ }
796
+
797
+ flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
798
+ margin-top: 0;
799
+ }
745
800
  `;