@emuanalytics/flow-rdf-ui 4.1.0-preview.7 → 4.1.0-preview.8
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.
- package/dist/components/card/card.styles.mjs +10 -1
- package/dist/components/query-builder/query-builder.component.mjs +5 -5
- package/dist/components/query-builder/query-builder.styles.mjs +6 -2
- package/dist/components/tree-item/tree-item.styles.mjs +3 -3
- package/dist/custom-elements.json +613 -613
- package/dist/package.json.mjs +1 -1
- package/dist/vscode.html-custom-data.json +75 -75
- package/package.json +1 -1
- package/themes/dark.css +8 -7
- package/themes/dark.styles.js +8 -7
|
@@ -8,7 +8,7 @@ const styles = css`
|
|
|
8
8
|
--border-color: var(--flow-ui-card-border-color);
|
|
9
9
|
--border-radius: var(--flow-ui-card-border-radius);
|
|
10
10
|
--border-width: var(--flow-ui-card-border-width);
|
|
11
|
-
--padding: var(--flow-ui-
|
|
11
|
+
--padding: var(--flow-ui-card-padding);
|
|
12
12
|
|
|
13
13
|
--background-color: var(--flow-ui-card-background-color);
|
|
14
14
|
--color: var(--flow-ui-card-color);
|
|
@@ -72,6 +72,15 @@ const styles = css`
|
|
|
72
72
|
.card:not(.card--has-footer) .card__footer {
|
|
73
73
|
display: none;
|
|
74
74
|
}
|
|
75
|
+
|
|
76
|
+
/* Remove margin from first and last child of default slot */
|
|
77
|
+
::slotted(:nth-child(1 of :not([slot]))) {
|
|
78
|
+
margin-top: 0;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
::slotted(:nth-last-child(1 of :not([slot]))) {
|
|
82
|
+
margin-bottom: 0;
|
|
83
|
+
}
|
|
75
84
|
`;
|
|
76
85
|
|
|
77
86
|
export { styles as default };
|
|
@@ -225,7 +225,6 @@ const _FlowUiQueryBuilder = class _FlowUiQueryBuilder extends FlowRdfElement {
|
|
|
225
225
|
size=${andOrSize}
|
|
226
226
|
pill
|
|
227
227
|
outline
|
|
228
|
-
variant="secondary"
|
|
229
228
|
class="query-builder-and-or-button-group"
|
|
230
229
|
value=${ruleSet.condition}
|
|
231
230
|
@flow-ui-change=${this.handleConditionChange}
|
|
@@ -385,7 +384,8 @@ const _FlowUiQueryBuilder = class _FlowUiQueryBuilder extends FlowRdfElement {
|
|
|
385
384
|
"form-control--medium": this.size === "medium",
|
|
386
385
|
"form-control--large": this.size === "large",
|
|
387
386
|
"form-control--has-label": hasLabel,
|
|
388
|
-
"form-control--has-help-text": hasHelpText
|
|
387
|
+
"form-control--has-help-text": hasHelpText,
|
|
388
|
+
"form-control--has-border": this.borders
|
|
389
389
|
})}
|
|
390
390
|
>
|
|
391
391
|
<label
|
|
@@ -440,11 +440,11 @@ const _FlowUiQueryBuilder = class _FlowUiQueryBuilder extends FlowRdfElement {
|
|
|
440
440
|
>
|
|
441
441
|
Add filter
|
|
442
442
|
</flow-ui-tool-button>
|
|
443
|
-
<div part="footer-accessories" class="query-builder__footer-auxiliary">
|
|
444
|
-
<slot name="footer-accessory"></slot>
|
|
445
|
-
</div>
|
|
446
443
|
</div>
|
|
447
444
|
</div>
|
|
445
|
+
<div part="footer-accessories" class="query-builder__footer-auxiliary">
|
|
446
|
+
<slot name="footer-accessory"></slot>
|
|
447
|
+
</div>
|
|
448
448
|
</div>
|
|
449
449
|
`;
|
|
450
450
|
}
|
|
@@ -303,9 +303,13 @@ const styles = css`
|
|
|
303
303
|
display: flex;
|
|
304
304
|
flex: 1;
|
|
305
305
|
justify-content: end;
|
|
306
|
-
gap: var(--flow-ui-spacing-
|
|
306
|
+
gap: var(--flow-ui-spacing-small);
|
|
307
307
|
|
|
308
|
-
padding-top: var(--
|
|
308
|
+
padding-top: var(--footer-spacing);
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.form-control--has-border .query-builder__footer-auxiliary {
|
|
312
|
+
margin-right: calc(var(--control-spacing) * -1 - var(--control-border-width));
|
|
309
313
|
}
|
|
310
314
|
|
|
311
315
|
.query-builder__footer ::slotted(flow-ui-button:not(:first-of-type)) {
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
137
|
+
color: var(--flow-ui-color-neutral-800);
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.tree-item__label {
|