@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/light.styles.js CHANGED
@@ -7,16 +7,28 @@ export default css`
7
7
  color-scheme: light;
8
8
 
9
9
  --flow-ui-color-gray-50: hsl(0 0% 97.5%);
10
- --flow-ui-color-gray-100: hsl(240 4.8% 95.9%);
11
- --flow-ui-color-gray-200: hsl(240 5.9% 90%);
10
+ --flow-ui-color-gray-100: #ececeb;
11
+ --flow-ui-color-gray-200: #e8e8e7;
12
12
  --flow-ui-color-gray-300: hsl(240 4.9% 83.9%);
13
- --flow-ui-color-gray-400: hsl(240 5% 64.9%);
13
+ --flow-ui-color-gray-400: #dfdfdf;
14
14
  --flow-ui-color-gray-500: hsl(240 3.8% 46.1%);
15
15
  --flow-ui-color-gray-600: hsl(240 5.2% 33.9%);
16
16
  --flow-ui-color-gray-700: hsl(240 5.3% 26.1%);
17
17
  --flow-ui-color-gray-800: hsl(240 3.7% 15.9%);
18
18
  --flow-ui-color-gray-900: hsl(240 5.9% 10%);
19
- --flow-ui-color-gray-950: hsl(240 7.3% 8%);
19
+ --flow-ui-color-gray-950: #232323;
20
+
21
+ --flow-ui-color-gray-50: oklch(97.614% 0 none);
22
+ --flow-ui-color-gray-100: #ececec;
23
+ --flow-ui-color-gray-200: oklch(93.1% 0 none);
24
+ --flow-ui-color-gray-300: oklch(90.365% 0 none);
25
+ --flow-ui-color-gray-400: oklch(81.719% 0 none);
26
+ --flow-ui-color-gray-500: oklch(72.838% 0 none);
27
+ --flow-ui-color-gray-600: oklch(63.676% 0 none);
28
+ --flow-ui-color-gray-700: oklch(54.171% 0 none);
29
+ --flow-ui-color-gray-800: oklch(44.226% 0 none);
30
+ --flow-ui-color-gray-900: oklch(33.68% 0 none);
31
+ --flow-ui-color-gray-950: oklch(28.094% 0 none);
20
32
 
21
33
  --flow-ui-color-red-50: hsl(0 85.7% 97.3%);
22
34
  --flow-ui-color-red-100: hsl(0 93.3% 94.1%);
@@ -304,8 +316,8 @@ export default css`
304
316
  --flow-ui-color-neutral-0: hsl(0, 0%, 100%);
305
317
  --flow-ui-color-neutral-1000: hsl(0, 0%, 0%);
306
318
 
307
- --flow-ui-color-background: hsl(0, 0%, 100%);
308
- --flow-ui-color-text: hsl(0, 0%, 0%);
319
+ --flow-ui-color-background: #ffffff;
320
+ --flow-ui-color-text: #262626;
309
321
 
310
322
  --flow-ui-border-radius-small: 0.1875rem;
311
323
  --flow-ui-border-radius-medium: 0.25rem;
@@ -321,16 +333,16 @@ export default css`
321
333
  --flow-ui-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);
322
334
  --flow-ui-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
323
335
 
324
- --flow-ui-spacing-3x-small: 0.0625rem;
325
- --flow-ui-spacing-2x-small: 0.125rem;
326
- --flow-ui-spacing-x-small: 0.25rem;
327
- --flow-ui-spacing-small: 0.5rem;
328
- --flow-ui-spacing-medium: 0.75rem;
329
- --flow-ui-spacing-large: 1rem;
330
- --flow-ui-spacing-x-large: 1.25rem;
331
- --flow-ui-spacing-2x-large: 1.75rem;
332
- --flow-ui-spacing-3x-large: 2.25rem;
333
- --flow-ui-spacing-4x-large: 3rem;
336
+ --flow-ui-spacing-3x-small: 0.125rem;
337
+ --flow-ui-spacing-2x-small: 0.25rem;
338
+ --flow-ui-spacing-x-small: 0.5rem;
339
+ --flow-ui-spacing-small: 0.75rem;
340
+ --flow-ui-spacing-medium: 1rem;
341
+ --flow-ui-spacing-large: 1.25rem;
342
+ --flow-ui-spacing-x-large: 1.75rem;
343
+ --flow-ui-spacing-2x-large: 2.25rem;
344
+ --flow-ui-spacing-3x-large: 3rem;
345
+ --flow-ui-spacing-4x-large: 4.5rem;
334
346
 
335
347
  --flow-ui-transition-x-slow: 1000ms;
336
348
  --flow-ui-transition-slow: 500ms;
@@ -351,16 +363,16 @@ export default css`
351
363
  "Segoe UI Symbol";
