@redsift/design-system 8.1.0 → 9.0.0-alpha.0
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/index.d.ts +411 -375
- package/index.js +1685 -1507
- package/index.js.map +1 -1
- package/package.json +3 -2
- package/style/index.css +764 -382
- package/style/redsift-design-tokens.css +214 -245
- package/style/redsift-fonts.css +545 -132
- package/style/redsift-reset.css +1 -0
- package/style/redsift-style.css +4 -5
- package/style/redsift.css +764 -382
- package/style/fonts/electrolize-v14-latin-regular.woff +0 -0
- package/style/fonts/electrolize-v14-latin-regular.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 +0 -0
package/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { I18nProvider, useCollator, useDateFormatter, useFilter, useListFormatter, useLocale, useLocalizedStringFormatter, useNumberFormatter } from '@react-aria/i18n';
|
|
2
2
|
export { SSRProvider, useIsSSR } from '@react-aria/ssr';
|
|
3
|
-
import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, RefObject,
|
|
3
|
+
import React$1, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, ElementType, RefObject, MouseEvent, Dispatch, SetStateAction, ChangeEvent } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
|
|
6
6
|
/** Component Type. */
|
|
@@ -29,17 +29,43 @@ type ValueOf<T extends Record<any, any>> = T[keyof T];
|
|
|
29
29
|
* Font.
|
|
30
30
|
*/
|
|
31
31
|
declare const FontFamily: {
|
|
32
|
-
readonly
|
|
32
|
+
readonly poppins: "poppins";
|
|
33
33
|
readonly 'source-code-pro': "source-code-pro";
|
|
34
|
-
readonly electrolize: "electrolize";
|
|
35
34
|
};
|
|
36
35
|
type FontFamily = ValueOf<typeof FontFamily>;
|
|
37
36
|
|
|
37
|
+
declare const Product: {
|
|
38
|
+
readonly asm: "asm";
|
|
39
|
+
readonly 'brand-trust': "brand-trust";
|
|
40
|
+
readonly certificates: "certificates";
|
|
41
|
+
readonly ondmarc: "ondmarc";
|
|
42
|
+
readonly radar: "radar";
|
|
43
|
+
readonly 'rojo-ds': "rojo-ds";
|
|
44
|
+
readonly 'vendor-secure': "vendor-secure";
|
|
45
|
+
readonly website: "website";
|
|
46
|
+
};
|
|
47
|
+
type Product = ValueOf<typeof Product>;
|
|
48
|
+
declare const ProductName: {
|
|
49
|
+
readonly asm: "ASM";
|
|
50
|
+
readonly 'brand-trust': "Brand Trust";
|
|
51
|
+
readonly certificates: "Certificates";
|
|
52
|
+
readonly ondmarc: "OnDMARC";
|
|
53
|
+
readonly radar: "RADAR";
|
|
54
|
+
readonly 'rojo-ds': "ROJO DS";
|
|
55
|
+
readonly 'vendor-secure': "Vendor Secure";
|
|
56
|
+
readonly website: "Website";
|
|
57
|
+
};
|
|
58
|
+
type ProductName = ValueOf<typeof ProductName>;
|
|
59
|
+
|
|
38
60
|
/**
|
|
39
61
|
* Color palette.
|
|
40
62
|
*/
|
|
41
|
-
declare const
|
|
42
|
-
readonly
|
|
63
|
+
declare const CtasColorPalette: {
|
|
64
|
+
readonly primary: "primary";
|
|
65
|
+
readonly secondary: "secondary";
|
|
66
|
+
};
|
|
67
|
+
type CtasColorPalette = ValueOf<typeof CtasColorPalette>;
|
|
68
|
+
declare const NotificationsColorPalette: {
|
|
43
69
|
readonly success: "success";
|
|
44
70
|
readonly error: "error";
|
|
45
71
|
readonly warning: "warning";
|
|
@@ -47,17 +73,19 @@ declare const ColorPalette: {
|
|
|
47
73
|
readonly question: "question";
|
|
48
74
|
readonly 'no-data': "no-data";
|
|
49
75
|
};
|
|
50
|
-
type
|
|
76
|
+
type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;
|
|
51
77
|
declare const ProductColorPalette: {
|
|
52
|
-
readonly
|
|
78
|
+
readonly asm: "asm";
|
|
79
|
+
readonly 'brand-trust': "brand-trust";
|
|
80
|
+
readonly certificates: "certificates";
|
|
53
81
|
readonly ondmarc: "ondmarc";
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
82
|
+
readonly radar: "radar";
|
|
83
|
+
readonly 'rojo-ds': "rojo-ds";
|
|
84
|
+
readonly 'vendor-secure': "vendor-secure";
|
|
85
|
+
readonly website: "website";
|
|
58
86
|
};
|
|
59
87
|
type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
|
|
60
|
-
declare const
|
|
88
|
+
declare const PresentationColorPalette: {
|
|
61
89
|
readonly green: "green";
|
|
62
90
|
readonly pink: "pink";
|
|
63
91
|
readonly aqua: "aqua";
|
|
@@ -69,7 +97,7 @@ declare const DataVizColorPalette: {
|
|
|
69
97
|
readonly blue: "blue";
|
|
70
98
|
readonly grey: "grey";
|
|
71
99
|
};
|
|
72
|
-
type
|
|
100
|
+
type PresentationColorPalette = ValueOf<typeof PresentationColorPalette>;
|
|
73
101
|
declare const NeutralColorPalette: {
|
|
74
102
|
readonly black: "black";
|
|
75
103
|
readonly darkgrey: "darkgrey";
|
|
@@ -331,190 +359,164 @@ declare function partitionComponents<T>(components: T[], predicates: Array<(t: T
|
|
|
331
359
|
|
|
332
360
|
/**
|
|
333
361
|
* Do not edit directly
|
|
334
|
-
* Generated on
|
|
335
|
-
*/
|
|
336
|
-
declare const
|
|
337
|
-
declare const
|
|
338
|
-
declare const
|
|
339
|
-
declare const
|
|
340
|
-
declare const
|
|
341
|
-
declare const
|
|
342
|
-
declare const
|
|
343
|
-
declare const
|
|
344
|
-
declare const
|
|
345
|
-
declare const RedsiftColorWebsiteHover = "#dce8f3";
|
|
346
|
-
declare const RedsiftColorWebsiteActive = "#c4dcf1";
|
|
347
|
-
declare const RedsiftColorWebsiteActiveHover = "#abcfef";
|
|
348
|
-
declare const RedsiftColorWebsitePrimaryActive = "#004a8a";
|
|
349
|
-
declare const RedsiftColorWebsitePrimaryActiveHover = "#00427c";
|
|
350
|
-
declare const RedsiftColorOndmarcPrimary = "#02ac61";
|
|
351
|
-
declare const RedsiftColorOndmarcSecondary = "#009252";
|
|
352
|
-
declare const RedsiftColorOndmarcHover = "#dcede6";
|
|
353
|
-
declare const RedsiftColorOndmarcActive = "#c4e6d7";
|
|
354
|
-
declare const RedsiftColorOndmarcActiveHover = "#acdfc8";
|
|
355
|
-
declare const RedsiftColorOndmarcPrimaryActive = "#00512e";
|
|
356
|
-
declare const RedsiftColorOndmarcPrimaryActiveHover = "#004829";
|
|
357
|
-
declare const RedsiftColorOninboxPrimary = "#33b222";
|
|
358
|
-
declare const RedsiftColorOninboxSecondary = "#268519";
|
|
359
|
-
declare const RedsiftColorOninboxHover = "#e1eedf";
|
|
360
|
-
declare const RedsiftColorOninboxActive = "#cee8cb";
|
|
361
|
-
declare const RedsiftColorOninboxActiveHover = "#bae0b5";
|
|
362
|
-
declare const RedsiftColorOninboxPrimaryActive = "#164e0e";
|
|
363
|
-
declare const RedsiftColorOninboxPrimaryActiveHover = "#13460c";
|
|
364
|
-
declare const RedsiftColorOndomainPrimary = "#028062";
|
|
365
|
-
declare const RedsiftColorOndomainSecondary = "#015944";
|
|
366
|
-
declare const RedsiftColorOndomainHover = "#dce9e6";
|
|
367
|
-
declare const RedsiftColorOndomainActive = "#c4ded8";
|
|
368
|
-
declare const RedsiftColorOndomainActiveHover = "#acd1c8";
|
|
369
|
-
declare const RedsiftColorOndomainPrimaryActive = "#003f30";
|
|
370
|
-
declare const RedsiftColorOndomainPrimaryActiveHover = "#00382b";
|
|
371
|
-
declare const RedsiftColorHardenizePrimary = "#0f7ab3";
|
|
372
|
-
declare const RedsiftColorHardenizeSecondary = "#3498db";
|
|
373
|
-
declare const RedsiftColorHardenizeHover = "#dee8ee";
|
|
374
|
-
declare const RedsiftColorHardenizeActive = "#c7dce8";
|
|
375
|
-
declare const RedsiftColorHardenizeActiveHover = "#b0d0e1";
|
|
376
|
-
declare const RedsiftColorHardenizePrimaryActive = "#0a5379";
|
|
377
|
-
declare const RedsiftColorHardenizePrimaryActiveHover = "#094a6c";
|
|
378
|
-
declare const RedsiftColorToolsPrimary = "#37bdfb";
|
|
379
|
-
declare const RedsiftColorToolsSecondary = "#02a2ef";
|
|
380
|
-
declare const RedsiftColorToolsHover = "#e2eff5";
|
|
381
|
-
declare const RedsiftColorToolsActive = "#cfeaf6";
|
|
382
|
-
declare const RedsiftColorToolsActiveHover = "#bce4f6";
|
|
383
|
-
declare const RedsiftColorToolsPrimaryActive = "#237ea8";
|
|
384
|
-
declare const RedsiftColorToolsPrimaryActiveHover = "#1f7197";
|
|
385
|
-
declare const RedsiftColorSuccessPrimary = "#02ac61";
|
|
386
|
-
declare const RedsiftColorSuccessSecondary = "#009252";
|
|
387
|
-
declare const RedsiftColorSuccessHover = "#dcede6";
|
|
388
|
-
declare const RedsiftColorSuccessActive = "#c4e6d7";
|
|
389
|
-
declare const RedsiftColorSuccessActiveHover = "#acdfc8";
|
|
390
|
-
declare const RedsiftColorSuccessPrimaryActive = "#00512e";
|
|
391
|
-
declare const RedsiftColorSuccessPrimaryActiveHover = "#004829";
|
|
392
|
-
declare const RedsiftColorErrorPrimary = "#e11010";
|
|
393
|
-
declare const RedsiftColorErrorSecondary = "#b41010";
|
|
394
|
-
declare const RedsiftColorErrorHover = "#f3dede";
|
|
395
|
-
declare const RedsiftColorErrorActive = "#f1c7c7";
|
|
396
|
-
declare const RedsiftColorErrorActiveHover = "#efb0b0";
|
|
397
|
-
declare const RedsiftColorErrorPrimaryActive = "#770a0a";
|
|
398
|
-
declare const RedsiftColorErrorPrimaryActiveHover = "#6b0909";
|
|
399
|
-
declare const RedsiftColorWarningPrimary = "#fcbb54";
|
|
400
|
-
declare const RedsiftColorWarningSecondary = "#c09300";
|
|
401
|
-
declare const RedsiftColorWarningHover = "#f5efe4";
|
|
402
|
-
declare const RedsiftColorWarningActive = "#f6e9d5";
|
|
403
|
-
declare const RedsiftColorWarningActiveHover = "#f7e3c4";
|
|
404
|
-
declare const RedsiftColorWarningPrimaryActive = "#ae833f";
|
|
405
|
-
declare const RedsiftColorWarningPrimaryActiveHover = "#9c7538";
|
|
406
|
-
declare const RedsiftColorInfoPrimary = "#0079e1";
|
|
407
|
-
declare const RedsiftColorInfoSecondary = "#0063b9";
|
|
408
|
-
declare const RedsiftColorInfoHover = "#dce8f3";
|
|
409
|
-
declare const RedsiftColorInfoActive = "#c4dcf1";
|
|
410
|
-
declare const RedsiftColorInfoActiveHover = "#abcfef";
|
|
411
|
-
declare const RedsiftColorInfoPrimaryActive = "#004a8a";
|
|
412
|
-
declare const RedsiftColorInfoPrimaryActiveHover = "#00427c";
|
|
413
|
-
declare const RedsiftColorQuestionPrimary = "#666666";
|
|
414
|
-
declare const RedsiftColorQuestionSecondary = "#1c1c1c";
|
|
415
|
-
declare const RedsiftColorQuestionHover = "#e6e6e6";
|
|
416
|
-
declare const RedsiftColorQuestionActive = "#d8d8d8";
|
|
417
|
-
declare const RedsiftColorQuestionActiveHover = "#cacaca";
|
|
418
|
-
declare const RedsiftColorQuestionPrimaryActive = "#111111";
|
|
419
|
-
declare const RedsiftColorQuestionPrimaryActiveHover = "#0f0f0f";
|
|
420
|
-
declare const RedsiftColorNoDataPrimary = "#bdbdbd";
|
|
421
|
-
declare const RedsiftColorNoDataSecondary = "#666666";
|
|
422
|
-
declare const RedsiftColorNoDataHover = "#efefef";
|
|
423
|
-
declare const RedsiftColorNoDataActive = "#eaeaea";
|
|
424
|
-
declare const RedsiftColorNoDataActiveHover = "#e4e4e4";
|
|
425
|
-
declare const RedsiftColorNoDataPrimaryActive = "#3d3d3d";
|
|
426
|
-
declare const RedsiftColorNoDataPrimaryActiveHover = "#363636";
|
|
362
|
+
* Generated on Thu, 21 Sep 2023 13:54:48 GMT
|
|
363
|
+
*/
|
|
364
|
+
declare const RedsiftColorRedsift = "#e11010";
|
|
365
|
+
declare const RedsiftColorProductAsm = "#8361ea";
|
|
366
|
+
declare const RedsiftColorProductBrandTrust = "#7ec2fa";
|
|
367
|
+
declare const RedsiftColorProductCertificates = "#e8712e";
|
|
368
|
+
declare const RedsiftColorProductOndmarc = "#96d36e";
|
|
369
|
+
declare const RedsiftColorProductRadar = "#51b7a4";
|
|
370
|
+
declare const RedsiftColorProductRojoDs = "#e11010";
|
|
371
|
+
declare const RedsiftColorProductVendorSecure = "#f7c948";
|
|
372
|
+
declare const RedsiftColorProductWebsite = "#e11010";
|
|
427
373
|
declare const RedsiftColorNeutralBlack = "#1c1c1c";
|
|
428
|
-
declare const RedsiftColorNeutralDarkgrey = "#
|
|
429
|
-
declare const RedsiftColorNeutralMidgrey = "#
|
|
430
|
-
declare const RedsiftColorNeutralLightgrey = "#
|
|
431
|
-
declare const RedsiftColorNeutralXlightgrey = "#
|
|
374
|
+
declare const RedsiftColorNeutralDarkgrey = "#333333";
|
|
375
|
+
declare const RedsiftColorNeutralMidgrey = "#666666";
|
|
376
|
+
declare const RedsiftColorNeutralLightgrey = "#b6b6b6";
|
|
377
|
+
declare const RedsiftColorNeutralXlightgrey = "#f2f2f2";
|
|
432
378
|
declare const RedsiftColorNeutralWhite = "#ffffff";
|
|
433
|
-
declare const RedsiftAppBarColorBackground = "#
|
|
434
|
-
declare const RedsiftAppBarColorText = "#
|
|
435
|
-
declare const RedsiftAppBarColorExpandIconResting = "#
|
|
436
|
-
declare const RedsiftAppBarColorExpandIconHover = "#
|
|
437
|
-
declare const RedsiftAppBarColorExpandIconBackgroundHover = "#
|
|
438
|
-
declare const
|
|
439
|
-
declare const
|
|
440
|
-
declare const
|
|
441
|
-
declare const
|
|
442
|
-
declare const
|
|
443
|
-
declare const
|
|
444
|
-
declare const
|
|
445
|
-
declare const
|
|
446
|
-
declare const
|
|
447
|
-
declare const
|
|
448
|
-
declare const
|
|
449
|
-
declare const
|
|
450
|
-
declare const
|
|
451
|
-
declare const
|
|
452
|
-
declare const
|
|
453
|
-
declare const
|
|
454
|
-
declare const
|
|
455
|
-
declare const
|
|
456
|
-
declare const
|
|
457
|
-
declare const
|
|
458
|
-
declare const
|
|
459
|
-
declare const
|
|
460
|
-
declare const
|
|
461
|
-
declare const
|
|
462
|
-
declare const
|
|
463
|
-
declare const
|
|
464
|
-
declare const
|
|
465
|
-
declare const
|
|
466
|
-
declare const
|
|
467
|
-
declare const
|
|
468
|
-
declare const
|
|
469
|
-
declare const
|
|
470
|
-
declare const
|
|
471
|
-
declare const
|
|
472
|
-
declare const
|
|
473
|
-
declare const
|
|
474
|
-
declare const
|
|
475
|
-
declare const
|
|
476
|
-
declare const
|
|
477
|
-
declare const
|
|
478
|
-
declare const
|
|
479
|
-
declare const
|
|
480
|
-
declare const
|
|
481
|
-
declare const
|
|
482
|
-
declare const
|
|
483
|
-
declare const
|
|
484
|
-
declare const
|
|
485
|
-
declare const
|
|
486
|
-
declare const
|
|
487
|
-
declare const
|
|
488
|
-
declare const
|
|
489
|
-
declare const
|
|
490
|
-
declare const
|
|
491
|
-
declare const
|
|
492
|
-
declare const
|
|
493
|
-
declare const
|
|
494
|
-
declare const
|
|
495
|
-
declare const
|
|
496
|
-
declare const
|
|
497
|
-
declare const
|
|
498
|
-
declare const
|
|
499
|
-
declare const
|
|
500
|
-
declare const
|
|
501
|
-
declare const
|
|
502
|
-
declare const
|
|
503
|
-
declare const
|
|
504
|
-
declare const
|
|
505
|
-
declare const
|
|
506
|
-
declare const
|
|
507
|
-
declare const
|
|
508
|
-
declare const
|
|
509
|
-
declare const
|
|
510
|
-
declare const
|
|
511
|
-
declare const
|
|
512
|
-
declare const
|
|
513
|
-
declare const
|
|
514
|
-
declare const
|
|
515
|
-
declare const
|
|
516
|
-
declare const
|
|
517
|
-
declare const
|
|
379
|
+
declare const RedsiftAppBarColorBackground = "#ffffff";
|
|
380
|
+
declare const RedsiftAppBarColorText = "#1c1c1c";
|
|
381
|
+
declare const RedsiftAppBarColorExpandIconResting = "#333333";
|
|
382
|
+
declare const RedsiftAppBarColorExpandIconHover = "#1c1c1c";
|
|
383
|
+
declare const RedsiftAppBarColorExpandIconBackgroundHover = "#ffffff";
|
|
384
|
+
declare const RedsiftColorCtasPrimaryPrimary = "#4285F4";
|
|
385
|
+
declare const RedsiftColorCtasPrimaryHover = "#D9E7FD";
|
|
386
|
+
declare const RedsiftColorCtasPrimaryActive = "#B3CEFB";
|
|
387
|
+
declare const RedsiftColorCtasPrimaryActiveHover = "#8EB6F8";
|
|
388
|
+
declare const RedsiftColorCtasPrimaryButtonHover = "#356AC3";
|
|
389
|
+
declare const RedsiftColorCtasPrimaryButtonActive = "#285092";
|
|
390
|
+
declare const RedsiftColorCtasPrimaryButtonActiveHover = "#1A3562";
|
|
391
|
+
declare const RedsiftColorCtasSecondaryPrimary = "#51B7A4";
|
|
392
|
+
declare const RedsiftColorCtasSecondaryHover = "#DCF1ED";
|
|
393
|
+
declare const RedsiftColorCtasSecondaryActive = "#B9E2DB";
|
|
394
|
+
declare const RedsiftColorCtasSecondaryActiveHover = "#97D4C8";
|
|
395
|
+
declare const RedsiftColorCtasSecondaryButtonHover = "#419283";
|
|
396
|
+
declare const RedsiftColorCtasSecondaryButtonActive = "#316E62";
|
|
397
|
+
declare const RedsiftColorCtasSecondaryButtonActiveHover = "#204942";
|
|
398
|
+
declare const RedsiftColorNotificationsSuccessPrimary = "#02AC61";
|
|
399
|
+
declare const RedsiftColorNotificationsSuccessHover = "#CCEEDF";
|
|
400
|
+
declare const RedsiftColorNotificationsSuccessActive = "#9ADEC0";
|
|
401
|
+
declare const RedsiftColorNotificationsSuccessActiveHover = "#67CDA0";
|
|
402
|
+
declare const RedsiftColorNotificationsSuccessButtonHover = "#028A4E";
|
|
403
|
+
declare const RedsiftColorNotificationsSuccessButtonActive = "#01673A";
|
|
404
|
+
declare const RedsiftColorNotificationsSuccessButtonActiveHover = "#014527";
|
|
405
|
+
declare const RedsiftColorNotificationsErrorPrimary = "#E11010";
|
|
406
|
+
declare const RedsiftColorNotificationsErrorHover = "#F9CFCF";
|
|
407
|
+
declare const RedsiftColorNotificationsErrorActive = "#F39F9F";
|
|
408
|
+
declare const RedsiftColorNotificationsErrorActiveHover = "#ED7070";
|
|
409
|
+
declare const RedsiftColorNotificationsErrorButtonHover = "#B40D0D";
|
|
410
|
+
declare const RedsiftColorNotificationsErrorButtonActive = "#870A0A";
|
|
411
|
+
declare const RedsiftColorNotificationsErrorButtonActiveHover = "#5A0606";
|
|
412
|
+
declare const RedsiftColorNotificationsWarningPrimary = "#FCBB54";
|
|
413
|
+
declare const RedsiftColorNotificationsWarningHover = "#FEF1DD";
|
|
414
|
+
declare const RedsiftColorNotificationsWarningActive = "#FEE4BB";
|
|
415
|
+
declare const RedsiftColorNotificationsWarningActiveHover = "#FDD698";
|
|
416
|
+
declare const RedsiftColorNotificationsWarningButtonHover = "#CA9643";
|
|
417
|
+
declare const RedsiftColorNotificationsWarningButtonActive = "#977032";
|
|
418
|
+
declare const RedsiftColorNotificationsWarningButtonActiveHover = "#654B22";
|
|
419
|
+
declare const RedsiftColorNotificationsInfoPrimary = "#4285F4";
|
|
420
|
+
declare const RedsiftColorNotificationsInfoHover = "#D9E7FD";
|
|
421
|
+
declare const RedsiftColorNotificationsInfoActive = "#B3CEFB";
|
|
422
|
+
declare const RedsiftColorNotificationsInfoActiveHover = "#8EB6F8";
|
|
423
|
+
declare const RedsiftColorNotificationsInfoButtonHover = "#356AC3";
|
|
424
|
+
declare const RedsiftColorNotificationsInfoButtonActive = "#285092";
|
|
425
|
+
declare const RedsiftColorNotificationsInfoButtonActiveHover = "#1A3562";
|
|
426
|
+
declare const RedsiftColorNotificationsQuestionPrimary = "#666666";
|
|
427
|
+
declare const RedsiftColorNotificationsQuestionHover = "#B2B2B2";
|
|
428
|
+
declare const RedsiftColorNotificationsQuestionActive = "#A3A3A3";
|
|
429
|
+
declare const RedsiftColorNotificationsQuestionActiveHover = "#949494";
|
|
430
|
+
declare const RedsiftColorNotificationsQuestionButtonHover = "#525252";
|
|
431
|
+
declare const RedsiftColorNotificationsQuestionButtonActive = "#474747";
|
|
432
|
+
declare const RedsiftColorNotificationsQuestionButtonActiveHover = "#3D3D3D";
|
|
433
|
+
declare const RedsiftColorNotificationsNoDataPrimary = "#BDBDBD";
|
|
434
|
+
declare const RedsiftColorNotificationsNoDataHover = "#DEDEDE";
|
|
435
|
+
declare const RedsiftColorNotificationsNoDataActive = "#D7D7D7";
|
|
436
|
+
declare const RedsiftColorNotificationsNoDataActiveHover = "#D1D1D1";
|
|
437
|
+
declare const RedsiftColorNotificationsNoDataButtonHover = "#979797";
|
|
438
|
+
declare const RedsiftColorNotificationsNoDataButtonActive = "#848484";
|
|
439
|
+
declare const RedsiftColorNotificationsNoDataButtonActiveHover = "#717171";
|
|
440
|
+
declare const RedsiftColorPresentationGreenDarkerer = "#078833";
|
|
441
|
+
declare const RedsiftColorPresentationGreenDarker = "#07AA45";
|
|
442
|
+
declare const RedsiftColorPresentationGreenDark = "#00CE59";
|
|
443
|
+
declare const RedsiftColorPresentationGreenDefault = "#56D58E";
|
|
444
|
+
declare const RedsiftColorPresentationGreenLight = "#A2E7BA";
|
|
445
|
+
declare const RedsiftColorPresentationGreenLighter = "#C2EFD1";
|
|
446
|
+
declare const RedsiftColorPresentationGreenLighterer = "#E1F7E8";
|
|
447
|
+
declare const RedsiftColorPresentationPinkDarkerer = "#B10078";
|
|
448
|
+
declare const RedsiftColorPresentationPinkDarker = "#C5008C";
|
|
449
|
+
declare const RedsiftColorPresentationPinkDark = "#D800A2";
|
|
450
|
+
declare const RedsiftColorPresentationPinkDefault = "#D95CBA";
|
|
451
|
+
declare const RedsiftColorPresentationPinkLight = "#ECA0D6";
|
|
452
|
+
declare const RedsiftColorPresentationPinkLighter = "#F4C0E3";
|
|
453
|
+
declare const RedsiftColorPresentationPinkLighterer = "#FAE0F1";
|
|
454
|
+
declare const RedsiftColorPresentationAquaDarkerer = "#0B9287";
|
|
455
|
+
declare const RedsiftColorPresentationAquaDarker = "#0AB5AB";
|
|
456
|
+
declare const RedsiftColorPresentationAquaDark = "#00D9D2";
|
|
457
|
+
declare const RedsiftColorPresentationAquaDefault = "#63EAE4";
|
|
458
|
+
declare const RedsiftColorPresentationAquaLight = "#9AF8F4";
|
|
459
|
+
declare const RedsiftColorPresentationAquaLighter = "#CAF7F4";
|
|
460
|
+
declare const RedsiftColorPresentationAquaLighterer = "#E5FBFA";
|
|
461
|
+
declare const RedsiftColorPresentationBrownDarkerer = "#701205";
|
|
462
|
+
declare const RedsiftColorPresentationBrownDarker = "#903107";
|
|
463
|
+
declare const RedsiftColorPresentationBrownDark = "#AF5100";
|
|
464
|
+
declare const RedsiftColorPresentationBrownDefault = "#C78348";
|
|
465
|
+
declare const RedsiftColorPresentationBrownLight = "#EDC19C";
|
|
466
|
+
declare const RedsiftColorPresentationBrownLighter = "#F6D9C3";
|
|
467
|
+
declare const RedsiftColorPresentationBrownLighterer = "#FAE6D7";
|
|
468
|
+
declare const RedsiftColorPresentationRedDarkerer = "#B10004";
|
|
469
|
+
declare const RedsiftColorPresentationRedDarker = "#C70003";
|
|
470
|
+
declare const RedsiftColorPresentationRedDark = "#DE0000";
|
|
471
|
+
declare const RedsiftColorPresentationRedDefault = "#E06363";
|
|
472
|
+
declare const RedsiftColorPresentationRedLight = "#F3A39E";
|
|
473
|
+
declare const RedsiftColorPresentationRedLighter = "#F8BBBA";
|
|
474
|
+
declare const RedsiftColorPresentationRedLighterer = "#FDDDDC";
|
|
475
|
+
declare const RedsiftColorPresentationYellowDarkerer = "#8A7F18";
|
|
476
|
+
declare const RedsiftColorPresentationYellowDarker = "#BCAD14";
|
|
477
|
+
declare const RedsiftColorPresentationYellowDark = "#F0DE00";
|
|
478
|
+
declare const RedsiftColorPresentationYellowDefault = "#FFF741";
|
|
479
|
+
declare const RedsiftColorPresentationYellowLight = "#F7EFC3";
|
|
480
|
+
declare const RedsiftColorPresentationYellowLighter = "#FBF5DB";
|
|
481
|
+
declare const RedsiftColorPresentationYellowLighterer = "#FCF9E7";
|
|
482
|
+
declare const RedsiftColorPresentationPurpleDarkerer = "#4702C1";
|
|
483
|
+
declare const RedsiftColorPresentationPurpleDarker = "#7902EB";
|
|
484
|
+
declare const RedsiftColorPresentationPurpleDark = "#9200FF";
|
|
485
|
+
declare const RedsiftColorPresentationPurpleDefault = "#965EDE";
|
|
486
|
+
declare const RedsiftColorPresentationPurpleLight = "#C6A8EF";
|
|
487
|
+
declare const RedsiftColorPresentationPurpleLighter = "#DECAF6";
|
|
488
|
+
declare const RedsiftColorPresentationPurpleLighterer = "#E9DCF9";
|
|
489
|
+
declare const RedsiftColorPresentationOrangeDarkerer = "#B45310";
|
|
490
|
+
declare const RedsiftColorPresentationOrangeDarker = "#D2710B";
|
|
491
|
+
declare const RedsiftColorPresentationOrangeDark = "#ED9200";
|
|
492
|
+
declare const RedsiftColorPresentationOrangeDefault = "#FCBB54";
|
|
493
|
+
declare const RedsiftColorPresentationOrangeLight = "#F8D296";
|
|
494
|
+
declare const RedsiftColorPresentationOrangeLighter = "#FDE4C0";
|
|
495
|
+
declare const RedsiftColorPresentationOrangeLighterer = "#FEEDD5";
|
|
496
|
+
declare const RedsiftColorPresentationBlueDarkerer = "#0082F8";
|
|
497
|
+
declare const RedsiftColorPresentationBlueDarker = "#0099FD";
|
|
498
|
+
declare const RedsiftColorPresentationBlueDark = "#00AEFF";
|
|
499
|
+
declare const RedsiftColorPresentationBlueDefault = "#73C5EB";
|
|
500
|
+
declare const RedsiftColorPresentationBlueLight = "#B1DCF3";
|
|
501
|
+
declare const RedsiftColorPresentationBlueLighter = "#CCE8F7";
|
|
502
|
+
declare const RedsiftColorPresentationBlueLighterer = "#E6F3FB";
|
|
503
|
+
declare const RedsiftColorPresentationGreyDarkerer = "#6E6E6E";
|
|
504
|
+
declare const RedsiftColorPresentationGreyDarker = "#959595";
|
|
505
|
+
declare const RedsiftColorPresentationGreyDark = "#BFBFBF";
|
|
506
|
+
declare const RedsiftColorPresentationGreyDefault = "#D6D6D6";
|
|
507
|
+
declare const RedsiftColorPresentationGreyLight = "#E6E6E6";
|
|
508
|
+
declare const RedsiftColorPresentationGreyLighter = "#EEEEEE";
|
|
509
|
+
declare const RedsiftColorPresentationGreyLighterer = "#F7F7F7";
|
|
510
|
+
declare const RedsiftSideNavigationColorBackground = "#f2f2f2";
|
|
511
|
+
declare const RedsiftSideNavigationColorMenuItemTextResting = "#333333";
|
|
512
|
+
declare const RedsiftSideNavigationColorMenuItemTextDisabled = "#666666";
|
|
513
|
+
declare const RedsiftSideNavigationColorMenuItemTextHover = "#1c1c1c";
|
|
514
|
+
declare const RedsiftSideNavigationColorMenuItemBackgroundHover = "#E6E6E6";
|
|
515
|
+
declare const RedsiftSideNavigationColorMenuItemBackgroundSecondary = "transparent";
|
|
516
|
+
declare const RedsiftSideNavigationColorMenuItemBackgroundActive = "#b6b6b6";
|
|
517
|
+
declare const RedsiftSideNavigationColorMenuItemActive = "#1c1c1c";
|
|
518
|
+
declare const RedsiftSideNavigationColorScrollbarResting = "#b6b6b6";
|
|
519
|
+
declare const RedsiftSideNavigationColorScrollbarHover = "#666666";
|
|
518
520
|
declare const RedsiftLayoutZIndexFooter = "1000";
|
|
519
521
|
declare const RedsiftLayoutZIndexHeader = "1010";
|
|
520
522
|
declare const RedsiftLayoutZIndexSidePanel = "1050";
|
|
@@ -523,98 +525,94 @@ declare const RedsiftLayoutZIndexOverlay = "1150";
|
|
|
523
525
|
declare const RedsiftLayoutZIndexDialog = "1200";
|
|
524
526
|
declare const RedsiftLayoutZIndexPopover = "1250";
|
|
525
527
|
declare const RedsiftLayoutZIndexTooltip = "1300";
|
|
526
|
-
declare const
|
|
527
|
-
declare const RedsiftTypographyFontFamilyElectrolize = "'electrolize', sans-serif";
|
|
528
|
+
declare const RedsiftTypographyFontFamilyPoppins = "'Poppins', sans-serif";
|
|
528
529
|
declare const RedsiftTypographyFontFamilySourceCodePro = "'Source Code Pro', sans-serif";
|
|
530
|
+
declare const RedsiftTypographyFontWeightThin = "100";
|
|
531
|
+
declare const RedsiftTypographyFontWeightExtraLight = "200";
|
|
532
|
+
declare const RedsiftTypographyFontWeightLight = "300";
|
|
529
533
|
declare const RedsiftTypographyFontWeightRegular = "400";
|
|
530
534
|
declare const RedsiftTypographyFontWeightMedium = "500";
|
|
531
535
|
declare const RedsiftTypographyFontWeightSemiBold = "600";
|
|
532
536
|
declare const RedsiftTypographyFontWeightBold = "700";
|
|
533
|
-
declare const
|
|
537
|
+
declare const RedsiftTypographyFontWeightExtraBold = "800";
|
|
538
|
+
declare const RedsiftTypographyFontWeightBlack = "900";
|
|
539
|
+
declare const RedsiftTypographyH1FontFamily = "'Poppins', sans-serif";
|
|
534
540
|
declare const RedsiftTypographyH1FontSize = "24px";
|
|
535
|
-
declare const RedsiftTypographyH1FontWeight = "
|
|
536
|
-
declare const RedsiftTypographyH1LineHeight = "
|
|
537
|
-
declare const RedsiftTypographyH1TextTransform = "
|
|
538
|
-
declare const RedsiftTypographyH2FontFamily = "'
|
|
539
|
-
declare const RedsiftTypographyH2FontSize = "
|
|
541
|
+
declare const RedsiftTypographyH1FontWeight = "600";
|
|
542
|
+
declare const RedsiftTypographyH1LineHeight = "36px";
|
|
543
|
+
declare const RedsiftTypographyH1TextTransform = "unset";
|
|
544
|
+
declare const RedsiftTypographyH2FontFamily = "'Poppins', sans-serif";
|
|
545
|
+
declare const RedsiftTypographyH2FontSize = "22px";
|
|
540
546
|
declare const RedsiftTypographyH2FontWeight = "600";
|
|
541
|
-
declare const RedsiftTypographyH2LineHeight = "
|
|
547
|
+
declare const RedsiftTypographyH2LineHeight = "30px";
|
|
542
548
|
declare const RedsiftTypographyH2TextTransform = "unset";
|
|
543
|
-
declare const RedsiftTypographyH3FontFamily = "'
|
|
549
|
+
declare const RedsiftTypographyH3FontFamily = "'Poppins', sans-serif";
|
|
544
550
|
declare const RedsiftTypographyH3FontSize = "20px";
|
|
545
|
-
declare const RedsiftTypographyH3FontWeight = "
|
|
546
|
-
declare const RedsiftTypographyH3LineHeight = "
|
|
551
|
+
declare const RedsiftTypographyH3FontWeight = "600";
|
|
552
|
+
declare const RedsiftTypographyH3LineHeight = "30px";
|
|
547
553
|
declare const RedsiftTypographyH3TextTransform = "unset";
|
|
548
|
-
declare const RedsiftTypographyH4FontFamily = "'
|
|
549
|
-
declare const RedsiftTypographyH4FontSize = "
|
|
550
|
-
declare const RedsiftTypographyH4FontWeight = "
|
|
551
|
-
declare const RedsiftTypographyH4LineHeight = "
|
|
554
|
+
declare const RedsiftTypographyH4FontFamily = "'Poppins', sans-serif";
|
|
555
|
+
declare const RedsiftTypographyH4FontSize = "16px";
|
|
556
|
+
declare const RedsiftTypographyH4FontWeight = "600";
|
|
557
|
+
declare const RedsiftTypographyH4LineHeight = "24px";
|
|
552
558
|
declare const RedsiftTypographyH4TextTransform = "unset";
|
|
553
|
-
declare const RedsiftTypographyH5FontFamily = "'
|
|
554
|
-
declare const RedsiftTypographyH5FontSize = "
|
|
559
|
+
declare const RedsiftTypographyH5FontFamily = "'Poppins', sans-serif";
|
|
560
|
+
declare const RedsiftTypographyH5FontSize = "12px";
|
|
555
561
|
declare const RedsiftTypographyH5FontWeight = "600";
|
|
556
|
-
declare const RedsiftTypographyH5LineHeight = "
|
|
562
|
+
declare const RedsiftTypographyH5LineHeight = "18px";
|
|
557
563
|
declare const RedsiftTypographyH5TextTransform = "unset";
|
|
558
|
-
declare const
|
|
559
|
-
declare const RedsiftTypographySubtitleFontSize = "15px";
|
|
560
|
-
declare const RedsiftTypographySubtitleFontWeight = "700";
|
|
561
|
-
declare const RedsiftTypographySubtitleLineHeight = "26px";
|
|
562
|
-
declare const RedsiftTypographySubtitleTextTransform = "unset";
|
|
563
|
-
declare const RedsiftTypographyBodyFontFamily = "'Raleway', sans-serif";
|
|
564
|
+
declare const RedsiftTypographyBodyFontFamily = "'Poppins', sans-serif";
|
|
564
565
|
declare const RedsiftTypographyBodyFontSize = "15px";
|
|
565
566
|
declare const RedsiftTypographyBodyFontWeight = "400";
|
|
566
|
-
declare const RedsiftTypographyBodyLineHeight = "
|
|
567
|
+
declare const RedsiftTypographyBodyLineHeight = "24px";
|
|
567
568
|
declare const RedsiftTypographyBodyTextTransform = "unset";
|
|
568
|
-
declare const
|
|
569
|
-
declare const RedsiftTypographyBody2FontSize = "14px";
|
|
570
|
-
declare const RedsiftTypographyBody2FontWeight = "400";
|
|
571
|
-
declare const RedsiftTypographyBody2LineHeight = "20px";
|
|
572
|
-
declare const RedsiftTypographyLinkFontFamily = "'Raleway', sans-serif";
|
|
569
|
+
declare const RedsiftTypographyLinkFontFamily = "'Poppins', sans-serif";
|
|
573
570
|
declare const RedsiftTypographyLinkFontSize = "15px";
|
|
574
571
|
declare const RedsiftTypographyLinkFontWeight = "400";
|
|
575
572
|
declare const RedsiftTypographyLinkLineHeight = "26px";
|
|
576
|
-
declare const RedsiftTypographyInputTextFontFamily = "'
|
|
573
|
+
declare const RedsiftTypographyInputTextFontFamily = "'Poppins', sans-serif";
|
|
577
574
|
declare const RedsiftTypographyInputTextFontSize = "15px";
|
|
578
575
|
declare const RedsiftTypographyInputTextFontWeight = "400";
|
|
579
|
-
declare const RedsiftTypographyInputTextLineHeight = "
|
|
580
|
-
declare const RedsiftTypographyButtonFontFamily = "'
|
|
581
|
-
declare const RedsiftTypographyButtonFontSize = "
|
|
576
|
+
declare const RedsiftTypographyInputTextLineHeight = "24px";
|
|
577
|
+
declare const RedsiftTypographyButtonFontFamily = "'Poppins', sans-serif";
|
|
578
|
+
declare const RedsiftTypographyButtonFontSize = "16px";
|
|
582
579
|
declare const RedsiftTypographyButtonFontWeight = "500";
|
|
583
|
-
declare const RedsiftTypographyButtonLineHeight = "
|
|
580
|
+
declare const RedsiftTypographyButtonLineHeight = "24px";
|
|
584
581
|
declare const RedsiftTypographyButtonTextTransform = "uppercase";
|
|
585
|
-
declare const RedsiftTypographyCaptionFontFamily = "'
|
|
586
|
-
declare const RedsiftTypographyCaptionFontSize = "
|
|
582
|
+
declare const RedsiftTypographyCaptionFontFamily = "'Poppins', sans-serif";
|
|
583
|
+
declare const RedsiftTypographyCaptionFontSize = "12px";
|
|
587
584
|
declare const RedsiftTypographyCaptionFontWeight = "400";
|
|
588
|
-
declare const RedsiftTypographyCaptionLineHeight = "
|
|
585
|
+
declare const RedsiftTypographyCaptionLineHeight = "18px";
|
|
589
586
|
declare const RedsiftTypographyCaptionTextTransform = "unset";
|
|
590
|
-
declare const RedsiftTypographyHelperFontFamily = "'
|
|
591
|
-
declare const RedsiftTypographyHelperFontSize = "
|
|
587
|
+
declare const RedsiftTypographyHelperFontFamily = "'Poppins', sans-serif";
|
|
588
|
+
declare const RedsiftTypographyHelperFontSize = "16px";
|
|
592
589
|
declare const RedsiftTypographyHelperFontWeight = "400";
|
|
593
|
-
declare const RedsiftTypographyHelperLineHeight = "
|
|
594
|
-
declare const
|
|
590
|
+
declare const RedsiftTypographyHelperLineHeight = "24px";
|
|
591
|
+
declare const RedsiftTypographyHelperTextTransform = "unset";
|
|
592
|
+
declare const RedsiftTypographyBadgeFontFamily = "'Poppins', sans-serif";
|
|
595
593
|
declare const RedsiftTypographyBadgeFontSize = "12px";
|
|
596
|
-
declare const RedsiftTypographyBadgeFontWeight = "
|
|
597
|
-
declare const RedsiftTypographyBadgeLineHeight = "
|
|
598
|
-
declare const RedsiftTypographyPillFontFamily = "'
|
|
599
|
-
declare const RedsiftTypographyPillFontSize = "
|
|
600
|
-
declare const RedsiftTypographyPillFontWeight = "
|
|
601
|
-
declare const RedsiftTypographyPillLineHeight = "
|
|
602
|
-
declare const RedsiftTypographyChipFontFamily = "'
|
|
603
|
-
declare const RedsiftTypographyChipFontSize = "
|
|
594
|
+
declare const RedsiftTypographyBadgeFontWeight = "400";
|
|
595
|
+
declare const RedsiftTypographyBadgeLineHeight = "12px";
|
|
596
|
+
declare const RedsiftTypographyPillFontFamily = "'Poppins', sans-serif";
|
|
597
|
+
declare const RedsiftTypographyPillFontSize = "10px";
|
|
598
|
+
declare const RedsiftTypographyPillFontWeight = "400";
|
|
599
|
+
declare const RedsiftTypographyPillLineHeight = "normal";
|
|
600
|
+
declare const RedsiftTypographyChipFontFamily = "'Poppins', sans-serif";
|
|
601
|
+
declare const RedsiftTypographyChipFontSize = "12px";
|
|
604
602
|
declare const RedsiftTypographyChipFontWeight = "400";
|
|
605
603
|
declare const RedsiftTypographyChipLineHeight = "18px";
|
|
606
|
-
declare const RedsiftTypographyTooltipFontFamily = "'
|
|
607
|
-
declare const RedsiftTypographyTooltipFontSize = "
|
|
608
|
-
declare const RedsiftTypographyTooltipFontWeight = "
|
|
609
|
-
declare const RedsiftTypographyTooltipLineHeight = "
|
|
610
|
-
declare const RedsiftTypographyDatagridHeaderFontFamily = "'
|
|
611
|
-
declare const RedsiftTypographyDatagridHeaderFontSize = "
|
|
612
|
-
declare const RedsiftTypographyDatagridHeaderFontWeight = "
|
|
613
|
-
declare const RedsiftTypographyDatagridHeaderLineHeight = "
|
|
614
|
-
declare const RedsiftTypographyDatagridCellFontFamily = "'
|
|
615
|
-
declare const RedsiftTypographyDatagridCellFontSize = "
|
|
604
|
+
declare const RedsiftTypographyTooltipFontFamily = "'Poppins', sans-serif";
|
|
605
|
+
declare const RedsiftTypographyTooltipFontSize = "12px";
|
|
606
|
+
declare const RedsiftTypographyTooltipFontWeight = "400";
|
|
607
|
+
declare const RedsiftTypographyTooltipLineHeight = "18px";
|
|
608
|
+
declare const RedsiftTypographyDatagridHeaderFontFamily = "'Poppins', sans-serif";
|
|
609
|
+
declare const RedsiftTypographyDatagridHeaderFontSize = "14px";
|
|
610
|
+
declare const RedsiftTypographyDatagridHeaderFontWeight = "600";
|
|
611
|
+
declare const RedsiftTypographyDatagridHeaderLineHeight = "21px";
|
|
612
|
+
declare const RedsiftTypographyDatagridCellFontFamily = "'Poppins', sans-serif";
|
|
613
|
+
declare const RedsiftTypographyDatagridCellFontSize = "16px";
|
|
616
614
|
declare const RedsiftTypographyDatagridCellFontWeight = "400";
|
|
617
|
-
declare const RedsiftTypographyDatagridCellLineHeight = "
|
|
615
|
+
declare const RedsiftTypographyDatagridCellLineHeight = "24px";
|
|
618
616
|
|
|
619
617
|
/**
|
|
620
618
|
* Display a warning if no label was found for screen readers and assistive technologies.
|
|
@@ -682,8 +680,15 @@ declare const IconSize: {
|
|
|
682
680
|
readonly medium: "medium";
|
|
683
681
|
readonly large: "large";
|
|
684
682
|
readonly xlarge: "xlarge";
|
|
683
|
+
readonly xxlarge: "xxlarge";
|
|
685
684
|
};
|
|
686
685
|
type IconSize = ValueOf<typeof IconSize>;
|
|
686
|
+
type IconDimensions = {
|
|
687
|
+
width: number;
|
|
688
|
+
height: number;
|
|
689
|
+
fontSize?: number;
|
|
690
|
+
lineHeight?: number;
|
|
691
|
+
};
|
|
687
692
|
/**
|
|
688
693
|
* Component props.
|
|
689
694
|
*/
|
|
@@ -693,7 +698,7 @@ interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, P
|
|
|
693
698
|
/** A screen reader only label for the Icon. */
|
|
694
699
|
'aria-label'?: string;
|
|
695
700
|
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
696
|
-
color?:
|
|
701
|
+
color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
697
702
|
/** Whether the icon has a badge attached to it. */
|
|
698
703
|
badge?: ReactElement;
|
|
699
704
|
/**
|
|
@@ -702,15 +707,19 @@ interface IconProps extends ComponentProps<'span'>, LayoutProps, SpacingProps, P
|
|
|
702
707
|
*/
|
|
703
708
|
icon: string | string[] | ReactElement;
|
|
704
709
|
/** Icon size. */
|
|
705
|
-
size?: IconSize;
|
|
710
|
+
size?: IconSize | IconDimensions;
|
|
706
711
|
/** Additional properties to forward to the SVG tag. */
|
|
707
712
|
svgProps?: ComponentProps<'svg'>;
|
|
708
713
|
}
|
|
709
714
|
type StyledIconProps = Omit<IconProps, 'color' | 'size' | 'icon' | 'svgProps'> & {
|
|
710
715
|
$color: IconProps['color'];
|
|
711
|
-
$
|
|
716
|
+
$width: IconDimensions['width'];
|
|
717
|
+
$height: IconDimensions['height'];
|
|
718
|
+
$fontSize: IconDimensions['fontSize'];
|
|
719
|
+
$lineHeight: IconDimensions['lineHeight'];
|
|
712
720
|
};
|
|
713
721
|
|
|
722
|
+
declare const sizeToDimension: (size: IconSize | IconDimensions) => IconDimensions;
|
|
714
723
|
/**
|
|
715
724
|
* The Icon component.
|
|
716
725
|
*/
|
|
@@ -728,7 +737,7 @@ type IconButtonVariant = ValueOf<typeof IconButtonVariant>;
|
|
|
728
737
|
/**
|
|
729
738
|
* Component color.
|
|
730
739
|
*/
|
|
731
|
-
type IconButtonColor =
|
|
740
|
+
type IconButtonColor = CtasColorPalette | NotificationsColorPalette;
|
|
732
741
|
/**
|
|
733
742
|
* Component props.
|
|
734
743
|
*/
|
|
@@ -740,6 +749,8 @@ interface IconButtonProps extends ComponentProps<'button'>, StylingProps {
|
|
|
740
749
|
* Can also be a ReactElement.
|
|
741
750
|
*/
|
|
742
751
|
icon: IconProps['icon'];
|
|
752
|
+
/** Props to forward to the icon. */
|
|
753
|
+
iconProps?: Omit<IconProps, 'ref' | 'icon'>;
|
|
743
754
|
/** Whether the component is active or not. */
|
|
744
755
|
isActive?: boolean;
|
|
745
756
|
/** Whether the component is disabled or not. */
|
|
@@ -768,21 +779,40 @@ type StyledIconButtonProps = Omit<IconButtonProps, 'icon'> & {
|
|
|
768
779
|
*/
|
|
769
780
|
declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
|
|
770
781
|
|
|
782
|
+
/**
|
|
783
|
+
* Component props.
|
|
784
|
+
*/
|
|
785
|
+
interface BreadcrumbItemProps extends ComponentProps<'a'> {
|
|
786
|
+
/** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
|
|
787
|
+
as?: 'a' | ElementType;
|
|
788
|
+
/** Whether the breadcrumb item is the current page. */
|
|
789
|
+
isCurrent?: boolean;
|
|
790
|
+
/** Whether the component is disabled or not. */
|
|
791
|
+
isDisabled?: boolean;
|
|
792
|
+
}
|
|
793
|
+
type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
|
|
794
|
+
$isCurrent: BreadcrumbItemProps['isCurrent'];
|
|
795
|
+
$isDisabled: BreadcrumbItemProps['isDisabled'];
|
|
796
|
+
};
|
|
797
|
+
|
|
798
|
+
/**
|
|
799
|
+
* The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
|
|
800
|
+
*/
|
|
801
|
+
declare const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
|
|
802
|
+
|
|
771
803
|
/**
|
|
772
804
|
* Component props.
|
|
773
805
|
*/
|
|
774
806
|
interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
|
|
807
|
+
/** Array of breadcrumb item props to use to generate a Breadcrumbs in place of the title. The last item is considered as the current page. */
|
|
808
|
+
breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
|
|
775
809
|
/** Custom props to pass to the IconButton used to collapse the side panel. */
|
|
776
|
-
|
|
810
|
+
iconButtonProps?: Omit<IconButtonProps, 'icon'>;
|
|
777
811
|
/** Custom ref to pass to the IconButton used to collapse the side panel. */
|
|
778
|
-
|
|
779
|
-
/** Custom props to pass to the IconButton used to expand the side panel. */
|
|
780
|
-
expandIconButtonProps?: Omit<IconButtonProps, 'icon'>;
|
|
781
|
-
/** Custom ref to pass to the IconButton used to expand the side panel. */
|
|
782
|
-
expandIconButtonRef?: RefObject<HTMLButtonElement>;
|
|
812
|
+
iconButtonRef?: RefObject<HTMLButtonElement>;
|
|
783
813
|
/** Title of the page if no one provided automatically */
|
|
784
814
|
fallbackTitle?: string;
|
|
785
|
-
/** Title of the page */
|
|
815
|
+
/** Title of the page, if no breadcrumbs used. */
|
|
786
816
|
title?: string | ReactElement;
|
|
787
817
|
}
|
|
788
818
|
type StyledAppBarProps = AppBarProps & {
|
|
@@ -796,79 +826,32 @@ type StyledAppBarProps = AppBarProps & {
|
|
|
796
826
|
declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
|
|
797
827
|
|
|
798
828
|
/**
|
|
799
|
-
*
|
|
800
|
-
*/
|
|
801
|
-
type AppContainerState = {
|
|
802
|
-
/** Collapses the side panel. */
|
|
803
|
-
collapseSidePanel(): void;
|
|
804
|
-
/** Expandes the side panel. */
|
|
805
|
-
expandSidePanel(): void;
|
|
806
|
-
/** Whether the container contains an AppBar or not. */
|
|
807
|
-
hasAppBar: boolean;
|
|
808
|
-
/** Whether the container contains an AppSidePanel or not. */
|
|
809
|
-
hasAppSidePanel: boolean;
|
|
810
|
-
/** Whether the container contains an AppContent or not. */
|
|
811
|
-
hasAppContent: boolean;
|
|
812
|
-
/** Whether the side panel is collapsed. */
|
|
813
|
-
readonly isSidePanelCollapsed: boolean;
|
|
814
|
-
/** Product theme. */
|
|
815
|
-
productTheme?: AppContainerProps['productTheme'];
|
|
816
|
-
/** Set title of the page. */
|
|
817
|
-
setTitle(title?: string): void;
|
|
818
|
-
/** Page title. */
|
|
819
|
-
readonly title?: string;
|
|
820
|
-
};
|
|
821
|
-
/**
|
|
822
|
-
* Component props.
|
|
823
|
-
*/
|
|
824
|
-
interface AppContainerProps extends ComponentProps<'div'> {
|
|
825
|
-
/** The locale to apply to the children. */
|
|
826
|
-
locale?: string;
|
|
827
|
-
/** Product theme to apply to everything within. This overrides the CSS variables automatically. */
|
|
828
|
-
productTheme?: ProductColorPalette;
|
|
829
|
-
}
|
|
830
|
-
type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'productTheme'> & {
|
|
831
|
-
$productTheme?: AppContainerProps['productTheme'];
|
|
832
|
-
};
|
|
833
|
-
|
|
834
|
-
declare const AppContainerContext: React$1.Context<AppContainerState | null>;
|
|
835
|
-
|
|
836
|
-
/**
|
|
837
|
-
* The AppContainer component.
|
|
838
|
-
*/
|
|
839
|
-
declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
|
|
840
|
-
|
|
841
|
-
/**
|
|
842
|
-
* Component props.
|
|
829
|
+
* Component variant.
|
|
843
830
|
*/
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
}
|
|
848
|
-
type StyledAppContentProps = Omit<AppContentProps, 'productTheme'> & {
|
|
849
|
-
$isLoaded: boolean;
|
|
850
|
-
$isSidePanelCollapsed: boolean;
|
|
851
|
-
$productTheme?: string;
|
|
831
|
+
declare const AppSidePanelVariant: {
|
|
832
|
+
readonly shrinked: "shrinked";
|
|
833
|
+
readonly standard: "standard";
|
|
852
834
|
};
|
|
853
|
-
|
|
854
|
-
/**
|
|
855
|
-
* The AppContent component.
|
|
856
|
-
*/
|
|
857
|
-
declare const AppContent: Comp<AppContentProps, HTMLElement>;
|
|
858
|
-
|
|
835
|
+
type AppSidePanelVariant = ValueOf<typeof AppSidePanelVariant>;
|
|
859
836
|
/**
|
|
860
837
|
* Component props.
|
|
861
838
|
*/
|
|
862
839
|
interface AppSidePanelProps extends ComponentProps<'div'> {
|
|
863
840
|
/** Elements to display on top of the navigation menu. Usually a button. */
|
|
864
841
|
featuredElements?: ReactElement | ReactElement[];
|
|
865
|
-
/**
|
|
866
|
-
|
|
842
|
+
/** Custom props to pass to the IconButton used to collapse the side panel. */
|
|
843
|
+
iconButtonProps?: Omit<IconButtonProps, 'icon'>;
|
|
844
|
+
/** Custom ref to pass to the IconButton used to collapse the side panel. */
|
|
845
|
+
iconButtonRef?: RefObject<HTMLButtonElement>;
|
|
867
846
|
/** Place to display the logo app. */
|
|
868
847
|
logo?: ReactElement | ComponentProps<'img'>;
|
|
848
|
+
/** Method called when a click occurs on the top open button - which is displayed only in shrinked variant. */
|
|
849
|
+
onOpen?: (e: MouseEvent) => void;
|
|
850
|
+
/** Variant. */
|
|
851
|
+
variant?: AppSidePanelVariant;
|
|
869
852
|
}
|
|
870
|
-
type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed'> & {
|
|
871
|
-
$
|
|
853
|
+
type StyledAppSidePanelProps = Omit<AppSidePanelProps, 'isCollapsed' | 'logo'> & {
|
|
854
|
+
$variant: AppSidePanelProps['variant'];
|
|
872
855
|
};
|
|
873
856
|
|
|
874
857
|
/**
|
|
@@ -926,13 +909,12 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
|
|
|
926
909
|
menuProps?: ComponentProps<'ul'>;
|
|
927
910
|
/** Custom ref to pass to the menu. */
|
|
928
911
|
menuRef?: MutableRefObject<HTMLUListElement>;
|
|
929
|
-
/** Whether the component should hide icons or not. */
|
|
930
|
-
withoutIcons?: boolean;
|
|
931
912
|
}
|
|
932
|
-
type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'
|
|
913
|
+
type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {
|
|
933
914
|
$isDisabled: SideNavigationMenuProps['isDisabled'];
|
|
934
915
|
$isExpanded: SideNavigationMenuProps['isExpanded'];
|
|
935
|
-
$
|
|
916
|
+
$numberOfChildren: number;
|
|
917
|
+
$variant: SideNavigationMenuBarVariant;
|
|
936
918
|
};
|
|
937
919
|
|
|
938
920
|
/**
|
|
@@ -955,7 +937,7 @@ interface BadgeProps extends ComponentProps<'div'>, LayoutProps, SpacingProps, P
|
|
|
955
937
|
/** Whether the badge should automatically break content. */
|
|
956
938
|
autoBreak?: boolean;
|
|
957
939
|
/** Color variant. The product colors are available but should only be used to display the Badge in the color of another product. To display a Badge with a color of the current product, use `default`. */
|
|
958
|
-
color?:
|
|
940
|
+
color?: CtasColorPalette | NotificationsColorPalette | PresentationColorPalette;
|
|
959
941
|
/** Whether the Badge has its colors reversed or not. */
|
|
960
942
|
isReversed?: boolean;
|
|
961
943
|
/** Badge variant. */
|
|
@@ -1000,14 +982,12 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
|
|
|
1000
982
|
isDisabled?: boolean;
|
|
1001
983
|
/** Whether the component is a second-level menu item. */
|
|
1002
984
|
isSecondLevel?: boolean;
|
|
1003
|
-
/** Whether the component should hide icons or not. */
|
|
1004
|
-
withoutIcons?: boolean;
|
|
1005
985
|
}
|
|
1006
|
-
type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel'
|
|
986
|
+
type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel'> & {
|
|
1007
987
|
$isCurrent: SideNavigationMenuItemProps['isCurrent'];
|
|
1008
988
|
$isDisabled: SideNavigationMenuItemProps['isDisabled'];
|
|
1009
989
|
$isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
|
|
1010
|
-
$
|
|
990
|
+
$variant: SideNavigationMenuBarVariant;
|
|
1011
991
|
};
|
|
1012
992
|
|
|
1013
993
|
/**
|
|
@@ -1015,29 +995,48 @@ type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCu
|
|
|
1015
995
|
*/
|
|
1016
996
|
declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement>;
|
|
1017
997
|
|
|
998
|
+
/**
|
|
999
|
+
* Component variant.
|
|
1000
|
+
*/
|
|
1001
|
+
declare const SideNavigationMenuBarVariant: {
|
|
1002
|
+
readonly shrinked: "shrinked";
|
|
1003
|
+
readonly standard: "standard";
|
|
1004
|
+
};
|
|
1005
|
+
type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;
|
|
1018
1006
|
/**
|
|
1019
1007
|
* Context props.
|
|
1020
1008
|
*/
|
|
1021
1009
|
type SideNavigationMenuBarContextProps = {
|
|
1010
|
+
/** List of menu items. */
|
|
1022
1011
|
menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
|
|
1012
|
+
/** Side navigation variant. */
|
|
1013
|
+
sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;
|
|
1014
|
+
/** Change side navigation variant. */
|
|
1015
|
+
setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;
|
|
1016
|
+
/** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */
|
|
1017
|
+
currentOpenMenuId?: string;
|
|
1018
|
+
/** Change current open menu id. */
|
|
1019
|
+
setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;
|
|
1023
1020
|
};
|
|
1024
1021
|
/**
|
|
1025
1022
|
* Component props.
|
|
1026
1023
|
*/
|
|
1027
1024
|
interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
|
|
1025
|
+
/** Whether or not opening a menu closes the others. */
|
|
1026
|
+
canHaveMultipleMenuOpenAtOnce?: boolean;
|
|
1028
1027
|
/** Whether the component is disabled or not. */
|
|
1029
1028
|
isDisabled?: boolean;
|
|
1030
1029
|
/** Custom props to pass to the menubar. */
|
|
1031
1030
|
menubarProps?: ComponentProps<'ul'>;
|
|
1032
1031
|
/** Custom ref to pass to the menubar. */
|
|
1033
1032
|
menubarRef?: MutableRefObject<HTMLUListElement>;
|
|
1034
|
-
/**
|
|
1035
|
-
|
|
1033
|
+
/** Variant. */
|
|
1034
|
+
variant?: SideNavigationMenuBarVariant;
|
|
1036
1035
|
}
|
|
1037
|
-
type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'
|
|
1036
|
+
type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {
|
|
1038
1037
|
$isDisabled: SideNavigationMenuBarProps['isDisabled'];
|
|
1039
1038
|
$marginTop?: number;
|
|
1040
|
-
$
|
|
1039
|
+
$variant: SideNavigationMenuBarProps['variant'];
|
|
1041
1040
|
};
|
|
1042
1041
|
/**
|
|
1043
1042
|
* Hook props.
|
|
@@ -1062,28 +1061,70 @@ interface UseSideNavigationMenuBarProps {
|
|
|
1062
1061
|
}
|
|
1063
1062
|
declare const useSideNavigationMenuBar: ({ items, isActive, }: UseSideNavigationMenuBarProps) => Omit<SideNavigationMenuBarProps, 'ref'>;
|
|
1064
1063
|
|
|
1065
|
-
declare const useAppSidePanel: ({ items, isActive
|
|
1064
|
+
declare const useAppSidePanel: ({ items, isActive }: UseSideNavigationMenuBarProps) => Omit<AppSidePanelProps, 'ref'>;
|
|
1066
1065
|
|
|
1066
|
+
/**
|
|
1067
|
+
* Context props.
|
|
1068
|
+
*/
|
|
1069
|
+
type AppContainerState = {
|
|
1070
|
+
/** Collapses the side panel. */
|
|
1071
|
+
collapseSidePanel(): void;
|
|
1072
|
+
/** Expandes the side panel. */
|
|
1073
|
+
expandSidePanel(): void;
|
|
1074
|
+
/** Whether the container contains an AppBar or not. */
|
|
1075
|
+
hasAppBar: boolean;
|
|
1076
|
+
/** Whether the container contains an AppSidePanel or not. */
|
|
1077
|
+
hasAppSidePanel: boolean;
|
|
1078
|
+
/** Whether the container contains an AppContent or not. */
|
|
1079
|
+
hasAppContent: boolean;
|
|
1080
|
+
/** Product theme. */
|
|
1081
|
+
product?: AppContainerProps['product'];
|
|
1082
|
+
/** Set breadcrumbs of the page. */
|
|
1083
|
+
setBreadcrumbs(breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[]): void;
|
|
1084
|
+
/** Page breadcrumbs. */
|
|
1085
|
+
readonly breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
|
|
1086
|
+
/** Side panel variant. */
|
|
1087
|
+
sidePanelVariant: AppSidePanelVariant;
|
|
1088
|
+
/** Change side panel variant. */
|
|
1089
|
+
setSidePanelVariant: Dispatch<SetStateAction<AppSidePanelVariant>>;
|
|
1090
|
+
};
|
|
1067
1091
|
/**
|
|
1068
1092
|
* Component props.
|
|
1069
1093
|
*/
|
|
1070
|
-
interface
|
|
1071
|
-
/**
|
|
1072
|
-
|
|
1073
|
-
/**
|
|
1074
|
-
|
|
1075
|
-
/** Whether the component is disabled or not. */
|
|
1076
|
-
isDisabled?: boolean;
|
|
1094
|
+
interface AppContainerProps extends ComponentProps<'div'> {
|
|
1095
|
+
/** The locale to apply to the children. */
|
|
1096
|
+
locale?: string;
|
|
1097
|
+
/** Product theme to apply to everything within. This overrides the CSS variables automatically. */
|
|
1098
|
+
product?: Product;
|
|
1077
1099
|
}
|
|
1078
|
-
type
|
|
1079
|
-
$
|
|
1080
|
-
$isDisabled: BreadcrumbItemProps['isDisabled'];
|
|
1100
|
+
type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
|
|
1101
|
+
$product?: AppContainerProps['product'];
|
|
1081
1102
|
};
|
|
1082
1103
|
|
|
1104
|
+
declare const AppContainerContext: React$1.Context<AppContainerState | null>;
|
|
1105
|
+
|
|
1083
1106
|
/**
|
|
1084
|
-
* The
|
|
1107
|
+
* The AppContainer component.
|
|
1085
1108
|
*/
|
|
1086
|
-
declare const
|
|
1109
|
+
declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
|
|
1110
|
+
|
|
1111
|
+
/**
|
|
1112
|
+
* Component props.
|
|
1113
|
+
*/
|
|
1114
|
+
interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
|
|
1115
|
+
/** Product theme to apply to everything within. This overrides the CSS variables automatically. */
|
|
1116
|
+
product?: Product;
|
|
1117
|
+
}
|
|
1118
|
+
type StyledAppContentProps = Omit<AppContentProps, 'product'> & {
|
|
1119
|
+
$isLoaded: boolean;
|
|
1120
|
+
$isSidePanelCollapsed: boolean;
|
|
1121
|
+
$product?: string;
|
|
1122
|
+
};
|
|
1123
|
+
|
|
1124
|
+
/**
|
|
1125
|
+
* The AppContent component.
|
|
1126
|
+
*/
|
|
1127
|
+
declare const AppContent: Comp<AppContentProps, HTMLElement>;
|
|
1087
1128
|
|
|
1088
1129
|
/**
|
|
1089
1130
|
* Component props.
|
|
@@ -1116,7 +1157,7 @@ type ButtonVariant = ValueOf<typeof ButtonVariant>;
|
|
|
1116
1157
|
/**
|
|
1117
1158
|
* Component color.
|
|
1118
1159
|
*/
|
|
1119
|
-
type ButtonColor =
|
|
1160
|
+
type ButtonColor = CtasColorPalette | NotificationsColorPalette;
|
|
1120
1161
|
/**
|
|
1121
1162
|
* Component props.
|
|
1122
1163
|
*/
|
|
@@ -1522,7 +1563,7 @@ interface ShieldProps extends ComponentProps<'div'>, StylingProps {
|
|
|
1522
1563
|
variant?: ShieldVariant;
|
|
1523
1564
|
}
|
|
1524
1565
|
type StyledShieldProps = Omit<ShieldProps, 'color'> & {
|
|
1525
|
-
$color?:
|
|
1566
|
+
$color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
1526
1567
|
$isOutlined: ShieldProps['isOutlined'];
|
|
1527
1568
|
$isReversed: ShieldProps['isReversed'];
|
|
1528
1569
|
$variant: ShieldProps['variant'];
|
|
@@ -1542,7 +1583,7 @@ interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
|
|
|
1542
1583
|
/** Banner variant. */
|
|
1543
1584
|
bannerVariant?: 'standard' | 'condensed';
|
|
1544
1585
|
/** Banner color. */
|
|
1545
|
-
color?:
|
|
1586
|
+
color?: NotificationsColorPalette;
|
|
1546
1587
|
/** Default collapse status. Used for uncontrolled version. */
|
|
1547
1588
|
defaultAllCollapsed?: boolean;
|
|
1548
1589
|
/**
|
|
@@ -1570,7 +1611,7 @@ interface PillProps extends ComponentProps<'div'>, StylingProps {
|
|
|
1570
1611
|
/** Whether the badge should automatically break content. */
|
|
1571
1612
|
autoBreak?: boolean;
|
|
1572
1613
|
/** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */
|
|
1573
|
-
color?:
|
|
1614
|
+
color?: PresentationColorPalette | 'white' | 'black' | 'no-data' | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark';
|
|
1574
1615
|
}
|
|
1575
1616
|
type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
|
|
1576
1617
|
$autoBreak: PillProps['autoBreak'];
|
|
@@ -1656,7 +1697,7 @@ interface DetailedCardSectionProps extends ComponentProps<'div'> {
|
|
|
1656
1697
|
/** Props to pass to the badge displayed next to the title. */
|
|
1657
1698
|
badge?: Omit<BadgeProps, 'ref'>;
|
|
1658
1699
|
/** Color that will be used on the header line. */
|
|
1659
|
-
color?:
|
|
1700
|
+
color?: NotificationsColorPalette | PresentationColorPalette | (string & {});
|
|
1660
1701
|
/** Header. */
|
|
1661
1702
|
header?: string | ReactElement;
|
|
1662
1703
|
/** Whether the section is collapsed or not. */
|
|
@@ -2098,11 +2139,10 @@ declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
|
|
|
2098
2139
|
* Component variant.
|
|
2099
2140
|
*/
|
|
2100
2141
|
declare const TextVariant: {
|
|
2101
|
-
readonly subtitle: "subtitle";
|
|
2102
2142
|
readonly body: "body";
|
|
2103
|
-
readonly body2: "body2";
|
|
2104
2143
|
readonly button: "button";
|
|
2105
2144
|
readonly caption: "caption";
|
|
2145
|
+
readonly helper: "helper";
|
|
2106
2146
|
readonly inherit: "inherit";
|
|
2107
2147
|
};
|
|
2108
2148
|
type TextVariant = ValueOf<typeof TextVariant>;
|
|
@@ -2131,11 +2171,13 @@ interface TextProps extends ComponentProps<'span'>, StylingProps {
|
|
|
2131
2171
|
/** Override component. */
|
|
2132
2172
|
as?: TextComponent;
|
|
2133
2173
|
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
2134
|
-
color?:
|
|
2174
|
+
color?: NotificationsColorPalette | NeutralColorPalette | (string & {});
|
|
2135
2175
|
/** Font family. */
|
|
2136
2176
|
fontFamily?: FontFamily;
|
|
2137
2177
|
/** Font size. */
|
|
2138
2178
|
fontSize?: string;
|
|
2179
|
+
/** Font weight. */
|
|
2180
|
+
fontWeight?: string;
|
|
2139
2181
|
/** Line height. */
|
|
2140
2182
|
lineHeight?: string;
|
|
2141
2183
|
/** Whether the text will truncate with a text overflow ellipsis or wrap. */
|
|
@@ -2148,6 +2190,7 @@ type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize
|
|
|
2148
2190
|
$color: TextProps['color'];
|
|
2149
2191
|
$fontFamily?: TextProps['fontFamily'];
|
|
2150
2192
|
$fontSize: TextProps['fontSize'];
|
|
2193
|
+
$fontWeight: TextProps['fontWeight'];
|
|
2151
2194
|
$lineHeight: TextProps['lineHeight'];
|
|
2152
2195
|
$noWrap: TextProps['noWrap'];
|
|
2153
2196
|
$variant: TextProps['variant'];
|
|
@@ -2370,9 +2413,7 @@ declare const SkeletonTextVariant: {
|
|
|
2370
2413
|
readonly h3: "h3";
|
|
2371
2414
|
readonly h4: "h4";
|
|
2372
2415
|
readonly h5: "h5";
|
|
2373
|
-
readonly subtitle: "subtitle";
|
|
2374
2416
|
readonly body: "body";
|
|
2375
|
-
readonly body2: "body2";
|
|
2376
2417
|
readonly button: "button";
|
|
2377
2418
|
readonly caption: "caption";
|
|
2378
2419
|
};
|
|
@@ -2430,25 +2471,20 @@ declare const SpinnerSize: {
|
|
|
2430
2471
|
readonly large: "large";
|
|
2431
2472
|
};
|
|
2432
2473
|
type SpinnerSize = ValueOf<typeof SpinnerSize>;
|
|
2433
|
-
/**
|
|
2434
|
-
* Component color.
|
|
2435
|
-
*/
|
|
2436
|
-
type SpinnerColor = typeof ColorPalette.default | typeof ColorPalette.question | typeof ColorPalette['no-data'] | ProductColorPalette;
|
|
2437
2474
|
/**
|
|
2438
2475
|
* Component props.
|
|
2439
2476
|
*/
|
|
2440
|
-
interface SpinnerProps extends ComponentProps<'img'>, LayoutProps, SpacingProps, PositioningProps {
|
|
2477
|
+
interface SpinnerProps extends Omit<ComponentProps<'img'>, 'color'>, LayoutProps, SpacingProps, PositioningProps {
|
|
2441
2478
|
/** Indicates whether the element is exposed to an accessibility API. */
|
|
2442
2479
|
'aria-hidden'?: boolean | 'false' | 'true';
|
|
2443
2480
|
/** A screen reader only label for the Spinner. */
|
|
2444
2481
|
'aria-label'?: string;
|
|
2445
|
-
/**
|
|
2446
|
-
|
|
2482
|
+
/** Whether the spinner is colored or not. */
|
|
2483
|
+
isColored?: boolean;
|
|
2447
2484
|
/** Spinner size. */
|
|
2448
2485
|
size?: SpinnerSize;
|
|
2449
2486
|
}
|
|
2450
2487
|
type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {
|
|
2451
|
-
$color?: SpinnerProps['color'];
|
|
2452
2488
|
$size?: SpinnerProps['size'];
|
|
2453
2489
|
};
|
|
2454
2490
|
|
|
@@ -2662,4 +2698,4 @@ type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisa
|
|
|
2662
2698
|
*/
|
|
2663
2699
|
declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
|
|
2664
2700
|
|
|
2665
|
-
export { ActiveDescendantListbox, Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, ColorPalette, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, DataVizColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FocusWithinGroup, FocusWithinGroupAction, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupContextProps, FocusWithinGroupOptions, FocusWithinGroupProps, FocusWithinGroupReducer, FocusWithinGroupState, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconProps, IconSize, InternalSpacingProps, Item, ItemProps, JustifyContent, JustifyItems, JustifySelf, KeyDirection, LISTBOX_INITIAL_STATE, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Listbox, ListboxAction, ListboxActionType, ListboxContext, ListboxContextProps, ListboxProps, ListboxReducer, ListboxState, ListboxVariant, Menu, MenuBarItems, MenuItem, Navigation, NeutralColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, ProductColorPalette, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorDefaultActive, RedsiftColorDefaultActiveHover, RedsiftColorDefaultHover, RedsiftColorDefaultPrimary, RedsiftColorDefaultPrimaryActive, RedsiftColorDefaultPrimaryActiveHover, RedsiftColorDefaultSecondary, RedsiftColorErrorActive, RedsiftColorErrorActiveHover, RedsiftColorErrorHover, RedsiftColorErrorPrimary, RedsiftColorErrorPrimaryActive, RedsiftColorErrorPrimaryActiveHover, RedsiftColorErrorSecondary, RedsiftColorHardenizeActive, RedsiftColorHardenizeActiveHover, RedsiftColorHardenizeHover, RedsiftColorHardenizePrimary, RedsiftColorHardenizePrimaryActive, RedsiftColorHardenizePrimaryActiveHover, RedsiftColorHardenizeSecondary, RedsiftColorInfoActive, RedsiftColorInfoActiveHover, RedsiftColorInfoHover, RedsiftColorInfoPrimary, RedsiftColorInfoPrimaryActive, RedsiftColorInfoPrimaryActiveHover, RedsiftColorInfoSecondary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNoDataActive, RedsiftColorNoDataActiveHover, RedsiftColorNoDataHover, RedsiftColorNoDataPrimary, RedsiftColorNoDataPrimaryActive, RedsiftColorNoDataPrimaryActiveHover, RedsiftColorNoDataSecondary, RedsiftColorOndmarcActive, RedsiftColorOndmarcActiveHover, RedsiftColorOndmarcHover, RedsiftColorOndmarcPrimary, RedsiftColorOndmarcPrimaryActive, RedsiftColorOndmarcPrimaryActiveHover, RedsiftColorOndmarcSecondary, RedsiftColorOndomainActive, RedsiftColorOndomainActiveHover, RedsiftColorOndomainHover, RedsiftColorOndomainPrimary, RedsiftColorOndomainPrimaryActive, RedsiftColorOndomainPrimaryActiveHover, RedsiftColorOndomainSecondary, RedsiftColorOninboxActive, RedsiftColorOninboxActiveHover, RedsiftColorOninboxHover, RedsiftColorOninboxPrimary, RedsiftColorOninboxPrimaryActive, RedsiftColorOninboxPrimaryActiveHover, RedsiftColorOninboxSecondary, RedsiftColorQuestionActive, RedsiftColorQuestionActiveHover, RedsiftColorQuestionHover, RedsiftColorQuestionPrimary, RedsiftColorQuestionPrimaryActive, RedsiftColorQuestionPrimaryActiveHover, RedsiftColorQuestionSecondary, RedsiftColorSuccessActive, RedsiftColorSuccessActiveHover, RedsiftColorSuccessHover, RedsiftColorSuccessPrimary, RedsiftColorSuccessPrimaryActive, RedsiftColorSuccessPrimaryActiveHover, RedsiftColorSuccessSecondary, RedsiftColorToolsActive, RedsiftColorToolsActiveHover, RedsiftColorToolsHover, RedsiftColorToolsPrimary, RedsiftColorToolsPrimaryActive, RedsiftColorToolsPrimaryActiveHover, RedsiftColorToolsSecondary, RedsiftColorWarningActive, RedsiftColorWarningActiveHover, RedsiftColorWarningHover, RedsiftColorWarningPrimary, RedsiftColorWarningPrimaryActive, RedsiftColorWarningPrimaryActiveHover, RedsiftColorWarningSecondary, RedsiftColorWebsiteActive, RedsiftColorWebsiteActiveHover, RedsiftColorWebsiteHover, RedsiftColorWebsitePrimary, RedsiftColorWebsitePrimaryActive, RedsiftColorWebsitePrimaryActiveHover, RedsiftColorWebsiteSecondary, RedsiftDataVizColorAquaDark, RedsiftDataVizColorAquaDarker, RedsiftDataVizColorAquaDarkerer, RedsiftDataVizColorAquaDefault, RedsiftDataVizColorAquaLight, RedsiftDataVizColorAquaLighter, RedsiftDataVizColorAquaLighterer, RedsiftDataVizColorBlueDark, RedsiftDataVizColorBlueDarker, RedsiftDataVizColorBlueDarkerer, RedsiftDataVizColorBlueDefault, RedsiftDataVizColorBlueLight, RedsiftDataVizColorBlueLighter, RedsiftDataVizColorBlueLighterer, RedsiftDataVizColorBrownDark, RedsiftDataVizColorBrownDarker, RedsiftDataVizColorBrownDarkerer, RedsiftDataVizColorBrownDefault, RedsiftDataVizColorBrownLight, RedsiftDataVizColorBrownLighter, RedsiftDataVizColorBrownLighterer, RedsiftDataVizColorGreenDark, RedsiftDataVizColorGreenDarker, RedsiftDataVizColorGreenDarkerer, RedsiftDataVizColorGreenDefault, RedsiftDataVizColorGreenLight, RedsiftDataVizColorGreenLighter, RedsiftDataVizColorGreenLighterer, RedsiftDataVizColorGreyDark, RedsiftDataVizColorGreyDarker, RedsiftDataVizColorGreyDarkerer, RedsiftDataVizColorGreyDefault, RedsiftDataVizColorGreyLight, RedsiftDataVizColorGreyLighter, RedsiftDataVizColorGreyLighterer, RedsiftDataVizColorOrangeDark, RedsiftDataVizColorOrangeDarker, RedsiftDataVizColorOrangeDarkerer, RedsiftDataVizColorOrangeDefault, RedsiftDataVizColorOrangeLight, RedsiftDataVizColorOrangeLighter, RedsiftDataVizColorOrangeLighterer, RedsiftDataVizColorPinkDark, RedsiftDataVizColorPinkDarker, RedsiftDataVizColorPinkDarkerer, RedsiftDataVizColorPinkDefault, RedsiftDataVizColorPinkLight, RedsiftDataVizColorPinkLighter, RedsiftDataVizColorPinkLighterer, RedsiftDataVizColorPurpleDark, RedsiftDataVizColorPurpleDarker, RedsiftDataVizColorPurpleDarkerer, RedsiftDataVizColorPurpleDefault, RedsiftDataVizColorPurpleLight, RedsiftDataVizColorPurpleLighter, RedsiftDataVizColorPurpleLighterer, RedsiftDataVizColorRedDark, RedsiftDataVizColorRedDarker, RedsiftDataVizColorRedDarkerer, RedsiftDataVizColorRedDefault, RedsiftDataVizColorRedLight, RedsiftDataVizColorRedLighter, RedsiftDataVizColorRedLighterer, RedsiftDataVizColorYellowDark, RedsiftDataVizColorYellowDarker, RedsiftDataVizColorYellowDarkerer, RedsiftDataVizColorYellowDefault, RedsiftDataVizColorYellowLight, RedsiftDataVizColorYellowLighter, RedsiftDataVizColorYellowLighterer, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBody2FontFamily, RedsiftTypographyBody2FontSize, RedsiftTypographyBody2FontWeight, RedsiftTypographyBody2LineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyElectrolize, RedsiftTypographyFontFamilyRaleway, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographySubtitleFontFamily, RedsiftTypographySubtitleFontSize, RedsiftTypographySubtitleFontWeight, RedsiftTypographySubtitleLineHeight, RedsiftTypographySubtitleTextTransform, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerColor, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledItemProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledListboxProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, TabStop, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseFocusGroupProps, UseFocusWithinGroupProps, UseListboxItemProps, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
2701
|
+
export { ActiveDescendantListbox, Alert, AlertProps, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppBarProps, AppContainer, AppContainerContext, AppContainerProps, AppContainerState, AppContent, AppContentProps, AppSidePanel, AppSidePanelProps, AppSidePanelVariant, Badge, BadgeProps, BadgeVariant, BaseBreadcrumbs, BaseFocusWithinGroupAction, BaseGrid, BaseSkeleton, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonColor, ButtonLink, ButtonLinkProps, ButtonProps, ButtonVariant, Card, CardActions, CardActionsProps, CardBody, CardBodyProps, CardHeader, CardHeaderProps, CardProps, Checkbox, CheckboxGroup, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, CheckboxProps, Comp, ConditionalWrapper, ConditionalWrapperProps, ContainerProps, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardCollapsibleSectionItemsProps, DetailedCardHeader, DetailedCardHeaderProps, DetailedCardProps, DetailedCardSection, DetailedCardSectionItem, DetailedCardSectionItemProps, DetailedCardSectionProps, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, Falsy, FlexDirection, FlexLayoutProps, FlexWrap, Flexbox, FlexboxProps, FocusWithinGroup, FocusWithinGroupAction, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupContextProps, FocusWithinGroupOptions, FocusWithinGroupProps, FocusWithinGroupReducer, FocusWithinGroupState, FontFamily, Grid, GridItem, GridItemProps, GridLayoutProps, GridProps, Heading, HeadingComponent, HeadingProps, HeadingVariant, Icon, IconButton, IconButtonColor, IconButtonProps, IconButtonVariant, IconDimensions, IconProps, IconSize, InternalSpacingProps, Item, ItemProps, JustifyContent, JustifyItems, JustifySelf, KeyDirection, LISTBOX_INITIAL_STATE, LayoutProps, Link, LinkButton, LinkButtonProps, LinkProps, Listbox, ListboxAction, ListboxActionType, ListboxContext, ListboxContextProps, ListboxProps, ListboxReducer, ListboxState, ListboxVariant, Menu, MenuBarItems, MenuItem, Navigation, NeutralColorPalette, NotificationsColorPalette, Number, NumberFormatOptions, NumberProps, Pill, PillProps, PositioningProps, PresentationColorPalette, Product, ProductColorPalette, ProductName, Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioGroupState, RadioProps, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, RowStartMap, Shield, ShieldProps, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarContextProps, SideNavigationMenuBarProps, SideNavigationMenuBarVariant, SideNavigationMenuContextProps, SideNavigationMenuItem, SideNavigationMenuItemProps, SideNavigationMenuProps, SideNavigationMenuReducerAction, SideNavigationMenuReducerActionType, SideNavigationMenuReducerState, SizingProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkeletonTextVariant, SpacingProps, Spinner, SpinnerProps, SpinnerSize, StyledAlertProps, StyledAppBarProps, StyledAppContainerProps, StyledAppContentProps, StyledAppSidePanelProps, StyledBadgeProps, StyledBreadcrumbItemProps, StyledBreadcrumbsProps, StyledButton, StyledButtonLinkProps, StyledButtonProps, StyledCardActionsProps, StyledCardBodyProps, StyledCardHeaderProps, StyledCardProps, StyledCheckboxGroupProps, StyledCheckboxProps, StyledDetailedCardCollapsibleSectionItemsProps, StyledDetailedCardHeaderProps, StyledDetailedCardProps, StyledDetailedCardSectionItemProps, StyledDetailedCardSectionProps, StyledFlexboxProps, StyledGridItemProps, StyledGridProps, StyledHeadingProps, StyledIconButtonProps, StyledIconProps, StyledItemProps, StyledLink, StyledLinkButtonProps, StyledLinkProps, StyledListboxProps, StyledNumberProps, StyledPillProps, StyledRadioGroupProps, StyledRadioProps, StyledShieldProps, StyledSideNavigationMenuBarProps, StyledSideNavigationMenuItemProps, StyledSideNavigationMenuProps, StyledSkeletonCircleProps, StyledSkeletonProps, StyledSkeletonTextProps, StyledSpinnerProps, StyledSwitchGroupProps, StyledSwitchProps, StyledTextFieldProps, StyledTextProps, StylingProps, Switch, SwitchGroup, SwitchGroupOrientation, SwitchGroupProps, SwitchGroupState, SwitchProps, TabStop, Text, TextComponent, TextField, TextFieldProps, TextFieldVariant, TextProps, TextVariant, UseFocusGroupProps, UseFocusWithinGroupProps, UseListboxItemProps, UseSideNavigationMenuBarProps, ValueOf, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, partitionComponents, sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|