@emuanalytics/flow-rdf-ui 4.0.2 → 4.0.4

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 (12) hide show
  1. package/dist/custom-elements.json +6080 -6040
  2. package/dist/index.cjs +228 -76
  3. package/dist/index.d.cts +44 -28
  4. package/dist/index.d.mts +44 -28
  5. package/dist/index.d.ts +44 -28
  6. package/dist/index.mjs +228 -76
  7. package/dist/vscode.html-custom-data.json +431 -418
  8. package/package.json +3 -3
  9. package/themes/dark.css +53 -5
  10. package/themes/dark.styles.js +53 -5
  11. package/themes/light.css +54 -6
  12. package/themes/light.styles.js +54 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emuanalytics/flow-rdf-ui",
3
- "version": "4.0.2",
3
+ "version": "4.0.4",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
@@ -106,13 +106,13 @@
106
106
  "vite": "^4.3.9",
107
107
  "vite-plugin-dts": "^3.5.1",
108
108
  "webdriverio": "^8.14.3",
109
- "@emuanalytics/flow-rdf-core": "4.0.2"
109
+ "@emuanalytics/flow-rdf-core": "4.0.3"
110
110
  },
111
111
  "peerDependencies": {
112
112
  "chart.js": "^4.4.2",
113
113
  "lit": "^2.7.2",
114
114
  "lit-html": "^2.7.5",
115
- "@emuanalytics/flow-rdf-core": "4.0.2"
115
+ "@emuanalytics/flow-rdf-core": "4.0.3"
116
116
  },
117
117
  "scripts": {
118
118
  "dev": "vite",
package/themes/dark.css CHANGED
@@ -461,9 +461,21 @@
461
461
  --flow-ui-overlay-background-color: hsl(0 0% 0% / 43%);
462
462
 
463
463
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-50);
464
+ --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
465
+
464
466
  --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
465
467
  --flow-ui-panel-border-width: 1px;
466
468
 
469
+ --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
470
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
471
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
472
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-normal);
473
+ --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
474
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
475
+
476
+ --flow-ui-divider-width: 1px;
477
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-100);
478
+
467
479
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
468
480
  --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
469
481
  --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
@@ -485,11 +497,9 @@
485
497
  var(--flow-ui-spacing-medium);
486
498
  --flow-ui-tab-max-width: 6.25rem;
487
499
 
488
- --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
489
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
490
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
491
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
492
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
500
+ --flow-ui-tab-color: var(--flow-ui-color-neutral-600);
501
+ --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
502
+ --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
493
503
 
494
504
  --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
495
505
  --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-200);
@@ -550,6 +560,10 @@
550
560
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
551
561
  --flow-ui-map-busy-track-color: transparent;
552
562
  --flow-ui-map-busy-indicator-color: var(--flow-ui-color-primary-500);
563
+
564
+ --flow-ui-form-spacing-dense: 10px;
565
+ --flow-ui-form-spacing-normal: 20px;
566
+ --flow-ui-form-spacing-loose: 25px;
553
567
  }
554
568
 
555
569
  .flow-ui-scroll-lock {
@@ -576,6 +590,40 @@
576
590
  box-shadow: var(--flow-ui-shadow-large);
577
591
  }
578
592
 
593
+ .flow-ui-form {
594
+ line-height: var(--flow-ui-line-height-normal);
595
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-normal);
596
+ }
597
+
598
+ .flow-ui-form.flow-ui-form-dense {
599
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-dense);
600
+ }
601
+
602
+ .flow-ui-form.flow-ui-form-loose {
603
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-loose);
604
+ }
605
+
606
+ .flow-ui-form > .flow-ui-form-control,
607
+ .flow-ui-form-group > .flow-ui-form-control {
608
+ display: block;
609
+
610
+ line-height: 1;
611
+ }
612
+
613
+ .flow-ui-form-control::part(form-control-label) {
614
+ margin-bottom: calc(var(--flow-ui-spacing-x-small) * 0.75);
615
+ }
616
+
617
+ .flow-ui-form > .flow-ui-form-control,
618
+ .flow-ui-form > .flow-ui-form-group {
619
+ margin-top: var(--flow-ui-form-spacing);
620
+ }
621
+
622
+ .flow-ui-form > .flow-ui-form-control:first-child,
623
+ .flow-ui-form > .flow-ui-form-group:first-child {
624
+ margin-top: 0;
625
+ }
626
+
579
627
  .maplibregl-popup-content {
580
628
  color: var(--popup-color, var(--flow-ui-color-neutral-1000));
581
629
  background-color: var(
package/themes/dark.styles.js CHANGED
@@ -470,9 +470,21 @@ export default css`
470
470
  --flow-ui-overlay-background-color: hsl(0 0% 0% / 43%);
471
471
 
472
472
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-50);
473
+ --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
474
+
473
475
  --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
474
476
  --flow-ui-panel-border-width: 1px;
475
477
 
478
+ --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
479
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
480
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
481
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-normal);
482
+ --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
483
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
484
+
485
+ --flow-ui-divider-width: 1px;
486
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-100);
487
+
476
488
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
477
489
  --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
478
490
  --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
@@ -494,11 +506,9 @@ export default css`
494
506
  var(--flow-ui-spacing-medium);
495
507
  --flow-ui-tab-max-width: 6.25rem;
496
508
 
497
- --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
498
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
499
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
500
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
501
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
509
+ --flow-ui-tab-color: var(--flow-ui-color-neutral-600);
510
+ --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
511
+ --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
502
512
 
503
513
  --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
504
514
  --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-200);
@@ -559,6 +569,10 @@ export default css`
559
569
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
560
570
  --flow-ui-map-busy-track-color: transparent;
561
571
  --flow-ui-map-busy-indicator-color: var(--flow-ui-color-primary-500);
572
+
573
+ --flow-ui-form-spacing-dense: 10px;
574
+ --flow-ui-form-spacing-normal: 20px;
575
+ --flow-ui-form-spacing-loose: 25px;
562
576
  }
563
577
 
564
578
  .flow-ui-scroll-lock {
@@ -585,6 +599,40 @@ export default css`
585
599
  box-shadow: var(--flow-ui-shadow-large);
586
600
  }
