@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/dist/components/tag/tag.styles.mjs CHANGED
@@ -6,7 +6,7 @@ const styles = css`
6
6
 
7
7
  :host {
8
8
  display: inline-block;
9
- --color: var(--flow-ui-color-primary-800);
9
+ --color: var(--flow-ui-color-primary-950);
10
10
  --background-color: var(--flow-ui-color-primary-50);
11
11
  --border-color: var(--flow-ui-color-primary-200);
12
12
  --active-icon-color: white;
@@ -14,44 +14,44 @@ const styles = css`
14
14
 
15
15
  /* Variant modifiers */
16
16
  :host([variant='primary']) {
17
- --color: var(--flow-ui-color-primary-800);
17
+ --color: var(--flow-ui-color-primary-950);
18
18
  --background-color: var(--flow-ui-color-primary-50);
19
- --border-color: var(--flow-ui-color-primary-200);
19
+ --border-color: var(--flow-ui-color-primary-300);
20
20
  --active-icon-color: white;
21
21
  }
22
22
 
23
23
  :host([variant='secondary']) {
24
- --color: var(--flow-ui-color-secondary-800);
24
+ --color: var(--flow-ui-color-secondary-950);
25
25
  --background-color: var(--flow-ui-color-secondary-50);
26
- --border-color: var(--flow-ui-color-secondary-200);
26
+ --border-color: var(--flow-ui-color-secondary-300);
27
27
  --active-icon-color: white;
28
28
  }
29
29
 
30
30
  :host([variant='success']) {
31
- --color: var(--flow-ui-color-success-800);
31
+ --color: var(--flow-ui-color-success-950);
32
32
  --background-color: var(--flow-ui-color-success-50);
33
- --border-color: var(--flow-ui-color-success-200);
33
+ --border-color: var(--flow-ui-color-success-300);
34
34
  --active-icon-color: white;
35
35
  }
36
36
 
37
37
  :host([variant='neutral']) {
38
- --color: var(--flow-ui-color-neutral-800);
38
+ --color: var(--flow-ui-color-neutral-950);
39
39
  --background-color: var(--flow-ui-color-neutral-50);
40
- --border-color: var(--flow-ui-color-neutral-200);
40
+ --border-color: var(--flow-ui-color-neutral-500);
41
41
  --active-icon-color: white;
42
42
  }
43
43
 
44
44
  :host([variant='warning']) {
45
- --color: var(--flow-ui-color-warning-800);
45
+ --color: var(--flow-ui-color-warning-950);
46
46
  --background-color: var(--flow-ui-color-warning-50);
47
- --border-color: var(--flow-ui-color-warning-200);
47
+ --border-color: var(--flow-ui-color-warning-300);
48
48
  --active-icon-color: white;
49
49
  }
50
50
 
51
51
  :host([variant='danger']) {
52
- --color: var(--flow-ui-color-danger-800);
52
+ --color: var(--flow-ui-color-danger-950);
53
53
  --background-color: var(--flow-ui-color-danger-50);
54
- --border-color: var(--flow-ui-color-danger-200);
54
+ --border-color: var(--flow-ui-color-danger-300);
55
55
  --active-icon-color: white;
56
56
  }
57
57
 
package/dist/components/timer/timer.component.mjs CHANGED
@@ -59,6 +59,7 @@ class FlowUiTimer extends FlowRdfElement {
59
59
  this.setDisplayDateTime(dateTime);
60
60
  }
61
61
  });
62
+ this.updateRunning();
62
63
  }
