@byline/ui 2.4.3 → 2.4.4

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.
@@ -183,12 +183,12 @@
183
183
  }
184
184
 
185
185
  :is(.positioner-LkIIwT, .byline-autocomplete-positioner) {
186
- z-index: 50;
186
+ z-index: var(--z-index-popover);
187
187
  outline: 0;
188
188
  }
189
189
 
190
190
  :is(.popup-MGvAiW, .byline-autocomplete-popup) {
191
- z-index: 50;
191
+ z-index: var(--z-index-popover);
192
192
  border: 1px solid var(--surface-panel-border);
193
193
  box-shadow: var(--shadow-md);
194
194
  border-radius: var(--border-radius-md);
@@ -2,11 +2,11 @@
2
2
 
3
3
  @layer byline-components {
4
4
  :is(.positioner-Mjx718, .byline-select-positioner) {
5
- z-index: 50;
5
+ z-index: var(--z-index-popover);
6
6
  }
7
7
 
8
8
  :is(.popup-GCcnyH, .byline-select-popup) {
9
- z-index: 50;
9
+ z-index: var(--z-index-popover);
10
10
  border: 1px solid var(--surface-panel-border);
11
11
  box-shadow: var(--shadow-md);
12
12
  border-radius: var(--border-radius-md);
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  :is(.list-UnpLpt, .byline-select-list) {
31
- z-index: 50;
31
+ z-index: var(--z-index-popover);
32
32
  }
33
33
 
34
34
  :is(.scroll-arrow-JHznBc, .byline-select-scroll-arrow) {
@@ -379,6 +379,7 @@
379
379
  --z-index-medium: 100;
380
380
  --z-index-high: 1000;
381
381
  --z-index-modal: 1050;
382
+ --z-index-popover: 1075;
382
383
  --z-index-toast: 1100;
383
384
  }
384
385
  }
@@ -10,8 +10,8 @@
10
10
  }
11
11
 
12
12
  :is(.content-UK9iLF, .byline-datepicker-content) {
13
- z-index: 50;
14
13
  width: 100%;
14
+ z-index: var(--z-index-popover);
15
15
  padding-top: var(--spacing-16);
16
16
  padding-bottom: var(--spacing-8);
17
17
  padding-left: var(--spacing-8);
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "private": false,
4
4
  "type": "module",
5
5
  "license": "MPL-2.0",
6
- "version": "2.4.3",
6
+ "version": "2.4.4",
7
7
  "engines": {
8
8
  "node": ">=20.9.0"
9
9
  },
@@ -66,7 +66,7 @@
66
66
  "react-diff-viewer-continued": "^4.2.2",
67
67
  "zod": "^4.4.3",
68
68
  "zod-form-data": "^3.0.1",
69
- "@byline/core": "2.4.3"
69
+ "@byline/core": "2.4.4"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "react": "^19.0.0",
@@ -233,7 +233,7 @@
233
233
 
234
234
  .positioner,
235
235
  :global(.byline-autocomplete-positioner) {
236
- z-index: 50;
236
+ z-index: var(--z-index-popover);
237
237
  outline: 0;
238
238
  }
239
239
 
@@ -241,7 +241,7 @@
241
241
 
242
242
  .popup,
243
243
  :global(.byline-autocomplete-popup) {
244
- z-index: 50;
244
+ z-index: var(--z-index-popover);
245
245
  margin-top: 2px;
246
246
  border: 1px solid var(--surface-panel-border);
247
247
  box-shadow: var(--shadow-md);
@@ -12,12 +12,12 @@
12
12
  @layer byline-components {
13
13
  .positioner,
14
14
  :global(.byline-select-positioner) {
15
- z-index: 50;
15
+ z-index: var(--z-index-popover);
16
16
  }
17
17
 
18
18
  .popup,
19
19
  :global(.byline-select-popup) {
20
- z-index: 50;
20
+ z-index: var(--z-index-popover);
21
21
  margin-top: 2px;
22
22
  border: 1px solid var(--surface-panel-border);
23
23
  box-shadow: var(--shadow-md);
@@ -48,7 +48,7 @@
48
48
 
49
49
  .list,
50
50
  :global(.byline-select-list) {
51
- z-index: 50;
51
+ z-index: var(--z-index-popover);
52
52
  }
53
53
 
54
54
  .scroll-arrow,
@@ -7,6 +7,7 @@
7
7
  --z-index-medium: 100;
8
8
  --z-index-high: 1000;
9
9
  --z-index-modal: 1050;
10
+ --z-index-popover: 1075;
10
11
  --z-index-toast: 1100;
11
12
  }
12
13
  }
@@ -24,7 +24,7 @@
24
24
  .content,
25
25
  :global(.byline-datepicker-content) {
26
26
  width: 100%;
27
- z-index: 50;
27
+ z-index: var(--z-index-popover);
28
28
  border-radius: 4px;
29
29
  padding-top: var(--spacing-16);
30
30
  padding-bottom: var(--spacing-8);