587
601
 
602
+ .flow-ui-form {
603
+ line-height: var(--flow-ui-line-height-normal);
604
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-normal);
605
+ }
606
+
607
+ .flow-ui-form.flow-ui-form-dense {
608
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-dense);
609
+ }
610
+
611
+ .flow-ui-form.flow-ui-form-loose {
612
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-loose);
613
+ }
614
+
615
+ .flow-ui-form > .flow-ui-form-control,
616
+ .flow-ui-form-group > .flow-ui-form-control {
617
+ display: block;
618
+
619
+ line-height: 1;
620
+ }
621
+
622
+ .flow-ui-form-control::part(form-control-label) {
623
+ margin-bottom: calc(var(--flow-ui-spacing-x-small) * 0.75);
624
+ }
625
+
626
+ .flow-ui-form > .flow-ui-form-control,
627
+ .flow-ui-form > .flow-ui-form-group {
628
+ margin-top: var(--flow-ui-form-spacing);
629
+ }
630
+
631
+ .flow-ui-form > .flow-ui-form-control:first-child,
632
+ .flow-ui-form > .flow-ui-form-group:first-child {
633
+ margin-top: 0;
634
+ }
635
+
588
636
  .maplibregl-popup-content {
589
637
  color: var(--popup-color, var(--flow-ui-color-neutral-1000));
590
638
  background-color: var(
package/themes/light.css CHANGED
@@ -462,9 +462,21 @@
462
462
  --flow-ui-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
463
463
 
464
464
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-0);
465
+ --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
466
+
465
467
  --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
466
468
  --flow-ui-panel-border-width: 1px;
467
469
 
470
+ --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
471
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
472
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
473
+ --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
474
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-semibold);
475
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-500);
476
+
477
+ --flow-ui-divider-width: 1px;
478
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-200);
479
+
468
480
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
469
481
  --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
470
482
  --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
@@ -486,14 +498,12 @@
486
498
  var(--flow-ui-spacing-medium);
487
499
  --flow-ui-tab-max-width: 100px;
488
500
 
489
- --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
490
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
491
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-100);
492
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
493
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
501
+ --flow-ui-tab-color: var(--flow-ui-color-neutral-600);
502
+ --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
503
+ --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
494
504
 
495
505
  --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
496
- --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-50);
506
+ --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-100);
497
507
  --flow-ui-gauge-padding: var(--flow-ui-spacing-x-small);
498
508
  --flow-ui-gauge-header-height: 40px;
499
509
  --flow-ui-gauge-header-font-size: var(--flow-ui-font-size-medium);
@@ -551,6 +561,10 @@
551
561
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
552
562
  --flow-ui-map-busy-track-color: transparent;
553
563
  --flow-ui-map-busy-indicator-color: var(--flow-ui-color-primary-500);
564
+
565
+ --flow-ui-form-spacing-dense: 10px;
566
+ --flow-ui-form-spacing-normal: 20px;
567
+ --flow-ui-form-spacing-loose: 25px;
554
568
  }
555
569
 