63
64
  disconnectedCallback() {
64
65
  super.disconnectedCallback();
@@ -161,7 +162,7 @@ class FlowUiTimer extends FlowRdfElement {
161
162
  <flow-ui-dropdown
162
163
  class="timer__dropdown"
163
164
  placement=${this.placement}
164
- distance="4"
165
+ distance="8"
165
166
  strategy="fixed"
166
167
  flip
167
168
  shift
package/dist/components/timer/timer.styles.mjs CHANGED
@@ -10,7 +10,7 @@ const styles = css`
10
10
  }
11
11
 
12
12
  .timer__dropdown::part(panel) {
13
- background-color: var(--flow-ui-color-background);
13
+ background-color: var(--flow-ui-calendar-background-color);
14
14
  padding: var(--flow-ui-spacing-2x-small);
15
15
  }
16
16
 
@@ -35,7 +35,7 @@ const styles = css`
35
35
  }
36
36
 
37
37
  .timer__date-time-container flow-ui-icon {
38
- color: var(--flow-ui-color-neutral-600);
38
+ color: var(--flow-ui-color-neutral-800);
39
39
  }
40
40
 
41
41
  .timer__date-container {
package/dist/components/tool-button/tool-button.styles.mjs CHANGED
@@ -73,43 +73,43 @@ const styles = css`
73
73
  .button--primary {
74
74
  --background-color: var(--flow-ui-color-primary-50);
75
75
  --border-color: var(--flow-ui-color-primary-300);
76
- --color: var(--flow-ui-color-primary-500);
76
+ --color: var(--flow-ui-color-primary-700);
77
77
  }
78
78
 
79
79
  .button--secondary {
80
80
  --background-color: var(--flow-ui-color-secondary-50);
81
81
  --border-color: var(--flow-ui-color-secondary-300);
82
- --color: var(--flow-ui-color-secondary-500);
82
+ --color: var(--flow-ui-color-secondary-700);
83
83
  }
84
84
 
85
85
  .button--success {
86
86
  --background-color: var(--flow-ui-color-success-50);
87
87
  --border-color: var(--flow-ui-color-success-300);
88
- --color: var(--flow-ui-color-success-500);
88
+ --color: var(--flow-ui-color-success-700);
89
89
  }
90
90
 
91
91
  .button--warning {
92
92
  --background-color: var(--flow-ui-color-warning-50);
93
93
  --border-color: var(--flow-ui-color-warning-300);
94
- --color: var(--flow-ui-color-warning-500);
94
+ --color: var(--flow-ui-color-warning-700);
95
95
  }
96
96
 
97
97
  .button--danger {
98
98
  --background-color: var(--flow-ui-color-danger-50);
99
99
  --border-color: var(--flow-ui-color-danger-300);
100
- --color: var(--flow-ui-color-danger-500);
100
+ --color: var(--flow-ui-color-danger-700);
101
101
  }
102
102
 
103
103
  .button--neutral {
104
104
  --background-color: var(--flow-ui-color-neutral-50);
105
105
  --border-color: var(--flow-ui-color-neutral-300);
106
- --color: var(--flow-ui-color-neutral-500);
106
+ --color: var(--flow-ui-color-neutral-700);
107
107
  }
108
108
 
109
109
  /* Override outline style */
110
110
  .button--outline.button--default {
111
- border-color: var(--flow-ui-color-neutral-300);
112
- color: var(--flow-ui-color-neutral-700);
111
+ border-color: var(--flow-ui-color-neutral-600);
112
+ color: var(--flow-ui-color-neutral-800);
113
113
  }
114
114
 
115
115
  .button--outline.button--default.button--checked:not(.button--disabled) {
@@ -146,7 +146,7 @@ const styles = css`
146
146
  .button--text {
147
147
  background-color: transparent;
148
148
  border-color: transparent;
149
- color: var(--flow-ui-color-neutral-500);
149
+ color: var(--flow-ui-color-neutral-800);
150
150
  }
151
151
 
152
152
  .button--text.button--checked:not(.button--disabled) {
package/dist/components/tree-item/tree-item.styles.mjs CHANGED
@@ -23,7 +23,7 @@ const styles = css`
23
23
  display: flex;
24
24
  align-items: stretch;
25
25
  flex-direction: column;
26
- color: var(--flow-ui-color-neutral-700);
26
+ color: var(--flow-ui-color-neutral-900);
27
27
  cursor: pointer;
28
28
  user-select: none;
29
29
  }
@@ -77,7 +77,7 @@ const styles = css`
77
77
  align-items: center;
78
78
  justify-content: center;
79
79
  box-sizing: content-box;
80
- color: var(--flow-ui-color-neutral-500);
80
+ color: var(--flow-ui-color-neutral-800);
81
81
  padding: var(--flow-ui-spacing-x-small);
82
82
  width: 1rem;
83
83
  height: 1rem;
@@ -134,7 +134,7 @@ const styles = css`
134
134
  }
135
135
 
136
136
  :host(:not([aria-disabled='true'])) .tree-item__expand-button {
137
- color: var(--flow-ui-color-neutral-600);
137
+ color: var(--flow-ui-color-neutral-800);
138
138
  }
139
139
 
140
140
  .tree-item__label {