352
364
  --flow-ui-font-serif: Georgia, "Times New Roman", serif;
353
365
 
354
- --flow-ui-font-size-3x-small: 0.375rem;
355
- --flow-ui-font-size-2x-small: 0.5rem;
356
- --flow-ui-font-size-x-small: 0.625rem;
357
- --flow-ui-font-size-small: 0.75rem;
358
- --flow-ui-font-size-medium: 0.875rem;
359
- --flow-ui-font-size-large: 1rem;
360
- --flow-ui-font-size-x-large: 1.25rem;
361
- --flow-ui-font-size-2x-large: 1.5rem;
362
- --flow-ui-font-size-3x-large: 2.25rem;
363
- --flow-ui-font-size-4x-large: 3rem;
366
+ --flow-ui-font-size-3x-small: 0.5rem;
367
+ --flow-ui-font-size-2x-small: 0.625rem;
368
+ --flow-ui-font-size-x-small: 0.75rem;
369
+ --flow-ui-font-size-small: 0.875rem;
370
+ --flow-ui-font-size-medium: 1rem;
371
+ --flow-ui-font-size-large: 1.25rem;
372
+ --flow-ui-font-size-x-large: 1.5rem;
373
+ --flow-ui-font-size-2x-large: 2.25rem;
374
+ --flow-ui-font-size-3x-large: 3rem;
375
+ --flow-ui-font-size-4x-large: 4.5rem;
364
376
 
365
377
  --flow-ui-font-weight-light: 300;
366
378
  --flow-ui-font-weight-normal: 400;
@@ -375,9 +387,9 @@ export default css`
375
387
 
376
388
  --flow-ui-line-height-denser: 1;
377
389
  --flow-ui-line-height-dense: 1.2;
378
- --flow-ui-line-height-normal: 1.8;
379
- --flow-ui-line-height-loose: 2.2;
380
- --flow-ui-line-height-looser: 2.6;
390
+ --flow-ui-line-height-normal: 1.5;
391
+ --flow-ui-line-height-loose: 1.8;
392
+ --flow-ui-line-height-looser: 2.2;
381
393
 
382
394
  --flow-ui-focus-ring-color: var(--flow-ui-color-primary-600);
383
395
  --flow-ui-focus-ring-style: solid;
@@ -393,17 +405,17 @@ export default css`
393
405
  --flow-ui-button-tooltip-delay: var(--flow-ui-tooltip-delay-slow);
394
406
  --flow-ui-button-text-transform: uppercase;
395
407
 
396
- --flow-ui-control-height-small: 1.25rem;
397
- --flow-ui-control-height-medium: 1.875rem;
398
- --flow-ui-control-height-large: 2.5rem;
408
+ --flow-ui-control-height-small: 1.5rem;
409
+ --flow-ui-control-height-medium: 2rem;
410
+ --flow-ui-control-height-large: 3rem;
399
411
 
400
- --flow-ui-control-background-color: var(--flow-ui-color-neutral-0);
412
+ --flow-ui-control-background-color: var(--flow-ui-color-neutral-50);
401
413
  --flow-ui-control-background-color-hover: var(--flow-ui-color-neutral-300);
402
414
  --flow-ui-control-background-color-focus: var(--flow-ui-color-neutral-300);
403
415
  --flow-ui-control-background-color-disabled: var(
404
416
  --flow-ui-color-neutral-100
405
417
  );
