@nypl/design-system-react-components 2.1.4 → 2.1.5-rc2

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 (6) hide show
  1. package/dist/design-system-react-components.cjs +48 -48
  2. package/dist/design-system-react-components.js +2157 -2109
  3. package/dist/src/hooks/useNYPLBreakpoints.d.ts +2 -0
  4. package/dist/src/theme/components/heading.d.ts +120 -0
  5. package/dist/src/theme/components/structuredContent.d.ts +42 -0
  6. package/package.json +1 -1
package/dist/src/hooks/useNYPLBreakpoints.d.ts CHANGED
@@ -9,5 +9,7 @@ declare const useNYPLBreakpoints: () => {
9
9
  isLargerThanMobile: any;
10
10
  isLargerThanLarge: any;
11
11
  isLargerThanXLarge: any;
12
+ isSmallerThanMedium: any;
13
+ isSmallerThanDesktop: any;
12
14
  };
13
15
  export default useNYPLBreakpoints;
package/dist/src/theme/components/heading.d.ts CHANGED
@@ -59,6 +59,12 @@ export declare const headings: {
59
59
  a: {
60
60
  textUnderlineOffset: string;
61
61
  };
62
+ "@media (min-width: 0px)": {
63
+ fontSize: string;
64
+ };
65
+ "@media (min-width: 600px)": {
66
+ fontSize: string;
67
+ };
62
68
  };
