@thecb/components 7.8.0-beta.0 → 7.8.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.
- package/dist/index.cjs.js +823 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +140 -1
- package/dist/index.esm.js +808 -16
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.js +4 -3
- package/src/components/atoms/button-with-action/ButtonWithAction.theme.js +14 -0
- package/src/components/atoms/icons/ArrowDownCircleIconSmall.d.ts +12 -0
- package/src/components/atoms/icons/ArrowDownCircleIconSmall.js +50 -0
- package/src/components/atoms/icons/ArrowLeftCircleIconMedium.d.ts +12 -0
- package/src/components/atoms/icons/ArrowLeftCircleIconMedium.js +50 -0
- package/src/components/atoms/icons/ArrowLeftCircleIconSmall.d.ts +12 -0
- package/src/components/atoms/icons/ArrowLeftCircleIconSmall.js +49 -0
- package/src/components/atoms/icons/ArrowRightCircleIconSmall.d.ts +12 -0
- package/src/components/atoms/icons/ArrowRightCircleIconSmall.js +42 -0
- package/src/components/atoms/icons/ArrowUpCircleIconSmall.d.ts +12 -0
- package/src/components/atoms/icons/ArrowUpCircleIconSmall.js +50 -0
- package/src/components/atoms/icons/BankIconLarge.d.ts +9 -0
- package/src/components/atoms/icons/BankIconLarge.js +34 -0
- package/src/components/atoms/icons/ChargebackIconMedium.d.ts +10 -0
- package/src/components/atoms/icons/ChargebackIconMedium.js +37 -0
- package/src/components/atoms/icons/ChargebackIconSmall.d.ts +10 -0
- package/src/components/atoms/icons/ChargebackIconSmall.js +37 -0
- package/src/components/atoms/icons/ChargebackReversalIconMedium.d.ts +12 -0
- package/src/components/atoms/icons/ChargebackReversalIconMedium.js +37 -0
- package/src/components/atoms/icons/ChargebackReversalIconSmall.d.ts +12 -0
- package/src/components/atoms/icons/ChargebackReversalIconSmall.js +37 -0
- package/src/components/atoms/icons/RefundIconMedium.d.ts +10 -0
- package/src/components/atoms/icons/RefundIconMedium.js +43 -0
- package/src/components/atoms/icons/RefundIconSmall.d.ts +10 -0
- package/src/components/atoms/icons/RefundIconSmall.js +43 -0
- package/src/components/atoms/icons/SuccessfulIconMedium.d.ts +9 -0
- package/src/components/atoms/icons/SuccessfulIconMedium.js +56 -0
- package/src/components/atoms/icons/SuccessfulIconSmall.d.ts +9 -0
- package/src/components/atoms/icons/SuccessfulIconSmall.js +64 -0
- package/src/components/atoms/icons/XCircleIconMedium.d.ts +10 -0
- package/src/components/atoms/icons/XCircleIconMedium.js +43 -0
- package/src/components/atoms/icons/XCircleIconSmall.d.ts +10 -0
- package/src/components/atoms/icons/XCircleIconSmall.js +43 -0
- package/src/components/atoms/icons/index.d.ts +16 -0
- package/src/components/atoms/icons/index.js +33 -1
- package/src/components/atoms/searchable-select/SearchableSelect.js +30 -32
- package/src/components/molecules/highlight-tab-row/HighlightTabRow.js +7 -4
- package/src/components/molecules/module/Module.js +22 -13
package/dist/index.d.ts
CHANGED
|
@@ -59,16 +59,155 @@ interface CardProps {
|
|
|
59
59
|
declare const Card: React.FC<Expand<CardProps> &
|
|
60
60
|
React.HTMLAttributes<HTMLElement>>;
|
|
61
61
|
|
|
62
|
+
interface ArrowDownCircleIconSmallProps {
|
|
63
|
+
color?: string;
|
|
64
|
+
iconIndex?: number;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
declare const ArrowDownCircleIconSmall: React.FC<Expand<
|
|
68
|
+
ArrowDownCircleIconSmallProps
|
|
69
|
+
> &
|
|
70
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
71
|
+
|
|
72
|
+
interface ArrowLeftCircleIconMediumProps {
|
|
73
|
+
color?: string;
|
|
74
|
+
iconIndex?: number;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare const ArrowLeftCircleIconMedium: React.FC<Expand<
|
|
78
|
+
ArrowLeftCircleIconMediumProps
|
|
79
|
+
> &
|
|
80
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
81
|
+
|
|
82
|
+
interface ArrowLeftCircleIconSmallProps {
|
|
83
|
+
color?: string;
|
|
84
|
+
iconIndex?: number;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
declare const ArrowLeftCircleIconSmall: React.FC<Expand<
|
|
88
|
+
ArrowLeftCircleIconSmallProps
|
|
89
|
+
> &
|
|
90
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
91
|
+
|
|
92
|
+
interface ArrowRightCircleIconSmallProps {
|
|
93
|
+
color?: string;
|
|
94
|
+
iconIndex?: number;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
declare const ArrowRightCircleIconSmall: React.FC<Expand<
|
|
98
|
+
ArrowRightCircleIconSmallProps
|
|
99
|
+
> &
|
|
100
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
101
|
+
|
|
102
|
+
interface ArrowUpCircleIconSmallProps {
|
|
103
|
+
color?: string;
|
|
104
|
+
iconIndex?: number;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
declare const ArrowUpCircleIconSmall: React.FC<Expand<
|
|
108
|
+
ArrowUpCircleIconSmallProps
|
|
109
|
+
> &
|
|
110
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
111
|
+
|
|
112
|
+
interface BankIconLargeProps {
|
|
113
|
+
iconIndex?: number;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
declare const BankIconLarge: React.FC<Expand<BankIconLargeProps> &
|
|
117
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
118
|
+
|
|
119
|
+
interface ChargebackIconMediumProps {
|
|
120
|
+
color?: string;
|
|
121
|
+
iconIndex?: number;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
declare const ChargebackIconMedium: React.FC<Expand<ChargebackIconMediumProps> &
|
|
125
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
126
|
+
|
|
127
|
+
interface ChargebackIconSmallProps {
|
|
128
|
+
color?: string;
|
|
129
|
+
iconIndex?: number;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
declare const ChargebackIconSmall: React.FC<Expand<ChargebackIconSmallProps> &
|
|
133
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
134
|
+
|
|
135
|
+
interface ChargebackReversalIconMediumProps {
|
|
136
|
+
color?: string;
|
|
137
|
+
iconIndex?: number;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
declare const ChargebackReversalIconMedium: React.FC<Expand<
|
|
141
|
+
ChargebackReversalIconMediumProps
|
|
142
|
+
> &
|
|
143
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
144
|
+
|
|
145
|
+
interface ChargebackReversalIconSmallProps {
|
|
146
|
+
color?: string;
|
|
147
|
+
iconIndex?: number;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
declare const ChargebackReversalIconSmall: React.FC<Expand<
|
|
151
|
+
ChargebackReversalIconSmallProps
|
|
152
|
+
> &
|
|
153
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
154
|
+
|
|
62
155
|
declare const GuidedCheckoutImage: JSX.Element;
|
|
63
156
|
|
|
64
157
|
declare const HistoryIconSmall: JSX.Element;
|
|
65
158
|
|
|
66
159
|
declare const ProfileImage: JSX.Element;
|
|
67
160
|
|
|
161
|
+
interface RefundIconMediumProps {
|
|
162
|
+
color?: string;
|
|
163
|
+
iconIndex?: number;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
declare const RefundIconMedium: React.FC<Expand<RefundIconMediumProps> &
|
|
167
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
168
|
+
|
|
169
|
+
interface RefundIconSmallProps {
|
|
170
|
+
color?: string;
|
|
171
|
+
iconIndex?: number;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
declare const RefundIconSmall: React.FC<Expand<RefundIconSmallProps> &
|
|
175
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
176
|
+
|
|
68
177
|
declare const RevenueManagementImage: JSX.Element;
|
|
69
178
|
|
|
70
179
|
declare const StandardCheckoutImage: JSX.Element;
|
|
71
180
|
|
|
181
|
+
interface SuccessfulIconMediumProps {
|
|
182
|
+
iconIndex?: number;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
declare const SuccessfulIconMedium: React.FC<Expand<SuccessfulIconMediumProps> &
|
|
186
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
187
|
+
|
|
188
|
+
interface SuccessfulIconSmallProps {
|
|
189
|
+
iconIndex?: number;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
declare const SuccessfulIconSmall: React.FC<Expand<SuccessfulIconSmallProps> &
|
|
193
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
194
|
+
|
|
195
|
+
interface XCircleIconMediumProps {
|
|
196
|
+
color?: string;
|
|
197
|
+
iconIndex?: number;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
declare const XCircleIconMedium: React.FC<Expand<XCircleIconMediumProps> &
|
|
201
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
202
|
+
|
|
203
|
+
interface XCircleIconSmallProps {
|
|
204
|
+
color?: string;
|
|
205
|
+
iconIndex?: number;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
declare const XCircleIconSmall: React.FC<Expand<XCircleIconSmallProps> &
|
|
209
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
210
|
+
|
|
72
211
|
interface BoxProps {
|
|
73
212
|
padding?: string;
|
|
74
213
|
borderSize?: string;
|
|
@@ -453,5 +592,5 @@ interface DefaultPageTemplateProps {
|
|
|
453
592
|
declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
|
|
454
593
|
React.HTMLAttributes<HTMLElement>>;
|
|
455
594
|
|
|
456
|
-
export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, ProfileImage, RevenueManagementImage, Stack, StackProps, StandardCheckoutImage, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps };
|
|
595
|
+
export { 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, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, ProfileImage, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RevenueManagementImage, 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, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
|
|
457
596
|
//# sourceMappingURL=index.d.ts.map
|