556
570
  .flow-ui-scroll-lock {
@@ -576,3 +590,37 @@
576
590
  .flow-ui-toast-stack flow-ui-alert::part(base) {
577
591
  box-shadow: var(--flow-ui-shadow-large);
578
592
  }
593
+
594
+ .flow-ui-form {
595
+ line-height: var(--flow-ui-line-height-normal);
596
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-normal);
597
+ }
598
+
599
+ .flow-ui-form.flow-ui-form-dense {
600
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-dense);
601
+ }
602
+
603
+ .flow-ui-form.flow-ui-form-loose {
604
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-loose);
605
+ }
606
+
607
+ .flow-ui-form > .flow-ui-form-control,
608
+ .flow-ui-form-group > .flow-ui-form-control {
609
+ display: block;
610
+
611
+ line-height: 1;
612
+ }
613
+
614
+ .flow-ui-form-control::part(form-control-label) {
615
+ margin-bottom: calc(var(--flow-ui-spacing-x-small) * 0.75);
616
+ }
617
+
618
+ .flow-ui-form > .flow-ui-form-control,
619
+ .flow-ui-form > .flow-ui-form-group {
620
+ margin-top: var(--flow-ui-form-spacing);
621
+ }
622
+
623
+ .flow-ui-form > .flow-ui-form-control:first-child,
624
+ .flow-ui-form > .flow-ui-form-group:first-child {
625
+ margin-top: 0;
626
+ }
package/themes/light.styles.js CHANGED
@@ -471,9 +471,21 @@ export default css`
471
471
  --flow-ui-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
472
472
 
473
473
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-0);
474
+ --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
475
+
474
476
  --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
475
477
  --flow-ui-panel-border-width: 1px;
476
478
 
479
+ --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
480
+ --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
481
+ --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
482
+ --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
483
+ --flow-ui-panel-header-font-weight: var(--flow-ui-font-weight-semibold);
484
+ --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-500);
485
+
486
+ --flow-ui-divider-width: 1px;
487
+ --flow-ui-divider-color: var(--flow-ui-color-neutral-200);
488
+
477
489
  --flow-ui-tooltip-border-radius: var(--flow-ui-border-radius-medium);
478
490
  --flow-ui-tooltip-background-color: var(--flow-ui-color-neutral-800);
479
491
  --flow-ui-tooltip-color: var(--flow-ui-color-neutral-0);
@@ -495,14 +507,12 @@ export default css`
495
507
  var(--flow-ui-spacing-medium);
496
508
  --flow-ui-tab-max-width: 100px;
497
509
 
498
- --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
499
- --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
500
- --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-100);
501
- --flow-ui-panel-header-color: var(--flow-ui-color-neutral-1000);
502
- --flow-ui-panel-header-accessory-color: var(--flow-ui-color-neutral-600);
510
+ --flow-ui-tab-color: var(--flow-ui-color-neutral-600);
511
+ --flow-ui-tab-active-label-color: var(--flow-ui-color-primary-500);
512
+ --flow-ui-tab-active-icon-color: var(--flow-ui-color-primary-500);
503
513
 
504
514
  --flow-ui-gauge-color: var(--flow-ui-color-neutral-1000);
505
- --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-50);
515
+ --flow-ui-gauge-background-color: var(--flow-ui-color-neutral-100);
506
516
  --flow-ui-gauge-padding: var(--flow-ui-spacing-x-small);
507
517
  --flow-ui-gauge-header-height: 40px;
508
518
  --flow-ui-gauge-header-font-size: var(--flow-ui-font-size-medium);
@@ -560,6 +570,10 @@ export default css`
560
570
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
561
571
  --flow-ui-map-busy-track-color: transparent;
562
572
  --flow-ui-map-busy-indicator-color: var(--flow-ui-color-primary-500);
573
+
574
+ --flow-ui-form-spacing-dense: 10px;
575
+ --flow-ui-form-spacing-normal: 20px;
576
+ --flow-ui-form-spacing-loose: 25px;
563
577
  }
564
578
 
565
579
  .flow-ui-scroll-lock {
@@ -585,4 +599,38 @@ export default css`
585
599
  .flow-ui-toast-stack flow-ui-alert::part(base) {
586
600
  box-shadow: var(--flow-ui-shadow-large);
587
601
  }
602
+
603
+ .flow-ui-form {
604
+ line-height: var(--flow-ui-line-height-normal);
605
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-normal);
606
+ }
607
+
608
+ .flow-ui-form.flow-ui-form-dense {
609
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-dense);
610
+ }
611
+
612
+ .flow-ui-form.flow-ui-form-loose {
613
+ --flow-ui-form-spacing: var(--flow-ui-form-spacing-loose);
614
+ }
615
+
616
+ .flow-ui-form > .flow-ui-form-control,
617
+ .flow-ui-form-group > .flow-ui-form-control {
618
+ display: block;
619
+
620
+ line-height: 1;
621
+ }
622
+
623
+ .flow-ui-form-control::part(form-control-label) {
624
+ margin-bottom: calc(var(--flow-ui-spacing-x-small) * 0.75);
625
+ }
626
+
627
+ .flow-ui-form > .flow-ui-form-control,
628
+ .flow-ui-form > .flow-ui-form-group {
629
+ margin-top: var(--flow-ui-form-spacing);
630
+ }
631
+
632
+ .flow-ui-form > .flow-ui-form-control:first-child,
633
+ .flow-ui-form > .flow-ui-form-group:first-child {
634
+ margin-top: 0;
635
+ }
588
636
  `;