@preply/ds-web-lib 1.5.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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-v4nAc-_q.js +27 -0
- package/dist/layout-gap.module-BRl-r4iq.js +139 -0
- package/dist/{layout-grid.module-YxQ1leYH.js → layout-grid.module-CKp47Yfz.js} +97 -97
- package/dist/layout-hide.module-CxXbAgTg.js +55 -0
- package/dist/{layout-relative.module-BIEPDZE2.js → layout-relative.module-DIaUqnvq.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-DeaW0ui4.js +0 -27
- package/dist/layout-gap.module-DLR1C9EV.js +0 -139
- package/dist/layout-hide.module-rFpj-qdB.js +0 -55
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
[data-preply-ds-component="LayoutFlex"][data-ds-relative="true"],
|
|
3
3
|
[data-preply-ds-component="LayoutFlex"][data-ds-relative*='"_":true'] {
|
|
4
4
|
position: relative;
|
|
@@ -48,6 +48,6 @@
|
|
|
48
48
|
position: initial;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._LayoutRelative_1fvmr_46._LayoutRelative--relative_1fvmr_46 {
|
|
52
52
|
position: relative;
|
|
53
53
|
}
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025
|
|
3
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
._TextAccent_j67m0_3._TextAccent--accent-default_j67m0_3 {
|
|
4
4
|
color: var(--aface6);
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._TextAccent_j67m0_3._TextAccent--accent-primary_j67m0_6 {
|
|
7
7
|
color: var(--628fb7);
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._TextAccent_j67m0_3._TextAccent--accent-secondary_j67m0_9 {
|
|
10
10
|
color: var(--a2f1c8);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._TextAccent_j67m0_3._TextAccent--accent-tertiary_j67m0_12 {
|
|
13
13
|
color: var(--c07ea8);
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
._TextAccent_j67m0_3._TextAccent--accent-accentDark_j67m0_15 {
|
|
16
16
|
color: var(--690731);
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
._TextAccent_j67m0_3._TextAccent--accent-placeholder_j67m0_18 {
|
|
19
19
|
color: var(--0bad98);
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
._TextAccent_j67m0_3._TextAccent--accent-inverted_j67m0_21 {
|
|
22
22
|
color: var(--c2b191);
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._TextAccent_j67m0_3._TextAccent--accent-positive_j67m0_24 {
|
|
25
25
|
color: var(--3e566f);
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
._TextAccent_j67m0_3._TextAccent--accent-info_j67m0_27 {
|
|
28
28
|
color: var(--aad149);
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
._TextAccent_j67m0_3._TextAccent--accent-warning_j67m0_30 {
|
|
31
31
|
color: var(--d7c974);
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._TextAccent_j67m0_3._TextAccent--accent-critical_j67m0_33 {
|
|
34
34
|
color: var(--8ec9e5);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
._TextAccent_j67m0_3._TextAccent--accent-branded_j67m0_36 {
|
|
37
37
|
color: var(--7b5d23);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._TextAccent_j67m0_3._TextAccent--accent-error_j67m0_39 {
|
|
40
40
|
color: var(--9809d0);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._TextAccent_j67m0_3._TextAccent--accent-selected_j67m0_42 {
|
|
43
43
|
color: var(--9ba3b8);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._TextAccent_j67m0_3._TextAccent--accent-disabled_j67m0_45 {
|
|
46
46
|
color: var(--0a84f6);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
._TextAccent_j67m0_3._TextAccent--accent-accent_j67m0_15 {
|
|
49
49
|
color: var(--26a5ae);
|
|
50
50
|
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025
|
|
2
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
._TextCentered_woerd_2._TextCentered--centered_woerd_2 {
|
|
3
3
|
text-align: center;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._TextCentered_woerd_2._TextCentered--initial_woerd_5 {
|
|
6
6
|
text-align: left;
|
|
7
7
|
text-align: initial;
|
|
8
8
|
}
|
|
9
9
|
@media (min-width: 400px) {
|
|
10
|
-
.
|
|
10
|
+
._TextCentered_woerd_2._TextCentered--narrow-l--centered_woerd_9 {
|
|
11
11
|
text-align: center;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
._TextCentered_woerd_2._TextCentered--narrow-l--initial_woerd_12 {
|
|
14
14
|
text-align: left;
|
|
15
15
|
text-align: initial;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
@media (min-width: 700px) {
|
|
19
|
-
.
|
|
19
|
+
._TextCentered_woerd_2._TextCentered--medium-s--centered_woerd_17 {
|
|
20
20
|
text-align: center;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
._TextCentered_woerd_2._TextCentered--medium-s--initial_woerd_20 {
|
|
23
23
|
text-align: left;
|
|
24
24
|
text-align: initial;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
@media (min-width: 880px) {
|
|
28
|
-
.
|
|
28
|
+
._TextCentered_woerd_2._TextCentered--medium-l--centered_woerd_25 {
|
|
29
29
|
text-align: center;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
._TextCentered_woerd_2._TextCentered--medium-l--initial_woerd_28 {
|
|
32
32
|
text-align: left;
|
|
33
33
|
text-align: initial;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
@media (min-width: 1200px) {
|
|
37
|
-
.
|
|
37
|
+
._TextCentered_woerd_2._TextCentered--wide-s--centered_woerd_33 {
|
|
38
38
|
text-align: center;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
._TextCentered_woerd_2._TextCentered--wide-s--initial_woerd_36 {
|
|
41
41
|
text-align: left;
|
|
42
42
|
text-align: initial;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
@media (min-width: 1900px) {
|
|
46
|
-
.
|
|
46
|
+
._TextCentered_woerd_2._TextCentered--wide-l--centered_woerd_41 {
|
|
47
47
|
text-align: center;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
._TextCentered_woerd_2._TextCentered--wide-l--initial_woerd_44 {
|
|
50
50
|
text-align: left;
|
|
51
51
|
text-align: initial;
|
|
52
52
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025
|
|
3
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
._TextWeight_v1yq0_3._TextWeight--weight-400_v1yq0_3 {
|
|
4
4
|
font-weight: var(--73984e);
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._TextWeight_v1yq0_3._TextWeight--weight-500_v1yq0_6 {
|
|
7
7
|
font-weight: var(--6e9792);
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._TextWeight_v1yq0_3._TextWeight--weight-700_v1yq0_9 {
|
|
10
10
|
font-weight: var(--d5337e);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._TextWeight_v1yq0_3._TextWeight--weight-normal_v1yq0_12 {
|
|
13
13
|
font-weight: var(--5ea101);
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
._TextWeight_v1yq0_3._TextWeight--weight-medium_v1yq0_15 {
|
|
16
16
|
font-weight: var(--2734e9);
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
._TextWeight_v1yq0_3._TextWeight--weight-bold_v1yq0_18 {
|
|
19
19
|
font-weight: var(--800787);
|
|
20
20
|
}
|
|
@@ -7,10 +7,10 @@ import { Heading } from "../Heading/Heading.js";
|
|
|
7
7
|
import { getDatasetProps } from "@preply/ds-web-core";
|
|
8
8
|
import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
|
|
9
9
|
import { Button } from "../Button/Button.js";
|
|
10
|
-
import '../../assets/AlertDialog.css';const overlay = "
|
|
11
|
-
const content = "
|
|
12
|
-
const description = "
|
|
13
|
-
const actions = "
|
|
10
|
+
import '../../assets/AlertDialog.css';const overlay = "_overlay_do5t6_21";
|
|
11
|
+
const content = "_content_do5t6_31";
|
|
12
|
+
const description = "_description_do5t6_52";
|
|
13
|
+
const actions = "_actions_do5t6_58";
|
|
14
14
|
const styles = {
|
|
15
15
|
overlay,
|
|
16
16
|
content,
|
|
@@ -4,82 +4,82 @@ import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-n
|
|
|
4
4
|
import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
|
|
5
5
|
import { forwardRef } from "react";
|
|
6
6
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
7
|
-
import '../../assets/Avatar.css';const Avatar$1 = "
|
|
7
|
+
import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_1lhfo_4";
|
|
8
8
|
const styles = {
|
|
9
9
|
Avatar: Avatar$1,
|
|
10
|
-
"Avatar--size-2xs": "_Avatar--size-
|
|
11
|
-
"Avatar--size-xs": "_Avatar--size-
|
|
12
|
-
"Avatar--size-s": "_Avatar--size-
|
|
13
|
-
"Avatar--size-m": "_Avatar--size-
|
|
14
|
-
"Avatar--size-l": "_Avatar--size-
|
|
15
|
-
"Avatar--size-xl": "_Avatar--size-
|
|
16
|
-
"Avatar--size-24": "_Avatar--size-
|
|
17
|
-
"Avatar--size-32": "_Avatar--size-
|
|
18
|
-
"Avatar--size-48": "_Avatar--size-
|
|
19
|
-
"Avatar--size-64": "_Avatar--size-
|
|
20
|
-
"Avatar--size-96": "_Avatar--size-
|
|
21
|
-
"Avatar--size-160": "_Avatar--size-
|
|
22
|
-
"Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-
|
|
23
|
-
"Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-
|
|
24
|
-
"Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-
|
|
25
|
-
"Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-
|
|
26
|
-
"Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-
|
|
27
|
-
"Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-
|
|
28
|
-
"Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-
|
|
29
|
-
"Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-
|
|
30
|
-
"Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-
|
|
31
|
-
"Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-
|
|
32
|
-
"Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-
|
|
33
|
-
"Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-
|
|
34
|
-
"Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-
|
|
35
|
-
"Avatar--medium-s--size-xs": "_Avatar--medium-s--size-
|
|
36
|
-
"Avatar--medium-s--size-s": "_Avatar--medium-s--size-
|
|
37
|
-
"Avatar--medium-s--size-m": "_Avatar--medium-s--size-
|
|
38
|
-
"Avatar--medium-s--size-l": "_Avatar--medium-s--size-
|
|
39
|
-
"Avatar--medium-s--size-xl": "_Avatar--medium-s--size-
|
|
40
|
-
"Avatar--medium-s--size-24": "_Avatar--medium-s--size-
|
|
41
|
-
"Avatar--medium-s--size-32": "_Avatar--medium-s--size-
|
|
42
|
-
"Avatar--medium-s--size-48": "_Avatar--medium-s--size-
|
|
43
|
-
"Avatar--medium-s--size-64": "_Avatar--medium-s--size-
|
|
44
|
-
"Avatar--medium-s--size-96": "_Avatar--medium-s--size-
|
|
45
|
-
"Avatar--medium-s--size-160": "_Avatar--medium-s--size-
|
|
46
|
-
"Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-
|
|
47
|
-
"Avatar--medium-l--size-xs": "_Avatar--medium-l--size-
|
|
48
|
-
"Avatar--medium-l--size-s": "_Avatar--medium-l--size-
|
|
49
|
-
"Avatar--medium-l--size-m": "_Avatar--medium-l--size-
|
|
50
|
-
"Avatar--medium-l--size-l": "_Avatar--medium-l--size-
|
|
51
|
-
"Avatar--medium-l--size-xl": "_Avatar--medium-l--size-
|
|
52
|
-
"Avatar--medium-l--size-24": "_Avatar--medium-l--size-
|
|
53
|
-
"Avatar--medium-l--size-32": "_Avatar--medium-l--size-
|
|
54
|
-
"Avatar--medium-l--size-48": "_Avatar--medium-l--size-
|
|
55
|
-
"Avatar--medium-l--size-64": "_Avatar--medium-l--size-
|
|
56
|
-
"Avatar--medium-l--size-96": "_Avatar--medium-l--size-
|
|
57
|
-
"Avatar--medium-l--size-160": "_Avatar--medium-l--size-
|
|
58
|
-
"Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-
|
|
59
|
-
"Avatar--wide-s--size-xs": "_Avatar--wide-s--size-
|
|
60
|
-
"Avatar--wide-s--size-s": "_Avatar--wide-s--size-
|
|
61
|
-
"Avatar--wide-s--size-m": "_Avatar--wide-s--size-
|
|
62
|
-
"Avatar--wide-s--size-l": "_Avatar--wide-s--size-
|
|
63
|
-
"Avatar--wide-s--size-xl": "_Avatar--wide-s--size-
|
|
64
|
-
"Avatar--wide-s--size-24": "_Avatar--wide-s--size-
|
|
65
|
-
"Avatar--wide-s--size-32": "_Avatar--wide-s--size-
|
|
66
|
-
"Avatar--wide-s--size-48": "_Avatar--wide-s--size-
|
|
67
|
-
"Avatar--wide-s--size-64": "_Avatar--wide-s--size-
|
|
68
|
-
"Avatar--wide-s--size-96": "_Avatar--wide-s--size-
|
|
69
|
-
"Avatar--wide-s--size-160": "_Avatar--wide-s--size-
|
|
70
|
-
"Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-
|
|
71
|
-
"Avatar--wide-l--size-xs": "_Avatar--wide-l--size-
|
|
72
|
-
"Avatar--wide-l--size-s": "_Avatar--wide-l--size-
|
|
73
|
-
"Avatar--wide-l--size-m": "_Avatar--wide-l--size-
|
|
74
|
-
"Avatar--wide-l--size-l": "_Avatar--wide-l--size-
|
|
75
|
-
"Avatar--wide-l--size-xl": "_Avatar--wide-l--size-
|
|
76
|
-
"Avatar--wide-l--size-24": "_Avatar--wide-l--size-
|
|
77
|
-
"Avatar--wide-l--size-32": "_Avatar--wide-l--size-
|
|
78
|
-
"Avatar--wide-l--size-48": "_Avatar--wide-l--size-
|
|
79
|
-
"Avatar--wide-l--size-64": "_Avatar--wide-l--size-
|
|
80
|
-
"Avatar--wide-l--size-96": "_Avatar--wide-l--size-
|
|
81
|
-
"Avatar--wide-l--size-160": "_Avatar--wide-l--size-
|
|
82
|
-
"Avatar--round": "_Avatar--
|
|
10
|
+
"Avatar--size-2xs": "_Avatar--size-2xs_1lhfo_12",
|
|
11
|
+
"Avatar--size-xs": "_Avatar--size-xs_1lhfo_16",
|
|
12
|
+
"Avatar--size-s": "_Avatar--size-s_1lhfo_20",
|
|
13
|
+
"Avatar--size-m": "_Avatar--size-m_1lhfo_24",
|
|
14
|
+
"Avatar--size-l": "_Avatar--size-l_1lhfo_28",
|
|
15
|
+
"Avatar--size-xl": "_Avatar--size-xl_1lhfo_32",
|
|
16
|
+
"Avatar--size-24": "_Avatar--size-24_1lhfo_36",
|
|
17
|
+
"Avatar--size-32": "_Avatar--size-32_1lhfo_40",
|
|
18
|
+
"Avatar--size-48": "_Avatar--size-48_1lhfo_44",
|
|
19
|
+
"Avatar--size-64": "_Avatar--size-64_1lhfo_48",
|
|
20
|
+
"Avatar--size-96": "_Avatar--size-96_1lhfo_52",
|
|
21
|
+
"Avatar--size-160": "_Avatar--size-160_1lhfo_56",
|
|
22
|
+
"Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_1lhfo_61",
|
|
23
|
+
"Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_1lhfo_65",
|
|
24
|
+
"Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_1lhfo_69",
|
|
25
|
+
"Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_1lhfo_73",
|
|
26
|
+
"Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_1lhfo_77",
|
|
27
|
+
"Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_1lhfo_81",
|
|
28
|
+
"Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_1lhfo_85",
|
|
29
|
+
"Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_1lhfo_89",
|
|
30
|
+
"Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_1lhfo_93",
|
|
31
|
+
"Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_1lhfo_97",
|
|
32
|
+
"Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_1lhfo_101",
|
|
33
|
+
"Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_1lhfo_105",
|
|
34
|
+
"Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_1lhfo_111",
|
|
35
|
+
"Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_1lhfo_115",
|
|
36
|
+
"Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_1lhfo_119",
|
|
37
|
+
"Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_1lhfo_123",
|
|
38
|
+
"Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_1lhfo_127",
|
|
39
|
+
"Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_1lhfo_131",
|
|
40
|
+
"Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_1lhfo_135",
|
|
41
|
+
"Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_1lhfo_139",
|
|
42
|
+
"Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_1lhfo_143",
|
|
43
|
+
"Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_1lhfo_147",
|
|
44
|
+
"Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_1lhfo_151",
|
|
45
|
+
"Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_1lhfo_155",
|
|
46
|
+
"Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_1lhfo_161",
|
|
47
|
+
"Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_1lhfo_165",
|
|
48
|
+
"Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_1lhfo_169",
|
|
49
|
+
"Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_1lhfo_173",
|
|
50
|
+
"Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_1lhfo_177",
|
|
51
|
+
"Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_1lhfo_181",
|
|
52
|
+
"Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_1lhfo_185",
|
|
53
|
+
"Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_1lhfo_189",
|
|
54
|
+
"Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_1lhfo_193",
|
|
55
|
+
"Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_1lhfo_197",
|
|
56
|
+
"Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_1lhfo_201",
|
|
57
|
+
"Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_1lhfo_205",
|
|
58
|
+
"Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_1lhfo_211",
|
|
59
|
+
"Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_1lhfo_215",
|
|
60
|
+
"Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_1lhfo_219",
|
|
61
|
+
"Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_1lhfo_223",
|
|
62
|
+
"Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_1lhfo_227",
|
|
63
|
+
"Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_1lhfo_231",
|
|
64
|
+
"Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_1lhfo_235",
|
|
65
|
+
"Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_1lhfo_239",
|
|
66
|
+
"Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_1lhfo_243",
|
|
67
|
+
"Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_1lhfo_247",
|
|
68
|
+
"Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_1lhfo_251",
|
|
69
|
+
"Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_1lhfo_255",
|
|
70
|
+
"Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_1lhfo_261",
|
|
71
|
+
"Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_1lhfo_265",
|
|
72
|
+
"Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_1lhfo_269",
|
|
73
|
+
"Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_1lhfo_273",
|
|
74
|
+
"Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_1lhfo_277",
|
|
75
|
+
"Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_1lhfo_281",
|
|
76
|
+
"Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_1lhfo_285",
|
|
77
|
+
"Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_1lhfo_289",
|
|
78
|
+
"Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_1lhfo_293",
|
|
79
|
+
"Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_1lhfo_297",
|
|
80
|
+
"Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_1lhfo_301",
|
|
81
|
+
"Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_1lhfo_305",
|
|
82
|
+
"Avatar--round": "_Avatar--round_1lhfo_310"
|
|
83
83
|
};
|
|
84
84
|
const Avatar = forwardRef(function AvatarComponent({
|
|
85
85
|
size = AVATAR_SIZE_DEFAULT,
|
|
@@ -5,18 +5,18 @@ import { moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, ge
|
|
|
5
5
|
import { forwardRef } from "react";
|
|
6
6
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
7
7
|
import { Avatar } from "../Avatar/Avatar.js";
|
|
8
|
-
import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "
|
|
8
|
+
import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_1npcw_3";
|
|
9
9
|
const styles = {
|
|
10
10
|
AvatarWithStatus: AvatarWithStatus$1,
|
|
11
|
-
"AvatarWithStatus--indicator": "_AvatarWithStatus--
|
|
12
|
-
"AvatarWithStatus--online": "_AvatarWithStatus--
|
|
13
|
-
"AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-
|
|
14
|
-
"AvatarWithStatus--size-xs": "_AvatarWithStatus--size-
|
|
15
|
-
"AvatarWithStatus--size-m": "_AvatarWithStatus--size-
|
|
16
|
-
"AvatarWithStatus--size-xl": "_AvatarWithStatus--size-
|
|
17
|
-
"AvatarWithStatus--size-64": "_AvatarWithStatus--size-
|
|
18
|
-
"AvatarWithStatus--size-96": "_AvatarWithStatus--size-
|
|
19
|
-
"AvatarWithStatus--size-160": "_AvatarWithStatus--size-
|
|
11
|
+
"AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_1npcw_7",
|
|
12
|
+
"AvatarWithStatus--online": "_AvatarWithStatus--online_1npcw_15",
|
|
13
|
+
"AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_1npcw_18",
|
|
14
|
+
"AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_1npcw_24",
|
|
15
|
+
"AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_1npcw_30",
|
|
16
|
+
"AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_1npcw_36",
|
|
17
|
+
"AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_1npcw_42",
|
|
18
|
+
"AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_1npcw_48",
|
|
19
|
+
"AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_1npcw_54"
|
|
20
20
|
};
|
|
21
21
|
const AvatarWithStatus = forwardRef(function AvatarWithStatusComponent({
|
|
22
22
|
online = false,
|
|
@@ -4,7 +4,7 @@ import { getDatasetProps } from "@preply/ds-web-core";
|
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
5
|
import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
|
|
6
6
|
import { Icon } from "../Icon/Icon.js";
|
|
7
|
-
import '../../assets/Badge.css';const badge = "
|
|
7
|
+
import '../../assets/Badge.css';const badge = "_badge_tnpug_2";
|
|
8
8
|
const styles = {
|
|
9
9
|
badge
|
|
10
10
|
};
|