@preply/ds-web-lib 1.4.1 → 1.4.2
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/assets/AlertDialog.css +17 -17
- package/dist/assets/Avatar.css +79 -79
- package/dist/assets/AvatarWithStatus.css +12 -12
- package/dist/assets/Badge.css +24 -24
- package/dist/assets/Box.css +171 -171
- package/dist/assets/Button.css +7 -7
- package/dist/assets/ButtonBase.css +245 -245
- package/dist/assets/Chips.css +16 -16
- package/dist/assets/Dialog.css +91 -91
- package/dist/assets/FieldAdditionalText.css +6 -6
- package/dist/assets/FieldButton.css +8 -8
- package/dist/assets/FieldLabel.css +8 -8
- package/dist/assets/FieldLayout.css +29 -29
- package/dist/assets/FieldLayoutBase.css +4 -4
- package/dist/assets/Heading.css +100 -100
- package/dist/assets/Icon.css +14 -14
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +14 -14
- package/dist/assets/Link.css +32 -32
- package/dist/assets/Loader.css +4 -4
- package/dist/assets/OnboardingTooltip.css +17 -17
- package/dist/assets/OnboardingTour.css +2 -2
- package/dist/assets/PreplyLogo.css +9 -9
- package/dist/assets/ProgressBar.css +3 -3
- package/dist/assets/ProgressSteps.css +7 -7
- package/dist/assets/SelectFieldLayout.css +18 -18
- package/dist/assets/Spinner.css +26 -26
- package/dist/assets/Steps.css +5 -5
- package/dist/assets/Text.css +227 -227
- package/dist/assets/TextHighlighted.css +14 -14
- package/dist/assets/TextInline.css +5 -5
- package/dist/assets/Toast.css +12 -12
- package/dist/assets/Tooltip.css +14 -14
- package/dist/assets/align-self.css +25 -25
- package/dist/assets/color.css +39 -39
- package/dist/assets/exp-color.css +58 -58
- package/dist/assets/index.css +16 -16
- package/dist/assets/layout-gap.css +135 -135
- package/dist/assets/layout-grid.css +100 -100
- package/dist/assets/layout-hide.css +49 -49
- package/dist/assets/layout-padding.css +531 -531
- package/dist/assets/layout-relative.css +2 -2
- package/dist/assets/text-accent.css +18 -18
- package/dist/assets/text-centered.css +13 -13
- package/dist/assets/text-weight.css +8 -8
- package/dist/components/AlertDialog/AlertDialog.js +4 -4
- package/dist/components/Avatar/Avatar.js +74 -74
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Box/Box.js +150 -150
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chips/Chips.js +4 -4
- package/dist/components/Dialog/Dialog.js +35 -35
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
- package/dist/components/FieldButton/FieldButton.js +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +7 -7
- package/dist/components/Heading/Heading.js +97 -97
- package/dist/components/Icon/Icon.js +10 -10
- package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
- package/dist/components/Link/Link.js +18 -18
- package/dist/components/Loader/Loader.js +3 -3
- package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
- package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
- package/dist/components/Steps/Steps.js +4 -4
- package/dist/components/Text/Text.js +224 -224
- package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
- package/dist/components/TextInline/TextInline.js +2 -2
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
- package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
- package/dist/components/private/Input/Checkbox.js +1 -1
- package/dist/components/private/Input/InputDate.js +1 -1
- package/dist/components/private/Input/InputNumber.js +1 -1
- package/dist/components/private/Input/InputPassword.js +1 -1
- package/dist/components/private/Input/InputText.js +1 -1
- package/dist/components/private/Input/InputTime.js +1 -1
- package/dist/components/private/Input/Radio.js +1 -1
- package/dist/components/private/Input/Select.js +1 -1
- package/dist/components/private/Input/Textarea.js +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
- package/dist/components/private/Spinner/Spinner.js +16 -16
- package/dist/index.module-iACyovpJ.js +27 -0
- package/dist/layout-gap.module-DwYAmZqy.js +139 -0
- package/dist/{layout-grid.module-BLJUirw-.js → layout-grid.module-DvWR2pve.js} +97 -97
- package/dist/layout-hide.module-CVaoro6S.js +55 -0
- package/dist/{layout-relative.module-B5e88crD.js → layout-relative.module-yZwngsDw.js} +2 -2
- package/dist/shared-styles/align-self/align-self.js +25 -25
- package/dist/shared-styles/color/color.js +38 -38
- package/dist/shared-styles/exp-color/exp-color.js +57 -57
- package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
- package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
- package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
- package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
- package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
- package/dist/shared-styles/text-accent/text-accent.js +17 -17
- package/dist/shared-styles/text-centered/text-centered.js +13 -13
- package/dist/shared-styles/text-weight/text-weight.js +7 -7
- package/package.json +13 -13
- package/dist/index.module-DD85j9FG.js +0 -27
- package/dist/layout-gap.module-epqpmsIJ.js +0 -139
- package/dist/layout-hide.module-IAC5mhAt.js +0 -55
|
@@ -6,105 +6,105 @@ import { getColorClassNames } from "../../shared-styles/color/color.js";
|
|
|
6
6
|
import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
|
|
7
7
|
import { getTextCenteredClassnames } from "../../shared-styles/text-centered/text-centered.js";
|
|
8
8
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
9
|
-
import '../../assets/Heading.css';const Heading$1 = "
|
|
9
|
+
import '../../assets/Heading.css';const Heading$1 = "_Heading_av3vf_4";
|
|
10
10
|
const styles = {
|
|
11
11
|
Heading: Heading$1,
|
|
12
|
-
"Heading--level-h1-normal": "_Heading--level-h1-
|
|
13
|
-
"Heading--level-h1-large": "_Heading--level-h1-
|
|
14
|
-
"Heading--level-h2-normal": "_Heading--level-h2-
|
|
15
|
-
"Heading--level-h2-large": "_Heading--level-h2-
|
|
16
|
-
"Heading--level-h3-normal": "_Heading--level-h3-
|
|
17
|
-
"Heading--level-h3-large": "_Heading--level-h3-
|
|
18
|
-
"Heading--level-h4-normal": "_Heading--level-h4-
|
|
19
|
-
"Heading--level-h4-large": "_Heading--level-h4-
|
|
20
|
-
"Heading--level-h5-normal": "_Heading--level-h5-
|
|
21
|
-
"Heading--level-h5-large": "_Heading--level-h5-
|
|
22
|
-
"Heading--narrow-l--level-h1-normal": "_Heading--narrow-l--level-h1-
|
|
23
|
-
"Heading--narrow-l--level-h1-large": "_Heading--narrow-l--level-h1-
|
|
24
|
-
"Heading--narrow-l--level-h2-normal": "_Heading--narrow-l--level-h2-
|
|
25
|
-
"Heading--narrow-l--level-h2-large": "_Heading--narrow-l--level-h2-
|
|
26
|
-
"Heading--narrow-l--level-h3-normal": "_Heading--narrow-l--level-h3-
|
|
27
|
-
"Heading--narrow-l--level-h3-large": "_Heading--narrow-l--level-h3-
|
|
28
|
-
"Heading--narrow-l--level-h4-normal": "_Heading--narrow-l--level-h4-
|
|
29
|
-
"Heading--narrow-l--level-h4-large": "_Heading--narrow-l--level-h4-
|
|
30
|
-
"Heading--narrow-l--level-h5-normal": "_Heading--narrow-l--level-h5-
|
|
31
|
-
"Heading--narrow-l--level-h5-large": "_Heading--narrow-l--level-h5-
|
|
32
|
-
"Heading--medium-s--level-h1-normal": "_Heading--medium-s--level-h1-
|
|
33
|
-
"Heading--medium-s--level-h1-large": "_Heading--medium-s--level-h1-
|
|
34
|
-
"Heading--medium-s--level-h2-normal": "_Heading--medium-s--level-h2-
|
|
35
|
-
"Heading--medium-s--level-h2-large": "_Heading--medium-s--level-h2-
|
|
36
|
-
"Heading--medium-s--level-h3-normal": "_Heading--medium-s--level-h3-
|
|
37
|
-
"Heading--medium-s--level-h3-large": "_Heading--medium-s--level-h3-
|
|
38
|
-
"Heading--medium-s--level-h4-normal": "_Heading--medium-s--level-h4-
|
|
39
|
-
"Heading--medium-s--level-h4-large": "_Heading--medium-s--level-h4-
|
|
40
|
-
"Heading--medium-s--level-h5-normal": "_Heading--medium-s--level-h5-
|
|
41
|
-
"Heading--medium-s--level-h5-large": "_Heading--medium-s--level-h5-
|
|
42
|
-
"Heading--medium-l--level-h1-normal": "_Heading--medium-l--level-h1-
|
|
43
|
-
"Heading--medium-l--level-h1-large": "_Heading--medium-l--level-h1-
|
|
44
|
-
"Heading--medium-l--level-h2-normal": "_Heading--medium-l--level-h2-
|
|
45
|
-
"Heading--medium-l--level-h2-large": "_Heading--medium-l--level-h2-
|
|
46
|
-
"Heading--medium-l--level-h3-normal": "_Heading--medium-l--level-h3-
|
|
47
|
-
"Heading--medium-l--level-h3-large": "_Heading--medium-l--level-h3-
|
|
48
|
-
"Heading--medium-l--level-h4-normal": "_Heading--medium-l--level-h4-
|
|
49
|
-
"Heading--medium-l--level-h4-large": "_Heading--medium-l--level-h4-
|
|
50
|
-
"Heading--medium-l--level-h5-normal": "_Heading--medium-l--level-h5-
|
|
51
|
-
"Heading--medium-l--level-h5-large": "_Heading--medium-l--level-h5-
|
|
52
|
-
"Heading--wide-s--level-h1-normal": "_Heading--wide-s--level-h1-
|
|
53
|
-
"Heading--wide-s--level-h1-large": "_Heading--wide-s--level-h1-
|
|
54
|
-
"Heading--wide-s--level-h2-normal": "_Heading--wide-s--level-h2-
|
|
55
|
-
"Heading--wide-s--level-h2-large": "_Heading--wide-s--level-h2-
|
|
56
|
-
"Heading--wide-s--level-h3-normal": "_Heading--wide-s--level-h3-
|
|
57
|
-
"Heading--wide-s--level-h3-large": "_Heading--wide-s--level-h3-
|
|
58
|
-
"Heading--wide-s--level-h4-normal": "_Heading--wide-s--level-h4-
|
|
59
|
-
"Heading--wide-s--level-h4-large": "_Heading--wide-s--level-h4-
|
|
60
|
-
"Heading--wide-s--level-h5-normal": "_Heading--wide-s--level-h5-
|
|
61
|
-
"Heading--wide-s--level-h5-large": "_Heading--wide-s--level-h5-
|
|
62
|
-
"Heading--wide-l--level-h1-normal": "_Heading--wide-l--level-h1-
|
|
63
|
-
"Heading--wide-l--level-h1-large": "_Heading--wide-l--level-h1-
|
|
64
|
-
"Heading--wide-l--level-h2-normal": "_Heading--wide-l--level-h2-
|
|
65
|
-
"Heading--wide-l--level-h2-large": "_Heading--wide-l--level-h2-
|
|
66
|
-
"Heading--wide-l--level-h3-normal": "_Heading--wide-l--level-h3-
|
|
67
|
-
"Heading--wide-l--level-h3-large": "_Heading--wide-l--level-h3-
|
|
68
|
-
"Heading--wide-l--level-h4-normal": "_Heading--wide-l--level-h4-
|
|
69
|
-
"Heading--wide-l--level-h4-large": "_Heading--wide-l--level-h4-
|
|
70
|
-
"Heading--wide-l--level-h5-normal": "_Heading--wide-l--level-h5-
|
|
71
|
-
"Heading--wide-l--level-h5-large": "_Heading--wide-l--level-h5-
|
|
72
|
-
"Heading--variant-massive": "_Heading--variant-
|
|
73
|
-
"Heading--variant-huge": "_Heading--variant-
|
|
74
|
-
"Heading--variant-extraLarge": "_Heading--variant-
|
|
75
|
-
"Heading--variant-large": "_Heading--variant-
|
|
76
|
-
"Heading--variant-medium": "_Heading--variant-
|
|
77
|
-
"Heading--variant-small": "_Heading--variant-
|
|
78
|
-
"Heading--narrow-l--variant-massive": "_Heading--narrow-l--variant-
|
|
79
|
-
"Heading--narrow-l--variant-huge": "_Heading--narrow-l--variant-
|
|
80
|
-
"Heading--narrow-l--variant-extraLarge": "_Heading--narrow-l--variant-
|
|
81
|
-
"Heading--narrow-l--variant-large": "_Heading--narrow-l--variant-
|
|
82
|
-
"Heading--narrow-l--variant-medium": "_Heading--narrow-l--variant-
|
|
83
|
-
"Heading--narrow-l--variant-small": "_Heading--narrow-l--variant-
|
|
84
|
-
"Heading--medium-s--variant-massive": "_Heading--medium-s--variant-
|
|
85
|
-
"Heading--medium-s--variant-huge": "_Heading--medium-s--variant-
|
|
86
|
-
"Heading--medium-s--variant-extraLarge": "_Heading--medium-s--variant-
|
|
87
|
-
"Heading--medium-s--variant-large": "_Heading--medium-s--variant-
|
|
88
|
-
"Heading--medium-s--variant-medium": "_Heading--medium-s--variant-
|
|
89
|
-
"Heading--medium-s--variant-small": "_Heading--medium-s--variant-
|
|
90
|
-
"Heading--medium-l--variant-massive": "_Heading--medium-l--variant-
|
|
91
|
-
"Heading--medium-l--variant-huge": "_Heading--medium-l--variant-
|
|
92
|
-
"Heading--medium-l--variant-extraLarge": "_Heading--medium-l--variant-
|
|
93
|
-
"Heading--medium-l--variant-large": "_Heading--medium-l--variant-
|
|
94
|
-
"Heading--medium-l--variant-medium": "_Heading--medium-l--variant-
|
|
95
|
-
"Heading--medium-l--variant-small": "_Heading--medium-l--variant-
|
|
96
|
-
"Heading--wide-s--variant-massive": "_Heading--wide-s--variant-
|
|
97
|
-
"Heading--wide-s--variant-huge": "_Heading--wide-s--variant-
|
|
98
|
-
"Heading--wide-s--variant-extraLarge": "_Heading--wide-s--variant-
|
|
99
|
-
"Heading--wide-s--variant-large": "_Heading--wide-s--variant-
|
|
100
|
-
"Heading--wide-s--variant-medium": "_Heading--wide-s--variant-
|
|
101
|
-
"Heading--wide-s--variant-small": "_Heading--wide-s--variant-
|
|
102
|
-
"Heading--wide-l--variant-massive": "_Heading--wide-l--variant-
|
|
103
|
-
"Heading--wide-l--variant-huge": "_Heading--wide-l--variant-
|
|
104
|
-
"Heading--wide-l--variant-extraLarge": "_Heading--wide-l--variant-
|
|
105
|
-
"Heading--wide-l--variant-large": "_Heading--wide-l--variant-
|
|
106
|
-
"Heading--wide-l--variant-medium": "_Heading--wide-l--variant-
|
|
107
|
-
"Heading--wide-l--variant-small": "_Heading--wide-l--variant-
|
|
12
|
+
"Heading--level-h1-normal": "_Heading--level-h1-normal_av3vf_11",
|
|
13
|
+
"Heading--level-h1-large": "_Heading--level-h1-large_av3vf_17",
|
|
14
|
+
"Heading--level-h2-normal": "_Heading--level-h2-normal_av3vf_23",
|
|
15
|
+
"Heading--level-h2-large": "_Heading--level-h2-large_av3vf_29",
|
|
16
|
+
"Heading--level-h3-normal": "_Heading--level-h3-normal_av3vf_35",
|
|
17
|
+
"Heading--level-h3-large": "_Heading--level-h3-large_av3vf_41",
|
|
18
|
+
"Heading--level-h4-normal": "_Heading--level-h4-normal_av3vf_47",
|
|
19
|
+
"Heading--level-h4-large": "_Heading--level-h4-large_av3vf_53",
|
|
20
|
+
"Heading--level-h5-normal": "_Heading--level-h5-normal_av3vf_59",
|
|
21
|
+
"Heading--level-h5-large": "_Heading--level-h5-large_av3vf_65",
|
|
22
|
+
"Heading--narrow-l--level-h1-normal": "_Heading--narrow-l--level-h1-normal_av3vf_72",
|
|
23
|
+
"Heading--narrow-l--level-h1-large": "_Heading--narrow-l--level-h1-large_av3vf_78",
|
|
24
|
+
"Heading--narrow-l--level-h2-normal": "_Heading--narrow-l--level-h2-normal_av3vf_84",
|
|
25
|
+
"Heading--narrow-l--level-h2-large": "_Heading--narrow-l--level-h2-large_av3vf_90",
|
|
26
|
+
"Heading--narrow-l--level-h3-normal": "_Heading--narrow-l--level-h3-normal_av3vf_96",
|
|
27
|
+
"Heading--narrow-l--level-h3-large": "_Heading--narrow-l--level-h3-large_av3vf_102",
|
|
28
|
+
"Heading--narrow-l--level-h4-normal": "_Heading--narrow-l--level-h4-normal_av3vf_108",
|
|
29
|
+
"Heading--narrow-l--level-h4-large": "_Heading--narrow-l--level-h4-large_av3vf_114",
|
|
30
|
+
"Heading--narrow-l--level-h5-normal": "_Heading--narrow-l--level-h5-normal_av3vf_120",
|
|
31
|
+
"Heading--narrow-l--level-h5-large": "_Heading--narrow-l--level-h5-large_av3vf_126",
|
|
32
|
+
"Heading--medium-s--level-h1-normal": "_Heading--medium-s--level-h1-normal_av3vf_134",
|
|
33
|
+
"Heading--medium-s--level-h1-large": "_Heading--medium-s--level-h1-large_av3vf_140",
|
|
34
|
+
"Heading--medium-s--level-h2-normal": "_Heading--medium-s--level-h2-normal_av3vf_146",
|
|
35
|
+
"Heading--medium-s--level-h2-large": "_Heading--medium-s--level-h2-large_av3vf_152",
|
|
36
|
+
"Heading--medium-s--level-h3-normal": "_Heading--medium-s--level-h3-normal_av3vf_158",
|
|
37
|
+
"Heading--medium-s--level-h3-large": "_Heading--medium-s--level-h3-large_av3vf_164",
|
|
38
|
+
"Heading--medium-s--level-h4-normal": "_Heading--medium-s--level-h4-normal_av3vf_170",
|
|
39
|
+
"Heading--medium-s--level-h4-large": "_Heading--medium-s--level-h4-large_av3vf_176",
|
|
40
|
+
"Heading--medium-s--level-h5-normal": "_Heading--medium-s--level-h5-normal_av3vf_182",
|
|
41
|
+
"Heading--medium-s--level-h5-large": "_Heading--medium-s--level-h5-large_av3vf_188",
|
|
42
|
+
"Heading--medium-l--level-h1-normal": "_Heading--medium-l--level-h1-normal_av3vf_196",
|
|
43
|
+
"Heading--medium-l--level-h1-large": "_Heading--medium-l--level-h1-large_av3vf_202",
|
|
44
|
+
"Heading--medium-l--level-h2-normal": "_Heading--medium-l--level-h2-normal_av3vf_208",
|
|
45
|
+
"Heading--medium-l--level-h2-large": "_Heading--medium-l--level-h2-large_av3vf_214",
|
|
46
|
+
"Heading--medium-l--level-h3-normal": "_Heading--medium-l--level-h3-normal_av3vf_220",
|
|
47
|
+
"Heading--medium-l--level-h3-large": "_Heading--medium-l--level-h3-large_av3vf_226",
|
|
48
|
+
"Heading--medium-l--level-h4-normal": "_Heading--medium-l--level-h4-normal_av3vf_232",
|
|
49
|
+
"Heading--medium-l--level-h4-large": "_Heading--medium-l--level-h4-large_av3vf_238",
|
|
50
|
+
"Heading--medium-l--level-h5-normal": "_Heading--medium-l--level-h5-normal_av3vf_244",
|
|
51
|
+
"Heading--medium-l--level-h5-large": "_Heading--medium-l--level-h5-large_av3vf_250",
|
|
52
|
+
"Heading--wide-s--level-h1-normal": "_Heading--wide-s--level-h1-normal_av3vf_258",
|
|
53
|
+
"Heading--wide-s--level-h1-large": "_Heading--wide-s--level-h1-large_av3vf_264",
|
|
54
|
+
"Heading--wide-s--level-h2-normal": "_Heading--wide-s--level-h2-normal_av3vf_270",
|
|
55
|
+
"Heading--wide-s--level-h2-large": "_Heading--wide-s--level-h2-large_av3vf_276",
|
|
56
|
+
"Heading--wide-s--level-h3-normal": "_Heading--wide-s--level-h3-normal_av3vf_282",
|
|
57
|
+
"Heading--wide-s--level-h3-large": "_Heading--wide-s--level-h3-large_av3vf_288",
|
|
58
|
+
"Heading--wide-s--level-h4-normal": "_Heading--wide-s--level-h4-normal_av3vf_294",
|
|
59
|
+
"Heading--wide-s--level-h4-large": "_Heading--wide-s--level-h4-large_av3vf_300",
|
|
60
|
+
"Heading--wide-s--level-h5-normal": "_Heading--wide-s--level-h5-normal_av3vf_306",
|
|
61
|
+
"Heading--wide-s--level-h5-large": "_Heading--wide-s--level-h5-large_av3vf_312",
|
|
62
|
+
"Heading--wide-l--level-h1-normal": "_Heading--wide-l--level-h1-normal_av3vf_320",
|
|
63
|
+
"Heading--wide-l--level-h1-large": "_Heading--wide-l--level-h1-large_av3vf_326",
|
|
64
|
+
"Heading--wide-l--level-h2-normal": "_Heading--wide-l--level-h2-normal_av3vf_332",
|
|
65
|
+
"Heading--wide-l--level-h2-large": "_Heading--wide-l--level-h2-large_av3vf_338",
|
|
66
|
+
"Heading--wide-l--level-h3-normal": "_Heading--wide-l--level-h3-normal_av3vf_344",
|
|
67
|
+
"Heading--wide-l--level-h3-large": "_Heading--wide-l--level-h3-large_av3vf_350",
|
|
68
|
+
"Heading--wide-l--level-h4-normal": "_Heading--wide-l--level-h4-normal_av3vf_356",
|
|
69
|
+
"Heading--wide-l--level-h4-large": "_Heading--wide-l--level-h4-large_av3vf_362",
|
|
70
|
+
"Heading--wide-l--level-h5-normal": "_Heading--wide-l--level-h5-normal_av3vf_368",
|
|
71
|
+
"Heading--wide-l--level-h5-large": "_Heading--wide-l--level-h5-large_av3vf_374",
|
|
72
|
+
"Heading--variant-massive": "_Heading--variant-massive_av3vf_381",
|
|
73
|
+
"Heading--variant-huge": "_Heading--variant-huge_av3vf_387",
|
|
74
|
+
"Heading--variant-extraLarge": "_Heading--variant-extraLarge_av3vf_393",
|
|
75
|
+
"Heading--variant-large": "_Heading--variant-large_av3vf_399",
|
|
76
|
+
"Heading--variant-medium": "_Heading--variant-medium_av3vf_405",
|
|
77
|
+
"Heading--variant-small": "_Heading--variant-small_av3vf_411",
|
|
78
|
+
"Heading--narrow-l--variant-massive": "_Heading--narrow-l--variant-massive_av3vf_418",
|
|
79
|
+
"Heading--narrow-l--variant-huge": "_Heading--narrow-l--variant-huge_av3vf_424",
|
|
80
|
+
"Heading--narrow-l--variant-extraLarge": "_Heading--narrow-l--variant-extraLarge_av3vf_430",
|
|
81
|
+
"Heading--narrow-l--variant-large": "_Heading--narrow-l--variant-large_av3vf_436",
|
|
82
|
+
"Heading--narrow-l--variant-medium": "_Heading--narrow-l--variant-medium_av3vf_442",
|
|
83
|
+
"Heading--narrow-l--variant-small": "_Heading--narrow-l--variant-small_av3vf_448",
|
|
84
|
+
"Heading--medium-s--variant-massive": "_Heading--medium-s--variant-massive_av3vf_456",
|
|
85
|
+
"Heading--medium-s--variant-huge": "_Heading--medium-s--variant-huge_av3vf_462",
|
|
86
|
+
"Heading--medium-s--variant-extraLarge": "_Heading--medium-s--variant-extraLarge_av3vf_468",
|
|
87
|
+
"Heading--medium-s--variant-large": "_Heading--medium-s--variant-large_av3vf_474",
|
|
88
|
+
"Heading--medium-s--variant-medium": "_Heading--medium-s--variant-medium_av3vf_480",
|
|
89
|
+
"Heading--medium-s--variant-small": "_Heading--medium-s--variant-small_av3vf_486",
|
|
90
|
+
"Heading--medium-l--variant-massive": "_Heading--medium-l--variant-massive_av3vf_494",
|
|
91
|
+
"Heading--medium-l--variant-huge": "_Heading--medium-l--variant-huge_av3vf_500",
|
|
92
|
+
"Heading--medium-l--variant-extraLarge": "_Heading--medium-l--variant-extraLarge_av3vf_506",
|
|
93
|
+
"Heading--medium-l--variant-large": "_Heading--medium-l--variant-large_av3vf_512",
|
|
94
|
+
"Heading--medium-l--variant-medium": "_Heading--medium-l--variant-medium_av3vf_518",
|
|
95
|
+
"Heading--medium-l--variant-small": "_Heading--medium-l--variant-small_av3vf_524",
|
|
96
|
+
"Heading--wide-s--variant-massive": "_Heading--wide-s--variant-massive_av3vf_532",
|
|
97
|
+
"Heading--wide-s--variant-huge": "_Heading--wide-s--variant-huge_av3vf_538",
|
|
98
|
+
"Heading--wide-s--variant-extraLarge": "_Heading--wide-s--variant-extraLarge_av3vf_544",
|
|
99
|
+
"Heading--wide-s--variant-large": "_Heading--wide-s--variant-large_av3vf_550",
|
|
100
|
+
"Heading--wide-s--variant-medium": "_Heading--wide-s--variant-medium_av3vf_556",
|
|
101
|
+
"Heading--wide-s--variant-small": "_Heading--wide-s--variant-small_av3vf_562",
|
|
102
|
+
"Heading--wide-l--variant-massive": "_Heading--wide-l--variant-massive_av3vf_570",
|
|
103
|
+
"Heading--wide-l--variant-huge": "_Heading--wide-l--variant-huge_av3vf_576",
|
|
104
|
+
"Heading--wide-l--variant-extraLarge": "_Heading--wide-l--variant-extraLarge_av3vf_582",
|
|
105
|
+
"Heading--wide-l--variant-large": "_Heading--wide-l--variant-large_av3vf_588",
|
|
106
|
+
"Heading--wide-l--variant-medium": "_Heading--wide-l--variant-medium_av3vf_594",
|
|
107
|
+
"Heading--wide-l--variant-small": "_Heading--wide-l--variant-small_av3vf_600"
|
|
108
108
|
};
|
|
109
109
|
const Heading = forwardRef(function HeadingComponent({
|
|
110
110
|
children,
|
|
@@ -8,18 +8,18 @@ import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-ac
|
|
|
8
8
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
9
9
|
import { renderIcon } from "../../utils/render-icon.js";
|
|
10
10
|
import { getExpColorClassNames } from "../../shared-styles/exp-color/exp-color.js";
|
|
11
|
-
import '../../assets/Icon.css';const Icon$1 = "
|
|
11
|
+
import '../../assets/Icon.css';const Icon$1 = "_Icon_1apu0_4";
|
|
12
12
|
const styles = {
|
|
13
13
|
Icon: Icon$1,
|
|
14
|
-
"Icon--size-2xs": "_Icon--size-
|
|
15
|
-
"Icon--size-xs": "_Icon--size-
|
|
16
|
-
"Icon--size-s": "_Icon--size-
|
|
17
|
-
"Icon--size-m": "_Icon--size-
|
|
18
|
-
"Icon--size-l": "_Icon--size-
|
|
19
|
-
"Icon--size-16": "_Icon--size-
|
|
20
|
-
"Icon--size-24": "_Icon--size-
|
|
21
|
-
"Icon--size-32": "_Icon--size-
|
|
22
|
-
"Icon--size-48": "_Icon--size-
|
|
14
|
+
"Icon--size-2xs": "_Icon--size-2xs_1apu0_16",
|
|
15
|
+
"Icon--size-xs": "_Icon--size-xs_1apu0_22",
|
|
16
|
+
"Icon--size-s": "_Icon--size-s_1apu0_28",
|
|
17
|
+
"Icon--size-m": "_Icon--size-m_1apu0_34",
|
|
18
|
+
"Icon--size-l": "_Icon--size-l_1apu0_40",
|
|
19
|
+
"Icon--size-16": "_Icon--size-16_1apu0_46",
|
|
20
|
+
"Icon--size-24": "_Icon--size-24_1apu0_52",
|
|
21
|
+
"Icon--size-32": "_Icon--size-32_1apu0_58",
|
|
22
|
+
"Icon--size-48": "_Icon--size-48_1apu0_64"
|
|
23
23
|
};
|
|
24
24
|
const Icon = forwardRef(function IconComponent({
|
|
25
25
|
svg,
|
|
@@ -5,9 +5,9 @@ import { LAYOUT_TAG_DEFAULT } from "@preply/ds-core";
|
|
|
5
5
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
6
6
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
7
7
|
import { getGapAttr, getRelativeAttr, getDisplayAttr, getAlignItemsAttr, getJustifyContentAttr, getDirectionAttr, getPaddingAttr, DO_NOT_ADD_DATA_ATTRIBUTE, getWrapAttr } from "./style/getStyleAttrs.js";
|
|
8
|
-
import { s as styles$1 } from "../../layout-gap.module-
|
|
9
|
-
import { s as styles$2 } from "../../layout-hide.module-
|
|
10
|
-
import { s as styles$3 } from "../../layout-relative.module-
|
|
8
|
+
import { s as styles$1 } from "../../layout-gap.module-DwYAmZqy.js";
|
|
9
|
+
import { s as styles$2 } from "../../layout-hide.module-CVaoro6S.js";
|
|
10
|
+
import { s as styles$3 } from "../../layout-relative.module-yZwngsDw.js";
|
|
11
11
|
import '../../assets/LayoutFlex.css';const styles = {};
|
|
12
12
|
const LayoutFlex = forwardRef(function LayoutFlexComponent(props, ref) {
|
|
13
13
|
const {
|
|
@@ -7,21 +7,21 @@ import { getAlignSelfClassNames } from "../../shared-styles/align-self/align-sel
|
|
|
7
7
|
import { getLayoutHideClassnames } from "../../shared-styles/layout-hide/layout-hide.js";
|
|
8
8
|
import { getLayoutRelativeClassnames } from "../../shared-styles/layout-relative/layout-relative.js";
|
|
9
9
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
10
|
-
import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "
|
|
10
|
+
import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_2flqe_2";
|
|
11
11
|
const styles = {
|
|
12
12
|
LayoutFlexItem: LayoutFlexItem$1,
|
|
13
|
-
"LayoutFlexItem--stretch": "_LayoutFlexItem--
|
|
14
|
-
"LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-
|
|
15
|
-
"LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--
|
|
16
|
-
"LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-
|
|
17
|
-
"LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--
|
|
18
|
-
"LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-
|
|
19
|
-
"LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--
|
|
20
|
-
"LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-
|
|
21
|
-
"LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--
|
|
22
|
-
"LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-
|
|
23
|
-
"LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--
|
|
24
|
-
"LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-
|
|
13
|
+
"LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_2flqe_11",
|
|
14
|
+
"LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_2flqe_14",
|
|
15
|
+
"LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_2flqe_18",
|
|
16
|
+
"LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_2flqe_21",
|
|
17
|
+
"LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_2flqe_26",
|
|
18
|
+
"LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_2flqe_29",
|
|
19
|
+
"LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_2flqe_34",
|
|
20
|
+
"LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_2flqe_37",
|
|
21
|
+
"LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_2flqe_42",
|
|
22
|
+
"LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_2flqe_45",
|
|
23
|
+
"LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_2flqe_50",
|
|
24
|
+
"LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_2flqe_53"
|
|
25
25
|
};
|
|
26
26
|
const LayoutFlexItem = forwardRef(function LayoutFlexItemComponent({
|
|
27
27
|
children,
|
|
@@ -5,26 +5,26 @@ import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
|
5
5
|
import { useHostname, moduleClassNames, stringClassNames, booleanClassNames, getExternalUrlProps, getDatasetProps } from "@preply/ds-web-core";
|
|
6
6
|
import { forwardRef, cloneElement } from "react";
|
|
7
7
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
8
|
-
import '../../assets/Link.css';const Link$1 = "
|
|
8
|
+
import '../../assets/Link.css';const Link$1 = "_Link_q0vqc_4";
|
|
9
9
|
const styles = {
|
|
10
10
|
Link: Link$1,
|
|
11
|
-
"Link--inline": "_Link--
|
|
12
|
-
"Link--noUnderline": "_Link--
|
|
13
|
-
"Link--variant-accentDark": "_Link--variant-
|
|
14
|
-
"Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-
|
|
15
|
-
"Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-
|
|
16
|
-
"Link--variant-accentDarkInverted": "_Link--variant-
|
|
17
|
-
"Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-
|
|
18
|
-
"Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-
|
|
19
|
-
"Link--variant-neutral": "_Link--variant-
|
|
20
|
-
"Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-
|
|
21
|
-
"Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-
|
|
22
|
-
"Link--variant-neutralInverted": "_Link--variant-
|
|
23
|
-
"Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-
|
|
24
|
-
"Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-
|
|
25
|
-
"Link--variant-unsetColors": "_Link--variant-
|
|
26
|
-
"Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-
|
|
27
|
-
"Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-
|
|
11
|
+
"Link--inline": "_Link--inline_q0vqc_20",
|
|
12
|
+
"Link--noUnderline": "_Link--noUnderline_q0vqc_23",
|
|
13
|
+
"Link--variant-accentDark": "_Link--variant-accentDark_q0vqc_26",
|
|
14
|
+
"Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-hover_q0vqc_30",
|
|
15
|
+
"Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-active_q0vqc_34",
|
|
16
|
+
"Link--variant-accentDarkInverted": "_Link--variant-accentDarkInverted_q0vqc_37",
|
|
17
|
+
"Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-hover_q0vqc_41",
|
|
18
|
+
"Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-active_q0vqc_45",
|
|
19
|
+
"Link--variant-neutral": "_Link--variant-neutral_q0vqc_48",
|
|
20
|
+
"Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-hover_q0vqc_52",
|
|
21
|
+
"Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-active_q0vqc_56",
|
|
22
|
+
"Link--variant-neutralInverted": "_Link--variant-neutralInverted_q0vqc_59",
|
|
23
|
+
"Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-hover_q0vqc_63",
|
|
24
|
+
"Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-active_q0vqc_67",
|
|
25
|
+
"Link--variant-unsetColors": "_Link--variant-unsetColors_q0vqc_70",
|
|
26
|
+
"Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-hover_q0vqc_74",
|
|
27
|
+
"Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-active_q0vqc_78"
|
|
28
28
|
};
|
|
29
29
|
const Link = forwardRef(function LinkComponent(props, ref) {
|
|
30
30
|
const {
|
|
@@ -4,11 +4,11 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
|
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
5
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
6
6
|
import { Spinner } from "../private/Spinner/Spinner.js";
|
|
7
|
-
import '../../assets/Loader.css';const Loader$1 = "
|
|
7
|
+
import '../../assets/Loader.css';const Loader$1 = "_Loader_jv7qu_2";
|
|
8
8
|
const styles = {
|
|
9
9
|
Loader: Loader$1,
|
|
10
|
-
"Loader--normal": "_Loader--
|
|
11
|
-
"Loader--inverted": "_Loader--
|
|
10
|
+
"Loader--normal": "_Loader--normal_jv7qu_7",
|
|
11
|
+
"Loader--inverted": "_Loader--inverted_jv7qu_10"
|
|
12
12
|
};
|
|
13
13
|
const Loader = forwardRef(function LoaderComponent({
|
|
14
14
|
size,
|
|
@@ -12,11 +12,11 @@ import { getDatasetProps } from "@preply/ds-web-core";
|
|
|
12
12
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
13
13
|
import { useIntl, FormattedMessage } from "react-intl";
|
|
14
14
|
import { genericAriaLabels } from "../../utils/shared-strings.js";
|
|
15
|
-
import '../../assets/OnboardingTooltip.css';const content = "
|
|
16
|
-
const header = "
|
|
17
|
-
const close = "
|
|
18
|
-
const footer = "
|
|
19
|
-
const arrow = "
|
|
15
|
+
import '../../assets/OnboardingTooltip.css';const content = "_content_1d1nw_2";
|
|
16
|
+
const header = "_header_1d1nw_23";
|
|
17
|
+
const close = "_close_1d1nw_29";
|
|
18
|
+
const footer = "_footer_1d1nw_43";
|
|
19
|
+
const arrow = "_arrow_1d1nw_49";
|
|
20
20
|
const styles = {
|
|
21
21
|
content,
|
|
22
22
|
header,
|
|
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { createContext, useContext, useState } from "react";
|
|
4
4
|
import { InternalOnboardingTooltip } from "../OnboardingTooltip/OnboardingTooltip.js";
|
|
5
5
|
import { FormattedMessage } from "react-intl";
|
|
6
|
-
import '../../assets/OnboardingTour.css';const counter = "
|
|
6
|
+
import '../../assets/OnboardingTour.css';const counter = "_counter_i4yv4_2";
|
|
7
7
|
const styles = {
|
|
8
8
|
counter
|
|
9
9
|
};
|
|
@@ -4,10 +4,10 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { forwardRef } from "react";
|
|
6
6
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
7
|
-
import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "
|
|
7
|
+
import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "_PreplyLogo_87zyu_2";
|
|
8
8
|
const styles = {
|
|
9
9
|
PreplyLogo: PreplyLogo$1,
|
|
10
|
-
"PreplyLogo--inverted": "_PreplyLogo--
|
|
10
|
+
"PreplyLogo--inverted": "_PreplyLogo--inverted_87zyu_13"
|
|
11
11
|
};
|
|
12
12
|
const SvgLogoRebrand = ({
|
|
13
13
|
title,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getDatasetProps } from "@preply/ds-web-core";
|
|
3
3
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
4
|
-
import '../../assets/ProgressBar.css';const ProgressBar$1 = "
|
|
4
|
+
import '../../assets/ProgressBar.css';const ProgressBar$1 = "_ProgressBar_18vjl_2";
|
|
5
5
|
const styles = {
|
|
6
6
|
ProgressBar: ProgressBar$1
|
|
7
7
|
};
|
|
@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { getDatasetProps } from "@preply/ds-web-core";
|
|
4
4
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
5
5
|
import { useIntl } from "react-intl";
|
|
6
|
-
import '../../assets/ProgressSteps.css';const ProgressSteps$1 = "
|
|
7
|
-
const step = "
|
|
6
|
+
import '../../assets/ProgressSteps.css';const ProgressSteps$1 = "_ProgressSteps_242po_2";
|
|
7
|
+
const step = "_step_242po_7";
|
|
8
8
|
const styles = {
|
|
9
9
|
ProgressSteps: ProgressSteps$1,
|
|
10
10
|
step
|
|
@@ -7,10 +7,10 @@ import { getDatasetProps } from "@preply/ds-web-core";
|
|
|
7
7
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
8
8
|
import { Heading } from "../Heading/Heading.js";
|
|
9
9
|
import { ProgressSteps } from "../ProgressSteps/ProgressSteps.js";
|
|
10
|
-
import '../../assets/Steps.css';const steps = "
|
|
11
|
-
const content = "
|
|
12
|
-
const header = "
|
|
13
|
-
const description = "
|
|
10
|
+
import '../../assets/Steps.css';const steps = "_steps_1gyea_2";
|
|
11
|
+
const content = "_content_1gyea_5";
|
|
12
|
+
const header = "_header_1gyea_8";
|
|
13
|
+
const description = "_description_1gyea_14";
|
|
14
14
|
const styles = {
|
|
15
15
|
steps,
|
|
16
16
|
content,
|