406
- --flow-ui-control-border-color: var(--flow-ui-color-neutral-400);
418
+ --flow-ui-control-border-color: var(--flow-ui-color-neutral-500);
407
419
  --flow-ui-control-border-color-hover: var(--flow-ui-color-neutral-400);
408
420
  --flow-ui-control-border-color-focus: var(--flow-ui-color-primary-500);
409
421
  --flow-ui-control-border-color-disabled: var(--flow-ui-color-neutral-300);
@@ -411,7 +423,7 @@ export default css`
411
423
 
412
424
  --flow-ui-control-inline-background-color: transparent;
413
425
  --flow-ui-control-inline-background-color-hover: var(
414
- --flow-ui-color-neutral-300
426
+ --flow-ui-color-neutral-200
415
427
  );
416
428
  --flow-ui-control-inline-background-color-focus: var(
417
429
  --flow-ui-color-neutral-300
@@ -431,25 +443,25 @@ export default css`
431
443
  );
432
444
  --flow-ui-control-inline-border-width: 0px;
433
445
 
434
- --flow-ui-control-filled-background-color: var(--flow-ui-color-neutral-300);
446
+ --flow-ui-control-filled-background-color: var(--flow-ui-color-neutral-200);
435
447
  --flow-ui-control-filled-background-color-hover: var(
436
- --flow-ui-color-neutral-300
448
+ --flow-ui-color-neutral-400
437
449
  );
438
450
  --flow-ui-control-filled-background-color-focus: var(
439
- --flow-ui-color-neutral-300
451
+ --flow-ui-color-neutral-400
440
452
  );
441
453
  --flow-ui-control-filled-background-color-disabled: var(
442
454
  --flow-ui-color-neutral-100
443
455
  );
444
456
  --flow-ui-control-filled-border-color: var(--flow-ui-color-neutral-400);
445
457
  --flow-ui-control-filled-border-color-hover: var(
446
- --flow-ui-color-neutral-400
458
+ --flow-ui-color-neutral-600
447
459
  );
448
460
  --flow-ui-control-filled-border-color-focus: var(
449
461
  --flow-ui-color-primary-500
450
462
  );
451
463
  --flow-ui-control-filled-border-color-disabled: var(
452
- --flow-ui-color-neutral-300
464
+ --flow-ui-color-neutral-500
453
465
  );
454
466
  --flow-ui-control-filled-border-width: 0px;
455
467
 
@@ -471,14 +483,14 @@ export default css`
471
483
  --flow-ui-control-font-size-large: var(--flow-ui-font-size-large);
472
484
  --flow-ui-control-letter-spacing: var(--flow-ui-letter-spacing-normal);
473
485
 
474
- --flow-ui-control-color: var(--flow-ui-color-neutral-700);
475
- --flow-ui-control-color-hover: var(--flow-ui-color-neutral-700);
476
- --flow-ui-control-color-focus: var(--flow-ui-color-neutral-700);
477
- --flow-ui-control-color-disabled: var(--flow-ui-color-neutral-900);
486
+ --flow-ui-control-color: var(--flow-ui-color-neutral-950);
487
+ --flow-ui-control-color-hover: var(--flow-ui-color-text);
488
+ --flow-ui-control-color-focus: var(--flow-ui-color-text);
489
+ --flow-ui-control-color-disabled: var(--flow-ui-color-neutral-800);
478
490
  --flow-ui-control-icon-color: var(--flow-ui-color-neutral-500);
479
491
  --flow-ui-control-icon-color-hover: var(--flow-ui-color-neutral-600);
480
492
  --flow-ui-control-icon-color-focus: var(--flow-ui-color-neutral-600);
481
- --flow-ui-control-placeholder-color: var(--flow-ui-color-neutral-500);
493
+ --flow-ui-control-placeholder-color: var(--flow-ui-color-neutral-800);
482
494
  --flow-ui-control-placeholder-color-disabled: var(
483
495
  --flow-ui-color-neutral-600
484
496
  );
@@ -492,7 +504,7 @@ export default css`
492
504
  --flow-ui-control-label-font-size-small: var(--flow-ui-font-size-small);
493
505
  --flow-ui-control-label-font-size-medium: var(--flow-ui-font-size-medium);