63
69
  heading1: {
64
70
  fontWeight: string;
@@ -68,6 +74,12 @@ export declare const headings: {
68
74
  a: {
69
75
  textUnderlineOffset: string;
70
76
  };
77
+ "@media (min-width: 0px)": {
78
+ fontSize: string;
79
+ };
80
+ "@media (min-width: 600px)": {
81
+ fontSize: string;
82
+ };
71
83
  };
72
84
  heading2: {
73
85
  fontWeight: string;
@@ -77,6 +89,12 @@ export declare const headings: {
77
89
  a: {
78
90
  textUnderlineOffset: string;
79
91
  };
92
+ "@media (min-width: 0px)": {
93
+ fontSize: string;
94
+ };
95
+ "@media (min-width: 600px)": {
96
+ fontSize: string;
97
+ };
80
98
  };
81
99
  heading3: {
82
100
  fontWeight: string;
@@ -86,6 +104,12 @@ export declare const headings: {
86
104
  a: {
87
105
  textUnderlineOffset: string;
88
106
  };
107
+ "@media (min-width: 0px)": {
108
+ fontSize: string;
109
+ };
110
+ "@media (min-width: 600px)": {
111
+ fontSize: string;
112
+ };
89
113
  };
90
114
  heading4: {
91
115
  fontWeight: string;
@@ -95,18 +119,36 @@ export declare const headings: {
95
119
  a: {
96
120
  textUnderlineOffset: string;
97
121
  };
122
+ "@media (min-width: 0px)": {
123
+ fontSize: string;
124
+ };
125
+ "@media (min-width: 600px)": {
126
+ fontSize: string;
127
+ };
98
128
  };
99
129
  heading5: {
100
130
  fontWeight: string;
101
131
  letterSpacing: string;
102
132
  lineHeight: string;
103
133
  width: string;
134
+ "@media (min-width: 0px)": {
135
+ fontSize: string;
136
+ };
137
+ "@media (min-width: 600px)": {
138
+ fontSize: string;
139
+ };
104
140
  };
105
141
  heading6: {
106
142
  fontWeight: string;
107
143
  letterSpacing: string;
108
144
  lineHeight: string;
109
145
  width: string;
146
+ "@media (min-width: 0px)": {
147
+ fontSize: string;
148
+ };
149
+ "@media (min-width: 600px)": {
150
+ fontSize: string;
151
+ };
110
152
  };
111
153
  };
112
154
  declare const Heading: {
@@ -157,6 +199,12 @@ declare const Heading: {
157
199
  a: {
158
200
  textUnderlineOffset: string;
159
201
  };
202
+ "@media (min-width: 0px)": {
203
+ fontSize: string;
204
+ };
205
+ "@media (min-width: 600px)": {
206
+ fontSize: string;
207
+ };
160
208
  };
161
209
  h2: {
162
210
  fontWeight: string;
@@ -166,6 +214,12 @@ declare const Heading: {
166
214
  a: {
167
215
  textUnderlineOffset: string;
168
216
  };
217
+ "@media (min-width: 0px)": {
218
+ fontSize: string;
219
+ };
220
+ "@media (min-width: 600px)": {
221
+ fontSize: string;
222
+ };
169
223
  };
170
224
  h3: {
171
225
  fontWeight: string;
@@ -175,6 +229,12 @@ declare const Heading: {
175
229
  a: {
176
230
  textUnderlineOffset: string;
177
231
  };
232
+ "@media (min-width: 0px)": {
233
+ fontSize: string;
234
+ };
235
+ "@media (min-width: 600px)": {
236
+ fontSize: string;
237
+ };
178
238
  };
179
239
  h4: {
180
240
  fontWeight: string;
@@ -184,18 +244,36 @@ declare const Heading: {
184
244
  a: {
185
245
  textUnderlineOffset: string;
186
246
  };
247
+ "@media (min-width: 0px)": {
248
+ fontSize: string;
249
+ };
250
+ "@media (min-width: 600px)": {
251
+ fontSize: string;
252
+ };
187
253
  };
188
254
  h5: {
189
255
  fontWeight: string;
190
256
  letterSpacing: string;
191
257
  lineHeight: string;
192
258
  width: string;
259
+ "@media (min-width: 0px)": {
260
+ fontSize: string;
261
+ };
262
+ "@media (min-width: 600px)": {
263
+ fontSize: string;
264
+ };
193
265
  };
194
266
  h6: {
195
267
  fontWeight: string;
196
268
  letterSpacing: string;
197
269
  lineHeight: string;
198
270
  width: string;
271
+ "@media (min-width: 0px)": {
272
+ fontSize: string;
273
+ };
274
+ "@media (min-width: 600px)": {
275
+ fontSize: string;
276
+ };
199
277
  };
200
278
  one: {
201
279
  width: string;
@@ -266,6 +344,12 @@ declare const Heading: {
266
344
  a: {
267
345
  textUnderlineOffset: string;
268
346
  };
347
+ "@media (min-width: 0px)": {
348
+ fontSize: string;
349
+ };
350
+ "@media (min-width: 600px)": {
351
+ fontSize: string;
352
+ };
269
353
  };
270
354
  heading1: {
271
355
  fontWeight: string;
@@ -275,6 +359,12 @@ declare const Heading: {
275
359
  a: {
276
360
  textUnderlineOffset: string;
277
361
  };
362
+ "@media (min-width: 0px)": {
363
+ fontSize: string;
364
+ };
365
+ "@media (min-width: 600px)": {
366
+ fontSize: string;
367
+ };
278
368
  };
279
369
  heading2: {
280
370
  fontWeight: string;
@@ -284,6 +374,12 @@ declare const Heading: {
284
374
  a: {
285
375
  textUnderlineOffset: string;
286
376
  };
377
+ "@media (min-width: 0px)": {
378
+ fontSize: string;
379
+ };
380
+ "@media (min-width: 600px)": {
381
+ fontSize: string;
382
+ };
287
383
  };
288
384
  heading3: {
289
385
  fontWeight: string;
@@ -293,6 +389,12 @@ declare const Heading: {
293
389
  a: {
294
390
  textUnderlineOffset: string;
295
391
  };
392
+ "@media (min-width: 0px)": {
393
+ fontSize: string;
394
+ };
395
+ "@media (min-width: 600px)": {
396
+ fontSize: string;
397
+ };
296
398
  };
297
399
  heading4: {
298
400
  fontWeight: string;
@@ -302,18 +404,36 @@ declare const Heading: {
302
404
  a: {
303
405
  textUnderlineOffset: string;
304
406
  };
407
+ "@media (min-width: 0px)": {
408
+ fontSize: string;
409
+ };
410
+ "@media (min-width: 600px)": {
411
+ fontSize: string;
412
+ };
305
413
  };
306
414
  heading5: {
307
415
  fontWeight: string;
308
416
  letterSpacing: string;
309
417
  lineHeight: string;
310
418
  width: string;
419
+ "@media (min-width: 0px)": {
420
+ fontSize: string;
421
+ };
422
+ "@media (min-width: 600px)": {
423
+ fontSize: string;
424
+ };
311
425
  };
312
426
  heading6: {
313
427
  fontWeight: string;
314
428
  letterSpacing: string;
315
429
  lineHeight: string;
316
430
  width: string;
431
+ "@media (min-width: 0px)": {
432
+ fontSize: string;
433
+ };
434
+ "@media (min-width: 600px)": {
435
+ fontSize: string;
436
+ };
317
437
  };
318
438
  primary: {
319
439
  width: string;
package/dist/src/theme/components/structuredContent.d.ts CHANGED
@@ -66,6 +66,12 @@ declare const StructuredContent: {
66
66
  a: {
67
67
  textUnderlineOffset: string;
68
68
  };
69
+ "@media (min-width: 0px)": {
70
+ fontSize: string;
71
+ };
72
+ "@media (min-width: 600px)": {
73
+ fontSize: string;
74
+ };
69
75
  };
70
76
  heading1: {
71
77
  fontWeight: string;
@@ -75,6 +81,12 @@ declare const StructuredContent: {
75
81
  a: {
76
82
  textUnderlineOffset: string;
77
83
  };
84
+ "@media (min-width: 0px)": {
85
+ fontSize: string;
86
+ };
87
+ "@media (min-width: 600px)": {
88
+ fontSize: string;
89
+ };
78
90
  };
79
91
  heading2: {
80
92
  fontWeight: string;
@@ -84,6 +96,12 @@ declare const StructuredContent: {
84
96
  a: {
85
97
  textUnderlineOffset: string;
86
98
  };
99
+ "@media (min-width: 0px)": {
100
+ fontSize: string;
101
+ };
102
+ "@media (min-width: 600px)": {
103
+ fontSize: string;
104
+ };
87
105
  };
88
106
  heading3: {
89
107
  fontWeight: string;
@@ -93,6 +111,12 @@ declare const StructuredContent: {
93
111
  a: {
94
112
  textUnderlineOffset: string;
95
113
  };
114
+ "@media (min-width: 0px)": {
115
+ fontSize: string;
116
+ };
117
+ "@media (min-width: 600px)": {
118
+ fontSize: string;
119
+ };
96
120
  };
97
121
  heading4: {
98
122
  fontWeight: string;
@@ -102,18 +126,36 @@ declare const StructuredContent: {
102
126
  a: {
103
127
  textUnderlineOffset: string;
104
128
  };
129
+ "@media (min-width: 0px)": {
130
+ fontSize: string;
131
+ };
132
+ "@media (min-width: 600px)": {
133
+ fontSize: string;
134
+ };
105
135
  };
106
136
  heading5: {
107
137
  fontWeight: string;
108
138
  letterSpacing: string;
109
139
  lineHeight: string;
110
140
  width: string;
141
+ "@media (min-width: 0px)": {
142
+ fontSize: string;
143
+ };
144
+ "@media (min-width: 600px)": {
145
+ fontSize: string;
146
+ };
111
147
  };
112
148
  heading6: {
113
149
  fontWeight: string;
114
150
  letterSpacing: string;
115
151
  lineHeight: string;
116
152
  width: string;
153
+ "@media (min-width: 0px)": {
154
+ fontSize: string;
155
+ };
156
+ "@media (min-width: 600px)": {
157
+ fontSize: string;
158
+ };
117
159
  };
118
160
  imageFigure: {
119
161
  marginBottom: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "2.1.4",
3
+ "version": "2.1.5-rc2",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",