@thecb/components 8.3.1 → 8.3.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.js.map +1 -1
  2. package/dist/index.d.ts +106 -76
  3. package/dist/index.esm.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/atoms/alert/index.d.ts +25 -0
  6. package/src/components/atoms/index.d.ts +1 -0
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
 
3
3
  type Color = string;
4
4
 
@@ -9,87 +9,94 @@ type ColorSet = {
9
9
  iconFill: Color;
10
10
  };
11
11
 
12
- declare const BLACK: Color;
13
- declare const TRANSPARENT:Color;
12
+ declare const BLACK: Color;
13
+ declare const TRANSPARENT: Color;
14
+
14
15
  // WHITE
15
- declare const WHITE: Color;
16
- declare const SOLITUDE_WHITE: Color;
17
- declare const SEASHELL_WHITE: Color;
18
- declare const ALABASTER_WHITE: Color;
19
- declare const AQUA_HAZE_WHITE: Color;
20
- declare const BLEACH_WHITE: Color;
21
- declare const CATSKILL_WHITE: Color;
22
- declare const HALF_COLONIAL_WHITE: Color;
16
+ declare const WHITE: Color;
17
+ declare const SOLITUDE_WHITE: Color;
18
+ declare const SEASHELL_WHITE: Color;
19
+ declare const ALABASTER_WHITE: Color;
20
+ declare const AQUA_HAZE_WHITE: Color;
21
+ declare const BLEACH_WHITE: Color;
22
+ declare const CATSKILL_WHITE: Color;
23
+ declare const HALF_COLONIAL_WHITE: Color;
24
+
23
25
  // GREY
24
- declare const ATHENS_GREY: Color;
25
- declare const ALTO_GREY: Color;
26
- declare const SILVER_GREY: Color;
27
- declare const PEWTER_GREY: Color;
28
- declare const ASH_GREY: Color;
29
- declare const IRON_GREY: Color;
30
- declare const GHOST_GREY: Color;
31
- declare const DUSTY_GREY: Color;
32
- declare const REGENT_GREY: Color;
33
- declare const STORM_GREY: Color;
34
- declare const TROUT_GREY: Color;
35
- declare const MINESHAFT_GREY: Color;
36
- declare const SOOT_GREY: Color;
37
- declare const FIREFLY_GREY: Color;
38
- declare const BRIGHT_GREY: Color;
39
- declare const CHARADE_GREY: Color;
40
- declare const GRECIAN_GREY: Color;
41
- declare const BLACK_SQUEEZE: Color;
42
- declare const GREY_CHATEAU: Color;
43
- declare const COOL_GREY_05: Color;
26
+ declare const ATHENS_GREY: Color;
27
+ declare const ALTO_GREY: Color;
28
+ declare const SILVER_GREY: Color;
29
+ declare const PEWTER_GREY: Color;
30
+ declare const ASH_GREY: Color;
31
+ declare const IRON_GREY: Color;
32
+ declare const GHOST_GREY: Color;
33
+ declare const DUSTY_GREY: Color;
34
+ declare const REGENT_GREY: Color;
35
+ declare const STORM_GREY: Color;
36
+ declare const TROUT_GREY: Color;
37
+ declare const MINESHAFT_GREY: Color;
38
+ declare const SOOT_GREY: Color;
39
+ declare const FIREFLY_GREY: Color;
40
+ declare const BRIGHT_GREY: Color;
41
+ declare const CHARADE_GREY: Color;
42
+ declare const GRECIAN_GREY: Color;
43
+ declare const BLACK_SQUEEZE: Color;
44
+ declare const GREY_CHATEAU: Color;
45
+ declare const COOL_GREY_05: Color;
46
+
44
47
  // BLUE
45
- declare const CLOUDBURST_BLUE: Color;
46
- declare const ZODIAC_BLUE: Color;
47
- declare const CONGRESS_BLUE: Color;
48
- declare const SCIENCE_BLUE: Color;
49
- declare const MARINER_BLUE: Color;
50
- declare const CURIOUS_BLUE: Color;
51
- declare const SELAGO_BLUE: Color;
52
- declare const ONAHAU_BLUE: Color;
53
- declare const PICKLED_BLUE: Color;
54
- declare const CERULEAN_BLUE: Color;
55
- declare const FOAM_BLUE: Color;
56
- declare const CELLO_BLUE: Color;
57
- declare const BOSTON_BLUE: Color;
58
- declare const INFO_BLUE: Color;
59
- declare const CORNFLOWER_BLUE: Color;
60
- declare const HOVER_LIGHT_BLUE: Color;
61
- declare const MATISSE_BLUE: Color;
62
- declare const ROYAL_BLUE: Color;
63
- declare const ROYAL_BLUE_VIVID: Color;
64
- declare const ASTRAL_BLUE: Color;
65
- declare const SAPPHIRE_BLUE: Color;
66
- declare const PEACOCK_BLUE: Color;
48
+ declare const CLOUDBURST_BLUE: Color;
49
+ declare const ZODIAC_BLUE: Color;
50
+ declare const CONGRESS_BLUE: Color;
51
+ declare const SCIENCE_BLUE: Color;
52
+ declare const MARINER_BLUE: Color;
53
+ declare const CURIOUS_BLUE: Color;
54
+ declare const SELAGO_BLUE: Color;
55
+ declare const ONAHAU_BLUE: Color;
56
+ declare const PICKLED_BLUE: Color;
57
+ declare const CERULEAN_BLUE: Color;
58
+ declare const FOAM_BLUE: Color;
59
+ declare const CELLO_BLUE: Color;
60
+ declare const BOSTON_BLUE: Color;
61
+ declare const INFO_BLUE: Color;
62
+ declare const CORNFLOWER_BLUE: Color;
63
+ declare const HOVER_LIGHT_BLUE: Color;
64
+ declare const MATISSE_BLUE: Color;
65
+ declare const ROYAL_BLUE: Color;
66
+ declare const ROYAL_BLUE_VIVID: Color;
67
+ declare const ASTRAL_BLUE: Color;
68
+ declare const SAPPHIRE_BLUE: Color;
69
+ declare const PEACOCK_BLUE: Color;
70
+
67
71
  // GREEN
