@nypl/design-system-react-components 3.5.2 → 3.5.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.
- package/dist/design-system-react-components.cjs +53 -53
- package/dist/design-system-react-components.js +13701 -13667
- package/dist/src/components/Icons/IconSvgs.d.ts +1 -0
- package/dist/src/components/Icons/iconVariables.d.ts +1 -1
- package/dist/src/components/StatusBadge/StatusBadge.d.ts +2 -3
- package/dist/src/hooks/useFormatNumber.d.ts +20 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/theme/components/alphabetFilter.d.ts +0 -1
- package/dist/src/theme/components/breadcrumb.d.ts +33 -3
- package/dist/src/theme/components/checkbox.d.ts +1 -2
- package/dist/src/theme/components/feedbackBox.d.ts +1 -0
- package/dist/src/theme/components/heading.d.ts +88 -22
- package/dist/src/theme/components/hero.d.ts +12 -9
- package/dist/src/theme/components/menu.d.ts +15 -14
- package/dist/src/theme/components/multiSelect.d.ts +17 -0
- package/dist/src/theme/components/statusBadge.d.ts +2 -2
- package/dist/src/theme/components/structuredContent.d.ts +32 -8
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const iconAlignArray: readonly ["left", "right", "none"];
|
|
2
2
|
export declare const iconColorsArray: readonly ["transparent", "ui.black", "ui.white", "ui.disabled.primary", "ui.disabled.secondary", "ui.error.primary", "ui.error.secondary", "ui.focus", "ui.link.primary", "ui.link.primary-05", "ui.link.primary-10", "ui.link.secondary", "ui.link.tertiary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.test", "ui.warning.primary", "ui.warning.secondary", "ui.bg.default", "ui.bg.hover", "ui.bg.active", "ui.border.default", "ui.border.hover", "ui.typography.heading", "ui.typography.body", "ui.typography.inverse.heading", "ui.typography.inverse.body", "ui.gray.xxxx-dark", "ui.gray.xxx-dark", "ui.gray.xx-dark", "ui.gray.x-dark", "ui.gray.dark", "ui.gray.semi-dark", "ui.gray.medium", "ui.gray.semi-medium", "ui.gray.light-cool", "ui.gray.x-light-cool", "ui.gray.xx-light-cool", "ui.gray.light-warm", "ui.gray.x-light-warm", "brand.primary", "brand.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.connect.primary", "section.connect.secondary", "section.education.primary", "section.education.secondary", "section.locations.primary", "section.locations.secondary", "section.research.primary", "section.research.secondary", "section.research-library.lpa", "section.research-library.schomburg", "section.research-library.schwarzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.brand.primary", "dark.brand.secondary", "dark.section.blogs.primary", "dark.section.blogs.secondary", "dark.section.books-and-more.primary", "dark.section.books-and-more.secondary", "dark.section.connect.primary", "dark.section.connect.secondary", "dark.section.education.primary", "dark.section.education.secondary", "dark.section.locations.primary", "dark.section.locations.secondary", "dark.section.research.primary", "dark.section.research.secondary", "dark.section.research-library.primary", "dark.section.research-library.secondary", "dark.section.whats-on.primary", "dark.section.whats-on.secondary", "dark.ui.disabled.primary", "dark.ui.disabled.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.focus", "dark.ui.link.primary", "dark.ui.link.primary-05", "dark.ui.link.primary-10", "dark.ui.link.secondary", "dark.ui.link.tertiary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.test", "dark.ui.warning.secondary", "dark.ui.warning.primary", "dark.ui.bg.page", "dark.ui.bg.default", "dark.ui.bg.hover", "dark.ui.bg.active", "dark.ui.border.default", "dark.ui.border.hover", "dark.ui.typography.heading", "dark.ui.typography.body", "dark.ui.typography.inverse.heading", "dark.ui.typography.inverse.body"];
|
|
3
|
-
export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLightbulb", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "contentFilterList", "decorativeBookBroken", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "editorMode", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "navigationMoreVert", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialX", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
|
|
3
|
+
export declare const iconNamesArray: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionDelete", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionHome", "actionIdentity", "actionIdentityFilled", "actionLaunch", "actionLightbulb", "actionLockClosed", "actionPayment", "actionPower", "actionRegistration", "actionSearch", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "communicationCall", "communicationChatBubble", "communicationEmail", "contentFilterList", "decorativeBookBroken", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "editorMode", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "mapsPlace", "minus", "moonCrescent", "navigationMoreVert", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialSpotify", "socialTikTok", "socialTumblr", "socialTwitter", "socialVimeo", "socialX", "socialYoutube", "speakerNotes", "sunFull", "utilityAccountFilled", "utilityAccountUnfilled", "utilityCheck", "utilityHamburger", "utilitySearch"];
|
|
4
4
|
export declare const iconRotationsArray: readonly ["rotate0", "rotate90", "rotate180", "rotate270"];
|
|
5
5
|
export declare const iconSizesArray: readonly ["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge", "xxxxlarge", "xxxxxlarge", "2xlarge", "3xlarge", "4xlarge", "5xlarge"];
|
|
6
6
|
export declare const iconTypesArray: readonly ["default", "breadcrumbs"];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ChakraComponent } from "@chakra-ui/react";
|
|
2
2
|
import React from "react";
|
|
3
|
+
export declare const statusBadgeFontSizeArray: readonly ["desktop.body.body1", "desktop.body.body2", "desktop.caption"];
|
|
3
4
|
export declare const statusBadgeLevelArray: readonly ["low", "medium", "high"];
|
|
4
5
|
export type StatusBadgeLevels = typeof statusBadgeLevelArray[number];
|
|
5
6
|
export declare const statusBadgeTypeArray: readonly ["informative", "negative", "neutral", "positive", "recommendation", "warning", "low", "medium", "high"];
|
|
@@ -20,7 +21,5 @@ export interface StatusBadgeProps {
|
|
|
20
21
|
* It is used for bringing awareness to a specific element or feature and should
|
|
21
22
|
* provide quick recognition.
|
|
22
23
|
*/
|
|
23
|
-
export declare const StatusBadge: ChakraComponent<React.ForwardRefExoticComponent<StatusBadgeProps &
|
|
24
|
-
children?: React.ReactNode;
|
|
25
|
-
} & React.RefAttributes<HTMLDivElement>>, StatusBadgeProps>;
|
|
24
|
+
export declare const StatusBadge: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StatusBadgeProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StatusBadgeProps>>;
|
|
26
25
|
export default StatusBadge;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This function formats a number with commas and handles a range of numbers.
|
|
3
|
+
*
|
|
4
|
+
* 1. If one number is passed, it formats that number with commas.
|
|
5
|
+
* 2. If two numbers are passed, it creates a range:
|
|
6
|
+
* - Numbers are formatted with commas.
|
|
7
|
+
* - En dash (`–`) is used for the range.
|
|
8
|
+
* - Consecutive numbers (e.g., 100–101) are formatted properly.
|
|
9
|
+
* - Repeating hundreds (e.g., 100–102) are handled to avoid redundancy.
|
|
10
|
+
*
|
|
11
|
+
* Examples:
|
|
12
|
+
* - (4382) -> "4,382"
|
|
13
|
+
* - (4276835) -> "4,276,835"
|
|
14
|
+
* - (1, 99) -> "1–99"
|
|
15
|
+
* - (141, 58) -> "58–141"
|
|
16
|
+
* - (100, 102) -> "100–102"
|
|
17
|
+
* - (10, 100) -> "10–100"
|
|
18
|
+
*/
|
|
19
|
+
declare const useFormatNumber: (num1: string | number, num2?: string | number) => string | null;
|
|
20
|
+
export default useFormatNumber;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -124,5 +124,6 @@ export { default as useNYPLBreakpoints } from "./hooks/useNYPLBreakpoints";
|
|
|
124
124
|
export { default as useNYPLTheme } from "./hooks/useNYPLTheme";
|
|
125
125
|
export { default as useWindowSize } from "./hooks/useWindowSize";
|
|
126
126
|
export { default as useScrollFadeStyles } from "./hooks/useScrollFadeStyles";
|
|
127
|
+
export { default as useFormatNumber } from "./hooks/useFormatNumber";
|
|
127
128
|
export { default as VideoPlayer } from "./components/VideoPlayer/VideoPlayer";
|
|
128
129
|
export type { VideoPlayerAspectRatios, VideoPlayerProps, VideoPlayerTypes, } from "./components/VideoPlayer/VideoPlayer";
|
|
@@ -74,6 +74,10 @@ declare const Breadcrumb: {
|
|
|
74
74
|
base: "xs";
|
|
75
75
|
md: "0";
|
|
76
76
|
};
|
|
77
|
+
display: {
|
|
78
|
+
base: "flex";
|
|
79
|
+
md: "unset";
|
|
80
|
+
};
|
|
77
81
|
};
|
|
78
82
|
".icon": {
|
|
79
83
|
display: {
|
|
@@ -82,6 +86,21 @@ declare const Breadcrumb: {
|
|
|
82
86
|
};
|
|
83
87
|
};
|
|
84
88
|
"span:not(.breadcrumb-label)": {
|
|
89
|
+
clip: string;
|
|
90
|
+
height: {
|
|
91
|
+
base: string;
|
|
92
|
+
md: string;
|
|
93
|
+
};
|
|
94
|
+
overflow: string;
|
|
95
|
+
position: {
|
|
96
|
+
base: string;
|
|
97
|
+
md: string;
|
|
98
|
+
};
|
|
99
|
+
width: {
|
|
100
|
+
base: string;
|
|
101
|
+
md: string;
|
|
102
|
+
};
|
|
103
|
+
wordWrap: string;
|
|
85
104
|
marginInlineEnd: string;
|
|
86
105
|
marginInlineStart: string;
|
|
87
106
|
};
|
|
@@ -89,10 +108,21 @@ declare const Breadcrumb: {
|
|
|
89
108
|
"li:nth-last-of-type(2)": {
|
|
90
109
|
display: string;
|
|
91
110
|
span: {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
111
|
+
clip: string;
|
|
112
|
+
height: {
|
|
113
|
+
base: string;
|
|
114
|
+
md: string;
|
|
115
|
+
};
|
|
116
|
+
overflow: string;
|
|
117
|
+
position: {
|
|
118
|
+
base: string;
|
|
119
|
+
md: string;
|
|
120
|
+
};
|
|
121
|
+
width: {
|
|
122
|
+
base: string;
|
|
123
|
+
md: string;
|
|
95
124
|
};
|
|
125
|
+
wordWrap: string;
|
|
96
126
|
};
|
|
97
127
|
};
|
|
98
128
|
};
|
|
@@ -52,14 +52,13 @@ declare const Checkbox: {
|
|
|
52
52
|
border: string;
|
|
53
53
|
borderRadius: string;
|
|
54
54
|
borderColor: string;
|
|
55
|
-
|
|
55
|
+
bg: string;
|
|
56
56
|
color: string;
|
|
57
57
|
cursor: string;
|
|
58
58
|
outline: string;
|
|
59
59
|
transitionProperty: string;
|
|
60
60
|
transitionDuration: string;
|
|
61
61
|
_checked: {
|
|
62
|
-
bg: string;
|
|
63
62
|
borderColor: string;
|
|
64
63
|
color: string;
|
|
65
64
|
_hover: {
|
|
@@ -69,7 +69,10 @@ export declare const headings: {
|
|
|
69
69
|
};
|
|
70
70
|
fontWeight: string;
|
|
71
71
|
letterSpacing: string;
|
|
72
|
-
lineHeight:
|
|
72
|
+
lineHeight: {
|
|
73
|
+
base: "1.15";
|
|
74
|
+
md: "1.10";
|
|
75
|
+
};
|
|
73
76
|
width: string;
|
|
74
77
|
a: {
|
|
75
78
|
textUnderlineOffset: string;
|
|
@@ -84,7 +87,10 @@ export declare const headings: {
|
|
|
84
87
|
};
|
|
85
88
|
fontWeight: string;
|
|
86
89
|
letterSpacing: string;
|
|
87
|
-
lineHeight:
|
|
90
|
+
lineHeight: {
|
|
91
|
+
base: "1.20";
|
|
92
|
+
md: "1.15";
|
|
93
|
+
};
|
|
88
94
|
width: string;
|
|
89
95
|
a: {
|
|
90
96
|
textUnderlineOffset: string;
|
|
@@ -99,7 +105,10 @@ export declare const headings: {
|
|
|
99
105
|
};
|
|
100
106
|
fontWeight: string;
|
|
101
107
|
letterSpacing: string;
|
|
102
|
-
lineHeight:
|
|
108
|
+
lineHeight: {
|
|
109
|
+
base: "1.25";
|
|
110
|
+
md: "1.20";
|
|
111
|
+
};
|
|
103
112
|
width: string;
|
|
104
113
|
a: {
|
|
105
114
|
textUnderlineOffset: string;
|
|
@@ -114,7 +123,10 @@ export declare const headings: {
|
|
|
114
123
|
};
|
|
115
124
|
fontWeight: string;
|
|
116
125
|
letterSpacing: string;
|
|
117
|
-
lineHeight:
|
|
126
|
+
lineHeight: {
|
|
127
|
+
base: "1.30";
|
|
128
|
+
md: "1.25";
|
|
129
|
+
};
|
|
118
130
|
width: string;
|
|
119
131
|
a: {
|
|
120
132
|
textUnderlineOffset: string;
|
|
@@ -129,7 +141,10 @@ export declare const headings: {
|
|
|
129
141
|
};
|
|
130
142
|
fontWeight: string;
|
|
131
143
|
letterSpacing: string;
|
|
132
|
-
lineHeight:
|
|
144
|
+
lineHeight: {
|
|
145
|
+
base: "1.35";
|
|
146
|
+
md: "1.30";
|
|
147
|
+
};
|
|
133
148
|
width: string;
|
|
134
149
|
a: {
|
|
135
150
|
textUnderlineOffset: string;
|
|
@@ -144,7 +159,10 @@ export declare const headings: {
|
|
|
144
159
|
};
|
|
145
160
|
fontWeight: string;
|
|
146
161
|
letterSpacing: string;
|
|
147
|
-
lineHeight:
|
|
162
|
+
lineHeight: {
|
|
163
|
+
base: "1.40";
|
|
164
|
+
md: "1.35";
|
|
165
|
+
};
|
|
148
166
|
width: string;
|
|
149
167
|
};
|
|
150
168
|
};
|
|
@@ -156,7 +174,10 @@ export declare const headings: {
|
|
|
156
174
|
};
|
|
157
175
|
fontWeight: string;
|
|
158
176
|
letterSpacing: string;
|
|
159
|
-
lineHeight:
|
|
177
|
+
lineHeight: {
|
|
178
|
+
base: "1.45";
|
|
179
|
+
md: "1.40";
|
|
180
|
+
};
|
|
160
181
|
width: string;
|
|
161
182
|
};
|
|
162
183
|
};
|
|
@@ -168,7 +189,10 @@ export declare const headings: {
|
|
|
168
189
|
};
|
|
169
190
|
fontWeight: string;
|
|
170
191
|
letterSpacing: string;
|
|
171
|
-
lineHeight:
|
|
192
|
+
lineHeight: {
|
|
193
|
+
base: "1.50";
|
|
194
|
+
md: "1.45";
|
|
195
|
+
};
|
|
172
196
|
width: string;
|
|
173
197
|
};
|
|
174
198
|
};
|
|
@@ -235,7 +259,10 @@ declare const Heading: {
|
|
|
235
259
|
};
|
|
236
260
|
fontWeight: string;
|
|
237
261
|
letterSpacing: string;
|
|
238
|
-
lineHeight:
|
|
262
|
+
lineHeight: {
|
|
263
|
+
base: "1.20";
|
|
264
|
+
md: "1.15";
|
|
265
|
+
};
|
|
239
266
|
width: string;
|
|
240
267
|
a: {
|
|
241
268
|
textUnderlineOffset: string;
|
|
@@ -250,7 +277,10 @@ declare const Heading: {
|
|
|
250
277
|
};
|
|
251
278
|
fontWeight: string;
|
|
252
279
|
letterSpacing: string;
|
|
253
|
-
lineHeight:
|
|
280
|
+
lineHeight: {
|
|
281
|
+
base: "1.25";
|
|
282
|
+
md: "1.20";
|
|
283
|
+
};
|
|
254
284
|
width: string;
|
|
255
285
|
a: {
|
|
256
286
|
textUnderlineOffset: string;
|
|
@@ -265,7 +295,10 @@ declare const Heading: {
|
|
|
265
295
|
};
|
|
266
296
|
fontWeight: string;
|
|
267
297
|
letterSpacing: string;
|
|
268
|
-
lineHeight:
|
|
298
|
+
lineHeight: {
|
|
299
|
+
base: "1.30";
|
|
300
|
+
md: "1.25";
|
|
301
|
+
};
|
|
269
302
|
width: string;
|
|
270
303
|
a: {
|
|
271
304
|
textUnderlineOffset: string;
|
|
@@ -280,7 +313,10 @@ declare const Heading: {
|
|
|
280
313
|
};
|
|
281
314
|
fontWeight: string;
|
|
282
315
|
letterSpacing: string;
|
|
283
|
-
lineHeight:
|
|
316
|
+
lineHeight: {
|
|
317
|
+
base: "1.35";
|
|
318
|
+
md: "1.30";
|
|
319
|
+
};
|
|
284
320
|
width: string;
|
|
285
321
|
a: {
|
|
286
322
|
textUnderlineOffset: string;
|
|
@@ -295,7 +331,10 @@ declare const Heading: {
|
|
|
295
331
|
};
|
|
296
332
|
fontWeight: string;
|
|
297
333
|
letterSpacing: string;
|
|
298
|
-
lineHeight:
|
|
334
|
+
lineHeight: {
|
|
335
|
+
base: "1.40";
|
|
336
|
+
md: "1.35";
|
|
337
|
+
};
|
|
299
338
|
width: string;
|
|
300
339
|
};
|
|
301
340
|
};
|
|
@@ -307,7 +346,10 @@ declare const Heading: {
|
|
|
307
346
|
};
|
|
308
347
|
fontWeight: string;
|
|
309
348
|
letterSpacing: string;
|
|
310
|
-
lineHeight:
|
|
349
|
+
lineHeight: {
|
|
350
|
+
base: "1.45";
|
|
351
|
+
md: "1.40";
|
|
352
|
+
};
|
|
311
353
|
width: string;
|
|
312
354
|
};
|
|
313
355
|
};
|
|
@@ -392,7 +434,10 @@ declare const Heading: {
|
|
|
392
434
|
};
|
|
393
435
|
fontWeight: string;
|
|
394
436
|
letterSpacing: string;
|
|
395
|
-
lineHeight:
|
|
437
|
+
lineHeight: {
|
|
438
|
+
base: "1.15";
|
|
439
|
+
md: "1.10";
|
|
440
|
+
};
|
|
396
441
|
width: string;
|
|
397
442
|
a: {
|
|
398
443
|
textUnderlineOffset: string;
|
|
@@ -407,7 +452,10 @@ declare const Heading: {
|
|
|
407
452
|
};
|
|
408
453
|
fontWeight: string;
|
|
409
454
|
letterSpacing: string;
|
|
410
|
-
lineHeight:
|
|
455
|
+
lineHeight: {
|
|
456
|
+
base: "1.20";
|
|
457
|
+
md: "1.15";
|
|
458
|
+
};
|
|
411
459
|
width: string;
|
|
412
460
|
a: {
|
|
413
461
|
textUnderlineOffset: string;
|
|
@@ -422,7 +470,10 @@ declare const Heading: {
|
|
|
422
470
|
};
|
|
423
471
|
fontWeight: string;
|
|
424
472
|
letterSpacing: string;
|
|
425
|
-
lineHeight:
|
|
473
|
+
lineHeight: {
|
|
474
|
+
base: "1.25";
|
|
475
|
+
md: "1.20";
|
|
476
|
+
};
|
|
426
477
|
width: string;
|
|
427
478
|
a: {
|
|
428
479
|
textUnderlineOffset: string;
|
|
@@ -437,7 +488,10 @@ declare const Heading: {
|
|
|
437
488
|
};
|
|
438
489
|
fontWeight: string;
|
|
439
490
|
letterSpacing: string;
|
|
440
|
-
lineHeight:
|
|
491
|
+
lineHeight: {
|
|
492
|
+
base: "1.30";
|
|
493
|
+
md: "1.25";
|
|
494
|
+
};
|
|
441
495
|
width: string;
|
|
442
496
|
a: {
|
|
443
497
|
textUnderlineOffset: string;
|
|
@@ -452,7 +506,10 @@ declare const Heading: {
|
|
|
452
506
|
};
|
|
453
507
|
fontWeight: string;
|
|
454
508
|
letterSpacing: string;
|
|
455
|
-
lineHeight:
|
|
509
|
+
lineHeight: {
|
|
510
|
+
base: "1.35";
|
|
511
|
+
md: "1.30";
|
|
512
|
+
};
|
|
456
513
|
width: string;
|
|
457
514
|
a: {
|
|
458
515
|
textUnderlineOffset: string;
|
|
@@ -467,7 +524,10 @@ declare const Heading: {
|
|
|
467
524
|
};
|
|
468
525
|
fontWeight: string;
|
|
469
526
|
letterSpacing: string;
|
|
470
|
-
lineHeight:
|
|
527
|
+
lineHeight: {
|
|
528
|
+
base: "1.40";
|
|
529
|
+
md: "1.35";
|
|
530
|
+
};
|
|
471
531
|
width: string;
|
|
472
532
|
};
|
|
473
533
|
};
|
|
@@ -479,7 +539,10 @@ declare const Heading: {
|
|
|
479
539
|
};
|
|
480
540
|
fontWeight: string;
|
|
481
541
|
letterSpacing: string;
|
|
482
|
-
lineHeight:
|
|
542
|
+
lineHeight: {
|
|
543
|
+
base: "1.45";
|
|
544
|
+
md: "1.40";
|
|
545
|
+
};
|
|
483
546
|
width: string;
|
|
484
547
|
};
|
|
485
548
|
};
|
|
@@ -491,7 +554,10 @@ declare const Heading: {
|
|
|
491
554
|
};
|
|
492
555
|
fontWeight: string;
|
|
493
556
|
letterSpacing: string;
|
|
494
|
-
lineHeight:
|
|
557
|
+
lineHeight: {
|
|
558
|
+
base: "1.50";
|
|
559
|
+
md: "1.45";
|
|
560
|
+
};
|
|
495
561
|
width: string;
|
|
496
562
|
};
|
|
497
563
|
};
|
|
@@ -30,12 +30,18 @@ declare const Hero: {
|
|
|
30
30
|
md: string;
|
|
31
31
|
};
|
|
32
32
|
maxWidth: {
|
|
33
|
-
md: "
|
|
33
|
+
md: "860px";
|
|
34
|
+
};
|
|
35
|
+
padding: {
|
|
36
|
+
base: "inset.default";
|
|
37
|
+
lg: "inset.wide";
|
|
38
|
+
};
|
|
39
|
+
paddingEnd: {
|
|
40
|
+
lg: "inset.wide";
|
|
41
|
+
};
|
|
42
|
+
paddingStart: {
|
|
43
|
+
lg: "inset.wide";
|
|
34
44
|
};
|
|
35
|
-
paddingTop: string;
|
|
36
|
-
paddingBottom: string;
|
|
37
|
-
paddingEnd: string;
|
|
38
|
-
paddingStart: string;
|
|
39
45
|
a: {
|
|
40
46
|
color: string;
|
|
41
47
|
display: string;
|
|
@@ -662,10 +668,7 @@ declare const Hero: {
|
|
|
662
668
|
maxWidth: {
|
|
663
669
|
md: "960px";
|
|
664
670
|
};
|
|
665
|
-
padding:
|
|
666
|
-
base: "inset.default";
|
|
667
|
-
md: "inset.wide";
|
|
668
|
-
};
|
|
671
|
+
padding: string;
|
|
669
672
|
width: {
|
|
670
673
|
base: "100%";
|
|
671
674
|
lg: "50%";
|
|
@@ -28,40 +28,41 @@ declare const Menu: {
|
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
actionItem: {
|
|
31
|
-
outline: string;
|
|
32
|
-
textColor: string;
|
|
33
|
-
paddingY: string;
|
|
34
|
-
paddingX: string;
|
|
35
31
|
fontSize: string;
|
|
36
32
|
fontWeight: string;
|
|
33
|
+
lineHeight: string;
|
|
34
|
+
outline: string;
|
|
35
|
+
paddingX: string;
|
|
36
|
+
paddingY: string;
|
|
37
|
+
textColor: string;
|
|
37
38
|
_hover: {
|
|
38
|
-
fontWeight: number;
|
|
39
39
|
bg: string;
|
|
40
|
+
fontWeight: string;
|
|
40
41
|
};
|
|
41
42
|
_focus: {
|
|
42
|
-
fontWeight: number;
|
|
43
43
|
bg: string;
|
|
44
|
+
fontWeight: string;
|
|
44
45
|
};
|
|
45
46
|
_dark: {
|
|
46
|
-
textColor: string;
|
|
47
47
|
bg: string;
|
|
48
|
+
textColor: string;
|
|
48
49
|
"> div > svg": {
|
|
49
50
|
fill: string;
|
|
50
51
|
};
|
|
51
52
|
_hover: {
|
|
52
|
-
textColor: string;
|
|
53
|
-
fontWeight: number;
|
|
54
53
|
bg: string;
|
|
54
|
+
fontWeight: string;
|
|
55
|
+
textColor: string;
|
|
55
56
|
};
|
|
56
57
|
_focus: {
|
|
57
|
-
textColor: string;
|
|
58
|
-
fontWeight: number;
|
|
59
58
|
bg: string;
|
|
59
|
+
fontWeight: string;
|
|
60
|
+
textColor: string;
|
|
60
61
|
};
|
|
61
62
|
};
|
|
62
63
|
};
|
|
63
64
|
selected: {
|
|
64
|
-
fontWeight:
|
|
65
|
+
fontWeight: string;
|
|
65
66
|
borderLeftColor: string | {
|
|
66
67
|
primary: string;
|
|
67
68
|
secondary: string;
|
|
@@ -76,12 +77,12 @@ declare const Menu: {
|
|
|
76
77
|
textColor: string;
|
|
77
78
|
_hover: {
|
|
78
79
|
textColor: string;
|
|
79
|
-
fontWeight:
|
|
80
|
+
fontWeight: string;
|
|
80
81
|
background: string;
|
|
81
82
|
};
|
|
82
83
|
_focus: {
|
|
83
84
|
textColor: string;
|
|
84
|
-
fontWeight:
|
|
85
|
+
fontWeight: string;
|
|
85
86
|
bg: string;
|
|
86
87
|
};
|
|
87
88
|
background: string;
|
|
@@ -46,9 +46,26 @@ declare const MultiSelect: {
|
|
|
46
46
|
marginBottom: number;
|
|
47
47
|
};
|
|
48
48
|
menuSearchInputBox: {
|
|
49
|
+
button: {
|
|
50
|
+
height: string;
|
|
51
|
+
minWidth: string;
|
|
52
|
+
right: string;
|
|
53
|
+
top: string;
|
|
54
|
+
width: {
|
|
55
|
+
base: string;
|
|
56
|
+
md: "34px";
|
|
57
|
+
};
|
|
58
|
+
};
|
|
49
59
|
input: {
|
|
50
60
|
backgroundColor: string;
|
|
51
61
|
border: string;
|
|
62
|
+
fontSize: string;
|
|
63
|
+
height: string;
|
|
64
|
+
lineHeight: string;
|
|
65
|
+
minHeight: {
|
|
66
|
+
base: string;
|
|
67
|
+
md: "auto";
|
|
68
|
+
};
|
|
52
69
|
};
|
|
53
70
|
};
|
|
54
71
|
accordionStyles: {
|
|
@@ -45,7 +45,7 @@ export declare const recommendation: {
|
|
|
45
45
|
};
|
|
46
46
|
};
|
|
47
47
|
declare const StatusBadge: {
|
|
48
|
-
baseStyle?: {
|
|
48
|
+
baseStyle?: ({ labelFontSize }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
|
|
49
49
|
alignItems: string;
|
|
50
50
|
bgColor: string;
|
|
51
51
|
borderLeft: string;
|
|
@@ -53,7 +53,7 @@ declare const StatusBadge: {
|
|
|
53
53
|
borderRadius: string;
|
|
54
54
|
color: string;
|
|
55
55
|
display: string;
|
|
56
|
-
fontSize:
|
|
56
|
+
fontSize: any;
|
|
57
57
|
fontWeight: string;
|
|
58
58
|
py: string;
|
|
59
59
|
paddingInlineEnd: string;
|
|
@@ -76,7 +76,10 @@ declare const StructuredContent: {
|
|
|
76
76
|
};
|
|
77
77
|
fontWeight: string;
|
|
78
78
|
letterSpacing: string;
|
|
79
|
-
lineHeight:
|
|
79
|
+
lineHeight: {
|
|
80
|
+
base: "1.15";
|
|
81
|
+
md: "1.10";
|
|
82
|
+
};
|
|
80
83
|
width: string;
|
|
81
84
|
a: {
|
|
82
85
|
textUnderlineOffset: string;
|
|
@@ -91,7 +94,10 @@ declare const StructuredContent: {
|
|
|
91
94
|
};
|
|
92
95
|
fontWeight: string;
|
|
93
96
|
letterSpacing: string;
|
|
94
|
-
lineHeight:
|
|
97
|
+
lineHeight: {
|
|
98
|
+
base: "1.20";
|
|
99
|
+
md: "1.15";
|
|
100
|
+
};
|
|
95
101
|
width: string;
|
|
96
102
|
a: {
|
|
97
103
|
textUnderlineOffset: string;
|
|
@@ -106,7 +112,10 @@ declare const StructuredContent: {
|
|
|
106
112
|
};
|
|
107
113
|
fontWeight: string;
|
|
108
114
|
letterSpacing: string;
|
|
109
|
-
lineHeight:
|
|
115
|
+
lineHeight: {
|
|
116
|
+
base: "1.25";
|
|
117
|
+
md: "1.20";
|
|
118
|
+
};
|
|
110
119
|
width: string;
|
|
111
120
|
a: {
|
|
112
121
|
textUnderlineOffset: string;
|
|
@@ -121,7 +130,10 @@ declare const StructuredContent: {
|
|
|
121
130
|
};
|
|
122
131
|
fontWeight: string;
|
|
123
132
|
letterSpacing: string;
|
|
124
|
-
lineHeight:
|
|
133
|
+
lineHeight: {
|
|
134
|
+
base: "1.30";
|
|
135
|
+
md: "1.25";
|
|
136
|
+
};
|
|
125
137
|
width: string;
|
|
126
138
|
a: {
|
|
127
139
|
textUnderlineOffset: string;
|
|
@@ -136,7 +148,10 @@ declare const StructuredContent: {
|
|
|
136
148
|
};
|
|
137
149
|
fontWeight: string;
|
|
138
150
|
letterSpacing: string;
|
|
139
|
-
lineHeight:
|
|
151
|
+
lineHeight: {
|
|
152
|
+
base: "1.35";
|
|
153
|
+
md: "1.30";
|
|
154
|
+
};
|
|
140
155
|
width: string;
|
|
141
156
|
a: {
|
|
142
157
|
textUnderlineOffset: string;
|
|
@@ -151,7 +166,10 @@ declare const StructuredContent: {
|
|
|
151
166
|
};
|
|
152
167
|
fontWeight: string;
|
|
153
168
|
letterSpacing: string;
|
|
154
|
-
lineHeight:
|
|
169
|
+
lineHeight: {
|
|
170
|
+
base: "1.40";
|
|
171
|
+
md: "1.35";
|
|
172
|
+
};
|
|
155
173
|
width: string;
|
|
156
174
|
};
|
|
157
175
|
};
|
|
@@ -163,7 +181,10 @@ declare const StructuredContent: {
|
|
|
163
181
|
};
|
|
164
182
|
fontWeight: string;
|
|
165
183
|
letterSpacing: string;
|
|
166
|
-
lineHeight:
|
|
184
|
+
lineHeight: {
|
|
185
|
+
base: "1.45";
|
|
186
|
+
md: "1.40";
|
|
187
|
+
};
|
|
167
188
|
width: string;
|
|
168
189
|
};
|
|
169
190
|
};
|
|
@@ -175,7 +196,10 @@ declare const StructuredContent: {
|
|
|
175
196
|
};
|
|
176
197
|
fontWeight: string;
|
|
177
198
|
letterSpacing: string;
|
|
178
|
-
lineHeight:
|
|
199
|
+
lineHeight: {
|
|
200
|
+
base: "1.50";
|
|
201
|
+
md: "1.45";
|
|
202
|
+
};
|
|
179
203
|
width: string;
|
|
180
204
|
};
|
|
181
205
|
};
|