494
506
  --flow-ui-control-label-font-size-large: var(--flow-ui-font-size-large);
495
- --flow-ui-control-label-color: inherit;
507
+ --flow-ui-control-label-color: var(--flow-ui-color-neutral-950);
496
508
 
497
509
  --flow-ui-control-help-text-font-size-small: var(
498
510
  --flow-ui-font-size-x-small
@@ -503,29 +515,50 @@ export default css`
503
515
  --flow-ui-control-help-text-font-size-large: var(
504
516
  --flow-ui-font-size-medium
505
517
  );
506
- --flow-ui-control-help-text-color: var(--flow-ui-color-neutral-700);
518
+ --flow-ui-control-help-text-color: var(--flow-ui-color-neutral-800);
507
519
 
508
- --flow-ui-avatar-background-color: var(--flow-ui-color-neutral-600);
509
- --flow-ui-avatar-color: var(--flow-ui-color-neutral-200);
520
+ --flow-ui-avatar-background-color: var(--flow-ui-color-neutral-800);
521
+ --flow-ui-avatar-color: var(--flow-ui-color-background);
510
522
 
511
523
  --flow-ui-checkbox-color: var(--flow-ui-color-secondary-500);
512
524
  --flow-ui-checkbox-check-color: var(--flow-ui-color-secondary-contrast);
513
525
 
514
- --flow-ui-toggle-size-small: 0.875rem;
515
- --flow-ui-toggle-size-medium: 0.875rem;
516
- --flow-ui-toggle-size-large: 1.125rem;
526
+ --flow-ui-toggle-size-small: 1rem;
527
+ --flow-ui-toggle-size-medium: 1rem;
528
+ --flow-ui-toggle-size-large: 1.3rem;
529
+
530
+ --flow-ui-switch-color: var(--flow-ui-color-neutral-50);
531
+ --flow-ui-switch-border-color: var(--flow-ui-color-neutral-400);
532
+
533
+ --flow-ui-switch-color-hover: var(--flow-ui-color-neutral-50);
534
+ --flow-ui-switch-border-color-hover: var(--flow-ui-color-neutral-500);
535
+
536
+ --flow-ui-switch-color-checked: var(--flow-ui-color-primary-500);
537
+ --flow-ui-switch-border-color-checked: var(--flow-ui-color-primary-500);
517
538
 
518
- --flow-ui-menu-background-color: var(--flow-ui-color-neutral-100);
539
+ --flow-ui-switch-thumb-color: var(--flow-ui-color-neutral-50);
540
+ --flow-ui-switch-thumb-border-color: var(--flow-ui-color-neutral-400);
541
+
542
+ --flow-ui-switch-thumb-color-hover: var(--flow-ui-color-neutral-100);
543
+ --flow-ui-switch-thumb-border-color-hover: var(--flow-ui-color-neutral-500);
544
+
545
+ --flow-ui-switch-thumb-color-checked: var(--flow-ui-color-neutral-0);
546
+ --flow-ui-switch-thumb-border-color-checked: var(
547
+ --flow-ui-color-primary-500
548
+ );
549
+
550
+ --flow-ui-menu-background-color: var(--flow-ui-color-neutral-50);
519
551
  --flow-ui-menu-background-color-hover: var(--flow-ui-color-primary-500);
520
552
  --flow-ui-menu-background-color-selected: var(--flow-ui-color-neutral-100);
521
553
  --flow-ui-menu-background-color-disabled: var(--flow-ui-color-primary-600);
522
554
 
523
- --flow-ui-menu-color: var(--flow-ui-color-neutral-900);
555
+ --flow-ui-menu-color: var(--flow-ui-color-neutral-950);
524
556
  --flow-ui-menu-color-hover: var(--flow-ui-color-primary-contrast);
525
557
  --flow-ui-menu-color-selected: var(--flow-ui-color-neutral-1000);
526
558
  --flow-ui-menu-color-disabled: var(--flow-ui-color-primary-600);
527
559
 
528
- --flow-ui-menu-divider-text-color: var(--flow-ui-color-neutral-600);
560
+ --flow-ui-menu-divider-color: var(--flow-ui-color-neutral-600);
561
+ --flow-ui-menu-divider-text-color: var(--flow-ui-color-neutral-800);
529
562
  --flow-ui-menu-divider-font-size: var(--flow-ui-font-size-small);
530
563
 
531
564
  --flow-ui-menu-border-color: var(--flow-ui-color-neutral-200);
@@ -533,41 +566,62 @@ export default css`
533
566
  --flow-ui-menu-border-width: 1px;
534
567
 
535
568
  --flow-ui-panel-header-height: var(--flow-ui-control-height-medium);
536
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
537
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
538
- --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-normal);
539
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
540
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
569
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-medium)
570
+ var(--flow-ui-spacing-large);
571
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-50);
572
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-semibold);
573
+ --flow-ui-panel-header-font-size: var(--flow-ui-font-size-medium);
574
+ --flow-ui-panel-header-color: var(--flow-ui-color-text);
575
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-800);
541
576
 