68
- declare const FOREST_GREEN: Color;
69
- declare const MEADOW_GREEN: Color;
70
- declare const POLAR_GREEN: Color;
71
- declare const ICE_GREEN: Color;
72
- declare const HAZE_GREEN: Color;
73
- declare const EMERALD_GREEN: Color;
74
- declare const HINT_GREEN: Color;
75
- declare const SEA_GREEN: Color;
72
+ declare const FOREST_GREEN: Color;
73
+ declare const MEADOW_GREEN: Color;
74
+ declare const POLAR_GREEN: Color;
75
+ declare const ICE_GREEN: Color;
76
+ declare const HAZE_GREEN: Color;
77
+ declare const EMERALD_GREEN: Color;
78
+ declare const HINT_GREEN: Color;
79
+ declare const SEA_GREEN: Color;
80
+
76
81
  // YELLOW
77
- declare const SELECTIVE_YELLOW: Color;
78
- declare const MUSTARD_YELLOW: Color;
79
- declare const FIRE_YELLOW: Color;
82
+ declare const SELECTIVE_YELLOW: Color;
83
+ declare const MUSTARD_YELLOW: Color;
84
+ declare const FIRE_YELLOW: Color;
85
+
80
86
  // ORANGE
81
- declare const CARROT_ORANGE: Color;
82
- declare const ZEST_ORANGE: Color;
83
- declare const APRICOT_ORANGE: Color;
87
+ declare const CARROT_ORANGE: Color;
88
+ declare const ZEST_ORANGE: Color;
89
+ declare const APRICOT_ORANGE: Color;
90
+
84
91
  // RED
85
- declare const RED: Color;
86
- declare const CRIMSON_RED: Color;
87
- declare const THUNDERBIRD_RED: Color;
88
- declare const RAZZMATAZZ_RED: Color;
89
- declare const RASPBERRY: Color;
90
- declare const FANTASY_RED: Color;
91
- declare const COSMOS_RED: Color;
92
- declare const BLUSH_RED: Color;
92
+ declare const RED: Color;
93
+ declare const CRIMSON_RED: Color;
94
+ declare const THUNDERBIRD_RED: Color;
95
+ declare const RAZZMATAZZ_RED: Color;
96
+ declare const RASPBERRY: Color;
97
+ declare const FANTASY_RED: Color;
98
+ declare const COSMOS_RED: Color;
99
+ declare const BLUSH_RED: Color;
93
100
 
94
101
  declare const ERROR_COLOR: Color;
95
102
 
@@ -290,6 +297,29 @@ declare namespace index_d {
290
297
 
291
298
  type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
292
299
 
300
+ interface AlertProps {
301
+ heading?: string;
302
+ text?: string;
303
+ textOverride?: string;
304
+ variant?: string;
305
+ children?: ReactNode[];
306
+ height?: string;
307
+ onLinkClick?: React.MouseEventHandler<HTMLDivElement>;
308
+ padding?: string;
309
+ showQuitLink?: boolean;
310
+ extraStyles?: string;
311
+ maxContentWidth?: string;
312
+ noBorder?: boolean;
313
+ enableBoxShadow?: boolean;
314
+ enableSmallText?: boolean;
315
+ innerContentPadding?: string;
316
+ iconPadding?: string;
317
+ contentFullHeight?: boolean;
318
+ }
319
+
320
+ declare const Alert: React.FC<Expand<AlertProps> &
321
+ React.HTMLAttributes<HTMLElement>>;
322
+
293
323
  interface ButtonWithActionProps {
294
324
  action?: (event: React.ChangeEvent<HTMLInputElement>) => void;
295
325
  disabled?: boolean;
@@ -986,5 +1016,5 @@ interface DefaultPageTemplateProps {
986
1016
  declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
987
1017
  React.HTMLAttributes<HTMLElement>>;
988
1018
 
989
- export { AddValidatorAction, ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SetAction, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants };
1019
+ export { AddValidatorAction, Alert, AlertProps, ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SetAction, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants };
990
1020
  //# sourceMappingURL=index.d.ts.map