@threadlabs/looma 0.13.3 → 0.13.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.
- package/components/shared/icons.js +1 -0
- package/components/ui-cluster/ui-cluster.html +12 -0
- package/components/ui-icon-button/ui-icon-button.html +4 -0
- package/dist/index.js +1 -1
- package/editor/icons.d.ts +1 -0
- package/editor/index.js +2 -1
- package/package.json +1 -1
- package/styles/ui-cluster.css +9 -0
- package/styles/ui-icon-button.css +4 -0
- package/vanilla/UiCluster.d.ts +1 -0
- package/vanilla/UiCluster.js +2 -0
- package/vue/UiCluster.d.ts +1 -0
- package/vue/UiCluster.vue +11 -0
- package/vue/UiIconButton.vue +4 -0
- package/vue/chunks/UiCluster.js +8 -3
- package/vue/chunks/UiIconButton.js +1 -1
- package/vue/components.css +50 -37
|
@@ -25,6 +25,7 @@ export const icons = {
|
|
|
25
25
|
"heading-1": [["path",{"d":"M4 12h8"}],["path",{"d":"M4 18V6"}],["path",{"d":"M12 18V6"}],["path",{"d":"m17 12 3-2v8"}]],
|
|
26
26
|
"heading-2": [["path",{"d":"M4 12h8"}],["path",{"d":"M4 18V6"}],["path",{"d":"M12 18V6"}],["path",{"d":"M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1"}]],
|
|
27
27
|
"heading-3": [["path",{"d":"M4 12h8"}],["path",{"d":"M4 18V6"}],["path",{"d":"M12 18V6"}],["path",{"d":"M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2"}],["path",{"d":"M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2"}]],
|
|
28
|
+
"help": [["circle",{"cx":"12","cy":"12","r":"10"}],["path",{"d":"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"}],["path",{"d":"M12 17h.01"}]],
|
|
28
29
|
"highlighter": [["path",{"d":"m9 11-6 6v3h9l3-3"}],["path",{"d":"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"}]],
|
|
29
30
|
"image": [["rect",{"width":"18","height":"18","x":"3","y":"3","rx":"2","ry":"2"}],["circle",{"cx":"9","cy":"9","r":"2"}],["path",{"d":"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"}]],
|
|
30
31
|
"info": [["circle",{"cx":"12","cy":"12","r":"10"}],["path",{"d":"M12 16v-4"}],["path",{"d":"M12 8h.01"}]],
|
|
@@ -6,6 +6,9 @@
|
|
|
6
6
|
<prop name="align" type="start | center | end | stretch"
|
|
7
7
|
>How items line up within each row: center (the default) aligns their middles, start their tops, end their bottoms, and stretch makes every item as tall as
|
|
8
8
|
its row.</prop>
|
|
9
|
+
<prop name="justify" type="start | center | end | between"
|
|
10
|
+
>Where items sit along each row: start (the default), center, end, or between, which pushes the first and last items to the ends of the row and spreads the
|
|
11
|
+
spare space between them, as for a title with its actions.</prop>
|
|
9
12
|
</defs>
|
|
10
13
|
<div><slot></slot></div>
|
|
11
14
|
<style>
|
|
@@ -50,6 +53,15 @@
|
|
|
50
53
|
:host-state([align="stretch"]) {
|
|
51
54
|
align-items: stretch;
|
|
52
55
|
}
|
|
56
|
+
:host-state([justify="center"]) {
|
|
57
|
+
justify-content: center;
|
|
58
|
+
}
|
|
59
|
+
:host-state([justify="end"]) {
|
|
60
|
+
justify-content: flex-end;
|
|
61
|
+
}
|
|
62
|
+
:host-state([justify="between"]) {
|
|
63
|
+
justify-content: space-between;
|
|
64
|
+
}
|
|
53
65
|
|
|
54
66
|
/* A component that sets its display still honours the hidden attribute on its root. */
|
|
55
67
|
:host[hidden] {
|
|
@@ -265,6 +265,10 @@
|
|
|
265
265
|
|
|
266
266
|
:host {
|
|
267
267
|
--_icon-button-icon-default: var(--ui-icon-size-md);
|
|
268
|
+
/* A slotted ui-icon is its own component, out of reach of the svg rule below; these are its
|
|
269
|
+
defaults, which its own --ui-icon-* hooks still override. */
|
|
270
|
+
--_ui-default-icon-size: var(--_ui-icon-button-icon-size, var(--_icon-button-icon-default));
|
|
271
|
+
--_ui-default-icon-stroke-width: var(--_ui-icon-button-icon-stroke-width, 1.75);
|
|
268
272
|
}
|
|
269
273
|
|
|
270
274
|
:host-state([size="sm"]) {
|