@nypl/design-system-react-components 2.1.0 → 2.1.1
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.
|
@@ -13,6 +13,8 @@ export declare const TextInputFormats: {
|
|
|
13
13
|
};
|
|
14
14
|
export type TextInputVariants = "default" | "searchBar" | "searchBarSelect";
|
|
15
15
|
export interface InputProps {
|
|
16
|
+
/** FOR INTERNAL DS USE ONLY: Adds an aria-label or appends to an existing aria-label for screen readers.*/
|
|
17
|
+
additionalAriaLabel?: string;
|
|
16
18
|
/** FOR INTERNAL DS USE ONLY: additional helper text id(s) to be used for the input's `aria-describedby` value.
|
|
17
19
|
* If more than one, separate each with a space */
|
|
18
20
|
additionalHelperTextIds?: string;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
declare const Hero: {
|
|
2
|
-
baseStyle: {
|
|
3
|
-
bgColor: string;
|
|
4
|
-
_dark: {
|
|
5
|
-
bgColor: string;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
2
|
+
baseStyle: {};
|
|
8
3
|
variants: {
|
|
9
4
|
primary: {
|
|
10
5
|
alignItems: string;
|
|
@@ -74,6 +69,7 @@ declare const Hero: {
|
|
|
74
69
|
order: string;
|
|
75
70
|
};
|
|
76
71
|
overflowX: string;
|
|
72
|
+
bgColor: string;
|
|
77
73
|
content: {
|
|
78
74
|
paddingEnd: string;
|
|
79
75
|
paddingStart: string;
|
|
@@ -126,6 +122,9 @@ declare const Hero: {
|
|
|
126
122
|
md: string;
|
|
127
123
|
};
|
|
128
124
|
};
|
|
125
|
+
_dark: {
|
|
126
|
+
bgColor: string;
|
|
127
|
+
};
|
|
129
128
|
};
|
|
130
129
|
secondaryBooksAndMore: {
|
|
131
130
|
heading: {
|
|
@@ -154,6 +153,7 @@ declare const Hero: {
|
|
|
154
153
|
order: string;
|
|
155
154
|
};
|
|
156
155
|
overflowX: string;
|
|
156
|
+
bgColor: string;
|
|
157
157
|
content: {
|
|
158
158
|
paddingEnd: string;
|
|
159
159
|
paddingStart: string;
|
|
@@ -206,6 +206,9 @@ declare const Hero: {
|
|
|
206
206
|
md: string;
|
|
207
207
|
};
|
|
208
208
|
};
|
|
209
|
+
_dark: {
|
|
210
|
+
bgColor: string;
|
|
211
|
+
};
|
|
209
212
|
};
|
|
210
213
|
secondaryLocations: {
|
|
211
214
|
heading: {
|
|
@@ -234,6 +237,7 @@ declare const Hero: {
|
|
|
234
237
|
order: string;
|
|
235
238
|
};
|
|
236
239
|
overflowX: string;
|
|
240
|
+
bgColor: string;
|
|
237
241
|
content: {
|
|
238
242
|
paddingEnd: string;
|
|
239
243
|
paddingStart: string;
|
|
@@ -286,6 +290,9 @@ declare const Hero: {
|
|
|
286
290
|
md: string;
|
|
287
291
|
};
|
|
288
292
|
};
|
|
293
|
+
_dark: {
|
|
294
|
+
bgColor: string;
|
|
295
|
+
};
|
|
289
296
|
};
|
|
290
297
|
secondaryResearch: {
|
|
291
298
|
heading: {
|
|
@@ -314,6 +321,7 @@ declare const Hero: {
|
|
|
314
321
|
order: string;
|
|
315
322
|
};
|
|
316
323
|
overflowX: string;
|
|
324
|
+
bgColor: string;
|
|
317
325
|
content: {
|
|
318
326
|
paddingEnd: string;
|
|
319
327
|
paddingStart: string;
|
|
@@ -366,6 +374,9 @@ declare const Hero: {
|
|
|
366
374
|
md: string;
|
|
367
375
|
};
|
|
368
376
|
};
|
|
377
|
+
_dark: {
|
|
378
|
+
bgColor: string;
|
|
379
|
+
};
|
|
369
380
|
};
|
|
370
381
|
secondaryWhatsOn: {
|
|
371
382
|
heading: {
|
|
@@ -394,6 +405,7 @@ declare const Hero: {
|
|
|
394
405
|
order: string;
|
|
395
406
|
};
|
|
396
407
|
overflowX: string;
|
|
408
|
+
bgColor: string;
|
|
397
409
|
content: {
|
|
398
410
|
paddingEnd: string;
|
|
399
411
|
paddingStart: string;
|
|
@@ -446,9 +458,11 @@ declare const Hero: {
|
|
|
446
458
|
md: string;
|
|
447
459
|
};
|
|
448
460
|
};
|
|
461
|
+
_dark: {
|
|
462
|
+
bgColor: string;
|
|
463
|
+
};
|
|
449
464
|
};
|
|
450
465
|
tertiary: {
|
|
451
|
-
bg: string;
|
|
452
466
|
content: {
|
|
453
467
|
color: string;
|
|
454
468
|
display: string;
|
|
@@ -486,9 +500,6 @@ declare const Hero: {
|
|
|
486
500
|
p: {
|
|
487
501
|
marginBottom: string;
|
|
488
502
|
};
|
|
489
|
-
_dark: {
|
|
490
|
-
bg: string;
|
|
491
|
-
};
|
|
492
503
|
};
|
|
493
504
|
campaign: {
|
|
494
505
|
alignItems: string;
|
|
@@ -527,7 +538,6 @@ declare const Hero: {
|
|
|
527
538
|
md: string;
|
|
528
539
|
};
|
|
529
540
|
_dark: {
|
|
530
|
-
bg: string;
|
|
531
541
|
color: string;
|
|
532
542
|
};
|
|
533
543
|
};
|
|
@@ -17,6 +17,7 @@ export declare const getStorybookHrefProps: (pageCount: number) => {
|
|
|
17
17
|
getPageHref: (selectedPage: number) => string;
|
|
18
18
|
};
|
|
19
19
|
interface GetAriaAttrsProps {
|
|
20
|
+
additionalAriaLabel?: string;
|
|
20
21
|
footnote: HelperErrorTextType;
|
|
21
22
|
id: string;
|
|
22
23
|
labelText: HelperErrorTextType;
|
|
@@ -28,7 +29,7 @@ interface GetAriaAttrsProps {
|
|
|
28
29
|
* Get aria-* attributes for input components. This sets the `aria-label` and
|
|
29
30
|
* `aria-describedby` attributes, based on the label and footnote values.
|
|
30
31
|
*/
|
|
31
|
-
export declare const getAriaAttrs: ({ footnote, id, labelText, name, additionalHelperTextIds, showLabel, }: GetAriaAttrsProps) => AriaAttributes;
|
|
32
|
+
export declare const getAriaAttrs: ({ additionalAriaLabel, footnote, id, labelText, name, additionalHelperTextIds, showLabel, }: GetAriaAttrsProps) => AriaAttributes;
|
|
32
33
|
/** Convert a hex color value to an rgb or rgba value */
|
|
33
34
|
export declare const hexToRGB: (hex: string, alpha: number) => string;
|
|
34
35
|
/** Calculate color luminance */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nypl/design-system-react-components",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "NYPL Reservoir Design System React Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -87,15 +87,15 @@
|
|
|
87
87
|
"@jest/core": "27.3.1",
|
|
88
88
|
"@rollup/plugin-commonjs": "24.0.1",
|
|
89
89
|
"@rollup/plugin-typescript": "11.0.0",
|
|
90
|
-
"@storybook/addon-a11y": "7.
|
|
91
|
-
"@storybook/addon-essentials": "7.
|
|
92
|
-
"@storybook/addon-interactions": "7.
|
|
93
|
-
"@storybook/addon-jest": "7.
|
|
94
|
-
"@storybook/addon-links": "7.
|
|
95
|
-
"@storybook/blocks": "7.
|
|
96
|
-
"@storybook/react": "7.
|
|
97
|
-
"@storybook/react-vite": "7.
|
|
98
|
-
"@storybook/testing-library": "0.
|
|
90
|
+
"@storybook/addon-a11y": "7.5.1",
|
|
91
|
+
"@storybook/addon-essentials": "7.5.1",
|
|
92
|
+
"@storybook/addon-interactions": "7.5.1",
|
|
93
|
+
"@storybook/addon-jest": "7.5.1",
|
|
94
|
+
"@storybook/addon-links": "7.5.1",
|
|
95
|
+
"@storybook/blocks": "7.5.1",
|
|
96
|
+
"@storybook/react": "7.5.1",
|
|
97
|
+
"@storybook/react-vite": "7.5.1",
|
|
98
|
+
"@storybook/testing-library": "0.2.2",
|
|
99
99
|
"@svgr/webpack": "5.5.0",
|
|
100
100
|
"@testing-library/dom": "9.2.0",
|
|
101
101
|
"@testing-library/jest-dom": "5.14.1",
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
"remark-gfm": "3.0.1",
|
|
134
134
|
"sass": "1.60.0",
|
|
135
135
|
"sass-loader": "10.0.0",
|
|
136
|
-
"storybook": "7.
|
|
136
|
+
"storybook": "7.5.1",
|
|
137
137
|
"storybook-addon-designs": "7.0.0-beta.2",
|
|
138
138
|
"style-loader": "2.0.0",
|
|
139
139
|
"ts-jest": "29.0.5",
|