@preply/ds-web-lib 1.3.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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/index.d.ts +16 -9
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +24 -10
- 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.d.ts +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.js +24 -10
- package/dist/index.module-DD85j9FG.js +27 -0
- package/dist/layout-gap.module-epqpmsIJ.js +139 -0
- package/dist/{layout-grid.module-DUbtTUSm.js → layout-grid.module-BLJUirw-.js} +97 -97
- package/dist/layout-hide.module-IAC5mhAt.js +55 -0
- package/dist/{layout-relative.module-CuJ1jHGm.js → layout-relative.module-B5e88crD.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 +8 -8
- package/dist/index.module-BKLhZmTV.js +0 -27
- package/dist/layout-gap.module-DdvlpPeV.js +0 -139
- package/dist/layout-hide.module-BgVO9R10.js +0 -55
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import './assets/layout-hide.css';const LayoutHide = "_LayoutHide_1qlr3_164";
|
|
2
|
+
const styles = {
|
|
3
|
+
LayoutHide,
|
|
4
|
+
"LayoutHide--hide": "_LayoutHide--hide_1qlr3_164",
|
|
5
|
+
"LayoutHide--initial": "_LayoutHide--initial_1qlr3_167",
|
|
6
|
+
"LayoutHide--inline": "_LayoutHide--inline_1qlr3_170",
|
|
7
|
+
"LayoutHide--block": "_LayoutHide--block_1qlr3_173",
|
|
8
|
+
"LayoutHide--inline-block": "_LayoutHide--inline-block_1qlr3_176",
|
|
9
|
+
"LayoutHide--flex": "_LayoutHide--flex_1qlr3_179",
|
|
10
|
+
"LayoutHide--inline-flex": "_LayoutHide--inline-flex_1qlr3_182",
|
|
11
|
+
"LayoutHide--grid": "_LayoutHide--grid_1qlr3_185",
|
|
12
|
+
"LayoutHide--narrow-l--hide": "_LayoutHide--narrow-l--hide_1qlr3_189",
|
|
13
|
+
"LayoutHide--narrow-l--initial": "_LayoutHide--narrow-l--initial_1qlr3_192",
|
|
14
|
+
"LayoutHide--narrow-l--inline": "_LayoutHide--narrow-l--inline_1qlr3_195",
|
|
15
|
+
"LayoutHide--narrow-l--block": "_LayoutHide--narrow-l--block_1qlr3_198",
|
|
16
|
+
"LayoutHide--narrow-l--inline-block": "_LayoutHide--narrow-l--inline-block_1qlr3_201",
|
|
17
|
+
"LayoutHide--narrow-l--flex": "_LayoutHide--narrow-l--flex_1qlr3_204",
|
|
18
|
+
"LayoutHide--narrow-l--inline-flex": "_LayoutHide--narrow-l--inline-flex_1qlr3_207",
|
|
19
|
+
"LayoutHide--narrow-l--grid": "_LayoutHide--narrow-l--grid_1qlr3_210",
|
|
20
|
+
"LayoutHide--medium-s--hide": "_LayoutHide--medium-s--hide_1qlr3_215",
|
|
21
|
+
"LayoutHide--medium-s--initial": "_LayoutHide--medium-s--initial_1qlr3_218",
|
|
22
|
+
"LayoutHide--medium-s--inline": "_LayoutHide--medium-s--inline_1qlr3_221",
|
|
23
|
+
"LayoutHide--medium-s--block": "_LayoutHide--medium-s--block_1qlr3_224",
|
|
24
|
+
"LayoutHide--medium-s--inline-block": "_LayoutHide--medium-s--inline-block_1qlr3_227",
|
|
25
|
+
"LayoutHide--medium-s--flex": "_LayoutHide--medium-s--flex_1qlr3_230",
|
|
26
|
+
"LayoutHide--medium-s--inline-flex": "_LayoutHide--medium-s--inline-flex_1qlr3_233",
|
|
27
|
+
"LayoutHide--medium-s--grid": "_LayoutHide--medium-s--grid_1qlr3_236",
|
|
28
|
+
"LayoutHide--medium-l--hide": "_LayoutHide--medium-l--hide_1qlr3_241",
|
|
29
|
+
"LayoutHide--medium-l--initial": "_LayoutHide--medium-l--initial_1qlr3_244",
|
|
30
|
+
"LayoutHide--medium-l--inline": "_LayoutHide--medium-l--inline_1qlr3_247",
|
|
31
|
+
"LayoutHide--medium-l--block": "_LayoutHide--medium-l--block_1qlr3_250",
|
|
32
|
+
"LayoutHide--medium-l--inline-block": "_LayoutHide--medium-l--inline-block_1qlr3_253",
|
|
33
|
+
"LayoutHide--medium-l--flex": "_LayoutHide--medium-l--flex_1qlr3_256",
|
|
34
|
+
"LayoutHide--medium-l--inline-flex": "_LayoutHide--medium-l--inline-flex_1qlr3_259",
|
|
35
|
+
"LayoutHide--medium-l--grid": "_LayoutHide--medium-l--grid_1qlr3_262",
|
|
36
|
+
"LayoutHide--wide-s--hide": "_LayoutHide--wide-s--hide_1qlr3_267",
|
|
37
|
+
"LayoutHide--wide-s--initial": "_LayoutHide--wide-s--initial_1qlr3_270",
|
|
38
|
+
"LayoutHide--wide-s--inline": "_LayoutHide--wide-s--inline_1qlr3_273",
|
|
39
|
+
"LayoutHide--wide-s--block": "_LayoutHide--wide-s--block_1qlr3_276",
|
|
40
|
+
"LayoutHide--wide-s--inline-block": "_LayoutHide--wide-s--inline-block_1qlr3_279",
|
|
41
|
+
"LayoutHide--wide-s--flex": "_LayoutHide--wide-s--flex_1qlr3_282",
|
|
42
|
+
"LayoutHide--wide-s--inline-flex": "_LayoutHide--wide-s--inline-flex_1qlr3_285",
|
|
43
|
+
"LayoutHide--wide-s--grid": "_LayoutHide--wide-s--grid_1qlr3_288",
|
|
44
|
+
"LayoutHide--wide-l--hide": "_LayoutHide--wide-l--hide_1qlr3_293",
|
|
45
|
+
"LayoutHide--wide-l--initial": "_LayoutHide--wide-l--initial_1qlr3_296",
|
|
46
|
+
"LayoutHide--wide-l--inline": "_LayoutHide--wide-l--inline_1qlr3_299",
|
|
47
|
+
"LayoutHide--wide-l--block": "_LayoutHide--wide-l--block_1qlr3_302",
|
|
48
|
+
"LayoutHide--wide-l--inline-block": "_LayoutHide--wide-l--inline-block_1qlr3_305",
|
|
49
|
+
"LayoutHide--wide-l--flex": "_LayoutHide--wide-l--flex_1qlr3_308",
|
|
50
|
+
"LayoutHide--wide-l--inline-flex": "_LayoutHide--wide-l--inline-flex_1qlr3_311",
|
|
51
|
+
"LayoutHide--wide-l--grid": "_LayoutHide--wide-l--grid_1qlr3_314"
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
styles as s
|
|
55
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import './assets/layout-relative.css';const LayoutRelative = "
|
|
1
|
+
import './assets/layout-relative.css';const LayoutRelative = "_LayoutRelative_180p7_46";
|
|
2
2
|
const styles = {
|
|
3
3
|
LayoutRelative,
|
|
4
|
-
"LayoutRelative--relative": "_LayoutRelative--
|
|
4
|
+
"LayoutRelative--relative": "_LayoutRelative--relative_180p7_46"
|
|
5
5
|
};
|
|
6
6
|
export {
|
|
7
7
|
styles as s
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
|
|
2
|
-
import '../../assets/align-self.css';const AlignSelf = "
|
|
2
|
+
import '../../assets/align-self.css';const AlignSelf = "_AlignSelf_1hs3x_2";
|
|
3
3
|
const styles = {
|
|
4
4
|
AlignSelf,
|
|
5
|
-
"AlignSelf--align-self-start": "_AlignSelf--align-self-
|
|
6
|
-
"AlignSelf--align-self-center": "_AlignSelf--align-self-
|
|
7
|
-
"AlignSelf--align-self-end": "_AlignSelf--align-self-
|
|
8
|
-
"AlignSelf--align-self-stretch": "_AlignSelf--align-self-
|
|
9
|
-
"AlignSelf--narrow-l--align-self-start": "_AlignSelf--narrow-l--align-self-
|
|
10
|
-
"AlignSelf--narrow-l--align-self-center": "_AlignSelf--narrow-l--align-self-
|
|
11
|
-
"AlignSelf--narrow-l--align-self-end": "_AlignSelf--narrow-l--align-self-
|
|
12
|
-
"AlignSelf--narrow-l--align-self-stretch": "_AlignSelf--narrow-l--align-self-
|
|
13
|
-
"AlignSelf--medium-s--align-self-start": "_AlignSelf--medium-s--align-self-
|
|
14
|
-
"AlignSelf--medium-s--align-self-center": "_AlignSelf--medium-s--align-self-
|
|
15
|
-
"AlignSelf--medium-s--align-self-end": "_AlignSelf--medium-s--align-self-
|
|
16
|
-
"AlignSelf--medium-s--align-self-stretch": "_AlignSelf--medium-s--align-self-
|
|
17
|
-
"AlignSelf--medium-l--align-self-start": "_AlignSelf--medium-l--align-self-
|
|
18
|
-
"AlignSelf--medium-l--align-self-center": "_AlignSelf--medium-l--align-self-
|
|
19
|
-
"AlignSelf--medium-l--align-self-end": "_AlignSelf--medium-l--align-self-
|
|
20
|
-
"AlignSelf--medium-l--align-self-stretch": "_AlignSelf--medium-l--align-self-
|
|
21
|
-
"AlignSelf--wide-s--align-self-start": "_AlignSelf--wide-s--align-self-
|
|
22
|
-
"AlignSelf--wide-s--align-self-center": "_AlignSelf--wide-s--align-self-
|
|
23
|
-
"AlignSelf--wide-s--align-self-end": "_AlignSelf--wide-s--align-self-
|
|
24
|
-
"AlignSelf--wide-s--align-self-stretch": "_AlignSelf--wide-s--align-self-
|
|
25
|
-
"AlignSelf--wide-l--align-self-start": "_AlignSelf--wide-l--align-self-
|
|
26
|
-
"AlignSelf--wide-l--align-self-center": "_AlignSelf--wide-l--align-self-
|
|
27
|
-
"AlignSelf--wide-l--align-self-end": "_AlignSelf--wide-l--align-self-
|
|
28
|
-
"AlignSelf--wide-l--align-self-stretch": "_AlignSelf--wide-l--align-self-
|
|
5
|
+
"AlignSelf--align-self-start": "_AlignSelf--align-self-start_1hs3x_2",
|
|
6
|
+
"AlignSelf--align-self-center": "_AlignSelf--align-self-center_1hs3x_5",
|
|
7
|
+
"AlignSelf--align-self-end": "_AlignSelf--align-self-end_1hs3x_8",
|
|
8
|
+
"AlignSelf--align-self-stretch": "_AlignSelf--align-self-stretch_1hs3x_11",
|
|
9
|
+
"AlignSelf--narrow-l--align-self-start": "_AlignSelf--narrow-l--align-self-start_1hs3x_15",
|
|
10
|
+
"AlignSelf--narrow-l--align-self-center": "_AlignSelf--narrow-l--align-self-center_1hs3x_18",
|
|
11
|
+
"AlignSelf--narrow-l--align-self-end": "_AlignSelf--narrow-l--align-self-end_1hs3x_21",
|
|
12
|
+
"AlignSelf--narrow-l--align-self-stretch": "_AlignSelf--narrow-l--align-self-stretch_1hs3x_24",
|
|
13
|
+
"AlignSelf--medium-s--align-self-start": "_AlignSelf--medium-s--align-self-start_1hs3x_29",
|
|
14
|
+
"AlignSelf--medium-s--align-self-center": "_AlignSelf--medium-s--align-self-center_1hs3x_32",
|
|
15
|
+
"AlignSelf--medium-s--align-self-end": "_AlignSelf--medium-s--align-self-end_1hs3x_35",
|
|
16
|
+
"AlignSelf--medium-s--align-self-stretch": "_AlignSelf--medium-s--align-self-stretch_1hs3x_38",
|
|
17
|
+
"AlignSelf--medium-l--align-self-start": "_AlignSelf--medium-l--align-self-start_1hs3x_43",
|
|
18
|
+
"AlignSelf--medium-l--align-self-center": "_AlignSelf--medium-l--align-self-center_1hs3x_46",
|
|
19
|
+
"AlignSelf--medium-l--align-self-end": "_AlignSelf--medium-l--align-self-end_1hs3x_49",
|
|
20
|
+
"AlignSelf--medium-l--align-self-stretch": "_AlignSelf--medium-l--align-self-stretch_1hs3x_52",
|
|
21
|
+
"AlignSelf--wide-s--align-self-start": "_AlignSelf--wide-s--align-self-start_1hs3x_57",
|
|
22
|
+
"AlignSelf--wide-s--align-self-center": "_AlignSelf--wide-s--align-self-center_1hs3x_60",
|
|
23
|
+
"AlignSelf--wide-s--align-self-end": "_AlignSelf--wide-s--align-self-end_1hs3x_63",
|
|
24
|
+
"AlignSelf--wide-s--align-self-stretch": "_AlignSelf--wide-s--align-self-stretch_1hs3x_66",
|
|
25
|
+
"AlignSelf--wide-l--align-self-start": "_AlignSelf--wide-l--align-self-start_1hs3x_71",
|
|
26
|
+
"AlignSelf--wide-l--align-self-center": "_AlignSelf--wide-l--align-self-center_1hs3x_74",
|
|
27
|
+
"AlignSelf--wide-l--align-self-end": "_AlignSelf--wide-l--align-self-end_1hs3x_77",
|
|
28
|
+
"AlignSelf--wide-l--align-self-stretch": "_AlignSelf--wide-l--align-self-stretch_1hs3x_80"
|
|
29
29
|
};
|
|
30
30
|
const ALIGN_SELF = "AlignSelf";
|
|
31
31
|
const getAlignSelfClassNames = (alignSelf) => {
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
|
|
2
|
-
import '../../assets/color.css';const Color = "
|
|
2
|
+
import '../../assets/color.css';const Color = "_Color_1eulb_3";
|
|
3
3
|
const styles = {
|
|
4
4
|
Color,
|
|
5
|
-
"Color--color-white": "_Color--color-
|
|
6
|
-
"Color--color-gray-100": "_Color--color-gray-
|
|
7
|
-
"Color--color-gray-200": "_Color--color-gray-
|
|
8
|
-
"Color--color-gray-300": "_Color--color-gray-
|
|
9
|
-
"Color--color-gray-400": "_Color--color-gray-
|
|
10
|
-
"Color--color-gray-500": "_Color--color-gray-
|
|
11
|
-
"Color--color-gray-600": "_Color--color-gray-
|
|
12
|
-
"Color--color-teal-100": "_Color--color-teal-
|
|
13
|
-
"Color--color-teal-200": "_Color--color-teal-
|
|
14
|
-
"Color--color-teal-300": "_Color--color-teal-
|
|
15
|
-
"Color--color-teal-400": "_Color--color-teal-
|
|
16
|
-
"Color--color-teal-500": "_Color--color-teal-
|
|
17
|
-
"Color--color-green-100": "_Color--color-green-
|
|
18
|
-
"Color--color-green-200": "_Color--color-green-
|
|
19
|
-
"Color--color-green-300": "_Color--color-green-
|
|
20
|
-
"Color--color-green-400": "_Color--color-green-
|
|
21
|
-
"Color--color-green-500": "_Color--color-green-
|
|
22
|
-
"Color--color-yellow-100": "_Color--color-yellow-
|
|
23
|
-
"Color--color-yellow-200": "_Color--color-yellow-
|
|
24
|
-
"Color--color-yellow-300": "_Color--color-yellow-
|
|
25
|
-
"Color--color-yellow-400": "_Color--color-yellow-
|
|
26
|
-
"Color--color-yellow-500": "_Color--color-yellow-
|
|
27
|
-
"Color--color-red-100": "_Color--color-red-
|
|
28
|
-
"Color--color-red-200": "_Color--color-red-
|
|
29
|
-
"Color--color-red-300": "_Color--color-red-
|
|
30
|
-
"Color--color-red-400": "_Color--color-red-
|
|
31
|
-
"Color--color-red-500": "_Color--color-red-
|
|
32
|
-
"Color--color-blue-100": "_Color--color-blue-
|
|
33
|
-
"Color--color-blue-200": "_Color--color-blue-
|
|
34
|
-
"Color--color-blue-300": "_Color--color-blue-
|
|
35
|
-
"Color--color-blue-400": "_Color--color-blue-
|
|
36
|
-
"Color--color-blue-500": "_Color--color-blue-
|
|
37
|
-
"Color--color-magenta-100": "_Color--color-magenta-
|
|
38
|
-
"Color--color-magenta-200": "_Color--color-magenta-
|
|
39
|
-
"Color--color-magenta-300": "_Color--color-magenta-
|
|
40
|
-
"Color--color-magenta-400": "_Color--color-magenta-
|
|
41
|
-
"Color--color-magenta-500": "_Color--color-magenta-
|
|
5
|
+
"Color--color-white": "_Color--color-white_1eulb_3",
|
|
6
|
+
"Color--color-gray-100": "_Color--color-gray-100_1eulb_6",
|
|
7
|
+
"Color--color-gray-200": "_Color--color-gray-200_1eulb_9",
|
|
8
|
+
"Color--color-gray-300": "_Color--color-gray-300_1eulb_12",
|
|
9
|
+
"Color--color-gray-400": "_Color--color-gray-400_1eulb_15",
|
|
10
|
+
"Color--color-gray-500": "_Color--color-gray-500_1eulb_18",
|
|
11
|
+
"Color--color-gray-600": "_Color--color-gray-600_1eulb_21",
|
|
12
|
+
"Color--color-teal-100": "_Color--color-teal-100_1eulb_24",
|
|
13
|
+
"Color--color-teal-200": "_Color--color-teal-200_1eulb_27",
|
|
14
|
+
"Color--color-teal-300": "_Color--color-teal-300_1eulb_30",
|
|
15
|
+
"Color--color-teal-400": "_Color--color-teal-400_1eulb_33",
|
|
16
|
+
"Color--color-teal-500": "_Color--color-teal-500_1eulb_36",
|
|
17
|
+
"Color--color-green-100": "_Color--color-green-100_1eulb_39",
|
|
18
|
+
"Color--color-green-200": "_Color--color-green-200_1eulb_42",
|
|
19
|
+
"Color--color-green-300": "_Color--color-green-300_1eulb_45",
|
|
20
|
+
"Color--color-green-400": "_Color--color-green-400_1eulb_48",
|
|
21
|
+
"Color--color-green-500": "_Color--color-green-500_1eulb_51",
|
|
22
|
+
"Color--color-yellow-100": "_Color--color-yellow-100_1eulb_54",
|
|
23
|
+
"Color--color-yellow-200": "_Color--color-yellow-200_1eulb_57",
|
|
24
|
+
"Color--color-yellow-300": "_Color--color-yellow-300_1eulb_60",
|
|
25
|
+
"Color--color-yellow-400": "_Color--color-yellow-400_1eulb_63",
|
|
26
|
+
"Color--color-yellow-500": "_Color--color-yellow-500_1eulb_66",
|
|
27
|
+
"Color--color-red-100": "_Color--color-red-100_1eulb_69",
|
|
28
|
+
"Color--color-red-200": "_Color--color-red-200_1eulb_72",
|
|
29
|
+
"Color--color-red-300": "_Color--color-red-300_1eulb_75",
|
|
30
|
+
"Color--color-red-400": "_Color--color-red-400_1eulb_78",
|
|
31
|
+
"Color--color-red-500": "_Color--color-red-500_1eulb_81",
|
|
32
|
+
"Color--color-blue-100": "_Color--color-blue-100_1eulb_84",
|
|
33
|
+
"Color--color-blue-200": "_Color--color-blue-200_1eulb_87",
|
|
34
|
+
"Color--color-blue-300": "_Color--color-blue-300_1eulb_90",
|
|
35
|
+
"Color--color-blue-400": "_Color--color-blue-400_1eulb_93",
|
|
36
|
+
"Color--color-blue-500": "_Color--color-blue-500_1eulb_96",
|
|
37
|
+
"Color--color-magenta-100": "_Color--color-magenta-100_1eulb_99",
|
|
38
|
+
"Color--color-magenta-200": "_Color--color-magenta-200_1eulb_102",
|
|
39
|
+
"Color--color-magenta-300": "_Color--color-magenta-300_1eulb_105",
|
|
40
|
+
"Color--color-magenta-400": "_Color--color-magenta-400_1eulb_108",
|
|
41
|
+
"Color--color-magenta-500": "_Color--color-magenta-500_1eulb_111"
|
|
42
42
|
};
|
|
43
43
|
const COLOR = "Color";
|
|
44
44
|
const getColorClassNames = (color) => {
|
|
@@ -1,63 +1,63 @@
|
|
|
1
1
|
import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
|
|
2
|
-
import '../../assets/exp-color.css';const ExpColor = "
|
|
2
|
+
import '../../assets/exp-color.css';const ExpColor = "_ExpColor_jk0ih_3";
|
|
3
3
|
const styles = {
|
|
4
4
|
ExpColor,
|
|
5
|
-
"ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-
|
|
6
|
-
"ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-
|
|
7
|
-
"ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-
|
|
8
|
-
"ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-
|
|
9
|
-
"ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-
|
|
10
|
-
"ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-
|
|
11
|
-
"ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-
|
|
12
|
-
"ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-
|
|
13
|
-
"ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-
|
|
14
|
-
"ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-
|
|
15
|
-
"ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-
|
|
16
|
-
"ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-
|
|
17
|
-
"ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-
|
|
18
|
-
"ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-
|
|
19
|
-
"ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-
|
|
20
|
-
"ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-
|
|
21
|
-
"ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-
|
|
22
|
-
"ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-
|
|
23
|
-
"ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-
|
|
24
|
-
"ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-
|
|
25
|
-
"ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-
|
|
26
|
-
"ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-
|
|
27
|
-
"ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-
|
|
28
|
-
"ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-
|
|
29
|
-
"ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-
|
|
30
|
-
"ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-
|
|
31
|
-
"ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-
|
|
32
|
-
"ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-
|
|
33
|
-
"ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-
|
|
34
|
-
"ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-
|
|
35
|
-
"ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-
|
|
36
|
-
"ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-
|
|
37
|
-
"ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-
|
|
38
|
-
"ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-
|
|
39
|
-
"ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-
|
|
40
|
-
"ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-
|
|
41
|
-
"ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-
|
|
42
|
-
"ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-
|
|
43
|
-
"ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-
|
|
44
|
-
"ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-
|
|
45
|
-
"ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-
|
|
46
|
-
"ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-
|
|
47
|
-
"ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-
|
|
48
|
-
"ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-
|
|
49
|
-
"ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-
|
|
50
|
-
"ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-
|
|
51
|
-
"ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-
|
|
52
|
-
"ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-
|
|
53
|
-
"ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-
|
|
54
|
-
"ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-
|
|
55
|
-
"ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-
|
|
56
|
-
"ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-
|
|
57
|
-
"ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-
|
|
58
|
-
"ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-
|
|
59
|
-
"ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-
|
|
60
|
-
"ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-
|
|
5
|
+
"ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-0_jk0ih_3",
|
|
6
|
+
"ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-50_jk0ih_6",
|
|
7
|
+
"ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-100_jk0ih_9",
|
|
8
|
+
"ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-200_jk0ih_12",
|
|
9
|
+
"ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-300_jk0ih_15",
|
|
10
|
+
"ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-400_jk0ih_18",
|
|
11
|
+
"ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-500_jk0ih_21",
|
|
12
|
+
"ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-600_jk0ih_24",
|
|
13
|
+
"ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-700_jk0ih_27",
|
|
14
|
+
"ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-800_jk0ih_30",
|
|
15
|
+
"ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-900_jk0ih_33",
|
|
16
|
+
"ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-50_jk0ih_36",
|
|
17
|
+
"ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-100_jk0ih_39",
|
|
18
|
+
"ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-200_jk0ih_42",
|
|
19
|
+
"ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-300_jk0ih_45",
|
|
20
|
+
"ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-400_jk0ih_48",
|
|
21
|
+
"ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-500_jk0ih_51",
|
|
22
|
+
"ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-600_jk0ih_54",
|
|
23
|
+
"ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-700_jk0ih_57",
|
|
24
|
+
"ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-800_jk0ih_60",
|
|
25
|
+
"ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-50_jk0ih_63",
|
|
26
|
+
"ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-100_jk0ih_66",
|
|
27
|
+
"ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-200_jk0ih_69",
|
|
28
|
+
"ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-300_jk0ih_72",
|
|
29
|
+
"ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-400_jk0ih_75",
|
|
30
|
+
"ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-500_jk0ih_78",
|
|
31
|
+
"ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-600_jk0ih_81",
|
|
32
|
+
"ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-700_jk0ih_84",
|
|
33
|
+
"ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-800_jk0ih_87",
|
|
34
|
+
"ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-50_jk0ih_90",
|
|
35
|
+
"ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-100_jk0ih_93",
|
|
36
|
+
"ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-200_jk0ih_96",
|
|
37
|
+
"ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-300_jk0ih_99",
|
|
38
|
+
"ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-400_jk0ih_102",
|
|
39
|
+
"ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-500_jk0ih_105",
|
|
40
|
+
"ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-600_jk0ih_108",
|
|
41
|
+
"ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-700_jk0ih_111",
|
|
42
|
+
"ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-800_jk0ih_114",
|
|
43
|
+
"ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-50_jk0ih_117",
|
|
44
|
+
"ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-100_jk0ih_120",
|
|
45
|
+
"ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-200_jk0ih_123",
|
|
46
|
+
"ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-300_jk0ih_126",
|
|
47
|
+
"ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-400_jk0ih_129",
|
|
48
|
+
"ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-500_jk0ih_132",
|
|
49
|
+
"ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-600_jk0ih_135",
|
|
50
|
+
"ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-700_jk0ih_138",
|
|
51
|
+
"ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-800_jk0ih_141",
|
|
52
|
+
"ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-50_jk0ih_144",
|
|
53
|
+
"ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-100_jk0ih_147",
|
|
54
|
+
"ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-200_jk0ih_150",
|
|
55
|
+
"ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-300_jk0ih_153",
|
|
56
|
+
"ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-400_jk0ih_156",
|
|
57
|
+
"ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-500_jk0ih_159",
|
|
58
|
+
"ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-600_jk0ih_162",
|
|
59
|
+
"ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-700_jk0ih_165",
|
|
60
|
+
"ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-800_jk0ih_168"
|
|
61
61
|
};
|
|
62
62
|
const EXP_COLOR = "ExpColor";
|
|
63
63
|
const getExpColorClassNames = (expColor) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
|
|
2
|
-
import { s as styles } from "../../layout-gap.module-
|
|
2
|
+
import { s as styles } from "../../layout-gap.module-epqpmsIJ.js";
|
|
3
3
|
const LAYOUT_GAP = "LayoutGap";
|
|
4
4
|
const getLayoutGapClassnames = (gap) => {
|
|
5
5
|
return moduleClassNames(styles, LAYOUT_GAP, [stringClassNames("gap", gap)]);
|
|
@@ -4,7 +4,7 @@ import { getLayoutGapClassnames } from "../layout-gap/layout-gap.js";
|
|
|
4
4
|
import { getLayoutHideClassnames } from "../layout-hide/layout-hide.js";
|
|
5
5
|
import { getLayoutPaddingClassnames } from "../layout-padding/layout-padding.js";
|
|
6
6
|
import { getLayoutRelativeClassnames } from "../layout-relative/layout-relative.js";
|
|
7
|
-
import { s as styles } from "../../layout-grid.module-
|
|
7
|
+
import { s as styles } from "../../layout-grid.module-BLJUirw-.js";
|
|
8
8
|
const LAYOUT_GRID = "LayoutGrid";
|
|
9
9
|
const getLayoutGridClassNames = (layout, props) => {
|
|
10
10
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BREAKPOINT } from "@preply/ds-core";
|
|
2
2
|
import { moduleLocals } from "@preply/ds-web-core";
|
|
3
|
-
import { s as styles } from "../../layout-grid.module-
|
|
3
|
+
import { s as styles } from "../../layout-grid.module-BLJUirw-.js";
|
|
4
4
|
const LAYOUT_GRID = "LayoutGrid";
|
|
5
5
|
const BREAKPOINT_LIST = Object.keys(BREAKPOINT);
|
|
6
6
|
const normalizeColumns = (columns) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LAYOUT_DISPLAY_DEFAULT } from "@preply/ds-core";
|
|
2
2
|
import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
|
|
3
|
-
import { s as styles } from "../../layout-hide.module-
|
|
3
|
+
import { s as styles } from "../../layout-hide.module-IAC5mhAt.js";
|
|
4
4
|
const LAYOUT_HIDE = "LayoutHide";
|
|
5
5
|
const getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
|
|
6
6
|
return moduleClassNames(styles, LAYOUT_HIDE, [booleanClassNames("hide", display, hide)]);
|