@vobs/ui 1.3.4 → 1.3.5

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 +5 -4
  2. package/package.json +5 -5
  3. package/src/styles/components.css +5 -4
package/dist/styles/components.css CHANGED
@@ -302,11 +302,11 @@
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
311
  .vui-dialog {
312
312
  background: var(--bg-base-secondary);
@@ -642,6 +642,7 @@
642
642
  min-width: 180px;
643
643
  }
644
644
  .vui-menu__item {
645
+ appearance: none; background: transparent; border: none; font-family: inherit;
645
646
  display: flex; align-items: center; gap: var(--spacer-8);
646
647
  padding: var(--spacer-6) var(--spacer-8);
647
648
  border-radius: var(--radius-2);
@@ -649,10 +650,10 @@
649
650
  font-size: var(--body-sm-font-size);
650
651
  cursor: pointer;
651
652
  }
652
- .vui-menu__item .icon { color: var(--icon-secondary); }
653
+ .vui-menu__item .vui-menu__icon { color: var(--icon-secondary); }
653
654
  .vui-menu__item:hover { background: var(--bg-overlay-l2); }
654
655
  .vui-menu__item--danger { color: var(--status-error-default); }
655
- .vui-menu__item--danger .icon { color: var(--status-error-default); }
656
+ .vui-menu__item--danger .vui-menu__icon { color: var(--status-error-default); }
656
657
  .vui-menu__divider { height: 1px; background: var(--border-neutral-l1); margin: var(--spacer-4) 0; }
657
658
  .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
659
 
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.5",
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.5",
205
+ "@vobs/notification": "1.3.5",
206
+ "@vobs/reactivity": "1.3.5",
207
+ "@vobs/vobs": "1.3.5"
208
208
  },
209
209
  "scripts": {
210
210
  "test": "vitest --environment jsdom"
package/src/styles/components.css CHANGED
@@ -302,11 +302,11 @@
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
311
  .vui-dialog {
312
312
  background: var(--bg-base-secondary);
@@ -642,6 +642,7 @@
642
642
  min-width: 180px;
643
643
  }
644
644
  .vui-menu__item {
645
+ appearance: none; background: transparent; border: none; font-family: inherit;
645
646
  display: flex; align-items: center; gap: var(--spacer-8);
646
647
  padding: var(--spacer-6) var(--spacer-8);
647
648
  border-radius: var(--radius-2);
@@ -649,10 +650,10 @@
649
650
  font-size: var(--body-sm-font-size);
650
651
  cursor: pointer;
651
652
  }
652
- .vui-menu__item .icon { color: var(--icon-secondary); }
653
+ .vui-menu__item .vui-menu__icon { color: var(--icon-secondary); }
653
654
  .vui-menu__item:hover { background: var(--bg-overlay-l2); }
654
655
  .vui-menu__item--danger { color: var(--status-error-default); }
655
- .vui-menu__item--danger .icon { color: var(--status-error-default); }
656
+ .vui-menu__item--danger .vui-menu__icon { color: var(--status-error-default); }
656
657
  .vui-menu__divider { height: 1px; background: var(--border-neutral-l1); margin: var(--spacer-4) 0; }
657
658
  .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
659