@nypl/design-system-react-components 4.1.0-rc2 → 4.1.0-rc3

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 (9) hide show
  1. package/dist/design-system-react-components.cjs +1 -1
  2. package/dist/design-system-react-components.js +2 -3
  3. package/dist/src/theme/components/global.d.ts +0 -3
  4. package/dist/src/theme/components/radio.d.ts +0 -1
  5. package/dist/src/theme/components/select.d.ts +0 -4
  6. package/dist/src/theme/components/tagSet.d.ts +0 -1
  7. package/dist/src/theme/components/textInput.d.ts +0 -16
  8. package/dist/src/theme/foundations/global.d.ts +2 -3
  9. package/package.json +1 -1
package/dist/design-system-react-components.js CHANGED
@@ -1127,7 +1127,6 @@ const Lb = /* @__PURE__ */ Io(tT), v7 = (r = !1) => ({
1127
1127
  outline: "2px solid",
1128
1128
  outlineOffset: "2px",
1129
1129
  outlineColor: r ? "dark.ui.focus" : "ui.focus",
1130
- zIndex: "9999",
1131
1130
  _dark: {
1132
1131
  outlineColor: "dark.ui.focus"
1133
1132
  }
@@ -1273,10 +1272,10 @@ const Lb = /* @__PURE__ */ Io(tT), v7 = (r = !1) => ({
1273
1272
  },
1274
1273
  "button, select, input, textarea": {
1275
1274
  "&:not([disabled])": {
1276
- _focus: ra()
1275
+ _focus: { ...ra(), zIndex: 9999 }
1277
1276
  }
1278
1277
  },
1279
- "[href], [contentEditable='true']": {
1278
+ "iframe, [tabindex], [href], [contentEditable='true']": {
1280
1279
  _focus: ra()
1281
1280
  },
1282
1281
  // p: textMargin,
package/dist/src/theme/components/global.d.ts CHANGED
@@ -16,7 +16,6 @@ declare const activeFocus: (darkMode?: boolean) => {
16
16
  outline: string;
17
17
  outlineOffset: string;
18
18
  outlineColor: string;
19
- zIndex: string;
20
19
  _dark: {
21
20
  outlineColor: string;
22
21
  };
@@ -133,7 +132,6 @@ declare const selectTextInputFocusStyles: {
133
132
  outline: string;
134
133
  outlineOffset: string;
135
134
  outlineColor: string;
136
- zIndex: string;
137
135
  _dark: {
138
136
  outlineColor: string;
139
137
  };
@@ -142,7 +140,6 @@ declare const selectTextInputFocusStyles: {
142
140
  outline: string;
143
141
  outlineOffset: string;
144
142
  outlineColor: string;
145
- zIndex: string;
146
143
  };
147
144
  declare const textMargin: {
148
145
  margin: string;
package/dist/src/theme/components/radio.d.ts CHANGED
@@ -51,7 +51,6 @@ declare const Radio: {
51
51
  outline: string;
52
52
  outlineOffset: string;
53
53
  outlineColor: string;
54
- zIndex: string;
55
54
  _dark: {
56
55
  outlineColor: string;
57
56
  };
package/dist/src/theme/components/select.d.ts CHANGED
@@ -46,7 +46,6 @@ declare const Select: {
46
46
  outline: string;
47
47
  outlineOffset: string;
48
48
  outlineColor: string;
49
- zIndex: string;
50
49
  _dark: {
51
50
  outlineColor: string;
52
51
  };
@@ -55,7 +54,6 @@ declare const Select: {
55
54
  outline: string;
56
55
  outlineOffset: string;
57
56
  outlineColor: string;
58
- zIndex: string;
59
57
  };
60
58
  _disabled: {
61
59
  bg: string;
@@ -79,7 +77,6 @@ declare const Select: {
79
77
  outline: string;
80
78
  outlineOffset: string;
81
79
  outlineColor: string;
82
- zIndex: string;
83
80
  _dark: {
84
81
  outlineColor: string;
85
82
  };
@@ -88,7 +85,6 @@ declare const Select: {
88
85
  outline: string;
89
86
  outlineOffset: string;
90
87
  outlineColor: string;
91
- zIndex: string;
92
88
  };
93
89
  _invalid: {
94
90
  border: string;
package/dist/src/theme/components/tagSet.d.ts CHANGED
@@ -29,7 +29,6 @@ declare const _default: {
29
29
  outline: string;
30
30
  outlineOffset: string;
31
31
  outlineColor: string;
32
- zIndex: string;
33
32
  _dark: {
34
33
  outlineColor: string;
35
34
  };
package/dist/src/theme/components/textInput.d.ts CHANGED
@@ -74,7 +74,6 @@ declare const TextInput: {
74
74
  outline: string;
75
75
  outlineOffset: string;
76
76
  outlineColor: string;
77
- zIndex: string;
78
77
  _dark: {
79
78
  outlineColor: string;
80
79
  };
@@ -83,7 +82,6 @@ declare const TextInput: {
83
82
  outline: string;
84
83
  outlineOffset: string;
85
84
  outlineColor: string;
86
- zIndex: string;
87
85
  };
88
86
  _focus: {
89
87
  borderColor: string;
@@ -93,7 +91,6 @@ declare const TextInput: {
93
91
  outline: string;
94
92
  outlineOffset: string;
95
93
  outlineColor: string;
96
- zIndex: string;
97
94
  _dark: {
98
95
  outlineColor: string;
99
96
  };
@@ -102,7 +99,6 @@ declare const TextInput: {
102
99
  outline: string;
103
100
  outlineOffset: string;
104
101
  outlineColor: string;
105
- zIndex: string;
106
102
  };
107
103
  _placeholder: {
108
104
  color: string;
@@ -146,7 +142,6 @@ declare const TextInput: {
146
142
  outline: string;
147
143
  outlineOffset: string;
148
144
  outlineColor: string;
149
- zIndex: string;
150
145
  _dark: {
151
146
  outlineColor: string;
152
147
  };
@@ -155,7 +150,6 @@ declare const TextInput: {
155
150
  outline: string;
156
151
  outlineOffset: string;
157
152
  outlineColor: string;
158
- zIndex: string;
159
153
  };
160
154
  _focus: {
161
155
  borderColor: string;
@@ -165,7 +159,6 @@ declare const TextInput: {
165
159
  outline: string;
166
160
  outlineOffset: string;
167
161
  outlineColor: string;
168
- zIndex: string;
169
162
  _dark: {
170
163
  outlineColor: string;
171
164
  };
@@ -174,7 +167,6 @@ declare const TextInput: {
174
167
  outline: string;
175
168
  outlineOffset: string;
176
169
  outlineColor: string;
177
- zIndex: string;
178
170
  };
179
171
  _placeholder: {
180
172
  color: string;
@@ -224,7 +216,6 @@ declare const TextInput: {
224
216
  outline: string;
225
217
  outlineOffset: string;
226
218
  outlineColor: string;
227
- zIndex: string;
228
219
  _dark: {
229
220
  outlineColor: string;
230
221
  };
@@ -233,7 +224,6 @@ declare const TextInput: {
233
224
  outline: string;
234
225
  outlineOffset: string;
235
226
  outlineColor: string;
236
- zIndex: string;
237
227
  };
238
228
  _focus: {
239
229
  borderColor: string;
@@ -243,7 +233,6 @@ declare const TextInput: {
243
233
  outline: string;
244
234
  outlineOffset: string;
245
235
  outlineColor: string;
246
- zIndex: string;
247
236
  _dark: {
248
237
  outlineColor: string;
249
238
  };
@@ -252,7 +241,6 @@ declare const TextInput: {
252
241
  outline: string;
253
242
  outlineOffset: string;
254
243
  outlineColor: string;
255
- zIndex: string;
256
244
  };
257
245
  _placeholder: {
258
246
  color: string;
@@ -296,7 +284,6 @@ declare const TextInput: {
296
284
  outline: string;
297
285
  outlineOffset: string;
298
286
  outlineColor: string;
299
- zIndex: string;
300
287
  _dark: {
301
288
  outlineColor: string;
302
289
  };
@@ -305,7 +292,6 @@ declare const TextInput: {
305
292
  outline: string;
306
293
  outlineOffset: string;
307
294
  outlineColor: string;
308
- zIndex: string;
309
295
  };
310
296
  _focus: {
311
297
  borderColor: string;
@@ -315,7 +301,6 @@ declare const TextInput: {
315
301
  outline: string;
316
302
  outlineOffset: string;
317
303
  outlineColor: string;
318
- zIndex: string;
319
304
  _dark: {
320
305
  outlineColor: string;
321
306
  };
@@ -324,7 +309,6 @@ declare const TextInput: {
324
309
  outline: string;
325
310
  outlineOffset: string;
326
311
  outlineColor: string;
327
- zIndex: string;
328
312
  };
329
313
  _placeholder: {
330
314
  color: string;
package/dist/src/theme/foundations/global.d.ts CHANGED
@@ -32,24 +32,23 @@ declare const global: {
32
32
  "button, select, input, textarea": {
33
33
  "&:not([disabled])": {
34
34
  _focus: {
35
+ zIndex: number;
35
36
  boxShadow: string;
36
37
  outline: string;
37
38
  outlineOffset: string;
38
39
  outlineColor: string;
39
- zIndex: string;
40
40
  _dark: {
41
41
  outlineColor: string;
42
42
  };
43
43
  };
44
44
  };
45
45
  };
46
- "[href], [contentEditable='true']": {
46
+ "iframe, [tabindex], [href], [contentEditable='true']": {
47
47
  _focus: {
48
48
  boxShadow: string;
49
49
  outline: string;
50
50
  outlineOffset: string;
51
51
  outlineColor: string;
52
- zIndex: string;
53
52
  _dark: {
54
53
  outlineColor: string;
55
54
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "4.1.0-rc2",
3
+ "version": "4.1.0-rc3",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",