@threadlabs/looma 0.10.6 → 0.10.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.
Files changed (9) hide show
  1. package/components/ui-avatar/ui-avatar.html +1 -1
  2. package/components/ui-combobox/ui-combobox.js +2 -1
  3. package/components/ui-tree-item/ui-tree-item.js +9 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/styles/ui-avatar.css +1 -1
  7. package/vue/UiAvatar.vue +1 -1
  8. package/vue/chunks/UiAvatar.js +1 -1
  9. package/vue/components.css +7 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threadlabs/looma",
3
- "version": "0.10.6",
3
+ "version": "0.10.8",
4
4
  "type": "module",
5
5
  "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
6
6
  "license": "MIT",
package/styles/ui-avatar.css CHANGED
@@ -9,7 +9,7 @@
9
9
  border-radius: 999px;
10
10
  border: 1px solid var(--ui-avatar-border, var(--ui-border-strong));
11
11
  background: var(--ui-avatar-surface, var(--ui-accent-soft));
12
- color: var(--ui-avatar-text, var(--ui-accent-solid));
12
+ color: var(--ui-avatar-text, var(--ui-accent-subtle-text, var(--ui-accent-solid)));
13
13
  font: inherit;
14
14
  font-size: var(--ui-font-size-sm);
15
15
  font-weight: 600;
package/vue/UiAvatar.vue CHANGED
@@ -60,7 +60,7 @@ useComponentHost(controllerModule.default, {
60
60
  border-radius: 999px;
61
61
  border: 1px solid var(--ui-avatar-border, var(--ui-border-strong));
62
62
  background: var(--ui-avatar-surface, var(--ui-accent-soft));
63
- color: var(--ui-avatar-text, var(--ui-accent-solid));
63
+ color: var(--ui-avatar-text, var(--ui-accent-subtle-text, var(--ui-accent-solid)));
64
64
  font: inherit;
65
65
  font-size: var(--ui-font-size-sm);
66
66
  font-weight: 600;
package/vue/chunks/UiAvatar.js CHANGED
@@ -57,6 +57,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
57
57
  ], 16);
58
58
  };
59
59
  }
60
- }), [["__scopeId", "data-v-f6916639"]]);
60
+ }), [["__scopeId", "data-v-ebb1bbbb"]]);
61
61
  //#endregion
62
62
  export { UiAvatar_default as t };
package/vue/components.css CHANGED
@@ -12,7 +12,7 @@
12
12
  display: none;
13
13
  }
14
14
 
15
- [data-component~="ui-avatar"][data-v-f6916639] {
15
+ [data-component~="ui-avatar"][data-v-ebb1bbbb] {
16
16
  display: inline-grid;
17
17
  place-items: center;
18
18
  overflow: hidden;
@@ -21,19 +21,19 @@
21
21
  border-radius: 999px;
22
22
  border: 1px solid var(--ui-avatar-border, var(--ui-border-strong));
23
23
  background: var(--ui-avatar-surface, var(--ui-accent-soft));
24
- color: var(--ui-avatar-text, var(--ui-accent-solid));
24
+ color: var(--ui-avatar-text, var(--ui-accent-subtle-text, var(--ui-accent-solid)));
25
25
  font: inherit;
26
26
  font-size: var(--ui-font-size-sm);
27
27
  font-weight: 600;
28
28
  text-transform: uppercase;
29
29
  }
30
- .image[data-v-f6916639],img[data-v-f6916639-s] {
30
+ .image[data-v-ebb1bbbb],img[data-v-ebb1bbbb-s] {
31
31
  grid-area: 1 / 1;
32
32
  inline-size: 100%;
33
33
  block-size: 100%;
34
34
  object-fit: cover;
35
35
  }
36
- .fallback[data-v-f6916639] {
36
+ .fallback[data-v-ebb1bbbb] {
37
37
  grid-area: 1 / 1;
38
38
  display: inline-flex;
39
39
  align-items: center;
@@ -46,7 +46,7 @@
46
46
  /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
47
47
  * Trimming applies to block containers, so the box is a block with centred content. */
48
48
  @supports (text-box-trim: trim-both) {
49
- .fallback[data-v-f6916639] {
49
+ .fallback[data-v-ebb1bbbb] {
50
50
  display: block;
51
51
  text-align: center;
52
52
  align-content: center;
@@ -54,12 +54,12 @@
54
54
  text-box-edge: cap alphabetic;
55
55
  }
56
56
  }
57
- [hidden][data-v-f6916639] {
57
+ [hidden][data-v-ebb1bbbb] {
58
58
  display: none;
59
59
  }
60
60
 
61
61
  /* A component that sets its display still honours the hidden attribute on its root. */
62
- [data-component~="ui-avatar"][hidden][data-v-f6916639] {
62
+ [data-component~="ui-avatar"][hidden][data-v-ebb1bbbb] {
63
63
  display: none;
64
64
  }
65
65