property-practice-ui 0.1.5 → 0.3.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/CHANGELOG.md +12 -0
- package/dist/Button-GGqCRrab.d.cts +29 -0
- package/dist/Button-GGqCRrab.d.ts +29 -0
- package/dist/FileButton-DGczdE12.d.cts +22 -0
- package/dist/FileButton-HFyj2Jod.d.ts +22 -0
- package/dist/Textarea-BVqF5_5c.d.cts +45 -0
- package/dist/Textarea-BVqF5_5c.d.ts +45 -0
- package/dist/atoms.cjs +5 -3
- package/dist/atoms.cjs.map +1 -1
- package/dist/atoms.d.cts +14 -3
- package/dist/atoms.d.ts +14 -3
- package/dist/atoms.js +5 -3
- package/dist/atoms.js.map +1 -1
- package/dist/index.cjs +794 -300
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -400
- package/dist/index.d.ts +11 -400
- package/dist/index.js +790 -296
- package/dist/index.js.map +1 -1
- package/dist/molecules.cjs +2457 -0
- package/dist/molecules.cjs.map +1 -0
- package/dist/molecules.d.cts +283 -0
- package/dist/molecules.d.ts +283 -0
- package/dist/molecules.js +2431 -0
- package/dist/molecules.js.map +1 -0
- package/dist/organisms.cjs +2859 -0
- package/dist/organisms.cjs.map +1 -0
- package/dist/organisms.d.cts +126 -0
- package/dist/organisms.d.ts +126 -0
- package/dist/organisms.js +2845 -0
- package/dist/organisms.js.map +1 -0
- package/dist/{toast-CvZfLJrO.d.cts → tableListItem-irbfqxnQ.d.cts} +1 -3
- package/dist/{toast-CvZfLJrO.d.ts → tableListItem-irbfqxnQ.d.ts} +1 -3
- package/dist/toast-JPCqJveR.d.cts +3 -0
- package/dist/toast-JPCqJveR.d.ts +3 -0
- package/dist/types.d.cts +2 -1
- package/dist/types.d.ts +2 -1
- package/package.json +11 -1
- package/tsup.config.ts +2 -0
- package/dist/Textarea-u7ONHI5M.d.cts +0 -79
- package/dist/Textarea-u7ONHI5M.d.ts +0 -79
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { O as Option
|
|
3
|
-
import { M as MenuItem, O as OrderType, T as TableListItemType
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { O as Option } from './Textarea-BVqF5_5c.js';
|
|
3
|
+
import { M as MenuItem, O as OrderType, T as TableListItemType } from './tableListItem-irbfqxnQ.js';
|
|
4
|
+
import { ReactElement } from 'react';
|
|
5
|
+
import { T as ToastType } from './toast-JPCqJveR.js';
|
|
6
|
+
export { Accordion, Address, CTAContainer, Checkbox, ContentCard, Dropdown, FAQAccordion, FeatureContainer, Input, Modal, OverviewRowItem, PDFPreviewer, PageLayout, ProductInfo, RadioGroup, RatesChart, SideNav, SidePanel, StepperHeaderTab, Textarea } from './molecules.js';
|
|
7
|
+
export { D as DocumentListAccordionFileType, F as FileButton } from './FileButton-HFyj2Jod.js';
|
|
8
|
+
export { ContactForm, DocumentListAccordion, FeatureCarousel, Footer, Header, OverviewList, ToastProvider, VersionLabel, useToast } from './organisms.js';
|
|
9
|
+
import { c as colors } from './Button-GGqCRrab.js';
|
|
8
10
|
import 'react-hook-form';
|
|
9
11
|
|
|
10
12
|
interface FilterProps<T extends string | number> {
|
|
@@ -119,397 +121,6 @@ interface Props {
|
|
|
119
121
|
}
|
|
120
122
|
declare function TopMenu({ logoUrl, children }: Props): react_jsx_runtime.JSX.Element;
|
|
121
123
|
|
|
122
|
-
interface AccordionHeaderProps {
|
|
123
|
-
title: string;
|
|
124
|
-
isOpen: boolean;
|
|
125
|
-
buttonText?: string;
|
|
126
|
-
onButtonPress?: () => void;
|
|
127
|
-
rightElement?: ReactElement;
|
|
128
|
-
onAccordionPress: () => void;
|
|
129
|
-
}
|
|
130
|
-
declare const AccordionHeader: ({ title, isOpen, buttonText, onAccordionPress, onButtonPress, rightElement, }: AccordionHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
131
|
-
|
|
132
|
-
interface AccordionProps$1 extends Pick<ComponentProps<typeof AccordionHeader>, 'title' | 'onButtonPress' | 'buttonText' | 'rightElement'> {
|
|
133
|
-
children: ReactElement;
|
|
134
|
-
}
|
|
135
|
-
declare const Accordion: ({ buttonText, onButtonPress, title, children, rightElement, }: AccordionProps$1) => react_jsx_runtime.JSX.Element;
|
|
136
|
-
|
|
137
|
-
declare const variants$3: readonly ["primary", "inverse", "subtle"];
|
|
138
|
-
type Variant$3 = (typeof variants$3)[number];
|
|
139
|
-
interface AddressProps {
|
|
140
|
-
title: string;
|
|
141
|
-
phone?: string;
|
|
142
|
-
email?: string;
|
|
143
|
-
addressLines: string[];
|
|
144
|
-
directionsText?: string;
|
|
145
|
-
onDirectionsClick?: () => void;
|
|
146
|
-
variant?: Variant$3;
|
|
147
|
-
}
|
|
148
|
-
declare const Address: {
|
|
149
|
-
({ title, phone, email, addressLines, directionsText, onDirectionsClick, variant, }: AddressProps): react_jsx_runtime.JSX.Element;
|
|
150
|
-
variants: readonly ["primary", "inverse", "subtle"];
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
declare const alignments: readonly ["row", "column"];
|
|
154
|
-
type Align = (typeof alignments)[number];
|
|
155
|
-
interface CheckboxProps<T> {
|
|
156
|
-
error?: string;
|
|
157
|
-
label?: string;
|
|
158
|
-
value: T;
|
|
159
|
-
onChange: (value: T) => void;
|
|
160
|
-
options: Option<T>[];
|
|
161
|
-
align?: Align;
|
|
162
|
-
}
|
|
163
|
-
declare const Checkbox: <T extends string | number | boolean>({ error, label, onChange, options, value, }: CheckboxProps<T>) => react_jsx_runtime.JSX.Element;
|
|
164
|
-
|
|
165
|
-
type TextColor$b = keyof typeof colors.text;
|
|
166
|
-
type BackgroundColor$5 = keyof typeof colors.background;
|
|
167
|
-
interface ContentCardProps {
|
|
168
|
-
thumbnail: React.ReactNode;
|
|
169
|
-
title: string;
|
|
170
|
-
description: string;
|
|
171
|
-
onArrowClick?: () => void;
|
|
172
|
-
headerVariant?: 'h1' | 'h2' | 'h3';
|
|
173
|
-
titleColor?: TextColor$b;
|
|
174
|
-
descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
175
|
-
arrowVariant?: 'brand' | 'teal' | 'blue';
|
|
176
|
-
thumbnailBgColor?: BackgroundColor$5;
|
|
177
|
-
}
|
|
178
|
-
declare const ContentCard: ({ thumbnail, title, description, onArrowClick, headerVariant, titleColor, descriptionVariant, arrowVariant, thumbnailBgColor, }: ContentCardProps) => react_jsx_runtime.JSX.Element;
|
|
179
|
-
|
|
180
|
-
type TextColor$a = keyof typeof colors.text;
|
|
181
|
-
declare const variants$2: readonly ["primary", "secondary", "transparent"];
|
|
182
|
-
type Variant$2 = (typeof variants$2)[number];
|
|
183
|
-
interface CTAContainerProps {
|
|
184
|
-
header: string;
|
|
185
|
-
description: string;
|
|
186
|
-
primaryButtonText: string;
|
|
187
|
-
secondaryButtonText?: string;
|
|
188
|
-
onPrimaryClick?: () => void;
|
|
189
|
-
onSecondaryClick?: () => void;
|
|
190
|
-
variant?: Variant$2;
|
|
191
|
-
headerTextColor?: TextColor$a;
|
|
192
|
-
descriptionTextColor?: TextColor$a;
|
|
193
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
194
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
195
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
196
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
197
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
198
|
-
}
|
|
199
|
-
declare const CTAContainer: {
|
|
200
|
-
({ header, description, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, variant, headerTextColor, descriptionTextColor, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: CTAContainerProps): react_jsx_runtime.JSX.Element;
|
|
201
|
-
variants: readonly ["primary", "secondary", "transparent"];
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
type DocumentListAccordionFileType = {
|
|
205
|
-
name: string;
|
|
206
|
-
sourceFile: string;
|
|
207
|
-
status: string;
|
|
208
|
-
createdAt?: string;
|
|
209
|
-
id: string;
|
|
210
|
-
};
|
|
211
|
-
|
|
212
|
-
interface DropdownProps<T> {
|
|
213
|
-
options: Option<T>[];
|
|
214
|
-
value?: T;
|
|
215
|
-
onChange: (value: T) => void;
|
|
216
|
-
label?: string;
|
|
217
|
-
error?: string;
|
|
218
|
-
name: string;
|
|
219
|
-
placeholder?: string;
|
|
220
|
-
disabled?: boolean;
|
|
221
|
-
}
|
|
222
|
-
declare const Dropdown: <T extends string | number>({ error, onChange, options, value, label, name, placeholder, disabled, }: DropdownProps<T>) => react_jsx_runtime.JSX.Element;
|
|
223
|
-
|
|
224
|
-
type TextColor$9 = keyof typeof colors.text;
|
|
225
|
-
interface AccordionProps {
|
|
226
|
-
number: string;
|
|
227
|
-
title: string;
|
|
228
|
-
content: string;
|
|
229
|
-
defaultOpen?: boolean;
|
|
230
|
-
headerVariant?: 'h1' | 'h2' | 'h3';
|
|
231
|
-
numberColor?: TextColor$9;
|
|
232
|
-
titleColor?: TextColor$9;
|
|
233
|
-
iconColor?: TextColor$9;
|
|
234
|
-
contentVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
235
|
-
}
|
|
236
|
-
declare const FAQAccordion: ({ number, title, content, defaultOpen, headerVariant, numberColor, titleColor, iconColor, contentVariant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
237
|
-
|
|
238
|
-
type TextColor$8 = keyof typeof colors.text;
|
|
239
|
-
type BackgroundColor$4 = keyof typeof colors.background;
|
|
240
|
-
interface FeatureItemData$1 {
|
|
241
|
-
thumbnail: React.ReactNode;
|
|
242
|
-
title: string;
|
|
243
|
-
description: string;
|
|
244
|
-
thumbnailSize?: string;
|
|
245
|
-
}
|
|
246
|
-
interface FeatureContainerProps {
|
|
247
|
-
items: FeatureItemData$1[];
|
|
248
|
-
thumbnailBgColor?: BackgroundColor$4;
|
|
249
|
-
titleColor?: TextColor$8;
|
|
250
|
-
descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
251
|
-
}
|
|
252
|
-
declare const FeatureContainer: ({ items, thumbnailBgColor, titleColor, descriptionVariant, }: FeatureContainerProps) => react_jsx_runtime.JSX.Element;
|
|
253
|
-
|
|
254
|
-
declare const acceptTypes: readonly [".docx", ".doc", ".pdf", "image/*"];
|
|
255
|
-
type AcceptType = (typeof acceptTypes)[number];
|
|
256
|
-
interface FileButtonProps extends Omit<ComponentProps<typeof Button>, 'onClick' | 'type'> {
|
|
257
|
-
onFileSelect?: (file: File) => void;
|
|
258
|
-
accept?: AcceptType[];
|
|
259
|
-
multiple?: boolean;
|
|
260
|
-
}
|
|
261
|
-
declare const FileButton: ({ onFileSelect, accept, multiple, ...rest }: FileButtonProps) => react_jsx_runtime.JSX.Element;
|
|
262
|
-
|
|
263
|
-
interface InputProps extends ComponentProps<typeof Input$1> {
|
|
264
|
-
label?: string;
|
|
265
|
-
error?: string;
|
|
266
|
-
}
|
|
267
|
-
declare const Input: {
|
|
268
|
-
({ label, error, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
|
|
269
|
-
types: readonly ["number", "text", "email", "date"];
|
|
270
|
-
};
|
|
271
|
-
|
|
272
|
-
declare const positions: readonly ["top", "center", "bottom"];
|
|
273
|
-
type ContentPosition = (typeof positions)[number];
|
|
274
|
-
interface ModalProps {
|
|
275
|
-
visible: boolean;
|
|
276
|
-
onClose: () => void;
|
|
277
|
-
dismissable?: boolean;
|
|
278
|
-
contentPosition?: ContentPosition;
|
|
279
|
-
children: ReactNode;
|
|
280
|
-
}
|
|
281
|
-
declare const Modal: ({ visible, contentPosition, dismissable, onClose, children, }: ModalProps) => react_jsx_runtime.JSX.Element;
|
|
282
|
-
|
|
283
|
-
interface OverviewRowItemProps {
|
|
284
|
-
isComplete: boolean;
|
|
285
|
-
title: string;
|
|
286
|
-
isMainHeader: boolean;
|
|
287
|
-
}
|
|
288
|
-
declare const OverviewRowItem: ({ isComplete, isMainHeader, title }: OverviewRowItemProps) => react_jsx_runtime.JSX.Element;
|
|
289
|
-
|
|
290
|
-
interface PageLayoutProps {
|
|
291
|
-
title: string;
|
|
292
|
-
children: ReactNode;
|
|
293
|
-
isLoading?: boolean;
|
|
294
|
-
rightElement?: ReactElement;
|
|
295
|
-
}
|
|
296
|
-
declare const PageLayout: ({ title, children, isLoading, rightElement }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
|
|
297
|
-
|
|
298
|
-
interface PDFPreviewerProps {
|
|
299
|
-
url: string;
|
|
300
|
-
}
|
|
301
|
-
declare const PDFPreviewer: ({ url }: PDFPreviewerProps) => react_jsx_runtime.JSX.Element;
|
|
302
|
-
|
|
303
|
-
type TextColor$7 = keyof typeof colors.text;
|
|
304
|
-
interface ProductInfoItemProps {
|
|
305
|
-
image: string;
|
|
306
|
-
logoImage: string;
|
|
307
|
-
title: string;
|
|
308
|
-
buttonText: string;
|
|
309
|
-
onButtonClick?: () => void;
|
|
310
|
-
titleVariant?: 'h1' | 'h2' | 'h3';
|
|
311
|
-
titleColor?: TextColor$7;
|
|
312
|
-
buttonArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
313
|
-
buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
314
|
-
buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
315
|
-
}
|
|
316
|
-
declare const ProductInfo: ({ image, logoImage, title, buttonText, onButtonClick, titleVariant, titleColor, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ProductInfoItemProps) => react_jsx_runtime.JSX.Element;
|
|
317
|
-
|
|
318
|
-
type RadioGroupProps<T extends string | number> = {
|
|
319
|
-
label?: string;
|
|
320
|
-
options: readonly Option<T>[];
|
|
321
|
-
value: T;
|
|
322
|
-
onClick: (value: T) => void;
|
|
323
|
-
className?: string;
|
|
324
|
-
};
|
|
325
|
-
declare const RadioGroup: <T extends string | number>({ label, options, value, onClick, className, }: RadioGroupProps<T>) => react_jsx_runtime.JSX.Element;
|
|
326
|
-
|
|
327
|
-
declare const variants$1: readonly ["primary", "secondary", "subtle"];
|
|
328
|
-
type Variant$1 = (typeof variants$1)[number];
|
|
329
|
-
interface RateItem {
|
|
330
|
-
transactionType: string;
|
|
331
|
-
price: string;
|
|
332
|
-
}
|
|
333
|
-
interface RatesChartProps {
|
|
334
|
-
title?: string;
|
|
335
|
-
rates: RateItem[];
|
|
336
|
-
onClose: () => void;
|
|
337
|
-
variant?: Variant$1;
|
|
338
|
-
}
|
|
339
|
-
declare const RatesChart: {
|
|
340
|
-
({ title, rates, onClose, variant, }: RatesChartProps): react_jsx_runtime.JSX.Element;
|
|
341
|
-
variants: readonly ["primary", "secondary", "subtle"];
|
|
342
|
-
};
|
|
343
|
-
|
|
344
|
-
type BorderColor = keyof typeof colors.border;
|
|
345
|
-
declare const NavItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
|
|
346
|
-
interface NavItem {
|
|
347
|
-
label: string;
|
|
348
|
-
href: string;
|
|
349
|
-
}
|
|
350
|
-
interface SideNavProps {
|
|
351
|
-
items: NavItem[];
|
|
352
|
-
activeItem?: string;
|
|
353
|
-
onBackToTop?: () => void;
|
|
354
|
-
triangleColor?: BorderColor;
|
|
355
|
-
dividerColor?: BorderColor;
|
|
356
|
-
activeTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
357
|
-
activeTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
358
|
-
inactiveTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
359
|
-
inactiveTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
360
|
-
backToTopBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
361
|
-
backToTopTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
362
|
-
}
|
|
363
|
-
declare const SideNav: ({ items, activeItem, onBackToTop, triangleColor, dividerColor, activeTextBgVariant, activeTextVariant, inactiveTextBgVariant, inactiveTextVariant, backToTopBgVariant, backToTopTextVariant, }: SideNavProps) => react_jsx_runtime.JSX.Element;
|
|
364
|
-
|
|
365
|
-
type BackgroundColor$3 = keyof typeof colors.background;
|
|
366
|
-
type TextColor$6 = keyof typeof colors.text;
|
|
367
|
-
interface SidePanelProps {
|
|
368
|
-
isOpen: boolean;
|
|
369
|
-
onClose: () => void;
|
|
370
|
-
icon: React.ReactNode;
|
|
371
|
-
title: string;
|
|
372
|
-
description: string;
|
|
373
|
-
buttonText: string;
|
|
374
|
-
onButtonClick?: () => void;
|
|
375
|
-
closeButtonBgColor?: BackgroundColor$3;
|
|
376
|
-
titleColor?: TextColor$6;
|
|
377
|
-
descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
378
|
-
buttonArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
379
|
-
buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
380
|
-
buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
381
|
-
}
|
|
382
|
-
declare const SidePanel: ({ isOpen, onClose, icon, title, description, buttonText, onButtonClick, closeButtonBgColor, titleColor, descriptionVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: SidePanelProps) => react_jsx_runtime.JSX.Element;
|
|
383
|
-
|
|
384
|
-
interface StepperHeaderTabProps {
|
|
385
|
-
onClick?: () => void;
|
|
386
|
-
title: string;
|
|
387
|
-
isSelected: boolean;
|
|
388
|
-
}
|
|
389
|
-
declare const StepperHeaderTab: ({ title, isSelected, onClick, }: StepperHeaderTabProps) => react_jsx_runtime.JSX.Element;
|
|
390
|
-
|
|
391
|
-
interface TextareaProps extends ComponentProps<typeof Textarea$1> {
|
|
392
|
-
label?: string;
|
|
393
|
-
error?: string;
|
|
394
|
-
}
|
|
395
|
-
declare const Textarea: ({ label, error, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
396
|
-
|
|
397
|
-
interface ContactFormProps {
|
|
398
|
-
}
|
|
399
|
-
declare const ContactForm: ({}: ContactFormProps) => react_jsx_runtime.JSX.Element;
|
|
400
|
-
|
|
401
|
-
interface DocumentListAccordionProps extends Pick<ComponentProps<typeof FileButton>, 'accept' | 'onFileSelect'> {
|
|
402
|
-
title: string;
|
|
403
|
-
files: DocumentListAccordionFileType[];
|
|
404
|
-
onViewDetail: (id: string) => void;
|
|
405
|
-
onSortBy?: (accessor: keyof DocumentListAccordionFileType) => void;
|
|
406
|
-
}
|
|
407
|
-
declare const DocumentListAccordion: ({ title, files, onSortBy, onViewDetail, accept, onFileSelect, }: DocumentListAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
408
|
-
|
|
409
|
-
type TextColor$5 = keyof typeof colors.text;
|
|
410
|
-
type BackgroundColor$2 = keyof typeof colors.background;
|
|
411
|
-
interface CarouselCard {
|
|
412
|
-
thumbnail: React.ReactNode;
|
|
413
|
-
title: string;
|
|
414
|
-
description: string;
|
|
415
|
-
onArrowClick?: () => void;
|
|
416
|
-
}
|
|
417
|
-
interface CarouselProps {
|
|
418
|
-
cards: CarouselCard[];
|
|
419
|
-
cardTitleColor?: TextColor$5;
|
|
420
|
-
cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
|
|
421
|
-
cardArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
422
|
-
cardThumbnailBgColor?: BackgroundColor$2;
|
|
423
|
-
navButtonColor?: TextColor$5;
|
|
424
|
-
indicatorColor?: TextColor$5;
|
|
425
|
-
}
|
|
426
|
-
declare const FeatureCarousel: ({ cards, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: CarouselProps) => react_jsx_runtime.JSX.Element;
|
|
427
|
-
|
|
428
|
-
declare const variants: readonly ["primary", "secondary"];
|
|
429
|
-
type Variant = (typeof variants)[number];
|
|
430
|
-
interface AddressData {
|
|
431
|
-
title: string;
|
|
432
|
-
phone?: string;
|
|
433
|
-
email?: string;
|
|
434
|
-
addressLines: string[];
|
|
435
|
-
}
|
|
436
|
-
interface SocialLink {
|
|
437
|
-
icon: React.ReactNode;
|
|
438
|
-
url: string;
|
|
439
|
-
ariaLabel: string;
|
|
440
|
-
}
|
|
441
|
-
declare const LegalLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
442
|
-
interface LegalLink {
|
|
443
|
-
text: string;
|
|
444
|
-
url: string;
|
|
445
|
-
}
|
|
446
|
-
interface FooterProps {
|
|
447
|
-
logo: string;
|
|
448
|
-
primaryButtonText: string;
|
|
449
|
-
secondaryButtonText: string;
|
|
450
|
-
onPrimaryClick?: () => void;
|
|
451
|
-
onSecondaryClick?: () => void;
|
|
452
|
-
addresses: AddressData[];
|
|
453
|
-
socialLinks: SocialLink[];
|
|
454
|
-
legalLinks: LegalLink[];
|
|
455
|
-
copyrightText: string;
|
|
456
|
-
variant?: Variant;
|
|
457
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
458
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
459
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
460
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
461
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
462
|
-
}
|
|
463
|
-
declare const Footer: {
|
|
464
|
-
({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, addresses, socialLinks, legalLinks, copyrightText, variant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
465
|
-
variants: readonly ["primary", "secondary"];
|
|
466
|
-
};
|
|
467
|
-
|
|
468
|
-
interface HeaderProps {
|
|
469
|
-
logo: string;
|
|
470
|
-
primaryButtonText: string;
|
|
471
|
-
secondaryButtonText: string;
|
|
472
|
-
onPrimaryClick?: () => void;
|
|
473
|
-
onSecondaryClick?: () => void;
|
|
474
|
-
primaryArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
475
|
-
primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
476
|
-
primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
477
|
-
secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
478
|
-
secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
|
|
479
|
-
}
|
|
480
|
-
declare const Header: ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
481
|
-
|
|
482
|
-
type OverviewItem = {
|
|
483
|
-
title: string;
|
|
484
|
-
isComplete: boolean;
|
|
485
|
-
};
|
|
486
|
-
type Overview = {
|
|
487
|
-
header: string;
|
|
488
|
-
overviewItems: OverviewItem[];
|
|
489
|
-
};
|
|
490
|
-
interface OverviewListProps {
|
|
491
|
-
overviews: Overview[];
|
|
492
|
-
}
|
|
493
|
-
declare const OverviewList: ({ overviews }: OverviewListProps) => react_jsx_runtime.JSX.Element;
|
|
494
|
-
|
|
495
|
-
type ShowToastInput = {
|
|
496
|
-
type?: ToastType;
|
|
497
|
-
message: string;
|
|
498
|
-
};
|
|
499
|
-
type ToastContextProps = {
|
|
500
|
-
showToast: (input: ShowToastInput) => void;
|
|
501
|
-
};
|
|
502
|
-
declare const useToast: () => ToastContextProps;
|
|
503
|
-
interface ToastProvider {
|
|
504
|
-
children: ReactNode;
|
|
505
|
-
}
|
|
506
|
-
declare const ToastProvider: ({ children }: ToastProvider) => react_jsx_runtime.JSX.Element;
|
|
507
|
-
|
|
508
|
-
interface VersionLabelProps {
|
|
509
|
-
versionNumber: string;
|
|
510
|
-
}
|
|
511
|
-
declare const VersionLabel: ({ versionNumber }: VersionLabelProps) => react_jsx_runtime.JSX.Element;
|
|
512
|
-
|
|
513
124
|
type TextColor$4 = keyof typeof colors.text;
|
|
514
125
|
interface AboutUsProps {
|
|
515
126
|
image: string;
|
|
@@ -540,7 +151,7 @@ interface ContactProps {
|
|
|
540
151
|
termsVariant?: 'primary' | 'secondary' | 'subtle';
|
|
541
152
|
buttonArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
542
153
|
buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
543
|
-
buttonTextVariant?:
|
|
154
|
+
buttonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
|
|
544
155
|
}
|
|
545
156
|
declare const Contact: ({ image, headerText, termsChecked, onTermsChange, buttonText, onButtonClick, headerColor, termsVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ContactProps) => react_jsx_runtime.JSX.Element;
|
|
546
157
|
|
|
@@ -636,8 +247,8 @@ interface OtherProductsProps {
|
|
|
636
247
|
productTitleColor?: ComponentTextColor;
|
|
637
248
|
productButtonArrowVariant?: 'brand' | 'teal' | 'blue';
|
|
638
249
|
productButtonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
|
|
639
|
-
productButtonTextVariant?:
|
|
250
|
+
productButtonTextVariant?: "brand" | "blue" | "primary" | "secondary" | "tertiary" | "subtle" | "light";
|
|
640
251
|
}
|
|
641
252
|
declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
|
|
642
253
|
|
|
643
|
-
export { AboutUs,
|
|
254
|
+
export { AboutUs, Contact, FAQ, Features, Filter, Hero, NavMenu, OtherProducts, Search, SortBy, Spinner, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Toast, TopMenu };
|