@thecb/components 8.3.1-beta.13 → 8.3.1-beta.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,293 @@
1
1
  import React from 'react';
2
2
 
3
+ type Color = string;
4
+
5
+ type ColorSet = {
6
+ background: Color;
7
+ border: Color;
8
+ iconBackground: Color;
9
+ iconFill: Color;
10
+ };
11
+
12
+ declare const BLACK: Color;
13
+ declare const TRANSPARENT:Color;
14
+ // 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;
23
+ // 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;
44
+ // 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;
67
+ // 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;
76
+ // YELLOW
77
+ declare const SELECTIVE_YELLOW: Color;
78
+ declare const MUSTARD_YELLOW: Color;
79
+ declare const FIRE_YELLOW: Color;
80
+ // ORANGE
81
+ declare const CARROT_ORANGE: Color;
82
+ declare const ZEST_ORANGE: Color;
83
+ declare const APRICOT_ORANGE: Color;
84
+ // 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;
93
+
94
+ declare const ERROR_COLOR: Color;
95
+
96
+ declare const ALERT_COLORS: {
97
+ warn: ColorSet;
98
+ info: ColorSet;
99
+ error: ColorSet;
100
+ success: ColorSet;
101
+ text: Color;
102
+ link: Color;
103
+ };
104
+
105
+ declare const PILL_COLORS: {
106
+ danger: {
107
+ background: Color;
108
+ text: Color;
109
+ };
110
+ neutral: {
111
+ background: Color;
112
+ text: Color;
113
+ };
114
+ success: {
115
+ background: Color;
116
+ text: Color;
117
+ };
118
+ warning: {
119
+ background: Color;
120
+ text: Color;
121
+ };
122
+ };
123
+
124
+ declare const colors_d_BLACK: typeof BLACK;
125
+ declare const colors_d_TRANSPARENT: typeof TRANSPARENT;
126
+ declare const colors_d_WHITE: typeof WHITE;
127
+ declare const colors_d_SOLITUDE_WHITE: typeof SOLITUDE_WHITE;
128
+ declare const colors_d_SEASHELL_WHITE: typeof SEASHELL_WHITE;
129
+ declare const colors_d_ALABASTER_WHITE: typeof ALABASTER_WHITE;
130
+ declare const colors_d_AQUA_HAZE_WHITE: typeof AQUA_HAZE_WHITE;
131
+ declare const colors_d_BLEACH_WHITE: typeof BLEACH_WHITE;
132
+ declare const colors_d_CATSKILL_WHITE: typeof CATSKILL_WHITE;
133
+ declare const colors_d_HALF_COLONIAL_WHITE: typeof HALF_COLONIAL_WHITE;
134
+ declare const colors_d_ATHENS_GREY: typeof ATHENS_GREY;
135
+ declare const colors_d_ALTO_GREY: typeof ALTO_GREY;
136
+ declare const colors_d_SILVER_GREY: typeof SILVER_GREY;
137
+ declare const colors_d_PEWTER_GREY: typeof PEWTER_GREY;
138
+ declare const colors_d_ASH_GREY: typeof ASH_GREY;
139
+ declare const colors_d_IRON_GREY: typeof IRON_GREY;
140
+ declare const colors_d_GHOST_GREY: typeof GHOST_GREY;
141
+ declare const colors_d_DUSTY_GREY: typeof DUSTY_GREY;
142
+ declare const colors_d_REGENT_GREY: typeof REGENT_GREY;
143
+ declare const colors_d_STORM_GREY: typeof STORM_GREY;
144
+ declare const colors_d_TROUT_GREY: typeof TROUT_GREY;
145
+ declare const colors_d_MINESHAFT_GREY: typeof MINESHAFT_GREY;
146
+ declare const colors_d_SOOT_GREY: typeof SOOT_GREY;
147
+ declare const colors_d_FIREFLY_GREY: typeof FIREFLY_GREY;
148
+ declare const colors_d_BRIGHT_GREY: typeof BRIGHT_GREY;
149
+ declare const colors_d_CHARADE_GREY: typeof CHARADE_GREY;
150
+ declare const colors_d_GRECIAN_GREY: typeof GRECIAN_GREY;
151
+ declare const colors_d_BLACK_SQUEEZE: typeof BLACK_SQUEEZE;
152
+ declare const colors_d_GREY_CHATEAU: typeof GREY_CHATEAU;
153
+ declare const colors_d_COOL_GREY_05: typeof COOL_GREY_05;
154
+ declare const colors_d_CLOUDBURST_BLUE: typeof CLOUDBURST_BLUE;
155
+ declare const colors_d_ZODIAC_BLUE: typeof ZODIAC_BLUE;
156
+ declare const colors_d_CONGRESS_BLUE: typeof CONGRESS_BLUE;
157
+ declare const colors_d_SCIENCE_BLUE: typeof SCIENCE_BLUE;
158
+ declare const colors_d_MARINER_BLUE: typeof MARINER_BLUE;
159
+ declare const colors_d_CURIOUS_BLUE: typeof CURIOUS_BLUE;
160
+ declare const colors_d_SELAGO_BLUE: typeof SELAGO_BLUE;
161
+ declare const colors_d_ONAHAU_BLUE: typeof ONAHAU_BLUE;
162
+ declare const colors_d_PICKLED_BLUE: typeof PICKLED_BLUE;
163
+ declare const colors_d_CERULEAN_BLUE: typeof CERULEAN_BLUE;
164
+ declare const colors_d_FOAM_BLUE: typeof FOAM_BLUE;
165
+ declare const colors_d_CELLO_BLUE: typeof CELLO_BLUE;
166
+ declare const colors_d_BOSTON_BLUE: typeof BOSTON_BLUE;
167
+ declare const colors_d_INFO_BLUE: typeof INFO_BLUE;
168
+ declare const colors_d_CORNFLOWER_BLUE: typeof CORNFLOWER_BLUE;
169
+ declare const colors_d_HOVER_LIGHT_BLUE: typeof HOVER_LIGHT_BLUE;
170
+ declare const colors_d_MATISSE_BLUE: typeof MATISSE_BLUE;
171
+ declare const colors_d_ROYAL_BLUE: typeof ROYAL_BLUE;
172
+ declare const colors_d_ROYAL_BLUE_VIVID: typeof ROYAL_BLUE_VIVID;
173
+ declare const colors_d_ASTRAL_BLUE: typeof ASTRAL_BLUE;
174
+ declare const colors_d_SAPPHIRE_BLUE: typeof SAPPHIRE_BLUE;
175
+ declare const colors_d_PEACOCK_BLUE: typeof PEACOCK_BLUE;
176
+ declare const colors_d_FOREST_GREEN: typeof FOREST_GREEN;
177
+ declare const colors_d_MEADOW_GREEN: typeof MEADOW_GREEN;
178
+ declare const colors_d_POLAR_GREEN: typeof POLAR_GREEN;
179
+ declare const colors_d_ICE_GREEN: typeof ICE_GREEN;
180
+ declare const colors_d_HAZE_GREEN: typeof HAZE_GREEN;
181
+ declare const colors_d_EMERALD_GREEN: typeof EMERALD_GREEN;
182
+ declare const colors_d_HINT_GREEN: typeof HINT_GREEN;
183
+ declare const colors_d_SEA_GREEN: typeof SEA_GREEN;
184
+ declare const colors_d_SELECTIVE_YELLOW: typeof SELECTIVE_YELLOW;
185
+ declare const colors_d_MUSTARD_YELLOW: typeof MUSTARD_YELLOW;
186
+ declare const colors_d_FIRE_YELLOW: typeof FIRE_YELLOW;
187
+ declare const colors_d_CARROT_ORANGE: typeof CARROT_ORANGE;
188
+ declare const colors_d_ZEST_ORANGE: typeof ZEST_ORANGE;
189
+ declare const colors_d_APRICOT_ORANGE: typeof APRICOT_ORANGE;
190
+ declare const colors_d_RED: typeof RED;
191
+ declare const colors_d_CRIMSON_RED: typeof CRIMSON_RED;
192
+ declare const colors_d_THUNDERBIRD_RED: typeof THUNDERBIRD_RED;
193
+ declare const colors_d_RAZZMATAZZ_RED: typeof RAZZMATAZZ_RED;
194
+ declare const colors_d_RASPBERRY: typeof RASPBERRY;
195
+ declare const colors_d_FANTASY_RED: typeof FANTASY_RED;
196
+ declare const colors_d_COSMOS_RED: typeof COSMOS_RED;
197
+ declare const colors_d_BLUSH_RED: typeof BLUSH_RED;
198
+ declare const colors_d_ERROR_COLOR: typeof ERROR_COLOR;
199
+ declare const colors_d_ALERT_COLORS: typeof ALERT_COLORS;
200
+ declare const colors_d_PILL_COLORS: typeof PILL_COLORS;
201
+ declare namespace colors_d {
202
+ export {
203
+ colors_d_BLACK as BLACK,
204
+ colors_d_TRANSPARENT as TRANSPARENT,
205
+ colors_d_WHITE as WHITE,
206
+ colors_d_SOLITUDE_WHITE as SOLITUDE_WHITE,
207
+ colors_d_SEASHELL_WHITE as SEASHELL_WHITE,
208
+ colors_d_ALABASTER_WHITE as ALABASTER_WHITE,
209
+ colors_d_AQUA_HAZE_WHITE as AQUA_HAZE_WHITE,
210
+ colors_d_BLEACH_WHITE as BLEACH_WHITE,
211
+ colors_d_CATSKILL_WHITE as CATSKILL_WHITE,
212
+ colors_d_HALF_COLONIAL_WHITE as HALF_COLONIAL_WHITE,
213
+ colors_d_ATHENS_GREY as ATHENS_GREY,
214
+ colors_d_ALTO_GREY as ALTO_GREY,
215
+ colors_d_SILVER_GREY as SILVER_GREY,
216
+ colors_d_PEWTER_GREY as PEWTER_GREY,
217
+ colors_d_ASH_GREY as ASH_GREY,
218
+ colors_d_IRON_GREY as IRON_GREY,
219
+ colors_d_GHOST_GREY as GHOST_GREY,
220
+ colors_d_DUSTY_GREY as DUSTY_GREY,
221
+ colors_d_REGENT_GREY as REGENT_GREY,
222
+ colors_d_STORM_GREY as STORM_GREY,
223
+ colors_d_TROUT_GREY as TROUT_GREY,
224
+ colors_d_MINESHAFT_GREY as MINESHAFT_GREY,
225
+ colors_d_SOOT_GREY as SOOT_GREY,
226
+ colors_d_FIREFLY_GREY as FIREFLY_GREY,
227
+ colors_d_BRIGHT_GREY as BRIGHT_GREY,
228
+ colors_d_CHARADE_GREY as CHARADE_GREY,
229
+ colors_d_GRECIAN_GREY as GRECIAN_GREY,
230
+ colors_d_BLACK_SQUEEZE as BLACK_SQUEEZE,
231
+ colors_d_GREY_CHATEAU as GREY_CHATEAU,
232
+ colors_d_COOL_GREY_05 as COOL_GREY_05,
233
+ colors_d_CLOUDBURST_BLUE as CLOUDBURST_BLUE,
234
+ colors_d_ZODIAC_BLUE as ZODIAC_BLUE,
235
+ colors_d_CONGRESS_BLUE as CONGRESS_BLUE,
236
+ colors_d_SCIENCE_BLUE as SCIENCE_BLUE,
237
+ colors_d_MARINER_BLUE as MARINER_BLUE,
238
+ colors_d_CURIOUS_BLUE as CURIOUS_BLUE,
239
+ colors_d_SELAGO_BLUE as SELAGO_BLUE,
240
+ colors_d_ONAHAU_BLUE as ONAHAU_BLUE,
241
+ colors_d_PICKLED_BLUE as PICKLED_BLUE,
242
+ colors_d_CERULEAN_BLUE as CERULEAN_BLUE,
243
+ colors_d_FOAM_BLUE as FOAM_BLUE,
244
+ colors_d_CELLO_BLUE as CELLO_BLUE,
245
+ colors_d_BOSTON_BLUE as BOSTON_BLUE,
246
+ colors_d_INFO_BLUE as INFO_BLUE,
247
+ colors_d_CORNFLOWER_BLUE as CORNFLOWER_BLUE,
248
+ colors_d_HOVER_LIGHT_BLUE as HOVER_LIGHT_BLUE,
249
+ colors_d_MATISSE_BLUE as MATISSE_BLUE,
250
+ colors_d_ROYAL_BLUE as ROYAL_BLUE,
251
+ colors_d_ROYAL_BLUE_VIVID as ROYAL_BLUE_VIVID,
252
+ colors_d_ASTRAL_BLUE as ASTRAL_BLUE,
253
+ colors_d_SAPPHIRE_BLUE as SAPPHIRE_BLUE,
254
+ colors_d_PEACOCK_BLUE as PEACOCK_BLUE,
255
+ colors_d_FOREST_GREEN as FOREST_GREEN,
256
+ colors_d_MEADOW_GREEN as MEADOW_GREEN,
257
+ colors_d_POLAR_GREEN as POLAR_GREEN,
258
+ colors_d_ICE_GREEN as ICE_GREEN,
259
+ colors_d_HAZE_GREEN as HAZE_GREEN,
260
+ colors_d_EMERALD_GREEN as EMERALD_GREEN,
261
+ colors_d_HINT_GREEN as HINT_GREEN,
262
+ colors_d_SEA_GREEN as SEA_GREEN,
263
+ colors_d_SELECTIVE_YELLOW as SELECTIVE_YELLOW,
264
+ colors_d_MUSTARD_YELLOW as MUSTARD_YELLOW,
265
+ colors_d_FIRE_YELLOW as FIRE_YELLOW,
266
+ colors_d_CARROT_ORANGE as CARROT_ORANGE,
267
+ colors_d_ZEST_ORANGE as ZEST_ORANGE,
268
+ colors_d_APRICOT_ORANGE as APRICOT_ORANGE,
269
+ colors_d_RED as RED,
270
+ colors_d_CRIMSON_RED as CRIMSON_RED,
271
+ colors_d_THUNDERBIRD_RED as THUNDERBIRD_RED,
272
+ colors_d_RAZZMATAZZ_RED as RAZZMATAZZ_RED,
273
+ colors_d_RASPBERRY as RASPBERRY,
274
+ colors_d_FANTASY_RED as FANTASY_RED,
275
+ colors_d_COSMOS_RED as COSMOS_RED,
276
+ colors_d_BLUSH_RED as BLUSH_RED,
277
+ colors_d_ERROR_COLOR as ERROR_COLOR,
278
+ colors_d_ALERT_COLORS as ALERT_COLORS,
279
+ colors_d_PILL_COLORS as PILL_COLORS,
280
+ };
281
+ }
282
+
283
+
284
+
285
+ declare namespace index_d {
286
+ export {
287
+ colors_d as colors,
288
+ };
289
+ }
290
+
3
291
  type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
