@vobs/ui 1.3.4 → 1.3.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.
Files changed (3) hide show
  1. package/dist/styles/components.css +6 -4
  2. package/package.json +5 -5
  3. package/src/styles/components.css +6 -4
package/dist/styles/components.css CHANGED
@@ -302,12 +302,13 @@
302
302
  /* ── Dialog ────────────────────────────────────────────────── */
303
303
  /* ===== Dialog / Modal ===== */
304
304
  .vui-backdrop {
305
- position: relative;
305
+ position: fixed; inset: 0;
306
306
  background: rgba(0,0,0,.5);
307
- border: 1px solid var(--border-neutral-l1);
308
307
  padding: var(--spacer-32) var(--spacer-24);
309
308
  display: flex; align-items: center; justify-content: center;
309
+ z-index: 1000;
310
310
  }
311
+ .vui-backdrop[hidden] { display: none !important; }
311
312
  .vui-dialog {
312
313
  background: var(--bg-base-secondary);
313
314
  border: 1px solid var(--border-neutral-l1);
@@ -642,6 +643,7 @@
642
643
  min-width: 180px;
643
644
  }
644
645
  .vui-menu__item {
646
+ appearance: none; background: transparent; border: none; font-family: inherit;
645
647
  display: flex; align-items: center; gap: var(--spacer-8);
646
648
  padding: var(--spacer-6) var(--spacer-8);
647
649
  border-radius: var(--radius-2);
@@ -649,10 +651,10 @@
649
651
  font-size: var(--body-sm-font-size);
650
652
  cursor: pointer;
651
653
  }
652
- .vui-menu__item .icon { color: var(--icon-secondary); }
654
+ .vui-menu__item .vui-menu__icon { color: var(--icon-secondary); }
653
655
  .vui-menu__item:hover { background: var(--bg-overlay-l2); }
654
656
  .vui-menu__item--danger { color: var(--status-error-default); }
655
- .vui-menu__item--danger .icon { color: var(--status-error-default); }
657
+ .vui-menu__item--danger .vui-menu__icon { color: var(--status-error-default); }
656
658
  .vui-menu__divider { height: 1px; background: var(--border-neutral-l1); margin: var(--spacer-4) 0; }
657
659
  .vui-menu__shortcut { margin-left: auto; color: var(--text-tertiary); font-size: var(--body-xs-font-size); font-family: var(--code-editor-font-family); }
658
660
 
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "type": "git",
12
12
  "url": "git+https://github.com/vobsjs/vobs.git"
13
13
  },
14
- "version": "1.3.4",
14
+ "version": "1.3.6",
15
15
  "publishConfig": {
16
16
  "access": "public"
17
17
  },
@@ -201,10 +201,10 @@
201
201
  "./src/styles/*.css"
202
202
  ],
203
203
  "dependencies": {
204
- "@vobs/icon-core": "1.3.4",
205
- "@vobs/notification": "1.3.4",
206
- "@vobs/vobs": "1.3.4",
207
- "@vobs/reactivity": "1.3.4"
204
+ "@vobs/icon-core": "1.3.6",
205
+ "@vobs/notification": "1.3.6",
206
+ "@vobs/reactivity": "1.3.6",
207
+ "@vobs/vobs": "1.3.6"
208
208
  },
209
209
  "scripts": {
210
210
  "test": "vitest --environment jsdom"
package/src/styles/components.css CHANGED
@@ -302,12 +302,13 @@
302
302
  /* ── Dialog ────────────────────────────────────────────────── */
303
303
  /* ===== Dialog / Modal ===== */
304
304
  .vui-backdrop {
305
- position: relative;
305
+ position: fixed; inset: 0;
306
306
  background: rgba(0,0,0,.5);
307
- border: 1px solid var(--border-neutral-l1);
308
307
  padding: var(--spacer-32) var(--spacer-24);
309
308
  display: flex; align-items: center; justify-content: center;
309
+ z-index: 1000;
310
310
  }
311
+ .vui-backdrop[hidden] { display: none !important; }
311
312
  .vui-dialog {
312
313
  background: var(--bg-base-secondary);
313
314
  border: 1px solid var(--border-neutral-l1);
@@ -642,6 +643,7 @@
642
643
  min-width: 180px;
643
644
  }
644
645
  .vui-menu__item {
646
+ appearance: none; background: transparent; border: none; font-family: inherit;
645
647
  display: flex; align-items: center; gap: var(--spacer-8);
646
648
  padding: var(--spacer-6) var(--spacer-8);
647
649
  border-radius: var(--radius-2);
@@ -649,10 +651,10 @@
649
651
  font-size: var(--body-sm-font-size);
650
652
  cursor: pointer;
651
653
  }
652
- .vui-menu__item .icon { color: var(--icon-secondary); }
654
+ .vui-menu__item .vui-menu__icon { color: var(--icon-secondary); }
653
655
  .vui-menu__item:hover { background: var(--bg-overlay-l2); }
654
656
  .vui-menu__item--danger { color: var(--status-error-default); }
655
- .vui-menu__item--danger .icon { color: var(--status-error-default); }
657
+ .vui-menu__item--danger .vui-menu__icon { color: var(--status-error-default); }
656
658
  .vui-menu__divider { height: 1px; background: var(--border-neutral-l1); margin: var(--spacer-4) 0; }
657
659
  .vui-menu__shortcut { margin-left: auto; color: var(--text-tertiary); font-size: var(--body-xs-font-size); font-family: var(--code-editor-font-family); }
658
660