542
577
  --flow-ui-panel-padding: var(--flow-ui-spacing-medium);
543
578
 
544
- --flow-ui-alert-background-color: var(--flow-ui-color-neutral-50);
579
+ --flow-ui-alert-background-color: var(--flow-ui-color-neutral-300);
545
580
  --flow-ui-alert-color: var(--flow-ui-color-text);
546
- --flow-ui-alert-border-color: var(--flow-ui-color-neutral-200);
581
+ --flow-ui-alert-border-color: var(--flow-ui-color-neutral-400);
547
582
  --flow-ui-alert-border-width: 1px;
548
583
 
549
- --flow-ui-card-background-color: var(--flow-ui-color-neutral-50);
584
+ --flow-ui-card-background-color: var(--flow-ui-color-neutral-100);
585
+ --flow-ui-card-padding: var(--flow-ui-spacing-medium);
550
586
  --flow-ui-card-color: var(--flow-ui-color-text);
551
- --flow-ui-card-border-color: var(--flow-ui-color-neutral-200);
552
- --flow-ui-card-border-width: 1px;
553
- --flow-ui-card-border-radius: var(--flow-ui-border-radius-medium);
587
+ --flow-ui-card-border-color: var(--flow-ui-color-neutral-400);
588
+ --flow-ui-card-border-width: 0;
589
+ --flow-ui-card-border-radius: 0;
554
590
 
555
- --flow-ui-details-background-color: var(--flow-ui-color-neutral-50);
591
+ --flow-ui-details-background-color: var(--flow-ui-color-neutral-400);
556
592
  --flow-ui-details-color: var(--flow-ui-color-text);
557
- --flow-ui-details-border-color: var(--flow-ui-color-neutral-200);
593
+ --flow-ui-details-border-color: var(--flow-ui-color-neutral-400);
558
594
  --flow-ui-details-border-width: 1px;
559
595
  --flow-ui-details-border-radius: var(--flow-ui-border-radius-medium);
560
596
 
597
+ --flow-ui-calendar-background-color: var(--flow-ui-color-neutral-50);
598
+ --flow-ui-calendar-time-color: var(--flow-ui-color-neutral-200);
599
+ --flow-ui-calendar-day-color-filler: var(--flow-ui-color-neutral-600);
600
+ --flow-ui-calendar-day-color-hover: var(--flow-ui-color-neutral-400);
601
+ --flow-ui-calendar-day-color-selected: var(--flow-ui-color-primary-500);
602
+ --flow-ui-calendar-day-color-today: var(--flow-ui-color-primary-300);
603
+
604
+ --flow-ui-form-group-background-color: var(--flow-ui-color-neutral-50);
605
+ --flow-ui-form-group-divider-color: var(--flow-ui-color-neutral-300);
606
+ --flow-ui-form-group-border-color: var(--flow-ui-color-neutral-400);
607
+
561
608
  --flow-ui-overlay-background-color: hsl(0 0% 0% / 43%);
562
- --flow-ui-dialog-background-color: var(--flow-ui-color-neutral-100);
609
+ --flow-ui-dialog-background-color: var(--flow-ui-color-background);
563
610
 
564
611
  --flow-ui-divider-width: 1px;
