@nypl/design-system-react-components 1.0.6 → 1.0.7
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.
- package/CHANGELOG.md +9 -0
- package/dist/components/SearchBar/SearchBar.d.ts +6 -1
- package/dist/design-system-react-components.cjs.development.js +59 -42
- package/dist/design-system-react-components.cjs.development.js.map +1 -1
- package/dist/design-system-react-components.cjs.production.min.js +1 -1
- package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
- package/dist/design-system-react-components.esm.js +59 -42
- package/dist/design-system-react-components.esm.js.map +1 -1
- package/dist/theme/components/hero.d.ts +138 -84
- package/dist/theme/components/list.d.ts +2 -2
- package/package.json +1 -1
|
@@ -40,17 +40,7 @@ declare const Hero: {
|
|
|
40
40
|
};
|
|
41
41
|
secondary: {
|
|
42
42
|
heading: {
|
|
43
|
-
marginBottom: string;
|
|
44
43
|
bg: string;
|
|
45
|
-
color: string;
|
|
46
|
-
flex: string;
|
|
47
|
-
marginTop: string;
|
|
48
|
-
paddingBottom: string;
|
|
49
|
-
position: string;
|
|
50
|
-
zIndex: string;
|
|
51
|
-
order: {
|
|
52
|
-
md: string;
|
|
53
|
-
};
|
|
54
44
|
_before: {
|
|
55
45
|
bg: string;
|
|
56
46
|
content: string;
|
|
@@ -60,6 +50,14 @@ declare const Hero: {
|
|
|
60
50
|
width: string;
|
|
61
51
|
zIndex: string;
|
|
62
52
|
};
|
|
53
|
+
marginBottom: string;
|
|
54
|
+
color: string;
|
|
55
|
+
flex: string;
|
|
56
|
+
marginTop: string;
|
|
57
|
+
paddingBottom: string;
|
|
58
|
+
position: string;
|
|
59
|
+
zIndex: string;
|
|
60
|
+
order: string;
|
|
63
61
|
};
|
|
64
62
|
overflowX: string;
|
|
65
63
|
content: {
|
|
@@ -70,24 +68,35 @@ declare const Hero: {
|
|
|
70
68
|
base: string;
|
|
71
69
|
md: string;
|
|
72
70
|
};
|
|
71
|
+
marginY: string;
|
|
72
|
+
marginX: string;
|
|
73
|
+
maxWidth: string;
|
|
74
|
+
padding: string;
|
|
75
|
+
width: string;
|
|
76
|
+
};
|
|
77
|
+
imgWrapper: {
|
|
78
|
+
marginEnd: {
|
|
79
|
+
base: string;
|
|
80
|
+
md: string;
|
|
81
|
+
};
|
|
82
|
+
marginStart: {
|
|
83
|
+
base: string;
|
|
84
|
+
md: string;
|
|
85
|
+
};
|
|
86
|
+
flex: {
|
|
87
|
+
base: string;
|
|
88
|
+
md: string;
|
|
89
|
+
};
|
|
90
|
+
order: {
|
|
91
|
+
base: string;
|
|
92
|
+
md: string;
|
|
93
|
+
};
|
|
73
94
|
img: {
|
|
74
|
-
flex: {
|
|
75
|
-
base: string;
|
|
76
|
-
md: string;
|
|
77
|
-
};
|
|
78
|
-
order: {
|
|
79
|
-
md: string;
|
|
80
|
-
};
|
|
81
95
|
height: string;
|
|
82
96
|
minWidth: string;
|
|
83
97
|
objectFit: string;
|
|
84
98
|
width: string;
|
|
85
99
|
};
|
|
86
|
-
marginY: string;
|
|
87
|
-
marginX: string;
|
|
88
|
-
maxWidth: string;
|
|
89
|
-
padding: string;
|
|
90
|
-
width: string;
|
|
91
100
|
};
|
|
92
101
|
bodyText: {
|
|
93
102
|
paddingBottom: string;
|
|
@@ -99,6 +108,7 @@ declare const Hero: {
|
|
|
99
108
|
md: string;
|
|
100
109
|
};
|
|
101
110
|
order: {
|
|
111
|
+
base: string;
|
|
102
112
|
md: string;
|
|
103
113
|
};
|
|
104
114
|
};
|
|
@@ -122,9 +132,7 @@ declare const Hero: {
|
|
|
122
132
|
paddingBottom: string;
|
|
123
133
|
position: string;
|
|
124
134
|
zIndex: string;
|
|
125
|
-
order:
|
|
126
|
-
md: string;
|
|
127
|
-
};
|
|
135
|
+
order: string;
|
|
128
136
|
};
|
|
129
137
|
overflowX: string;
|
|
130
138
|
content: {
|
|
@@ -135,24 +143,35 @@ declare const Hero: {
|
|
|
135
143
|
base: string;
|
|
136
144
|
md: string;
|
|
137
145
|
};
|
|
146
|
+
marginY: string;
|
|
147
|
+
marginX: string;
|
|
148
|
+
maxWidth: string;
|
|
149
|
+
padding: string;
|
|
150
|
+
width: string;
|
|
151
|
+
};
|
|
152
|
+
imgWrapper: {
|
|
153
|
+
marginEnd: {
|
|
154
|
+
base: string;
|
|
155
|
+
md: string;
|
|
156
|
+
};
|
|
157
|
+
marginStart: {
|
|
158
|
+
base: string;
|
|
159
|
+
md: string;
|
|
160
|
+
};
|
|
161
|
+
flex: {
|
|
162
|
+
base: string;
|
|
163
|
+
md: string;
|
|
164
|
+
};
|
|
165
|
+
order: {
|
|
166
|
+
base: string;
|
|
167
|
+
md: string;
|
|
168
|
+
};
|
|
138
169
|
img: {
|
|
139
|
-
flex: {
|
|
140
|
-
base: string;
|
|
141
|
-
md: string;
|
|
142
|
-
};
|
|
143
|
-
order: {
|
|
144
|
-
md: string;
|
|
145
|
-
};
|
|
146
170
|
height: string;
|
|
147
171
|
minWidth: string;
|
|
148
172
|
objectFit: string;
|
|
149
173
|
width: string;
|
|
150
174
|
};
|
|
151
|
-
marginY: string;
|
|
152
|
-
marginX: string;
|
|
153
|
-
maxWidth: string;
|
|
154
|
-
padding: string;
|
|
155
|
-
width: string;
|
|
156
175
|
};
|
|
157
176
|
bodyText: {
|
|
158
177
|
paddingBottom: string;
|
|
@@ -164,6 +183,7 @@ declare const Hero: {
|
|
|
164
183
|
md: string;
|
|
165
184
|
};
|
|
166
185
|
order: {
|
|
186
|
+
base: string;
|
|
167
187
|
md: string;
|
|
168
188
|
};
|
|
169
189
|
};
|
|
@@ -187,9 +207,7 @@ declare const Hero: {
|
|
|
187
207
|
paddingBottom: string;
|
|
188
208
|
position: string;
|
|
189
209
|
zIndex: string;
|
|
190
|
-
order:
|
|
191
|
-
md: string;
|
|
192
|
-
};
|
|
210
|
+
order: string;
|
|
193
211
|
};
|
|
194
212
|
overflowX: string;
|
|
195
213
|
content: {
|
|
@@ -200,24 +218,35 @@ declare const Hero: {
|
|
|
200
218
|
base: string;
|
|
201
219
|
md: string;
|
|
202
220
|
};
|
|
221
|
+
marginY: string;
|
|
222
|
+
marginX: string;
|
|
223
|
+
maxWidth: string;
|
|
224
|
+
padding: string;
|
|
225
|
+
width: string;
|
|
226
|
+
};
|
|
227
|
+
imgWrapper: {
|
|
228
|
+
marginEnd: {
|
|
229
|
+
base: string;
|
|
230
|
+
md: string;
|
|
231
|
+
};
|
|
232
|
+
marginStart: {
|
|
233
|
+
base: string;
|
|
234
|
+
md: string;
|
|
235
|
+
};
|
|
236
|
+
flex: {
|
|
237
|
+
base: string;
|
|
238
|
+
md: string;
|
|
239
|
+
};
|
|
240
|
+
order: {
|
|
241
|
+
base: string;
|
|
242
|
+
md: string;
|
|
243
|
+
};
|
|
203
244
|
img: {
|
|
204
|
-
flex: {
|
|
205
|
-
base: string;
|
|
206
|
-
md: string;
|
|
207
|
-
};
|
|
208
|
-
order: {
|
|
209
|
-
md: string;
|
|
210
|
-
};
|
|
211
245
|
height: string;
|
|
212
246
|
minWidth: string;
|
|
213
247
|
objectFit: string;
|
|
214
248
|
width: string;
|
|
215
249
|
};
|
|
216
|
-
marginY: string;
|
|
217
|
-
marginX: string;
|
|
218
|
-
maxWidth: string;
|
|
219
|
-
padding: string;
|
|
220
|
-
width: string;
|
|
221
250
|
};
|
|
222
251
|
bodyText: {
|
|
223
252
|
paddingBottom: string;
|
|
@@ -229,6 +258,7 @@ declare const Hero: {
|
|
|
229
258
|
md: string;
|
|
230
259
|
};
|
|
231
260
|
order: {
|
|
261
|
+
base: string;
|
|
232
262
|
md: string;
|
|
233
263
|
};
|
|
234
264
|
};
|
|
@@ -252,9 +282,7 @@ declare const Hero: {
|
|
|
252
282
|
paddingBottom: string;
|
|
253
283
|
position: string;
|
|
254
284
|
zIndex: string;
|
|
255
|
-
order:
|
|
256
|
-
md: string;
|
|
257
|
-
};
|
|
285
|
+
order: string;
|
|
258
286
|
};
|
|
259
287
|
overflowX: string;
|
|
260
288
|
content: {
|
|
@@ -265,24 +293,35 @@ declare const Hero: {
|
|
|
265
293
|
base: string;
|
|
266
294
|
md: string;
|
|
267
295
|
};
|
|
296
|
+
marginY: string;
|
|
297
|
+
marginX: string;
|
|
298
|
+
maxWidth: string;
|
|
299
|
+
padding: string;
|
|
300
|
+
width: string;
|
|
301
|
+
};
|
|
302
|
+
imgWrapper: {
|
|
303
|
+
marginEnd: {
|
|
304
|
+
base: string;
|
|
305
|
+
md: string;
|
|
306
|
+
};
|
|
307
|
+
marginStart: {
|
|
308
|
+
base: string;
|
|
309
|
+
md: string;
|
|
310
|
+
};
|
|
311
|
+
flex: {
|
|
312
|
+
base: string;
|
|
313
|
+
md: string;
|
|
314
|
+
};
|
|
315
|
+
order: {
|
|
316
|
+
base: string;
|
|
317
|
+
md: string;
|
|
318
|
+
};
|
|
268
319
|
img: {
|
|
269
|
-
flex: {
|
|
270
|
-
base: string;
|
|
271
|
-
md: string;
|
|
272
|
-
};
|
|
273
|
-
order: {
|
|
274
|
-
md: string;
|
|
275
|
-
};
|
|
276
320
|
height: string;
|
|
277
321
|
minWidth: string;
|
|
278
322
|
objectFit: string;
|
|
279
323
|
width: string;
|
|
280
324
|
};
|
|
281
|
-
marginY: string;
|
|
282
|
-
marginX: string;
|
|
283
|
-
maxWidth: string;
|
|
284
|
-
padding: string;
|
|
285
|
-
width: string;
|
|
286
325
|
};
|
|
287
326
|
bodyText: {
|
|
288
327
|
paddingBottom: string;
|
|
@@ -294,6 +333,7 @@ declare const Hero: {
|
|
|
294
333
|
md: string;
|
|
295
334
|
};
|
|
296
335
|
order: {
|
|
336
|
+
base: string;
|
|
297
337
|
md: string;
|
|
298
338
|
};
|
|
299
339
|
};
|
|
@@ -317,9 +357,7 @@ declare const Hero: {
|
|
|
317
357
|
paddingBottom: string;
|
|
318
358
|
position: string;
|
|
319
359
|
zIndex: string;
|
|
320
|
-
order:
|
|
321
|
-
md: string;
|
|
322
|
-
};
|
|
360
|
+
order: string;
|
|
323
361
|
};
|
|
324
362
|
overflowX: string;
|
|
325
363
|
content: {
|
|
@@ -330,24 +368,35 @@ declare const Hero: {
|
|
|
330
368
|
base: string;
|
|
331
369
|
md: string;
|
|
332
370
|
};
|
|
371
|
+
marginY: string;
|
|
372
|
+
marginX: string;
|
|
373
|
+
maxWidth: string;
|
|
374
|
+
padding: string;
|
|
375
|
+
width: string;
|
|
376
|
+
};
|
|
377
|
+
imgWrapper: {
|
|
378
|
+
marginEnd: {
|
|
379
|
+
base: string;
|
|
380
|
+
md: string;
|
|
381
|
+
};
|
|
382
|
+
marginStart: {
|
|
383
|
+
base: string;
|
|
384
|
+
md: string;
|
|
385
|
+
};
|
|
386
|
+
flex: {
|
|
387
|
+
base: string;
|
|
388
|
+
md: string;
|
|
389
|
+
};
|
|
390
|
+
order: {
|
|
391
|
+
base: string;
|
|
392
|
+
md: string;
|
|
393
|
+
};
|
|
333
394
|
img: {
|
|
334
|
-
flex: {
|
|
335
|
-
base: string;
|
|
336
|
-
md: string;
|
|
337
|
-
};
|
|
338
|
-
order: {
|
|
339
|
-
md: string;
|
|
340
|
-
};
|
|
341
395
|
height: string;
|
|
342
396
|
minWidth: string;
|
|
343
397
|
objectFit: string;
|
|
344
398
|
width: string;
|
|
345
399
|
};
|
|
346
|
-
marginY: string;
|
|
347
|
-
marginX: string;
|
|
348
|
-
maxWidth: string;
|
|
349
|
-
padding: string;
|
|
350
|
-
width: string;
|
|
351
400
|
};
|
|
352
401
|
bodyText: {
|
|
353
402
|
paddingBottom: string;
|
|
@@ -359,6 +408,7 @@ declare const Hero: {
|
|
|
359
408
|
md: string;
|
|
360
409
|
};
|
|
361
410
|
order: {
|
|
411
|
+
base: string;
|
|
362
412
|
md: string;
|
|
363
413
|
};
|
|
364
414
|
};
|
|
@@ -470,18 +520,22 @@ declare const Hero: {
|
|
|
470
520
|
maxWidth: string;
|
|
471
521
|
width: string;
|
|
472
522
|
};
|
|
473
|
-
|
|
523
|
+
imgWrapper: {
|
|
474
524
|
marginBottom: {
|
|
475
525
|
base: string;
|
|
476
526
|
lg: string;
|
|
477
527
|
};
|
|
478
528
|
marginEnd: {
|
|
529
|
+
base: string;
|
|
479
530
|
lg: string;
|
|
480
531
|
};
|
|
481
|
-
|
|
532
|
+
marginStart: {
|
|
482
533
|
base: string;
|
|
534
|
+
};
|
|
535
|
+
maxWidth: {
|
|
483
536
|
lg: string;
|
|
484
537
|
};
|
|
538
|
+
width: string;
|
|
485
539
|
};
|
|
486
540
|
};
|
|
487
541
|
};
|
|
@@ -34,7 +34,7 @@ export declare const baseUnorderedStyles: (noStyling?: boolean) => {
|
|
|
34
34
|
margin: string;
|
|
35
35
|
marginBottom: string;
|
|
36
36
|
};
|
|
37
|
-
export declare const
|
|
37
|
+
export declare const baseSectionDescriptionStyles: {
|
|
38
38
|
borderBottom: string;
|
|
39
39
|
borderColor: string;
|
|
40
40
|
paddingStart: string;
|
|
@@ -45,7 +45,7 @@ export declare const baseSectionDefinitionStyles: {
|
|
|
45
45
|
padding: string;
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
|
-
export declare const
|
|
48
|
+
export declare const baseDescriptionStyles: {
|
|
49
49
|
dl: {
|
|
50
50
|
display: string;
|
|
51
51
|
gridTemplateColumns: {
|