4
292
 
5
293
  interface ButtonWithActionProps {
@@ -618,365 +906,85 @@ interface CopyableProps {
618
906
  popoverExtraStyles?: string;
619
907
  }
620
908
 
621
- declare const Copyable: React.FC<Expand<CopyableProps> &
622
- React.HTMLAttributes<HTMLElement>>;
623
-
624
- interface EditableTableProps {
625
- title?: string;
626
- renderItem?: (items: any[]) => JSX.Element;
627
- items?: any[];
628
- isMobile?: boolean;
629
- }
630
-
631
- declare const EditableTable: React.FC<Expand<EditableTableProps> &
632
- React.HTMLAttributes<HTMLElement>>;
633
-
634
- interface TableListItemProps {
635
- title: string | JSX.Element;
636
- value: string | JSX.Element;
637
- canEdit?: boolean;
638
- canRemove?: boolean;
639
- isMobile?: boolean;
640
- borderTopItem?: boolean;
641
- }
642
-
643
- declare const TableListItem: React.FC<Expand<TableListItemProps>>;
644
-
645
- interface FooterWithSubfooterProps {
646
- footerLargeSide?: "left" | "right";
647
- footerLargeSideSize?: string;
648
- leftFooterContent?: JSX.Element;
649
- rightFooterContent?: JSX.Element;
650
- leftSubfooterContent?: JSX.Element;
651
- rightSubfooterContent?: JSX.Element;
652
- }
653
-
654
- declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
655
- React.HTMLAttributes<HTMLElement>>;
656
-
657
- interface PopoverProps {
658
- triggerText?: string | JSX.Element;
659
- content?: string | JSX.Element;
660
- hasIcon?: boolean;
661
- iconHelpText?: string; // for screen-readers, required if using an icon for trigger
662
- popoverID?: number;
663
- popoverFocus?: boolean;
664
- extraStyles?: string;
665
- textExtraStyles?: string;
666
- minWidth?: string;
667
- maxWidth?: string;
668
- height?: string;
669
- position?: { top: string; right: string; bottom: string; left: string };
670
- arrowPosition?: {
671
- arrowTop: string;
672
- arrowRight: string;
673
- arrowBottom: string;
674
- arrowLeft: string;
675
- };
676
- arrowDirection?: "left" | "right" | "top" | "bottom";
677
- transform?: string;
678
- disclosedExtraStyles?: string;
679
- borderColor?: string;
680
- backgroundColor?: string;
681
- popoverExtraStyles?: string;
682
- }
683
-
684
- declare const Popover: React.FC<Expand<PopoverProps> &
685
- React.HTMLAttributes<HTMLElement>>;
686
-
687
- interface DefaultPageTemplateProps {
688
- content: JSX.Element;
689
- header?: JSX.Element;
690
- subHeader?: JSX.Element;
691
- footer?: JSX.Element;
692
- hideMobileSubHeader?: boolean;
693
- maxWidth?: string;
694
- gutters?: string;
695
- fillPageVertical?: Boolean;
696
- }
697
-
698
- declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
699
- React.HTMLAttributes<HTMLElement>>;
700
-
701
- type Color = string;
702
-
703
- type ColorSet = {
704
- background: Color;
705
- border: Color;
706
- iconBackground: Color;
707
- iconFill: Color;
708
- };
709
-
710
- declare const BLACK: Color;
711
- declare const TRANSPARENT:Color;
712
- // WHITE
713
- declare const WHITE: Color;
714
- declare const SOLITUDE_WHITE: Color;
715
- declare const SEASHELL_WHITE: Color;
716
- declare const ALABASTER_WHITE: Color;
717
- declare const AQUA_HAZE_WHITE: Color;
718
- declare const BLEACH_WHITE: Color;
719
- declare const CATSKILL_WHITE: Color;
720
- declare const HALF_COLONIAL_WHITE: Color;
721
- // GREY
722
- declare const ATHENS_GREY: Color;
723
- declare const ALTO_GREY: Color;
724
- declare const SILVER_GREY: Color;
725
- declare const PEWTER_GREY: Color;
726
- declare const ASH_GREY: Color;
727
- declare const IRON_GREY: Color;
728
- declare const GHOST_GREY: Color;
729
- declare const DUSTY_GREY: Color;
730
- declare const REGENT_GREY: Color;
731
- declare const STORM_GREY: Color;
732
- declare const TROUT_GREY: Color;
733
- declare const MINESHAFT_GREY: Color;
734
- declare const SOOT_GREY: Color;
735
- declare const FIREFLY_GREY: Color;
736
- declare const BRIGHT_GREY: Color;
737
- declare const CHARADE_GREY: Color;
738
- declare const GRECIAN_GREY: Color;
739
- declare const BLACK_SQUEEZE: Color;
740
- declare const GREY_CHATEAU: Color;
741
- declare const COOL_GREY_05: Color;
742
- // BLUE
743
- declare const CLOUDBURST_BLUE: Color;
744
- declare const ZODIAC_BLUE: Color;
745
- declare const CONGRESS_BLUE: Color;
746
- declare const SCIENCE_BLUE: Color;
747
- declare const MARINER_BLUE: Color;
748
- declare const CURIOUS_BLUE: Color;
749
- declare const SELAGO_BLUE: Color;
750
- declare const ONAHAU_BLUE: Color;
751
- declare const PICKLED_BLUE: Color;
752
- declare const CERULEAN_BLUE: Color;
753
- declare const FOAM_BLUE: Color;
754
- declare const CELLO_BLUE: Color;
755
- declare const BOSTON_BLUE: Color;
756
- declare const INFO_BLUE: Color;
757
- declare const CORNFLOWER_BLUE: Color;
758
- declare const HOVER_LIGHT_BLUE: Color;
759
- declare const MATISSE_BLUE: Color;
760
- declare const ROYAL_BLUE: Color;
761
- declare const ROYAL_BLUE_VIVID: Color;
762
- declare const ASTRAL_BLUE: Color;
763
- declare const SAPPHIRE_BLUE: Color;
764
- declare const PEACOCK_BLUE: Color;
765
- // GREEN
766
- declare const FOREST_GREEN: Color;
767
- declare const MEADOW_GREEN: Color;
768
- declare const POLAR_GREEN: Color;
769
- declare const ICE_GREEN: Color;
770
- declare const HAZE_GREEN: Color;
771
- declare const EMERALD_GREEN: Color;
772
- declare const HINT_GREEN: Color;
773
- declare const SEA_GREEN: Color;
774
- // YELLOW
775
- declare const SELECTIVE_YELLOW: Color;
776
- declare const MUSTARD_YELLOW: Color;
777
- declare const FIRE_YELLOW: Color;
778
- // ORANGE
779
- declare const CARROT_ORANGE: Color;
780
- declare const ZEST_ORANGE: Color;
781
- declare const APRICOT_ORANGE: Color;
782
- // RED
783
- declare const RED: Color;
784
- declare const CRIMSON_RED: Color;
785
- declare const THUNDERBIRD_RED: Color;
786
- declare const RAZZMATAZZ_RED: Color;
787
- declare const RASPBERRY: Color;
788
- declare const FANTASY_RED: Color;
789
- declare const COSMOS_RED: Color;
790
- declare const BLUSH_RED: Color;
909
+ declare const Copyable: React.FC<Expand<CopyableProps> &
910
+ React.HTMLAttributes<HTMLElement>>;
791
911
 
792
- declare const ERROR_COLOR: Color;
912
+ interface EditableTableProps {
913
+ title?: string;
914
+ renderItem?: (items: any[]) => JSX.Element;
915
+ items?: any[];
916
+ isMobile?: boolean;
917
+ }
793
918
 
794
- declare const ALERT_COLORS: {
795
- warn: ColorSet;
796
- info: ColorSet;
797
- error: ColorSet;
798
- success: ColorSet;
799
- text: Color;
800
- link: Color;
801
- };
919
+ declare const EditableTable: React.FC<Expand<EditableTableProps> &
920
+ React.HTMLAttributes<HTMLElement>>;
802
921
 
803
- declare const PILL_COLORS: {
804
- danger: {
805
- background: Color;
806
- text: Color;
807
- };
808
- neutral: {
809
- background: Color;
810
- text: Color;
811
- };
812
- success: {
813
- background: Color;
814
- text: Color;
815
- };
816
- warning: {
817
- background: Color;
818
- text: Color;
819
- };
820
- };
922
+ interface TableListItemProps {
923
+ title: string | JSX.Element;
924
+ value: string | JSX.Element;
925
+ canEdit?: boolean;
926
+ canRemove?: boolean;
927
+ isMobile?: boolean;
928
+ borderTopItem?: boolean;
929
+ }
821
930
 
822
- declare const colors_d_BLACK: typeof BLACK;
823
- declare const colors_d_TRANSPARENT: typeof TRANSPARENT;
824
- declare const colors_d_WHITE: typeof WHITE;
825
- declare const colors_d_SOLITUDE_WHITE: typeof SOLITUDE_WHITE;
826
- declare const colors_d_SEASHELL_WHITE: typeof SEASHELL_WHITE;
827
- declare const colors_d_ALABASTER_WHITE: typeof ALABASTER_WHITE;
828
- declare const colors_d_AQUA_HAZE_WHITE: typeof AQUA_HAZE_WHITE;
829
- declare const colors_d_BLEACH_WHITE: typeof BLEACH_WHITE;
830
- declare const colors_d_CATSKILL_WHITE: typeof CATSKILL_WHITE;
831
- declare const colors_d_HALF_COLONIAL_WHITE: typeof HALF_COLONIAL_WHITE;
832
- declare const colors_d_ATHENS_GREY: typeof ATHENS_GREY;
833
- declare const colors_d_ALTO_GREY: typeof ALTO_GREY;
834
- declare const colors_d_SILVER_GREY: typeof SILVER_GREY;
835
- declare const colors_d_PEWTER_GREY: typeof PEWTER_GREY;
836
- declare const colors_d_ASH_GREY: typeof ASH_GREY;
837
- declare const colors_d_IRON_GREY: typeof IRON_GREY;
838
- declare const colors_d_GHOST_GREY: typeof GHOST_GREY;
839
- declare const colors_d_DUSTY_GREY: typeof DUSTY_GREY;
840
- declare const colors_d_REGENT_GREY: typeof REGENT_GREY;
841
- declare const colors_d_STORM_GREY: typeof STORM_GREY;
842
- declare const colors_d_TROUT_GREY: typeof TROUT_GREY;
843
- declare const colors_d_MINESHAFT_GREY: typeof MINESHAFT_GREY;
844
- declare const colors_d_SOOT_GREY: typeof SOOT_GREY;
845
- declare const colors_d_FIREFLY_GREY: typeof FIREFLY_GREY;
846
- declare const colors_d_BRIGHT_GREY: typeof BRIGHT_GREY;
847
- declare const colors_d_CHARADE_GREY: typeof CHARADE_GREY;
848
- declare const colors_d_GRECIAN_GREY: typeof GRECIAN_GREY;
849
- declare const colors_d_BLACK_SQUEEZE: typeof BLACK_SQUEEZE;
850
- declare const colors_d_GREY_CHATEAU: typeof GREY_CHATEAU;
851
- declare const colors_d_COOL_GREY_05: typeof COOL_GREY_05;
852
- declare const colors_d_CLOUDBURST_BLUE: typeof CLOUDBURST_BLUE;
853
- declare const colors_d_ZODIAC_BLUE: typeof ZODIAC_BLUE;
854
- declare const colors_d_CONGRESS_BLUE: typeof CONGRESS_BLUE;
855
- declare const colors_d_SCIENCE_BLUE: typeof SCIENCE_BLUE;
856
- declare const colors_d_MARINER_BLUE: typeof MARINER_BLUE;
857
- declare const colors_d_CURIOUS_BLUE: typeof CURIOUS_BLUE;
858
- declare const colors_d_SELAGO_BLUE: typeof SELAGO_BLUE;
859
- declare const colors_d_ONAHAU_BLUE: typeof ONAHAU_BLUE;
860
- declare const colors_d_PICKLED_BLUE: typeof PICKLED_BLUE;
861
- declare const colors_d_CERULEAN_BLUE: typeof CERULEAN_BLUE;
862
- declare const colors_d_FOAM_BLUE: typeof FOAM_BLUE;
863
- declare const colors_d_CELLO_BLUE: typeof CELLO_BLUE;
864
- declare const colors_d_BOSTON_BLUE: typeof BOSTON_BLUE;
865
- declare const colors_d_INFO_BLUE: typeof INFO_BLUE;
866
- declare const colors_d_CORNFLOWER_BLUE: typeof CORNFLOWER_BLUE;
867
- declare const colors_d_HOVER_LIGHT_BLUE: typeof HOVER_LIGHT_BLUE;
868
- declare const colors_d_MATISSE_BLUE: typeof MATISSE_BLUE;
869
- declare const colors_d_ROYAL_BLUE: typeof ROYAL_BLUE;
870
- declare const colors_d_ROYAL_BLUE_VIVID: typeof ROYAL_BLUE_VIVID;
871
- declare const colors_d_ASTRAL_BLUE: typeof ASTRAL_BLUE;
872
- declare const colors_d_SAPPHIRE_BLUE: typeof SAPPHIRE_BLUE;
873
- declare const colors_d_PEACOCK_BLUE: typeof PEACOCK_BLUE;
874
- declare const colors_d_FOREST_GREEN: typeof FOREST_GREEN;
875
- declare const colors_d_MEADOW_GREEN: typeof MEADOW_GREEN;
876
- declare const colors_d_POLAR_GREEN: typeof POLAR_GREEN;
877
- declare const colors_d_ICE_GREEN: typeof ICE_GREEN;
878
- declare const colors_d_HAZE_GREEN: typeof HAZE_GREEN;
879
- declare const colors_d_EMERALD_GREEN: typeof EMERALD_GREEN;
880
- declare const colors_d_HINT_GREEN: typeof HINT_GREEN;
881
- declare const colors_d_SEA_GREEN: typeof SEA_GREEN;
882
- declare const colors_d_SELECTIVE_YELLOW: typeof SELECTIVE_YELLOW;
883
- declare const colors_d_MUSTARD_YELLOW: typeof MUSTARD_YELLOW;
884
- declare const colors_d_FIRE_YELLOW: typeof FIRE_YELLOW;
885
- declare const colors_d_CARROT_ORANGE: typeof CARROT_ORANGE;
886
- declare const colors_d_ZEST_ORANGE: typeof ZEST_ORANGE;
887
- declare const colors_d_APRICOT_ORANGE: typeof APRICOT_ORANGE;
888
- declare const colors_d_RED: typeof RED;
889
- declare const colors_d_CRIMSON_RED: typeof CRIMSON_RED;
890
- declare const colors_d_THUNDERBIRD_RED: typeof THUNDERBIRD_RED;
891
- declare const colors_d_RAZZMATAZZ_RED: typeof RAZZMATAZZ_RED;
892
- declare const colors_d_RASPBERRY: typeof RASPBERRY;
893
- declare const colors_d_FANTASY_RED: typeof FANTASY_RED;
894
- declare const colors_d_COSMOS_RED: typeof COSMOS_RED;
895
- declare const colors_d_BLUSH_RED: typeof BLUSH_RED;
896
- declare const colors_d_ERROR_COLOR: typeof ERROR_COLOR;
897
- declare const colors_d_ALERT_COLORS: typeof ALERT_COLORS;
898
- declare const colors_d_PILL_COLORS: typeof PILL_COLORS;
899
- declare namespace colors_d {
900
- export {
901
- colors_d_BLACK as BLACK,
902
- colors_d_TRANSPARENT as TRANSPARENT,
903
- colors_d_WHITE as WHITE,
904
- colors_d_SOLITUDE_WHITE as SOLITUDE_WHITE,
905
- colors_d_SEASHELL_WHITE as SEASHELL_WHITE,
906
- colors_d_ALABASTER_WHITE as ALABASTER_WHITE,
907
- colors_d_AQUA_HAZE_WHITE as AQUA_HAZE_WHITE,
908
- colors_d_BLEACH_WHITE as BLEACH_WHITE,
909
- colors_d_CATSKILL_WHITE as CATSKILL_WHITE,
910
- colors_d_HALF_COLONIAL_WHITE as HALF_COLONIAL_WHITE,
911
- colors_d_ATHENS_GREY as ATHENS_GREY,
912
- colors_d_ALTO_GREY as ALTO_GREY,
913
- colors_d_SILVER_GREY as SILVER_GREY,
914
- colors_d_PEWTER_GREY as PEWTER_GREY,
915
- colors_d_ASH_GREY as ASH_GREY,
916
- colors_d_IRON_GREY as IRON_GREY,
917
- colors_d_GHOST_GREY as GHOST_GREY,
918
- colors_d_DUSTY_GREY as DUSTY_GREY,
919
- colors_d_REGENT_GREY as REGENT_GREY,
920
- colors_d_STORM_GREY as STORM_GREY,
921
- colors_d_TROUT_GREY as TROUT_GREY,
922
- colors_d_MINESHAFT_GREY as MINESHAFT_GREY,
923
- colors_d_SOOT_GREY as SOOT_GREY,
924
- colors_d_FIREFLY_GREY as FIREFLY_GREY,
925
- colors_d_BRIGHT_GREY as BRIGHT_GREY,
926
- colors_d_CHARADE_GREY as CHARADE_GREY,
927
- colors_d_GRECIAN_GREY as GRECIAN_GREY,
928
- colors_d_BLACK_SQUEEZE as BLACK_SQUEEZE,
929
- colors_d_GREY_CHATEAU as GREY_CHATEAU,
930
- colors_d_COOL_GREY_05 as COOL_GREY_05,
931
- colors_d_CLOUDBURST_BLUE as CLOUDBURST_BLUE,
932
- colors_d_ZODIAC_BLUE as ZODIAC_BLUE,
933
- colors_d_CONGRESS_BLUE as CONGRESS_BLUE,
934
- colors_d_SCIENCE_BLUE as SCIENCE_BLUE,
935
- colors_d_MARINER_BLUE as MARINER_BLUE,
936
- colors_d_CURIOUS_BLUE as CURIOUS_BLUE,
937
- colors_d_SELAGO_BLUE as SELAGO_BLUE,
938
- colors_d_ONAHAU_BLUE as ONAHAU_BLUE,
939
- colors_d_PICKLED_BLUE as PICKLED_BLUE,
940
- colors_d_CERULEAN_BLUE as CERULEAN_BLUE,
941
- colors_d_FOAM_BLUE as FOAM_BLUE,
942
- colors_d_CELLO_BLUE as CELLO_BLUE,
943
- colors_d_BOSTON_BLUE as BOSTON_BLUE,
944
- colors_d_INFO_BLUE as INFO_BLUE,
945
- colors_d_CORNFLOWER_BLUE as CORNFLOWER_BLUE,
946
- colors_d_HOVER_LIGHT_BLUE as HOVER_LIGHT_BLUE,
947
- colors_d_MATISSE_BLUE as MATISSE_BLUE,
948
- colors_d_ROYAL_BLUE as ROYAL_BLUE,
949
- colors_d_ROYAL_BLUE_VIVID as ROYAL_BLUE_VIVID,
950
- colors_d_ASTRAL_BLUE as ASTRAL_BLUE,
951
- colors_d_SAPPHIRE_BLUE as SAPPHIRE_BLUE,
952
- colors_d_PEACOCK_BLUE as PEACOCK_BLUE,
953
- colors_d_FOREST_GREEN as FOREST_GREEN,
954
- colors_d_MEADOW_GREEN as MEADOW_GREEN,
955
- colors_d_POLAR_GREEN as POLAR_GREEN,
956
- colors_d_ICE_GREEN as ICE_GREEN,
957
- colors_d_HAZE_GREEN as HAZE_GREEN,
958
- colors_d_EMERALD_GREEN as EMERALD_GREEN,
959
- colors_d_HINT_GREEN as HINT_GREEN,
960
- colors_d_SEA_GREEN as SEA_GREEN,
961
- colors_d_SELECTIVE_YELLOW as SELECTIVE_YELLOW,
962
- colors_d_MUSTARD_YELLOW as MUSTARD_YELLOW,
963
- colors_d_FIRE_YELLOW as FIRE_YELLOW,
964
- colors_d_CARROT_ORANGE as CARROT_ORANGE,
965
- colors_d_ZEST_ORANGE as ZEST_ORANGE,
966
- colors_d_APRICOT_ORANGE as APRICOT_ORANGE,
967
- colors_d_RED as RED,
968
- colors_d_CRIMSON_RED as CRIMSON_RED,
969
- colors_d_THUNDERBIRD_RED as THUNDERBIRD_RED,
970
- colors_d_RAZZMATAZZ_RED as RAZZMATAZZ_RED,
971
- colors_d_RASPBERRY as RASPBERRY,
972
- colors_d_FANTASY_RED as FANTASY_RED,
973
- colors_d_COSMOS_RED as COSMOS_RED,
974
- colors_d_BLUSH_RED as BLUSH_RED,
975
- colors_d_ERROR_COLOR as ERROR_COLOR,
976
- colors_d_ALERT_COLORS as ALERT_COLORS,
977
- colors_d_PILL_COLORS as PILL_COLORS,
931
+ declare const TableListItem: React.FC<Expand<TableListItemProps>>;
932
+
933
+ interface FooterWithSubfooterProps {
934
+ footerLargeSide?: "left" | "right";
935
+ footerLargeSideSize?: string;
936
+ leftFooterContent?: JSX.Element;
937
+ rightFooterContent?: JSX.Element;
938
+ leftSubfooterContent?: JSX.Element;
939
+ rightSubfooterContent?: JSX.Element;
940
+ }
941
+
942
+ declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
943
+ React.HTMLAttributes<HTMLElement>>;
944
+
945
+ interface PopoverProps {
946
+ triggerText?: string | JSX.Element;
947
+ content?: string | JSX.Element;
948
+ hasIcon?: boolean;
949
+ iconHelpText?: string; // for screen-readers, required if using an icon for trigger
950
+ popoverID?: number;
951
+ popoverFocus?: boolean;
952
+ extraStyles?: string;
953
+ textExtraStyles?: string;
954
+ minWidth?: string;
955
+ maxWidth?: string;
956
+ height?: string;
957
+ position?: { top: string; right: string; bottom: string; left: string };
958
+ arrowPosition?: {
959
+ arrowTop: string;
960
+ arrowRight: string;
961
+ arrowBottom: string;
962
+ arrowLeft: string;
978
963
  };
964
+ arrowDirection?: "left" | "right" | "top" | "bottom";
965
+ transform?: string;
966
+ disclosedExtraStyles?: string;
967
+ borderColor?: string;
968
+ backgroundColor?: string;
969
+ popoverExtraStyles?: string;
970
+ }
971
+
972
+ declare const Popover: React.FC<Expand<PopoverProps> &
973
+ React.HTMLAttributes<HTMLElement>>;
974
+
975
+ interface DefaultPageTemplateProps {
976
+ content: JSX.Element;
977
+ header?: JSX.Element;
978
+ subHeader?: JSX.Element;
979
+ footer?: JSX.Element;
980
+ hideMobileSubHeader?: boolean;
981
+ maxWidth?: string;
982
+ gutters?: string;
983
+ fillPageVertical?: Boolean;
979
984
  }
980
985
 
981
- 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, colors_d as colors };
986
+ declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
987
+ React.HTMLAttributes<HTMLElement>>;
988
+
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 };
982
990
  //# sourceMappingURL=index.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "8.3.1-beta.13",
3
+ "version": "8.3.1-beta.14",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
@@ -1,3 +1,3 @@
1
1
  import * as colors from "./colors";
2
2
 
3
- export { colors };
3
+ export { colors };
package/src/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as constants from "./constants";
1
2
  export * from "./components";
2
3
  export * from "./types/common";
3
- export * from "./constants";
4
+ export { constants };