565
- --flow-ui-divider-color: var(--flow-ui-color-neutral-200);
612
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-300);
566
613
  --flow-ui-divider-color-active: var(--flow-ui-color-primary-500);
567
614
 
615
+ --flow-ui-list-item-padding: var(--flow-ui-spacing-medium)
616
+ var(--flow-ui-spacing-small);
617
+ --flow-ui-list-item-height: 40px;
618
+ --flow-ui-list-item-color: var(--flow-ui-color-text);
619
+ --flow-ui-list-item-accessory-color: var(--flow-ui-color-neutral-800);
620
+ --flow-ui-list-item-background-color: var(--flow-ui-color-neutral-400);
621
+
568
622
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
569
- --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
570
- --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
623
+ --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-600);
624
+ --flow-ui-tooltip-color: var(--flow-ui-color-neutral-950);
571
625
  --flow-ui-tooltip-font-family: var(--flow-ui-font-sans);
572
626
  --flow-ui-tooltip-font-weight: var(--flow-ui-font-weight-normal);
573
627
  --flow-ui-tooltip-font-size: var(--flow-ui-font-size-small);
@@ -580,7 +634,7 @@ export default css`
580
634
 
581
635
  --flow-ui-tab-label-font-family: var(--flow-ui-font-sans);
582
636
  --flow-ui-tab-label-font-weight: var(--flow-ui-font-weight-light);
583
- --flow-ui-tab-label-font-size: var(--flow-ui-font-size-x-small);
637
+ --flow-ui-tab-label-font-size: var(--flow-ui-font-size-small);
584
638
  --flow-ui-tab-icon-size: var(--flow-ui-font-size-large);
585
639
  --flow-ui-tab-padding: var(--flow-ui-spacing-medium)
586
640
  var(--flow-ui-spacing-medium);
@@ -590,18 +644,18 @@ export default css`
590
644
  --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
591
645
  --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
592
646
 
593
- --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
594
- --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-200);
647
+ --flow-ui-gauge-color: var(--flow-ui-color-text);
648
+ --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-100);
595
649
  --flow-ui-gauge-padding: var(--flow-ui-spacing-x-small);
596
650
  --flow-ui-gauge-header-height: 40px;
597
651
  --flow-ui-gauge-header-font-size: var(--flow-ui-font-size-medium);
598
- --flow-ui-gauge-header-color: var(--flow-ui-color-neutral-1000);
652
+ --flow-ui-gauge-header-color: var(--flow-ui-color-text);
599
653
  --flow-ui-gauge-header-icon-color: var(--flow-ui-color-neutral-700);
600
654
  --flow-ui-gauge-value-font-size: var(--flow-ui-font-size-2x-large);
601
655
  --flow-ui-gauge-units-font-size: var(--flow-ui-font-size-small);
602
- --flow-ui-gauge-units-color: var(--flow-ui-color-neutral-1000);
656
+ --flow-ui-gauge-units-color: var(--flow-ui-color-text);
603
657
 
604
- --flow-ui-chart-background-color: transparent;
658
+ --flow-ui-chart-background-color: var(--flow-ui-color-neutral-100);
605
659
  --flow-ui-chart-text-color: var(--flow-ui-color-neutral-900);
606
660
 
607
661
  --flow-ui-chart-axis-color: var(--flow-ui-color-neutral-600);
@@ -657,7 +711,8 @@ export default css`
657
711
  .flow-ui-toast-stack {
658
712
  position: fixed;
659
713
  top: 0;
660
- inset-inline-end: 0;
714
+ left: 50%;
715
+ transform: translateX(-50%);
661
716
  z-index: var(--flow-ui-z-index-toast);
662
717
  width: 28rem;
663
718
  max-width: 100%;
@@ -743,4 +798,16 @@ export default css`
743
798
  var(--flow-ui-color-neutral-0)
744
799
  );
745
800
  }
801
+
802
+ flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
803
+ margin-top: 0;
804
+ }
805
+
806
+ flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
807
+ margin-bottom: 0;
808
+ }
809
+
810
+ flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
811
+ margin-top: 0;
812
+ }
746
813
  `;