@vmz/ui 0.1.17 → 0.1.18

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vmz/ui",
3
- "version": "0.1.17",
3
+ "version": "0.1.18",
4
4
  "type": "module",
5
5
  "description": "VMZ UI — official UI framework (component contracts + semantic token requirements). Not a theme. Not a plugin.",
6
6
  "license": "MIT",
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <div
3
- v-if="selectedCount"
4
3
  class="vmz-ui-bulk-actions"
5
4
  data-vmz-ui="bulk-actions"
6
5
  role="region"
7
6
  :aria-label="label"
7
+ :data-open="selectedCount ? 'true' : 'false'"
8
8
  >
9
9
  <p class="vmz-ui-bulk-actions__count" data-vmz-fixture="bulk-count">{{ countLabel }}</p>
10
10
  <div class="vmz-ui-bulk-actions__actions">
@@ -26,6 +26,11 @@
26
26
  background: transparent;
27
27
  }
28
28
 
29
+ /* Keep host+slot mounted so default slot projects at create time (not inside v-if). */
30
+ .vmz-ui-bulk-actions[data-open='false'] {
31
+ display: none;
32
+ }
33
+
29
34
  .vmz-ui-bulk-actions__count {
30
35
  margin: 0;
31
36
  font-weight: 700;
@@ -42,7 +47,7 @@
42
47
  <script client>
43
48
  /**
44
49
  * VMZ UI — BulkActions (Console composition).
45
- * Renders when selectedCount is truthy; parent owns selection count + label.
50
+ * Hides when selectedCount is falsy but keeps the tree mounted so parent slot children project.
46
51
  */
47
52
  export default class BulkActions {
48
53
  public label: string = "Bulk actions";
@@ -63,10 +63,7 @@
63
63
  gap: var(--vmz-density-control-gap);
64
64
  }
65
65
 
66
- /* Direct hosts wrapping inline chips (Badge) must not introduce a block box (VMZ-10). */
67
- .vmz-ui-card__body > [data-vmz]:has(> .vmz-ui-badge) {
68
- display: contents;
69
- }
66
+ /* Direct host default is display:contents (runtime); Badge-only CSS special-case removed. */
70
67
 
71
68
  :where([data-density='compact']) .vmz-ui-card__body {
72
69
  gap: var(--vmz-density-compact-gap);