@emuanalytics/flow-rdf-ui 4.0.3 → 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 +11993 -11953
  2. package/dist/index.cjs +155 -59
  3. package/dist/index.d.cts +42 -26
  4. package/dist/index.d.mts +42 -26
  5. package/dist/index.d.ts +42 -26
  6. package/dist/index.mjs +155 -59
  7. package/dist/vscode.html-custom-data.json +673 -663
  8. package/package.json +1 -1
  9. package/themes/dark.css +41 -0
  10. package/themes/dark.styles.js +41 -0
  11. package/themes/light.css +41 -0
  12. package/themes/light.styles.js +41 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emuanalytics/flow-rdf-ui",
3
- "version": "4.0.3",
3
+ "version": "4.0.4",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
package/themes/dark.css CHANGED
@@ -463,6 +463,9 @@
463
463
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-50);
464
464
  --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
465
465
 
466
+ --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
467
+ --flow-ui-panel-border-width: 1px;
468
+
466
469
  --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
467
470
  --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
468
471
  --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
@@ -557,6 +560,10 @@
557
560
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
558
561
  --flow-ui-map-busy-track-color: transparent;
559
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;
560
567
  }
561
568
 
562
569
  .flow-ui-scroll-lock {
@@ -583,6 +590,40 @@
583
590
  box-shadow: var(--flow-ui-shadow-large);
584
591
  }
585
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
+
586
627
  .maplibregl-popup-content {
587
628
  color: var(--popup-color, var(--flow-ui-color-neutral-1000));
588
629
  background-color: var(
package/themes/dark.styles.js CHANGED
@@ -472,6 +472,9 @@ export default css`
472
472
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-50);
473
473
  --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
474
474
 
475
+ --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
476
+ --flow-ui-panel-border-width: 1px;
477
+
475
478
  --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
476
479
  --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
477
480
  --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
@@ -566,6 +569,10 @@ export default css`
566
569
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
567
570
  --flow-ui-map-busy-track-color: transparent;
568
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;
569
576
  }
570
577
 
571
578
  .flow-ui-scroll-lock {
@@ -592,6 +599,40 @@ export default css`
592
599
  box-shadow: var(--flow-ui-shadow-large);
593
600
  }
594
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
+
595
636
  .maplibregl-popup-content {
596
637
  color: var(--popup-color, var(--flow-ui-color-neutral-1000));
597
638
  background-color: var(
package/themes/light.css CHANGED
@@ -464,6 +464,9 @@
464
464
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-0);
465
465
  --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
466
466
 
467
+ --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
468
+ --flow-ui-panel-border-width: 1px;
469
+
467
470
  --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
468
471
  --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
469
472
  --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
@@ -558,6 +561,10 @@
558
561
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
559
562
  --flow-ui-map-busy-track-color: transparent;
560
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;
561
568
  }
562
569
 
563
570
  .flow-ui-scroll-lock {
@@ -583,3 +590,37 @@
583
590
  .flow-ui-toast-stack flow-ui-alert::part(base) {
584
591
  box-shadow: var(--flow-ui-shadow-large);
585
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
@@ -473,6 +473,9 @@ export default css`
473
473
  --flow-ui-panel-background-color: var(--flow-ui-color-neutral-0);
474
474
  --flow-ui-panel-color: var(--flow-ui-color-neutral-1000);
475
475
 
476
+ --flow-ui-panel-border-color: var(--flow-ui-color-neutral-200);
477
+ --flow-ui-panel-border-width: 1px;
478
+
476
479
  --flow-ui-panel-header-height: var(--flow-ui-input-height-large);
477
480
  --flow-ui-panel-header-padding: var(--flow-ui-spacing-small);
478
481
  --flow-ui-panel-header-background-color: var(--flow-ui-color-neutral-0);
@@ -567,6 +570,10 @@ export default css`
567
570
  --flow-ui-map-busy-track-size: var(--flow-ui-spacing-2x-small);
568
571
  --flow-ui-map-busy-track-color: transparent;
569
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;
570
577
  }
571
578
 
572
579
  .flow-ui-scroll-lock {
@@ -592,4 +599,38 @@ export default css`
592
599
  .flow-ui-toast-stack flow-ui-alert::part(base) {
593
600
  box-shadow: var(--flow-ui-shadow-large);
594
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
+ }
595
636
  `;