@popsure/dirty-swan 0.58.6 → 0.59.0-alpha
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/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +349 -285
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/logo/LogoBlack.d.ts +3 -0
- package/dist/cjs/lib/components/logo/LogoColor.d.ts +3 -0
- package/dist/cjs/lib/components/logo/LogoInverted.d.ts +368 -0
- package/dist/cjs/lib/components/logo/LogoInvertedColor.d.ts +368 -0
- package/dist/cjs/lib/components/logo/LogoOrangeBox.d.ts +3 -0
- package/dist/cjs/lib/components/logo/LogoPositiveBlack.d.ts +368 -0
- package/dist/cjs/lib/components/logo/LogoPositiveColor.d.ts +368 -0
- package/dist/cjs/lib/components/logo/LogoWhite.d.ts +3 -0
- package/dist/cjs/lib/components/logo/LogoWrapper/LogoWrapper.d.ts +9 -0
- package/dist/cjs/lib/components/logo/logo.stories.d.ts +10 -0
- package/dist/cjs/lib/components/table/Table.d.ts +2 -1
- package/dist/cjs/lib/components/table/Table.stories.d.ts +6 -2
- package/dist/cjs/lib/components/table/components/TableCell/CTACell/CTACell.d.ts +2 -1
- package/dist/cjs/lib/components/table/components/TableCell/CTACell/CTACell.stories.d.ts +1 -1
- package/dist/cjs/lib/components/table/components/TableContents/TableContents.d.ts +2 -1
- package/dist/cjs/lib/components/table/components/TableSection/TableSection.d.ts +2 -1
- package/dist/cjs/lib/index.d.ts +9 -1
- package/dist/cjs/lib/models/styles.d.ts +1 -1
- package/dist/esm/{TableSection-f41d4248.js → TableSection-5277dae1.js} +4 -3
- package/dist/esm/TableSection-5277dae1.js.map +1 -0
- package/dist/esm/components/accordion/index.js +3 -3
- package/dist/esm/components/accordion/index.js.map +1 -1
- package/dist/esm/components/autocompleteAddress/index.js +2 -2
- package/dist/esm/components/autocompleteAddress/index.js.map +1 -1
- package/dist/esm/components/badge/index.js +4 -4
- package/dist/esm/components/badge/index.js.map +1 -1
- package/dist/esm/components/button/index.stories.js +3 -3
- package/dist/esm/components/button/index.stories.js.map +1 -1
- package/dist/esm/components/cards/card/index.js +2 -2
- package/dist/esm/components/cards/card/index.js.map +1 -1
- package/dist/esm/components/cards/card/index.stories.js +8 -8
- package/dist/esm/components/cards/card/index.stories.js.map +1 -1
- package/dist/esm/components/cards/cardButton/index.js +2 -2
- package/dist/esm/components/cards/cardButton/index.js.map +1 -1
- package/dist/esm/components/cards/index.js +1 -1
- package/dist/esm/components/cards/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -1
- package/dist/esm/components/chip/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/comparisonTable/components/Row/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableArrows/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableRating/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/index.js +1 -1
- package/dist/esm/components/downloadButton/index.js +1 -1
- package/dist/esm/components/downloadButton/index.js.map +1 -1
- package/dist/esm/components/icon/icons.stories.js +2 -2
- package/dist/esm/components/icon/icons.stories.js.map +1 -1
- package/dist/esm/components/icon/index.stories.js +1 -1
- package/dist/esm/components/icon/index.stories.js.map +1 -1
- package/dist/esm/components/informationBox/index.js +2 -2
- package/dist/esm/components/informationBox/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.js +1 -1
- package/dist/esm/components/input/checkbox/index.js +1 -1
- package/dist/esm/components/input/checkbox/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.stories.js +2 -2
- package/dist/esm/components/input/checkbox/index.stories.js.map +1 -1
- package/dist/esm/components/input/index.js +1 -1
- package/dist/esm/components/input/radio/index.js +1 -1
- package/dist/esm/components/input/radio/index.js.map +1 -1
- package/dist/esm/components/input/radio/index.stories.js +2 -2
- package/dist/esm/components/input/radio/index.stories.js.map +1 -1
- package/dist/esm/components/input/toggle/index.js +2 -2
- package/dist/esm/components/input/toggle/index.js.map +1 -1
- package/dist/esm/components/input/toggle/index.stories.js +2 -2
- package/dist/esm/components/input/toggle/index.stories.js.map +1 -1
- package/dist/esm/components/logo/LogoBlack.js +13 -0
- package/dist/esm/components/logo/LogoBlack.js.map +1 -0
- package/dist/esm/components/logo/LogoColor.js +13 -0
- package/dist/esm/components/logo/LogoColor.js.map +1 -0
- package/dist/esm/components/logo/LogoInverted.js +13 -0
- package/dist/esm/components/logo/LogoInverted.js.map +1 -0
- package/dist/esm/components/logo/LogoInvertedColor.js +13 -0
- package/dist/esm/components/logo/LogoInvertedColor.js.map +1 -0
- package/dist/esm/components/logo/LogoOrangeBox.js +13 -0
- package/dist/esm/components/logo/LogoOrangeBox.js.map +1 -0
- package/dist/esm/components/logo/LogoPositiveBlack.js +13 -0
- package/dist/esm/components/logo/LogoPositiveBlack.js.map +1 -0
- package/dist/esm/components/logo/LogoPositiveColor.js +13 -0
- package/dist/esm/components/logo/LogoPositiveColor.js.map +1 -0
- package/dist/esm/components/logo/LogoWhite.js +13 -0
- package/dist/esm/components/logo/LogoWhite.js.map +1 -0
- package/dist/esm/components/logo/LogoWrapper/LogoWrapper.js +16 -0
- package/dist/esm/components/logo/LogoWrapper/LogoWrapper.js.map +1 -0
- package/dist/esm/components/logo/logo.stories.js +28 -0
- package/dist/esm/components/logo/logo.stories.js.map +1 -0
- package/dist/esm/components/modal/genericModal/index.js +2 -2
- package/dist/esm/components/modal/genericModal/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/UploadFileCell/index.js +4 -4
- package/dist/esm/components/multiDropzone/UploadFileCell/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +3 -3
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/segmentedControl/index.js +4 -4
- package/dist/esm/components/segmentedControl/index.js.map +1 -1
- package/dist/esm/components/signaturePad/index.js +1 -1
- package/dist/esm/components/table/Table.js +9 -9
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.stories.js +8 -4
- package/dist/esm/components/table/Table.stories.js.map +1 -1
- package/dist/esm/components/table/Table.test.js +2 -2
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js +3 -3
- package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js +1 -1
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js +2 -2
- package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js +11 -3
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.stories.js +1 -0
- package/dist/esm/components/table/components/TableCell/CTACell/CTACell.stories.js.map +1 -1
- package/dist/esm/components/table/components/TableCell/TableCell.js +2 -2
- package/dist/esm/components/table/components/TableCell/TableCell.test.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +17 -8
- package/dist/esm/components/table/components/TableContents/TableContents.js.map +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +2 -2
- package/dist/esm/components/table/components/TableSection/TableSection.js +2 -2
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +2 -2
- package/dist/esm/components/toast/index.js +1 -1
- package/dist/esm/components/toast/index.stories.js +2 -2
- package/dist/esm/components/toast/index.stories.js.map +1 -1
- package/dist/esm/components/toast/index.test.js +1 -1
- package/dist/esm/{index-4b19aafb.js → index-860896d2.js} +3 -3
- package/dist/esm/index-860896d2.js.map +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +11 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/logo/LogoBlack.d.ts +3 -0
- package/dist/esm/lib/components/logo/LogoColor.d.ts +3 -0
- package/dist/esm/lib/components/logo/LogoInverted.d.ts +368 -0
- package/dist/esm/lib/components/logo/LogoInvertedColor.d.ts +368 -0
- package/dist/esm/lib/components/logo/LogoOrangeBox.d.ts +3 -0
- package/dist/esm/lib/components/logo/LogoPositiveBlack.d.ts +368 -0
- package/dist/esm/lib/components/logo/LogoPositiveColor.d.ts +368 -0
- package/dist/esm/lib/components/logo/LogoWhite.d.ts +3 -0
- package/dist/esm/lib/components/logo/LogoWrapper/LogoWrapper.d.ts +9 -0
- package/dist/esm/lib/components/logo/logo.stories.d.ts +10 -0
- package/dist/esm/lib/components/table/Table.d.ts +2 -1
- package/dist/esm/lib/components/table/Table.stories.d.ts +6 -2
- package/dist/esm/lib/components/table/components/TableCell/CTACell/CTACell.d.ts +2 -1
- package/dist/esm/lib/components/table/components/TableCell/CTACell/CTACell.stories.d.ts +1 -1
- package/dist/esm/lib/components/table/components/TableContents/TableContents.d.ts +2 -1
- package/dist/esm/lib/components/table/components/TableSection/TableSection.d.ts +2 -1
- package/dist/esm/lib/index.d.ts +9 -1
- package/dist/esm/lib/models/styles.d.ts +1 -1
- package/dist/esm/scss/private/base/demo.js +1 -1
- package/dist/esm/scss/public/demo.js +143 -133
- package/dist/esm/scss/public/demo.js.map +1 -1
- package/dist/esm/util/images/index.stories.js +2 -2
- package/dist/esm/util/images/index.stories.js.map +1 -1
- package/dist/index.css +328 -378
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/index.scss +1 -1
- package/dist/lib/scss/private/base/_typography.scss +4 -4
- package/dist/lib/scss/private/base/style.module.scss +3 -3
- package/dist/lib/scss/private/components/_badge.scss +3 -3
- package/dist/lib/scss/private/components/_buttons.scss +39 -39
- package/dist/lib/scss/private/components/_cards.scss +2 -2
- package/dist/lib/scss/private/components/_input.scss +26 -26
- package/dist/lib/scss/private/components/_notices.scss +4 -4
- package/dist/lib/scss/private/components/_spinner.scss +1 -1
- package/dist/lib/scss/public/colors/default.scss +79 -91
- package/dist/lib/scss/public/demo.tsx +152 -136
- package/dist/lib/scss/public/shadows.scss +10 -5
- package/dist/lib/scss/third-party/_google_places.scss +3 -3
- package/package.json +1 -1
- package/src/index.tsx +8 -0
- package/src/lib/components/accordion/index.tsx +2 -2
- package/src/lib/components/accordion/style.module.scss +10 -10
- package/src/lib/components/autocompleteAddress/index.tsx +1 -1
- package/src/lib/components/autocompleteAddress/style.module.scss +1 -1
- package/src/lib/components/badge/index.tsx +4 -4
- package/src/lib/components/button/index.stories.tsx +8 -8
- package/src/lib/components/cards/card/index.stories.tsx +17 -18
- package/src/lib/components/cards/card/index.tsx +1 -1
- package/src/lib/components/cards/card/style.module.scss +7 -7
- package/src/lib/components/cards/cardButton/index.tsx +2 -2
- package/src/lib/components/cards/infoCard/index.stories.tsx +1 -1
- package/src/lib/components/cards/infoCard/index.tsx +1 -1
- package/src/lib/components/chip/style.module.scss +6 -6
- package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.module.scss +2 -2
- package/src/lib/components/comparisonTable/components/Row/style.module.scss +4 -4
- package/src/lib/components/comparisonTable/components/TableArrows/style.module.scss +5 -5
- package/src/lib/components/comparisonTable/components/TableInfoButton/style.module.scss +4 -4
- package/src/lib/components/comparisonTable/components/TableRating/style.module.scss +2 -2
- package/src/lib/components/comparisonTable/components/TableRowHeader/index.tsx +1 -1
- package/src/lib/components/comparisonTable/style.module.scss +3 -3
- package/src/lib/components/dateSelector/components/datepicker.scss +12 -12
- package/src/lib/components/downloadButton/index.tsx +2 -2
- package/src/lib/components/icon/icons.stories.tsx +1 -1
- package/src/lib/components/icon/index.stories.tsx +1 -1
- package/src/lib/components/icon/style.module.scss +1 -1
- package/src/lib/components/informationBox/index.tsx +1 -1
- package/src/lib/components/input/autoSuggestInput/style.module.scss +3 -3
- package/src/lib/components/input/checkbox/index.stories.tsx +2 -2
- package/src/lib/components/input/checkbox/index.tsx +1 -1
- package/src/lib/components/input/radio/index.stories.tsx +2 -2
- package/src/lib/components/input/radio/index.tsx +1 -1
- package/src/lib/components/input/style.module.scss +6 -6
- package/src/lib/components/input/toggle/index.stories.tsx +2 -2
- package/src/lib/components/input/toggle/index.tsx +1 -1
- package/src/lib/components/input/toggle/styles.module.scss +6 -6
- package/src/lib/components/logo/LogoBlack.tsx +13 -0
- package/src/lib/components/logo/LogoColor.tsx +13 -0
- package/src/lib/components/logo/LogoInverted.tsx +41 -0
- package/src/lib/components/logo/LogoInvertedColor.tsx +41 -0
- package/src/lib/components/logo/LogoOrangeBox.tsx +21 -0
- package/src/lib/components/logo/LogoPositiveBlack.tsx +41 -0
- package/src/lib/components/logo/LogoPositiveColor.tsx +41 -0
- package/src/lib/components/logo/LogoWhite.tsx +13 -0
- package/src/lib/components/logo/LogoWrapper/LogoWrapper.tsx +29 -0
- package/src/lib/components/logo/LogoWrapper/styles.module.scss +3 -0
- package/src/lib/components/logo/logo.stories.tsx +75 -0
- package/src/lib/components/modal/genericModal/index.tsx +1 -1
- package/src/lib/components/modal/genericModal/style.module.scss +3 -3
- package/src/lib/components/multiDropzone/UploadFileCell/index.tsx +4 -4
- package/src/lib/components/multiDropzone/UploadFileCell/style.module.scss +4 -4
- package/src/lib/components/multiDropzone/index.tsx +2 -2
- package/src/lib/components/multiDropzone/style.module.scss +3 -3
- package/src/lib/components/segmentedControl/index.tsx +4 -4
- package/src/lib/components/segmentedControl/style.module.scss +1 -1
- package/src/lib/components/signaturePad/style.module.scss +6 -6
- package/src/lib/components/table/Table.stories.tsx +6 -0
- package/src/lib/components/table/Table.tsx +5 -1
- package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss +1 -1
- package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx +5 -5
- package/src/lib/components/table/components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.module.scss +3 -3
- package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.module.scss +7 -7
- package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx +1 -1
- package/src/lib/components/table/components/TableCell/CTACell/CTACell.tsx +12 -6
- package/src/lib/components/table/components/TableCell/TableCell.module.scss +1 -1
- package/src/lib/components/table/components/TableContents/TableContents.tsx +65 -51
- package/src/lib/components/table/components/TableSection/TableSection.tsx +8 -1
- package/src/lib/components/toast/index.stories.tsx +1 -1
- package/src/lib/components/toast/index.tsx +1 -1
- package/src/lib/components/toast/style.module.scss +4 -4
- package/src/lib/index.tsx +16 -0
- package/src/lib/models/styles.ts +12 -31
- package/src/lib/scss/index.scss +1 -1
- package/src/lib/scss/private/base/_typography.scss +4 -4
- package/src/lib/scss/private/base/border_radius.mdx +2 -2
- package/src/lib/scss/private/base/flex/flex.mdx +12 -12
- package/src/lib/scss/private/base/style.module.scss +3 -3
- package/src/lib/scss/private/components/_badge.scss +3 -3
- package/src/lib/scss/private/components/_buttons.scss +39 -39
- package/src/lib/scss/private/components/_cards.scss +2 -2
- package/src/lib/scss/private/components/_input.scss +26 -26
- package/src/lib/scss/private/components/_notices.scss +4 -4
- package/src/lib/scss/private/components/_spinner.scss +1 -1
- package/src/lib/scss/public/colors/default.scss +79 -91
- package/src/lib/scss/public/colors.mdx +1 -1
- package/src/lib/scss/public/demo.tsx +152 -136
- package/src/lib/scss/public/shadows.mdx +13 -12
- package/src/lib/scss/public/shadows.scss +10 -5
- package/src/lib/scss/third-party/_google_places.scss +3 -3
- package/src/lib/util/images/index.stories.tsx +1 -1
- package/src/lib/util/images/style.module.scss +1 -1
- package/dist/esm/TableSection-f41d4248.js.map +0 -1
- package/dist/esm/index-4b19aafb.js.map +0 -1
|
@@ -0,0 +1,368 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { LogoWrapperProps } from './LogoWrapper/LogoWrapper';
|
|
3
|
+
export declare const LogoPositiveColor: (props: LogoWrapperProps) => import("react").FunctionComponentElement<{
|
|
4
|
+
isHorizontal: boolean;
|
|
5
|
+
children?: import("react").ReactNode;
|
|
6
|
+
width?: number | undefined;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
accept?: string | undefined;
|
|
9
|
+
acceptCharset?: string | undefined;
|
|
10
|
+
action?: string | undefined;
|
|
11
|
+
allowFullScreen?: boolean | undefined;
|
|
12
|
+
allowTransparency?: boolean | undefined;
|
|
13
|
+
alt?: string | undefined;
|
|
14
|
+
as?: string | undefined;
|
|
15
|
+
async?: boolean | undefined;
|
|
16
|
+
autoComplete?: string | undefined;
|
|
17
|
+
autoFocus?: boolean | undefined;
|
|
18
|
+
autoPlay?: boolean | undefined;
|
|
19
|
+
capture?: string | boolean | undefined;
|
|
20
|
+
cellPadding?: string | number | undefined;
|
|
21
|
+
cellSpacing?: string | number | undefined;
|
|
22
|
+
charSet?: string | undefined;
|
|
23
|
+
challenge?: string | undefined;
|
|
24
|
+
checked?: boolean | undefined;
|
|
25
|
+
cite?: string | undefined;
|
|
26
|
+
classID?: string | undefined;
|
|
27
|
+
cols?: number | undefined;
|
|
28
|
+
colSpan?: number | undefined;
|
|
29
|
+
content?: string | undefined;
|
|
30
|
+
controls?: boolean | undefined;
|
|
31
|
+
coords?: string | undefined;
|
|
32
|
+
crossOrigin?: string | undefined;
|
|
33
|
+
data?: string | undefined;
|
|
34
|
+
dateTime?: string | undefined;
|
|
35
|
+
default?: boolean | undefined;
|
|
36
|
+
defer?: boolean | undefined;
|
|
37
|
+
disabled?: boolean | undefined;
|
|
38
|
+
download?: any;
|
|
39
|
+
encType?: string | undefined;
|
|
40
|
+
form?: string | undefined;
|
|
41
|
+
formAction?: string | undefined;
|
|
42
|
+
formEncType?: string | undefined;
|
|
43
|
+
formMethod?: string | undefined;
|
|
44
|
+
formNoValidate?: boolean | undefined;
|
|
45
|
+
formTarget?: string | undefined;
|
|
46
|
+
frameBorder?: string | number | undefined;
|
|
47
|
+
headers?: string | undefined;
|
|
48
|
+
height?: string | number | undefined;
|
|
49
|
+
high?: number | undefined;
|
|
50
|
+
href?: string | undefined;
|
|
51
|
+
hrefLang?: string | undefined;
|
|
52
|
+
htmlFor?: string | undefined;
|
|
53
|
+
httpEquiv?: string | undefined;
|
|
54
|
+
integrity?: string | undefined;
|
|
55
|
+
keyParams?: string | undefined;
|
|
56
|
+
keyType?: string | undefined;
|
|
57
|
+
kind?: string | undefined;
|
|
58
|
+
label?: string | undefined;
|
|
59
|
+
list?: string | undefined;
|
|
60
|
+
loop?: boolean | undefined;
|
|
61
|
+
low?: number | undefined;
|
|
62
|
+
manifest?: string | undefined;
|
|
63
|
+
marginHeight?: number | undefined;
|
|
64
|
+
marginWidth?: number | undefined;
|
|
65
|
+
max?: string | number | undefined;
|
|
66
|
+
maxLength?: number | undefined;
|
|
67
|
+
media?: string | undefined;
|
|
68
|
+
mediaGroup?: string | undefined;
|
|
69
|
+
method?: string | undefined;
|
|
70
|
+
min?: string | number | undefined;
|
|
71
|
+
minLength?: number | undefined;
|
|
72
|
+
multiple?: boolean | undefined;
|
|
73
|
+
muted?: boolean | undefined;
|
|
74
|
+
name?: string | undefined;
|
|
75
|
+
nonce?: string | undefined;
|
|
76
|
+
noValidate?: boolean | undefined;
|
|
77
|
+
open?: boolean | undefined;
|
|
78
|
+
optimum?: number | undefined;
|
|
79
|
+
pattern?: string | undefined;
|
|
80
|
+
placeholder?: string | undefined;
|
|
81
|
+
playsInline?: boolean | undefined;
|
|
82
|
+
poster?: string | undefined;
|
|
83
|
+
preload?: string | undefined;
|
|
84
|
+
readOnly?: boolean | undefined;
|
|
85
|
+
rel?: string | undefined;
|
|
86
|
+
required?: boolean | undefined;
|
|
87
|
+
reversed?: boolean | undefined;
|
|
88
|
+
rows?: number | undefined;
|
|
89
|
+
rowSpan?: number | undefined;
|
|
90
|
+
sandbox?: string | undefined;
|
|
91
|
+
scope?: string | undefined;
|
|
92
|
+
scoped?: boolean | undefined;
|
|
93
|
+
scrolling?: string | undefined;
|
|
94
|
+
seamless?: boolean | undefined;
|
|
95
|
+
selected?: boolean | undefined;
|
|
96
|
+
shape?: string | undefined;
|
|
97
|
+
size?: number | undefined;
|
|
98
|
+
sizes?: string | undefined;
|
|
99
|
+
span?: number | undefined;
|
|
100
|
+
src?: string | undefined;
|
|
101
|
+
srcDoc?: string | undefined;
|
|
102
|
+
srcLang?: string | undefined;
|
|
103
|
+
srcSet?: string | undefined;
|
|
104
|
+
start?: number | undefined;
|
|
105
|
+
step?: string | number | undefined;
|
|
106
|
+
summary?: string | undefined;
|
|
107
|
+
target?: string | undefined;
|
|
108
|
+
type?: string | undefined;
|
|
109
|
+
useMap?: string | undefined;
|
|
110
|
+
value?: string | number | readonly string[] | undefined;
|
|
111
|
+
wmode?: string | undefined;
|
|
112
|
+
wrap?: string | undefined;
|
|
113
|
+
defaultChecked?: boolean | undefined;
|
|
114
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
115
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
116
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
117
|
+
accessKey?: string | undefined;
|
|
118
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
|
119
|
+
contextMenu?: string | undefined;
|
|
120
|
+
dir?: string | undefined;
|
|
121
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
122
|
+
hidden?: boolean | undefined;
|
|
123
|
+
id?: string | undefined;
|
|
124
|
+
lang?: string | undefined;
|
|
125
|
+
slot?: string | undefined;
|
|
126
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
127
|
+
style?: import("react").CSSProperties | undefined;
|
|
128
|
+
tabIndex?: number | undefined;
|
|
129
|
+
title?: string | undefined;
|
|
130
|
+
translate?: "yes" | "no" | undefined;
|
|
131
|
+
radioGroup?: string | undefined;
|
|
132
|
+
role?: import("react").AriaRole | undefined;
|
|
133
|
+
about?: string | undefined;
|
|
134
|
+
datatype?: string | undefined;
|
|
135
|
+
inlist?: any;
|
|
136
|
+
prefix?: string | undefined;
|
|
137
|
+
property?: string | undefined;
|
|
138
|
+
resource?: string | undefined;
|
|
139
|
+
typeof?: string | undefined;
|
|
140
|
+
vocab?: string | undefined;
|
|
141
|
+
autoCapitalize?: string | undefined;
|
|
142
|
+
autoCorrect?: string | undefined;
|
|
143
|
+
autoSave?: string | undefined;
|
|
144
|
+
color?: string | undefined;
|
|
145
|
+
itemProp?: string | undefined;
|
|
146
|
+
itemScope?: boolean | undefined;
|
|
147
|
+
itemType?: string | undefined;
|
|
148
|
+
itemID?: string | undefined;
|
|
149
|
+
itemRef?: string | undefined;
|
|
150
|
+
results?: number | undefined;
|
|
151
|
+
security?: string | undefined;
|
|
152
|
+
unselectable?: "off" | "on" | undefined;
|
|
153
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
154
|
+
is?: string | undefined;
|
|
155
|
+
'aria-activedescendant'?: string | undefined;
|
|
156
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
|
157
|
+
'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
|
|
158
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
|
159
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
160
|
+
'aria-colcount'?: number | undefined;
|
|
161
|
+
'aria-colindex'?: number | undefined;
|
|
162
|
+
'aria-colspan'?: number | undefined;
|
|
163
|
+
'aria-controls'?: string | undefined;
|
|
164
|
+
'aria-current'?: boolean | "time" | "step" | "page" | "false" | "true" | "location" | "date" | undefined;
|
|
165
|
+
'aria-describedby'?: string | undefined;
|
|
166
|
+
'aria-details'?: string | undefined;
|
|
167
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
|
168
|
+
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
169
|
+
'aria-errormessage'?: string | undefined;
|
|
170
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
|
171
|
+
'aria-flowto'?: string | undefined;
|
|
172
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
|
173
|
+
'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
|
|
174
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
|
175
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
176
|
+
'aria-keyshortcuts'?: string | undefined;
|
|
177
|
+
'aria-label'?: string | undefined;
|
|
178
|
+
'aria-labelledby'?: string | undefined;
|
|
179
|
+
'aria-level'?: number | undefined;
|
|
180
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
181
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
|
182
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
|
183
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
|
184
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
185
|
+
'aria-owns'?: string | undefined;
|
|
186
|
+
'aria-placeholder'?: string | undefined;
|
|
187
|
+
'aria-posinset'?: number | undefined;
|
|
188
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
189
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
|
190
|
+
'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
191
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
|
192
|
+
'aria-roledescription'?: string | undefined;
|
|
193
|
+
'aria-rowcount'?: number | undefined;
|
|
194
|
+
'aria-rowindex'?: number | undefined;
|
|
195
|
+
'aria-rowspan'?: number | undefined;
|
|
196
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
|
197
|
+
'aria-setsize'?: number | undefined;
|
|
198
|
+
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
199
|
+
'aria-valuemax'?: number | undefined;
|
|
200
|
+
'aria-valuemin'?: number | undefined;
|
|
201
|
+
'aria-valuenow'?: number | undefined;
|
|
202
|
+
'aria-valuetext'?: string | undefined;
|
|
203
|
+
dangerouslySetInnerHTML?: {
|
|
204
|
+
__html: string;
|
|
205
|
+
} | undefined;
|
|
206
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
229
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
230
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
231
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
234
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
235
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
236
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
237
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
238
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
239
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
240
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
241
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
242
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
243
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
244
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
245
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
246
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
247
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
248
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
249
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
250
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
251
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
252
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
253
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
254
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
255
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
256
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
257
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
258
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
259
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
260
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
261
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
262
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
263
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
265
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
266
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
267
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
268
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
269
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
270
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
271
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
272
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
273
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
274
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
275
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
276
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
277
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
278
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
279
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
280
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
281
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
282
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
283
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
284
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
285
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
286
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
287
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
288
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
289
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
290
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
291
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
292
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
293
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
294
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
295
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
296
|
+
onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
297
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
298
|
+
onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
299
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
300
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
301
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
302
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
303
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
304
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
305
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
306
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
307
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
308
|
+
onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
309
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
310
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
311
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
312
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
313
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
314
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
315
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
316
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
317
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
318
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
319
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
320
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
321
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
322
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
323
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
324
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
325
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
326
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
327
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
328
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
329
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
330
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
331
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
332
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
333
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
334
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
335
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
336
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
337
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
338
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
339
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
340
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
341
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
342
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
343
|
+
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
344
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
345
|
+
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
346
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
347
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
348
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
349
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
350
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
351
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
352
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
353
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
354
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
355
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
356
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
357
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
358
|
+
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
359
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
360
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
361
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
362
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
363
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
364
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
365
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
366
|
+
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
367
|
+
key?: import("react").Key | null | undefined;
|
|
368
|
+
}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
|
+
export interface LogoWrapperProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
width?: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
isHorizontal?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const LogoWrapper: ({ children, width, className, isHorizontal, ...rest }: LogoWrapperProps) => JSX.Element;
|
|
9
|
+
export { LogoWrapper };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
parameters: {
|
|
4
|
+
layout: string;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const StandardLogos: () => JSX.Element;
|
|
9
|
+
export declare const HorizontalLogos: () => JSX.Element;
|
|
10
|
+
export declare const Sizes: () => JSX.Element;
|
|
@@ -10,6 +10,7 @@ export interface TableProps {
|
|
|
10
10
|
collapsibleSections?: boolean;
|
|
11
11
|
hideColumns?: number[];
|
|
12
12
|
hideDetails?: boolean;
|
|
13
|
+
hideRows?: number[];
|
|
13
14
|
imageComponent?: (args: any) => JSX.Element;
|
|
14
15
|
modalContentRenderer?: (content: ReactNode) => ReactNode;
|
|
15
16
|
onModalOpen?: ModalFunction;
|
|
@@ -19,5 +20,5 @@ export interface TableProps {
|
|
|
19
20
|
textOverrides?: TextOverrides;
|
|
20
21
|
title: string;
|
|
21
22
|
}
|
|
22
|
-
declare const Table: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
|
|
23
|
+
declare const Table: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, hideRows, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
|
|
23
24
|
export { Table };
|
|
@@ -2,7 +2,7 @@ import { TableProps } from './Table';
|
|
|
2
2
|
import { TableData } from './types';
|
|
3
3
|
declare const story: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
|
|
5
|
+
component: ({ cellReplacements, className, collapsibleSections, hideColumns, hideDetails, hideRows, imageComponent, modalContentRenderer, onModalOpen, onSelectionChanged, stickyHeaderTopOffset, tableData, textOverrides: definedTextOverrides, title, }: TableProps) => JSX.Element;
|
|
6
6
|
argTypes: {
|
|
7
7
|
tableData: {
|
|
8
8
|
subContent: string;
|
|
@@ -28,6 +28,9 @@ declare const story: {
|
|
|
28
28
|
hideColumns: {
|
|
29
29
|
subContent: string;
|
|
30
30
|
};
|
|
31
|
+
hideRows: {
|
|
32
|
+
subContent: string;
|
|
33
|
+
};
|
|
31
34
|
modalContentRenderer: {
|
|
32
35
|
subContent: string;
|
|
33
36
|
};
|
|
@@ -56,10 +59,11 @@ declare const story: {
|
|
|
56
59
|
hideDetails: string;
|
|
57
60
|
};
|
|
58
61
|
hideColumns: never[];
|
|
62
|
+
hideRows: never[];
|
|
59
63
|
};
|
|
60
64
|
};
|
|
61
65
|
export declare const TableStory: {
|
|
62
|
-
({ collapsibleSections, tableData, hideColumns, hideDetails, stickyHeaderTopOffset, textOverrides, title, }: TableProps): JSX.Element;
|
|
66
|
+
({ collapsibleSections, tableData, hideColumns, hideDetails, hideRows, stickyHeaderTopOffset, textOverrides, title, }: TableProps): JSX.Element;
|
|
63
67
|
storyName: string;
|
|
64
68
|
};
|
|
65
69
|
export declare const TableDataType: () => JSX.Element;
|
|
@@ -11,5 +11,6 @@ export type CTACellProps = {
|
|
|
11
11
|
className?: string;
|
|
12
12
|
dataTestId?: string;
|
|
13
13
|
dataCy?: string;
|
|
14
|
+
onClick?: () => void;
|
|
14
15
|
};
|
|
15
|
-
export declare const CTACell: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, }: CTACellProps) => JSX.Element;
|
|
16
|
+
export declare const CTACell: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, onClick, }: CTACellProps) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CTACell } from './CTACell';
|
|
2
2
|
declare const story: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, }: import("./CTACell").CTACellProps) => JSX.Element;
|
|
4
|
+
component: ({ title, price, icon, grey, narrow, href, buttonCaption, imageComponent, className, dataCy, dataTestId, onClick, }: import("./CTACell").CTACellProps) => JSX.Element;
|
|
5
5
|
argTypes: {};
|
|
6
6
|
args: {
|
|
7
7
|
title: string;
|
|
@@ -5,6 +5,7 @@ export interface TableContentsProps {
|
|
|
5
5
|
tableData: TableData;
|
|
6
6
|
hideColumns?: number[];
|
|
7
7
|
hideDetails?: boolean;
|
|
8
|
+
hideRows?: number[];
|
|
8
9
|
isMobile?: boolean;
|
|
9
10
|
openModal?: ModalFunction;
|
|
10
11
|
shouldHideDetails?: boolean;
|
|
@@ -12,5 +13,5 @@ export interface TableContentsProps {
|
|
|
12
13
|
cellReplacements?: CellReplacements;
|
|
13
14
|
imageComponent?: (args: any) => JSX.Element;
|
|
14
15
|
}
|
|
15
|
-
declare const TableContents: ({ className, collapsibleSections, tableData, hideColumns, hideDetails, isMobile, openModal, shouldHideDetails, title, cellReplacements, imageComponent, }: TableContentsProps) => JSX.Element;
|
|
16
|
+
declare const TableContents: ({ className, collapsibleSections, tableData, hideColumns, hideDetails, hideRows, isMobile, openModal, shouldHideDetails, title, cellReplacements, imageComponent, }: TableContentsProps) => JSX.Element;
|
|
16
17
|
export { TableContents };
|
|
@@ -3,6 +3,7 @@ export interface TableSectionProps {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
tableCellRows: TableCellRowData[];
|
|
5
5
|
hideColumns?: number[];
|
|
6
|
+
hideRows?: number[];
|
|
6
7
|
hideHeader?: boolean;
|
|
7
8
|
openModal?: ModalFunction;
|
|
8
9
|
title: string;
|
|
@@ -10,5 +11,5 @@ export interface TableSectionProps {
|
|
|
10
11
|
cellReplacements?: CellReplacements;
|
|
11
12
|
imageComponent?: (args: any) => JSX.Element;
|
|
12
13
|
}
|
|
13
|
-
declare const TableSection: ({ className, tableCellRows, hideColumns, hideHeader, openModal, title, width, cellReplacements, imageComponent, }: TableSectionProps) => JSX.Element;
|
|
14
|
+
declare const TableSection: ({ className, tableCellRows, hideColumns, hideRows, hideHeader, openModal, title, width, cellReplacements, imageComponent, }: TableSectionProps) => JSX.Element;
|
|
14
15
|
export { TableSection };
|
package/dist/cjs/lib/index.d.ts
CHANGED
|
@@ -31,7 +31,15 @@ import { useEscapeKey } from './hooks/useEscapeKey';
|
|
|
31
31
|
import { useFocusWithin } from './hooks/useFocusWithin';
|
|
32
32
|
import { useMediaQuery } from './hooks/useMediaQuery';
|
|
33
33
|
import { useOnClickOutside } from './hooks/useOnClickOutside';
|
|
34
|
+
import { LogoColor } from './components/logo/LogoColor';
|
|
35
|
+
import { LogoWhite } from './components/logo/LogoWhite';
|
|
36
|
+
import { LogoBlack } from './components/logo/LogoBlack';
|
|
37
|
+
import { LogoOrangeBox } from './components/logo/LogoOrangeBox';
|
|
38
|
+
import { LogoInvertedColor } from './components/logo/LogoInvertedColor';
|
|
39
|
+
import { LogoInverted } from './components/logo/LogoInverted';
|
|
40
|
+
import { LogoPositiveColor } from './components/logo/LogoPositiveColor';
|
|
41
|
+
import { LogoPositiveBlack } from './components/logo/LogoPositiveBlack';
|
|
34
42
|
export * from './components/icon';
|
|
35
|
-
export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, };
|
|
43
|
+
export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, LogoColor, LogoWhite, LogoBlack, LogoOrangeBox, LogoInvertedColor, LogoInverted, LogoPositiveColor, LogoPositiveBlack, };
|
|
36
44
|
export type { AccordionProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, };
|
|
37
45
|
export type { DownloadStatus } from './models/download';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type Color = 'transparent' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-700' | 'blue-900' | 'purple-
|
|
1
|
+
export type Color = 'transparent' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-700' | 'blue-900' | 'purple-50' | 'purple-100' | 'purple-200' | 'purple-300' | 'purple-400' | 'purple-500' | 'purple-600' | 'purple-700' | 'purple-800' | 'purple-900' | 'red-100' | 'red-300' | 'red-500' | 'red-700' | 'red-900' | 'neutral-50' | 'neutral-100' | 'neutral-300' | 'neutral-400' | 'neutral-600' | 'neutral-700' | 'neutral-800' | 'neutral-900' | 'green-100' | 'green-300' | 'green-500' | 'green-700' | 'green-900' | 'yellow-100' | 'yellow-300' | 'yellow-500' | 'yellow-700' | 'yellow-900';
|
|
2
2
|
export type Size = 0 | 4 | 8 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;
|
|
@@ -15,7 +15,7 @@ var isBaseCell = function (tableCellData) {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
var TableSection = function (_a) {
|
|
18
|
-
var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
|
|
18
|
+
var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, _c = _a.hideRows, hideRows = _c === void 0 ? [] : _c, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
|
|
19
19
|
var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
|
|
20
20
|
var isBelowDesktop = useMediaQuery('BELOW_DESKTOP');
|
|
21
21
|
var getModalTitleFromColumnHeader = function (cellIndex) {
|
|
@@ -41,6 +41,7 @@ var TableSection = function (_a) {
|
|
|
41
41
|
return titleFromRow;
|
|
42
42
|
};
|
|
43
43
|
var isVisibleColumn = useCallback(function (cellIndex) { return !hideColumns.includes(cellIndex); }, [hideColumns]);
|
|
44
|
+
var isVisibleRow = useCallback(function (rowIndex) { return !hideRows.includes(rowIndex); }, [hideRows]);
|
|
44
45
|
return (jsxs("table", { className: classNames(className, 'w100', styles.table), width: width, children: [jsx("caption", { className: "sr-only", children: title }), headerRow && (jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
|
|
45
46
|
var isFirstCellInRow = cellIndex === 0;
|
|
46
47
|
var cellReplacementData = (tableCellData.cellId &&
|
|
@@ -54,7 +55,7 @@ var TableSection = function (_a) {
|
|
|
54
55
|
});
|
|
55
56
|
return (isVisibleColumn(cellIndex) && (jsx(TableCell, __assign({ isBelowDesktop: isBelowDesktop, isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, cellProps, { imageComponent: imageComponent }), cellIndex)));
|
|
56
57
|
}) }) })), jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
|
|
57
|
-
return rowIndex > 0 && (jsx("tr", { className: styles.tr, children: row.map(function (tableCellData, cellIndex) {
|
|
58
|
+
return rowIndex > 0 && isVisibleRow(rowIndex) && (jsx("tr", { className: styles.tr, children: row.map(function (tableCellData, cellIndex) {
|
|
58
59
|
var key = "".concat(rowIndex, "-").concat(cellIndex);
|
|
59
60
|
var isFirstCellInRow = cellIndex === 0;
|
|
60
61
|
var titleFromRow = getModalTitleFromRowHeader(row);
|
|
@@ -72,4 +73,4 @@ var TableSection = function (_a) {
|
|
|
72
73
|
};
|
|
73
74
|
|
|
74
75
|
export { TableSection as T, isBaseCell as i };
|
|
75
|
-
//# sourceMappingURL=TableSection-
|
|
76
|
+
//# sourceMappingURL=TableSection-5277dae1.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSection-5277dae1.js","sources":["../../../src/lib/components/table/types.ts","../../../src/lib/components/table/components/TableSection/TableSection.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { BaseCellProps } from './components/TableCell/BaseCell/BaseCell';\nimport { CTACellProps } from './components/TableCell/CTACell/CTACell';\nimport { ButtonCellProps } from './components/TableCell/ButtonCell/ButtonCell';\nimport { CardCellProps } from './components/TableCell/CardCell/CardCell';\n\ntype DefaultCellProps = {\n cellId?: string;\n colSpan?: number;\n modalTitle?: ReactNode;\n};\n\ntype BaseCellData = BaseCellProps & { type?: undefined } & DefaultCellProps;\ntype CTACellData = CTACellProps & { type: 'CTA' } & DefaultCellProps;\ntype ButtonCellData = ButtonCellProps & { type: 'BUTTON' } & DefaultCellProps;\ntype CardCellData = CardCellProps & { type: 'CARD' } & DefaultCellProps;\n\nexport type TableCellData =\n | BaseCellData\n | CTACellData\n | ButtonCellData\n | CardCellData;\n\nexport const isBaseCell = (\n tableCellData: TableCellData\n): tableCellData is BaseCellData => {\n return !tableCellData.type;\n};\n\nexport type TableSectionType = {\n title?: string;\n icon?: ReactNode;\n};\n\nexport type ModalData = {\n title?: ReactNode;\n body?: ReactNode;\n};\n\nexport type TableCellRowData = TableCellData[];\n\nexport type TableSectionData = {\n section?: TableSectionType;\n rows: TableCellRowData[];\n};\n\nexport type TableData = TableSectionData[];\n\nexport type ModalFunction = (modalData: ModalData) => void;\n\nexport type CellReplacements = Record<string, Partial<TableCellData>>;\n","import classNames from 'classnames';\n\nimport styles from './TableSection.module.scss';\nimport { TableCell } from '../TableCell/TableCell';\nimport {\n CellReplacements,\n isBaseCell,\n ModalFunction,\n TableCellData,\n TableCellRowData,\n} from '../../types';\nimport { useCallback } from 'react';\nimport { useMediaQuery } from '../../../../hooks/useMediaQuery';\n\nexport interface TableSectionProps {\n className?: string;\n tableCellRows: TableCellRowData[];\n hideColumns?: number[];\n hideRows?: number[];\n hideHeader?: boolean;\n openModal?: ModalFunction;\n title: string;\n width?: number | string;\n cellReplacements?: CellReplacements;\n imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableSection = ({\n className,\n tableCellRows,\n hideColumns = [],\n hideRows = [],\n hideHeader,\n openModal,\n title,\n width,\n cellReplacements,\n imageComponent,\n}: TableSectionProps) => {\n const headerRow = tableCellRows?.[0];\n const isBelowDesktop = useMediaQuery('BELOW_DESKTOP');\n\n const getModalTitleFromColumnHeader = (cellIndex: number) => {\n const firstCellInColumn = tableCellRows?.[0]?.[cellIndex];\n let titleFromColumn;\n\n switch (firstCellInColumn.type) {\n case 'BUTTON':\n titleFromColumn = firstCellInColumn.buttonCaption;\n break;\n case 'CTA':\n titleFromColumn = firstCellInColumn.title;\n break;\n case undefined:\n titleFromColumn = firstCellInColumn.text || '';\n break;\n }\n\n return titleFromColumn;\n };\n\n const getModalTitleFromRowHeader = (currentRow: TableCellRowData) => {\n const firstCellInRow = currentRow?.[0];\n const titleFromRow =\n (isBaseCell(firstCellInRow) && firstCellInRow.text) || '';\n\n return titleFromRow;\n };\n\n const isVisibleColumn = useCallback(\n (cellIndex: number) => !hideColumns.includes(cellIndex),\n [hideColumns]\n );\n\n const isVisibleRow = useCallback(\n (rowIndex: number) => !hideRows.includes(rowIndex),\n [hideRows]\n );\n\n return (\n <table\n className={classNames(className, 'w100', styles.table)}\n width={width}\n >\n <caption className=\"sr-only\">{title}</caption>\n\n {headerRow && (\n <thead className={hideHeader ? 'sr-only' : ''}>\n <tr>\n {headerRow.map((tableCellData, cellIndex) => {\n const isFirstCellInRow = cellIndex === 0;\n const cellReplacementData =\n (tableCellData.cellId &&\n cellReplacements?.[tableCellData.cellId]) ||\n {};\n\n const cellProps = {\n ...tableCellData,\n ...cellReplacementData,\n ...{\n openModal,\n modalTitle:\n (isBaseCell(tableCellData) && tableCellData.text) ||\n getModalTitleFromColumnHeader(cellIndex),\n align: isFirstCellInRow ? 'left' : 'center',\n },\n } as TableCellData;\n\n return (\n isVisibleColumn(cellIndex) && (\n <TableCell\n key={cellIndex}\n isBelowDesktop={isBelowDesktop}\n isHeader\n isFirstCellInRow={isFirstCellInRow}\n isTopLeftCell={isFirstCellInRow}\n {...cellProps}\n imageComponent={imageComponent}\n />\n )\n );\n })}\n </tr>\n </thead>\n )}\n\n <tbody>\n {tableCellRows.map(\n (row, rowIndex) =>\n rowIndex > 0 && isVisibleRow(rowIndex) && (\n <tr key={rowIndex} className={styles.tr}>\n {row.map((tableCellData, cellIndex) => {\n const key = `${rowIndex}-${cellIndex}`;\n const isFirstCellInRow = cellIndex === 0;\n const titleFromRow = getModalTitleFromRowHeader(row);\n\n const cellReplacementData =\n (tableCellData.cellId &&\n cellReplacements?.[tableCellData.cellId]) ||\n {};\n\n const cellProps = {\n ...tableCellData,\n ...cellReplacementData,\n ...{\n openModal,\n modalTitle: tableCellData?.modalTitle || titleFromRow,\n align: isFirstCellInRow ? 'left' : 'center',\n },\n } as TableCellData;\n\n return (\n !hideColumns.includes(cellIndex) && (\n <TableCell\n isBelowDesktop={isBelowDesktop}\n isFirstCellInRow={isFirstCellInRow}\n key={key}\n {...cellProps}\n imageComponent={imageComponent}\n />\n )\n );\n })}\n </tr>\n )\n )}\n </tbody>\n </table>\n );\n};\n\nexport { TableSection };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;IAuBa,UAAU,GAAG,UACxB,aAA4B;IAE5B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;AAC7B;;ICAM,YAAY,GAAG,UAAC,EAWF;QAVlB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,cAAc,oBAAA;IAEd,IAAM,SAAS,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,CAAC;IACrC,IAAM,cAAc,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;IAEtD,IAAM,6BAA6B,GAAG,UAAC,SAAiB;;QACtD,IAAM,iBAAiB,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,0CAAG,SAAS,CAAC,CAAC;QAC1D,IAAI,eAAe,CAAC;QAEpB,QAAQ,iBAAiB,CAAC,IAAI;YAC5B,KAAK,QAAQ;gBACX,eAAe,GAAG,iBAAiB,CAAC,aAAa,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC;gBAC1C,MAAM;YACR,KAAK,SAAS;gBACZ,eAAe,GAAG,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC;gBAC/C,MAAM;SACT;QAED,OAAO,eAAe,CAAC;KACxB,CAAC;IAEF,IAAM,0BAA0B,GAAG,UAAC,UAA4B;QAC9D,IAAM,cAAc,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;QACvC,IAAM,YAAY,GAChB,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,IAAI,KAAK,EAAE,CAAC;QAE5D,OAAO,YAAY,CAAC;KACrB,CAAC;IAEF,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,SAAiB,IAAK,OAAA,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAA,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,QAAgB,IAAK,OAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAA,EAClD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,QACEA,gBACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,KAAK,aAEZC,iBAAS,SAAS,EAAC,SAAS,YAAE,KAAK,GAAW,EAE7C,SAAS,KACRA,eAAO,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE,YAC3CA,sBACG,SAAS,CAAC,GAAG,CAAC,UAAC,aAAa,EAAE,SAAS;wBACtC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;wBACzC,IAAM,mBAAmB,GACvB,CAAC,aAAa,CAAC,MAAM;6BACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,aAAa,CAAC,MAAM,CAAC,CAAA;4BAC1C,EAAE,CAAC;wBAEL,IAAM,SAAS,GAAG,+BACb,aAAa,GACb,mBAAmB,GACnB;4BACD,SAAS,WAAA;4BACT,UAAU,EACR,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,IAAI;gCAChD,6BAA6B,CAAC,SAAS,CAAC;4BAC1C,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ;yBAC5C,CACe,CAAC;wBAEnB,QACE,eAAe,CAAC,SAAS,CAAC,KACxBA,IAAC,SAAS,aAER,cAAc,EAAE,cAAc,EAC9B,QAAQ,QACR,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,gBAAgB,IAC3B,SAAS,IACb,cAAc,EAAE,cAAc,KANzB,SAAS,CAOd,CACH,EACD;qBACH,CAAC,GACC,GACC,CACT,EAEDA,yBACG,aAAa,CAAC,GAAG,CAChB,UAAC,GAAG,EAAE,QAAQ;oBACZ,OAAA,QAAQ,GAAG,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,KACpCA,YAAmB,SAAS,EAAE,MAAM,CAAC,EAAE,YACpC,GAAG,CAAC,GAAG,CAAC,UAAC,aAAa,EAAE,SAAS;4BAChC,IAAM,GAAG,GAAG,UAAG,QAAQ,cAAI,SAAS,CAAE,CAAC;4BACvC,IAAM,gBAAgB,GAAG,SAAS,KAAK,CAAC,CAAC;4BACzC,IAAM,YAAY,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAC;4BAErD,IAAM,mBAAmB,GACvB,CAAC,aAAa,CAAC,MAAM;iCACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,aAAa,CAAC,MAAM,CAAC,CAAA;gCAC1C,EAAE,CAAC;4BAEL,IAAM,SAAS,GAAG,+BACb,aAAa,GACb,mBAAmB,GACnB;gCACD,SAAS,WAAA;gCACT,UAAU,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,KAAI,YAAY;gCACrD,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ;6BAC5C,CACe,CAAC;4BAEnB,QACE,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,KAC9BA,IAAC,SAAS,aACR,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,IAE9B,SAAS,IACb,cAAc,EAAE,cAAc,KAFzB,GAAG,CAGR,CACH,EACD;yBACH,CAAC,IAhCK,QAAQ,CAiCZ,CACN;iBAAA,CACJ,GACK,IACF,EACR;AACJ;;;;"}
|
|
@@ -9,7 +9,7 @@ import { Card } from '../cards/card/index.js';
|
|
|
9
9
|
import '../icon/IconWrapper/IconWrapper.js';
|
|
10
10
|
import '../icon/icons/ChevronRight.js';
|
|
11
11
|
|
|
12
|
-
var css_248z = ".style-module_wrapperBordered__1BsXF {\n border: 1px solid #
|
|
12
|
+
var css_248z = ".style-module_wrapperBordered__1BsXF {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n color: #26262e;\n}\n.style-module_question__2bC30:hover {\n color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n color: #3f3f47;\n transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n background-color: transparent !important;\n color: #8883D8;\n outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n background: #F6F6FE;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n color: #8883D8 !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n color: #8883D8;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n outline: 2px solid #8883D8 !important;\n}";
|
|
13
13
|
var styles = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
|
|
14
14
|
styleInject(css_248z);
|
|
15
15
|
|
|
@@ -44,11 +44,11 @@ var Accordion = function (_a) {
|
|
|
44
44
|
var _a, _b, _c, _d, _e;
|
|
45
45
|
var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
|
|
46
46
|
var isOpen = selectedQuestionId.includes(id);
|
|
47
|
-
return (jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, styles.icon, 'tc-
|
|
47
|
+
return (jsxs("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon, styles.icon, 'tc-neutral-800'), buttonWrapper: classNames('py8 my8', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, styles.buttonWrapper, (_b = {},
|
|
48
48
|
_b[styles.buttonWrapperDefault] = isDefaultVariant,
|
|
49
49
|
_b)), wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.question, styles.question, (_c = {}, _c[styles.questionOpen] = isOpen, _c)) }, classNames$1), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsx(ChevronDownIcon, { className: classNames(styles.chevron, (_d = {},
|
|
50
50
|
_d[styles.chevronOpen] = isOpen,
|
|
51
|
-
_d)), size: 20, noMargin: true }) }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.answer, 'tc-
|
|
51
|
+
_d)), size: 20, noMargin: true }) }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.answer, 'tc-neutral-700 pr16 pb24', (_e = {
|
|
52
52
|
'pl16': !isDefaultVariant
|
|
53
53
|
},
|
|
54
54
|
_e[styles === null || styles === void 0 ? void 0 : styles.answerIcon] = !isDefaultVariant && icon,
|