@threadlabs/looma 0.13.5 → 0.13.6
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/ui-icon/ui-icon.html +67 -7
- package/dist/index.js +17 -18
- package/package.json +1 -1
- package/vanilla/UiIcon.js +1 -3
- package/vue/UiIcon.vue +337 -42
- package/vue/chunks/UiIcon.js +950 -32
- package/vue/components.css +3 -3
- package/components/ui-icon/ui-icon.js +0 -8
package/vue/components.css
CHANGED
|
@@ -398,7 +398,7 @@
|
|
|
398
398
|
syntax: "*";
|
|
399
399
|
inherits: false;
|
|
400
400
|
}
|
|
401
|
-
[data-component~="ui-icon"][data-v-
|
|
401
|
+
[data-component~="ui-icon"][data-v-fdb8162b] {
|
|
402
402
|
/* Hooks do not inherit, so the svg reads the stroke from the root. A Looma component that
|
|
403
403
|
sizes the icons it renders sets --_ui-default-icon-*, which the icon's own hooks override. */
|
|
404
404
|
--_ui-icon-stroke-width: var(--ui-icon-stroke-width, var(--_ui-default-icon-stroke-width));
|
|
@@ -408,14 +408,14 @@
|
|
|
408
408
|
inline-size: var(--ui-icon-size, var(--_ui-default-icon-size, 1em));
|
|
409
409
|
block-size: var(--ui-icon-size, var(--_ui-default-icon-size, 1em));
|
|
410
410
|
}
|
|
411
|
-
svg[data-v-
|
|
411
|
+
svg[data-v-fdb8162b] {
|
|
412
412
|
inline-size: 100%;
|
|
413
413
|
block-size: 100%;
|
|
414
414
|
stroke-width: var(--_ui-icon-stroke-width, 2);
|
|
415
415
|
}
|
|
416
416
|
|
|
417
417
|
/* A component that sets its display still honours the hidden attribute on its root. */
|
|
418
|
-
[data-component~="ui-icon"][hidden][data-v-
|
|
418
|
+
[data-component~="ui-icon"][hidden][data-v-fdb8162b] {
|
|
419
419
|
display: none;
|
|
420
420
|
}
|
|
421
421
|
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { icons } from "../shared/icons.js";
|
|
2
|
-
|
|
3
|
-
// The icon's shapes, from Looma's icon set, for the template to draw.
|
|
4
|
-
export default function controller(host) {
|
|
5
|
-
return host.effect(() => {
|
|
6
|
-
host.state.shapes = (icons[host.state.name] ?? []).map(([tag, attributes]) => ({ tag, ...attributes }));
|
|
7
|
-
});
|
|
8
|
-
}
|