anentrypoint-design 0.0.380 → 0.0.381

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.
@@ -8,7 +8,7 @@
8
8
  position: fixed;
9
9
  inset: 0;
10
10
  pointer-events: none;
11
- z-index: 9000;
11
+ z-index: var(--z-window);
12
12
  }
13
13
 
14
14
  .wm-win {
@@ -119,7 +119,7 @@
119
119
  /* Edge + corner resize hit-zones. Invisible (no glyph) — they only widen the
120
120
  * grab area beyond the SE .wm-resize grip. `width`/`height` are the grab
121
121
  * thickness; corners overlap edges and win via later source order + size. */
122
- .wm-edge { position: absolute; touch-action: none; z-index: 1; }
122
+ .wm-edge { position: absolute; touch-action: none; z-index: var(--z-raised); }
123
123
  .wm-edge[data-dir='n'] { top: -3px; left: 8px; right: 8px; height: 8px; cursor: ns-resize; }
124
124
  .wm-edge[data-dir='s'] { bottom: -3px; left: 8px; right: 8px; height: 8px; cursor: ns-resize; }
125
125
  .wm-edge[data-dir='e'] { right: -3px; top: 8px; bottom: 8px; width: 8px; cursor: ew-resize; }
@@ -28,8 +28,11 @@ export const STYLESHEET = `
28
28
  visibility: hidden;
29
29
  }
30
30
  ::slotted([data-deck-active]) { opacity: 1; pointer-events: auto; visibility: visible; }
31
+ /* These stack only against each other: :host is position:fixed, so the
32
+ shadow root is its own stacking context and the old max-int values
33
+ bought nothing over the scale's rungs. Controls sit above tap zones. */
31
34
  .tapzones {
32
- position: fixed; inset: 0; display: flex; z-index: 2147482000; pointer-events: none;
35
+ position: fixed; inset: 0; display: flex; z-index: var(--z-raised); pointer-events: none;
33
36
  }
34
37
  .tapzone { flex: 1; pointer-events: auto; -webkit-tap-highlight-color: transparent; }
35
38
  @media (hover: hover) and (pointer: fine) { .tapzones { display: none; } }
@@ -48,7 +51,7 @@ export const STYLESHEET = `
48
51
  opacity: 0; pointer-events: none;
49
52
  transition: opacity 260ms ease, transform 260ms cubic-bezier(.2,.8,.2,1), filter 260ms ease;
50
53
  transform-origin: center bottom;
51
- z-index: 2147483000;
54
+ z-index: var(--z-sticky);
52
55
  user-select: none;
53
56
  }
54
57
  .overlay[data-visible] {
@@ -3,7 +3,7 @@
3
3
  .sp-lobby {
4
4
  position: fixed;
5
5
  inset: 0;
6
- z-index: 9500;
6
+ z-index: var(--z-modal);
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: center;
@@ -3,7 +3,7 @@
3
3
  .sp-loading {
4
4
  position: fixed;
5
5
  inset: 0;
6
- z-index: 10000;
6
+ z-index: var(--z-top);
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: center;