@preply/ds-web-lib 1.2.0 → 1.2.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.
Files changed (89) hide show
  1. package/dist/assets/Avatar.css +79 -79
  2. package/dist/assets/AvatarWithStatus.css +12 -12
  3. package/dist/assets/Badge.css +24 -24
  4. package/dist/assets/Box.css +171 -171
  5. package/dist/assets/Button.css +7 -7
  6. package/dist/assets/ButtonBase.css +245 -245
  7. package/dist/assets/Chips.css +16 -16
  8. package/dist/assets/FieldAdditionalText.css +6 -6
  9. package/dist/assets/FieldButton.css +8 -8
  10. package/dist/assets/FieldLabel.css +8 -8
  11. package/dist/assets/FieldLayout.css +29 -29
  12. package/dist/assets/FieldLayoutBase.css +4 -4
  13. package/dist/assets/Heading.css +100 -100
  14. package/dist/assets/Icon.css +14 -14
  15. package/dist/assets/LayoutFlex.css +1 -1
  16. package/dist/assets/LayoutFlexItem.css +14 -14
  17. package/dist/assets/Link.css +32 -32
  18. package/dist/assets/Loader.css +4 -4
  19. package/dist/assets/PreplyLogo.css +9 -9
  20. package/dist/assets/SelectFieldLayout.css +18 -18
  21. package/dist/assets/Spinner.css +26 -26
  22. package/dist/assets/Text.css +227 -227
  23. package/dist/assets/TextHighlighted.css +14 -14
  24. package/dist/assets/TextInline.css +5 -5
  25. package/dist/assets/Toast.css +12 -12
  26. package/dist/assets/align-self.css +25 -25
  27. package/dist/assets/color.css +39 -39
  28. package/dist/assets/index.css +16 -16
  29. package/dist/assets/layout-gap.css +135 -135
  30. package/dist/assets/layout-grid.css +100 -100
  31. package/dist/assets/layout-hide.css +49 -49
  32. package/dist/assets/layout-padding.css +531 -531
  33. package/dist/assets/layout-relative.css +2 -2
  34. package/dist/assets/text-accent.css +18 -18
  35. package/dist/assets/text-centered.css +13 -13
  36. package/dist/assets/text-weight.css +8 -8
  37. package/dist/components/Avatar/Avatar.js +74 -74
  38. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  39. package/dist/components/Badge/Badge.js +1 -1
  40. package/dist/components/Box/Box.js +150 -150
  41. package/dist/components/Button/Button.js +1 -1
  42. package/dist/components/Chips/Chips.js +4 -4
  43. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  44. package/dist/components/FieldButton/FieldButton.js +1 -1
  45. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  46. package/dist/components/Heading/Heading.js +97 -97
  47. package/dist/components/Icon/Icon.js +10 -10
  48. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  49. package/dist/components/LayoutFlex/LayoutFlex.js +7 -1
  50. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  51. package/dist/components/Link/Link.js +18 -18
  52. package/dist/components/Loader/Loader.js +3 -3
  53. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  54. package/dist/components/Text/Text.js +224 -224
  55. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  56. package/dist/components/TextInline/TextInline.js +2 -2
  57. package/dist/components/Toast/Toast.js +5 -5
  58. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  59. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  60. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  61. package/dist/components/private/Input/Checkbox.js +1 -1
  62. package/dist/components/private/Input/InputDate.js +1 -1
  63. package/dist/components/private/Input/InputNumber.js +1 -1
  64. package/dist/components/private/Input/InputPassword.js +1 -1
  65. package/dist/components/private/Input/InputText.js +1 -1
  66. package/dist/components/private/Input/InputTime.js +1 -1
  67. package/dist/components/private/Input/Radio.js +1 -1
  68. package/dist/components/private/Input/Select.js +1 -1
  69. package/dist/components/private/Input/Textarea.js +1 -1
  70. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  71. package/dist/components/private/Spinner/Spinner.js +16 -16
  72. package/dist/index.module-DZP-XLyR.js +27 -0
  73. package/dist/layout-gap.module-CUq_Sxlu.js +139 -0
  74. package/dist/{layout-grid.module-CCDogt-5.js → layout-grid.module-Boq5jqfY.js} +97 -97
  75. package/dist/layout-hide.module-CULyU9vR.js +55 -0
  76. package/dist/layout-relative.module-CrL5-3Cn.js +8 -0
  77. package/dist/shared-styles/align-self/align-self.js +25 -25
  78. package/dist/shared-styles/color/color.js +38 -38
  79. package/dist/shared-styles/layout-gap/layout-gap.js +1 -136
  80. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  81. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  82. package/dist/shared-styles/layout-hide/layout-hide.js +1 -52
  83. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  84. package/dist/shared-styles/layout-relative/layout-relative.js +1 -5
  85. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  86. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  87. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  88. package/package.json +14 -14
  89. package/dist/index.module-DfmwkSFE.js +0 -27
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 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
- ._LayoutRelative_1acek_46._LayoutRelative--relative_1acek_46 {
51
+ ._LayoutRelative_14cm4_46._LayoutRelative--relative_14cm4_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 @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
3
- ._TextAccent_r27ez_3._TextAccent--accent-default_r27ez_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Dec 03 2024 16:54:09 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextAccent_igxjd_3._TextAccent--accent-default_igxjd_3 {
4
4
  color: var(--aface6);
5
5
  }
6
- ._TextAccent_r27ez_3._TextAccent--accent-primary_r27ez_6 {
6
+ ._TextAccent_igxjd_3._TextAccent--accent-primary_igxjd_6 {
7
7
  color: var(--628fb7);
8
8
  }
9
- ._TextAccent_r27ez_3._TextAccent--accent-secondary_r27ez_9 {
9
+ ._TextAccent_igxjd_3._TextAccent--accent-secondary_igxjd_9 {
10
10
  color: var(--a2f1c8);
11
11
  }
12
- ._TextAccent_r27ez_3._TextAccent--accent-tertiary_r27ez_12 {
12
+ ._TextAccent_igxjd_3._TextAccent--accent-tertiary_igxjd_12 {
13
13
  color: var(--c07ea8);
14
14
  }
15
- ._TextAccent_r27ez_3._TextAccent--accent-accentDark_r27ez_15 {
15
+ ._TextAccent_igxjd_3._TextAccent--accent-accentDark_igxjd_15 {
16
16
  color: var(--690731);
17
17
  }
18
- ._TextAccent_r27ez_3._TextAccent--accent-placeholder_r27ez_18 {
18
+ ._TextAccent_igxjd_3._TextAccent--accent-placeholder_igxjd_18 {
19
19
  color: var(--0bad98);
20
20
  }
21
- ._TextAccent_r27ez_3._TextAccent--accent-inverted_r27ez_21 {
21
+ ._TextAccent_igxjd_3._TextAccent--accent-inverted_igxjd_21 {
22
22
  color: var(--c2b191);
23
23
  }
24
- ._TextAccent_r27ez_3._TextAccent--accent-positive_r27ez_24 {
24
+ ._TextAccent_igxjd_3._TextAccent--accent-positive_igxjd_24 {
25
25
  color: var(--3e566f);
26
26
  }
27
- ._TextAccent_r27ez_3._TextAccent--accent-info_r27ez_27 {
27
+ ._TextAccent_igxjd_3._TextAccent--accent-info_igxjd_27 {
28
28
  color: var(--aad149);
29
29
  }
30
- ._TextAccent_r27ez_3._TextAccent--accent-warning_r27ez_30 {
30
+ ._TextAccent_igxjd_3._TextAccent--accent-warning_igxjd_30 {
31
31
  color: var(--d7c974);
32
32
  }
33
- ._TextAccent_r27ez_3._TextAccent--accent-critical_r27ez_33 {
33
+ ._TextAccent_igxjd_3._TextAccent--accent-critical_igxjd_33 {
34
34
  color: var(--8ec9e5);
35
35
  }
36
- ._TextAccent_r27ez_3._TextAccent--accent-branded_r27ez_36 {
36
+ ._TextAccent_igxjd_3._TextAccent--accent-branded_igxjd_36 {
37
37
  color: var(--7b5d23);
38
38
  }
39
- ._TextAccent_r27ez_3._TextAccent--accent-error_r27ez_39 {
39
+ ._TextAccent_igxjd_3._TextAccent--accent-error_igxjd_39 {
40
40
  color: var(--9809d0);
41
41
  }
42
- ._TextAccent_r27ez_3._TextAccent--accent-selected_r27ez_42 {
42
+ ._TextAccent_igxjd_3._TextAccent--accent-selected_igxjd_42 {
43
43
  color: var(--9ba3b8);
44
44
  }
45
- ._TextAccent_r27ez_3._TextAccent--accent-disabled_r27ez_45 {
45
+ ._TextAccent_igxjd_3._TextAccent--accent-disabled_igxjd_45 {
46
46
  color: var(--0a84f6);
47
47
  }
48
- ._TextAccent_r27ez_3._TextAccent--accent-accent_r27ez_15 {
48
+ ._TextAccent_igxjd_3._TextAccent--accent-accent_igxjd_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 @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
2
- ._TextCentered_ow1el_2._TextCentered--centered_ow1el_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
2
+ ._TextCentered_15gyg_2._TextCentered--centered_15gyg_2 {
3
3
  text-align: center;
4
4
  }
5
- ._TextCentered_ow1el_2._TextCentered--initial_ow1el_5 {
5
+ ._TextCentered_15gyg_2._TextCentered--initial_15gyg_5 {
6
6
  text-align: left;
7
7
  text-align: initial;
8
8
  }
9
9
  @media (min-width: 400px) {
10
- ._TextCentered_ow1el_2._TextCentered--narrow-l--centered_ow1el_9 {
10
+ ._TextCentered_15gyg_2._TextCentered--narrow-l--centered_15gyg_9 {
11
11
  text-align: center;
12
12
  }
13
- ._TextCentered_ow1el_2._TextCentered--narrow-l--initial_ow1el_12 {
13
+ ._TextCentered_15gyg_2._TextCentered--narrow-l--initial_15gyg_12 {
14
14
  text-align: left;
15
15
  text-align: initial;
16
16
  }
17
17
  }
18
18
  @media (min-width: 700px) {
19
- ._TextCentered_ow1el_2._TextCentered--medium-s--centered_ow1el_17 {
19
+ ._TextCentered_15gyg_2._TextCentered--medium-s--centered_15gyg_17 {
20
20
  text-align: center;
21
21
  }
22
- ._TextCentered_ow1el_2._TextCentered--medium-s--initial_ow1el_20 {
22
+ ._TextCentered_15gyg_2._TextCentered--medium-s--initial_15gyg_20 {
23
23
  text-align: left;
24
24
  text-align: initial;
25
25
  }
26
26
  }
27
27
  @media (min-width: 880px) {
28
- ._TextCentered_ow1el_2._TextCentered--medium-l--centered_ow1el_25 {
28
+ ._TextCentered_15gyg_2._TextCentered--medium-l--centered_15gyg_25 {
29
29
  text-align: center;
30
30
  }
31
- ._TextCentered_ow1el_2._TextCentered--medium-l--initial_ow1el_28 {
31
+ ._TextCentered_15gyg_2._TextCentered--medium-l--initial_15gyg_28 {
32
32
  text-align: left;
33
33
  text-align: initial;
34
34
  }
35
35
  }
36
36
  @media (min-width: 1200px) {
37
- ._TextCentered_ow1el_2._TextCentered--wide-s--centered_ow1el_33 {
37
+ ._TextCentered_15gyg_2._TextCentered--wide-s--centered_15gyg_33 {
38
38
  text-align: center;
39
39
  }
40
- ._TextCentered_ow1el_2._TextCentered--wide-s--initial_ow1el_36 {
40
+ ._TextCentered_15gyg_2._TextCentered--wide-s--initial_15gyg_36 {
41
41
  text-align: left;
42
42
  text-align: initial;
43
43
  }
44
44
  }
45
45
  @media (min-width: 1900px) {
46
- ._TextCentered_ow1el_2._TextCentered--wide-l--centered_ow1el_41 {
46
+ ._TextCentered_15gyg_2._TextCentered--wide-l--centered_15gyg_41 {
47
47
  text-align: center;
48
48
  }
49
- ._TextCentered_ow1el_2._TextCentered--wide-l--initial_ow1el_44 {
49
+ ._TextCentered_15gyg_2._TextCentered--wide-l--initial_15gyg_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 @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
3
- ._TextWeight_foku1_3._TextWeight--weight-400_foku1_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Dec 03 2024 16:54:09 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextWeight_189hm_3._TextWeight--weight-400_189hm_3 {
4
4
  font-weight: var(--73984e);
5
5
  }
6
- ._TextWeight_foku1_3._TextWeight--weight-500_foku1_6 {
6
+ ._TextWeight_189hm_3._TextWeight--weight-500_189hm_6 {
7
7
  font-weight: var(--6e9792);
8
8
  }
9
- ._TextWeight_foku1_3._TextWeight--weight-700_foku1_9 {
9
+ ._TextWeight_189hm_3._TextWeight--weight-700_189hm_9 {
10
10
  font-weight: var(--d5337e);
11
11
  }
12
- ._TextWeight_foku1_3._TextWeight--weight-normal_foku1_12 {
12
+ ._TextWeight_189hm_3._TextWeight--weight-normal_189hm_12 {
13
13
  font-weight: var(--5ea101);
14
14
  }
15
- ._TextWeight_foku1_3._TextWeight--weight-medium_foku1_15 {
15
+ ._TextWeight_189hm_3._TextWeight--weight-medium_189hm_15 {
16
16
  font-weight: var(--2734e9);
17
17
  }
18
- ._TextWeight_foku1_3._TextWeight--weight-bold_foku1_18 {
18
+ ._TextWeight_189hm_3._TextWeight--weight-bold_189hm_18 {
19
19
  font-weight: var(--800787);
20
20
  }
@@ -2,82 +2,82 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { AVATAR_SRC_DEFAULT_TOKYO_UI, AVATAR_SIZE_DEFAULT } from "@preply/ds-core";
3
3
  import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
4
4
  import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
5
- import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_oqb37_4";
5
+ import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_16nol_4";
6
6
  const styles = {
7
7
  Avatar: Avatar$1,
8
- "Avatar--size-2xs": "_Avatar--size-2xs_oqb37_12",
9
- "Avatar--size-xs": "_Avatar--size-xs_oqb37_16",
10
- "Avatar--size-s": "_Avatar--size-s_oqb37_20",
11
- "Avatar--size-m": "_Avatar--size-m_oqb37_24",
12
- "Avatar--size-l": "_Avatar--size-l_oqb37_28",
13
- "Avatar--size-xl": "_Avatar--size-xl_oqb37_32",
14
- "Avatar--size-24": "_Avatar--size-24_oqb37_36",
15
- "Avatar--size-32": "_Avatar--size-32_oqb37_40",
16
- "Avatar--size-48": "_Avatar--size-48_oqb37_44",
17
- "Avatar--size-64": "_Avatar--size-64_oqb37_48",
18
- "Avatar--size-96": "_Avatar--size-96_oqb37_52",
19
- "Avatar--size-160": "_Avatar--size-160_oqb37_56",
20
- "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_oqb37_61",
21
- "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_oqb37_65",
22
- "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_oqb37_69",
23
- "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_oqb37_73",
24
- "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_oqb37_77",
25
- "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_oqb37_81",
26
- "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_oqb37_85",
27
- "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_oqb37_89",
28
- "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_oqb37_93",
29
- "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_oqb37_97",
30
- "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_oqb37_101",
31
- "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_oqb37_105",
32
- "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_oqb37_111",
33
- "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_oqb37_115",
34
- "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_oqb37_119",
35
- "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_oqb37_123",
36
- "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_oqb37_127",
37
- "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_oqb37_131",
38
- "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_oqb37_135",
39
- "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_oqb37_139",
40
- "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_oqb37_143",
41
- "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_oqb37_147",
42
- "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_oqb37_151",
43
- "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_oqb37_155",
44
- "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_oqb37_161",
45
- "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_oqb37_165",
46
- "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_oqb37_169",
47
- "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_oqb37_173",
48
- "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_oqb37_177",
49
- "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_oqb37_181",
50
- "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_oqb37_185",
51
- "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_oqb37_189",
52
- "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_oqb37_193",
53
- "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_oqb37_197",
54
- "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_oqb37_201",
55
- "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_oqb37_205",
56
- "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_oqb37_211",
57
- "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_oqb37_215",
58
- "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_oqb37_219",
59
- "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_oqb37_223",
60
- "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_oqb37_227",
61
- "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_oqb37_231",
62
- "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_oqb37_235",
63
- "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_oqb37_239",
64
- "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_oqb37_243",
65
- "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_oqb37_247",
66
- "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_oqb37_251",
67
- "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_oqb37_255",
68
- "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_oqb37_261",
69
- "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_oqb37_265",
70
- "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_oqb37_269",
71
- "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_oqb37_273",
72
- "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_oqb37_277",
73
- "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_oqb37_281",
74
- "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_oqb37_285",
75
- "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_oqb37_289",
76
- "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_oqb37_293",
77
- "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_oqb37_297",
78
- "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_oqb37_301",
79
- "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_oqb37_305",
80
- "Avatar--round": "_Avatar--round_oqb37_310"
8
+ "Avatar--size-2xs": "_Avatar--size-2xs_16nol_12",
9
+ "Avatar--size-xs": "_Avatar--size-xs_16nol_16",
10
+ "Avatar--size-s": "_Avatar--size-s_16nol_20",
11
+ "Avatar--size-m": "_Avatar--size-m_16nol_24",
12
+ "Avatar--size-l": "_Avatar--size-l_16nol_28",
13
+ "Avatar--size-xl": "_Avatar--size-xl_16nol_32",
14
+ "Avatar--size-24": "_Avatar--size-24_16nol_36",
15
+ "Avatar--size-32": "_Avatar--size-32_16nol_40",
16
+ "Avatar--size-48": "_Avatar--size-48_16nol_44",
17
+ "Avatar--size-64": "_Avatar--size-64_16nol_48",
18
+ "Avatar--size-96": "_Avatar--size-96_16nol_52",
19
+ "Avatar--size-160": "_Avatar--size-160_16nol_56",
20
+ "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_16nol_61",
21
+ "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_16nol_65",
22
+ "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_16nol_69",
23
+ "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_16nol_73",
24
+ "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_16nol_77",
25
+ "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_16nol_81",
26
+ "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_16nol_85",
27
+ "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_16nol_89",
28
+ "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_16nol_93",
29
+ "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_16nol_97",
30
+ "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_16nol_101",
31
+ "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_16nol_105",
32
+ "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_16nol_111",
33
+ "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_16nol_115",
34
+ "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_16nol_119",
35
+ "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_16nol_123",
36
+ "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_16nol_127",
37
+ "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_16nol_131",
38
+ "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_16nol_135",
39
+ "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_16nol_139",
40
+ "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_16nol_143",
41
+ "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_16nol_147",
42
+ "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_16nol_151",
43
+ "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_16nol_155",
44
+ "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_16nol_161",
45
+ "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_16nol_165",
46
+ "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_16nol_169",
47
+ "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_16nol_173",
48
+ "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_16nol_177",
49
+ "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_16nol_181",
50
+ "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_16nol_185",
51
+ "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_16nol_189",
52
+ "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_16nol_193",
53
+ "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_16nol_197",
54
+ "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_16nol_201",
55
+ "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_16nol_205",
56
+ "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_16nol_211",
57
+ "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_16nol_215",
58
+ "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_16nol_219",
59
+ "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_16nol_223",
60
+ "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_16nol_227",
61
+ "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_16nol_231",
62
+ "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_16nol_235",
63
+ "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_16nol_239",
64
+ "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_16nol_243",
65
+ "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_16nol_247",
66
+ "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_16nol_251",
67
+ "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_16nol_255",
68
+ "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_16nol_261",
69
+ "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_16nol_265",
70
+ "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_16nol_269",
71
+ "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_16nol_273",
72
+ "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_16nol_277",
73
+ "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_16nol_281",
74
+ "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_16nol_285",
75
+ "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_16nol_289",
76
+ "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_16nol_293",
77
+ "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_16nol_297",
78
+ "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_16nol_301",
79
+ "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_16nol_305",
80
+ "Avatar--round": "_Avatar--round_16nol_310"
81
81
  };
82
82
  const Avatar = ({
83
83
  size = AVATAR_SIZE_DEFAULT,
@@ -3,18 +3,18 @@ import { AVATAR_SIZE_DEFAULT } from "@preply/ds-core";
3
3
  import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
4
4
  import { moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, getDatasetProps } from "@preply/ds-web-core";
5
5
  import { Avatar } from "../Avatar/Avatar.js";
6
- import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_qzl1f_3";
6
+ import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_j61x8_3";
7
7
  const styles = {
8
8
  AvatarWithStatus: AvatarWithStatus$1,
9
- "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_qzl1f_7",
10
- "AvatarWithStatus--online": "_AvatarWithStatus--online_qzl1f_15",
11
- "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_qzl1f_18",
12
- "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_qzl1f_24",
13
- "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_qzl1f_30",
14
- "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_qzl1f_36",
15
- "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_qzl1f_42",
16
- "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_qzl1f_48",
17
- "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_qzl1f_54"
9
+ "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_j61x8_7",
10
+ "AvatarWithStatus--online": "_AvatarWithStatus--online_j61x8_15",
11
+ "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_j61x8_18",
12
+ "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_j61x8_24",
13
+ "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_j61x8_30",
14
+ "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_j61x8_36",
15
+ "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_j61x8_42",
16
+ "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_j61x8_48",
17
+ "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_j61x8_54"
18
18
  };
19
19
  const AvatarWithStatus = ({
20
20
  online = false,
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
3
3
  import { getDatasetProps } from "@preply/ds-web-core";
4
4
  import { Icon } from "../Icon/Icon.js";
5
- import '../../assets/Badge.css';const badge = "_badge_10d48_2";
5
+ import '../../assets/Badge.css';const badge = "_badge_d8y9m_2";
6
6
  const styles = {
7
7
  badge
8
8
  };