@preply/ds-web-lib 1.4.0 → 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.
Files changed (108) hide show
  1. package/dist/assets/AlertDialog.css +17 -17
  2. package/dist/assets/Avatar.css +79 -79
  3. package/dist/assets/AvatarWithStatus.css +12 -12
  4. package/dist/assets/Badge.css +24 -24
  5. package/dist/assets/Box.css +171 -171
  6. package/dist/assets/Button.css +7 -7
  7. package/dist/assets/ButtonBase.css +245 -245
  8. package/dist/assets/Chips.css +16 -16
  9. package/dist/assets/Dialog.css +91 -91
  10. package/dist/assets/FieldAdditionalText.css +6 -6
  11. package/dist/assets/FieldButton.css +8 -8
  12. package/dist/assets/FieldLabel.css +8 -8
  13. package/dist/assets/FieldLayout.css +29 -29
  14. package/dist/assets/FieldLayoutBase.css +4 -4
  15. package/dist/assets/Heading.css +100 -100
  16. package/dist/assets/Icon.css +14 -14
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +14 -14
  19. package/dist/assets/Link.css +32 -32
  20. package/dist/assets/Loader.css +4 -4
  21. package/dist/assets/OnboardingTooltip.css +17 -17
  22. package/dist/assets/OnboardingTour.css +2 -2
  23. package/dist/assets/PreplyLogo.css +9 -9
  24. package/dist/assets/ProgressBar.css +3 -3
  25. package/dist/assets/ProgressSteps.css +7 -7
  26. package/dist/assets/SelectFieldLayout.css +18 -18
  27. package/dist/assets/Spinner.css +26 -26
  28. package/dist/assets/Steps.css +5 -5
  29. package/dist/assets/Text.css +227 -227
  30. package/dist/assets/TextHighlighted.css +14 -14
  31. package/dist/assets/TextInline.css +5 -5
  32. package/dist/assets/Toast.css +12 -12
  33. package/dist/assets/Tooltip.css +14 -14
  34. package/dist/assets/align-self.css +25 -25
  35. package/dist/assets/color.css +39 -39
  36. package/dist/assets/exp-color.css +58 -58
  37. package/dist/assets/index.css +16 -16
  38. package/dist/assets/layout-gap.css +135 -135
  39. package/dist/assets/layout-grid.css +100 -100
  40. package/dist/assets/layout-hide.css +49 -49
  41. package/dist/assets/layout-padding.css +531 -531
  42. package/dist/assets/layout-relative.css +2 -2
  43. package/dist/assets/text-accent.css +18 -18
  44. package/dist/assets/text-centered.css +13 -13
  45. package/dist/assets/text-weight.css +8 -8
  46. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  47. package/dist/components/Avatar/Avatar.js +74 -74
  48. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  49. package/dist/components/Badge/Badge.js +1 -1
  50. package/dist/components/Box/Box.js +150 -150
  51. package/dist/components/Button/Button.js +1 -1
  52. package/dist/components/Chips/Chips.js +4 -4
  53. package/dist/components/Dialog/Dialog.js +35 -35
  54. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  55. package/dist/components/FieldButton/FieldButton.js +1 -1
  56. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  57. package/dist/components/Heading/Heading.js +97 -97
  58. package/dist/components/Icon/Icon.js +10 -10
  59. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  60. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  61. package/dist/components/Link/Link.js +18 -18
  62. package/dist/components/Loader/Loader.js +3 -3
  63. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  64. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  65. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  66. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  67. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  68. package/dist/components/Steps/Steps.js +4 -4
  69. package/dist/components/Text/Text.js +224 -224
  70. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  71. package/dist/components/TextInline/TextInline.js +2 -2
  72. package/dist/components/Toast/Toast.js +5 -5
  73. package/dist/components/Tooltip/Tooltip.js +2 -2
  74. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  75. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  76. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  77. package/dist/components/private/Input/Checkbox.js +1 -1
  78. package/dist/components/private/Input/InputDate.js +1 -1
  79. package/dist/components/private/Input/InputNumber.js +1 -1
  80. package/dist/components/private/Input/InputPassword.js +1 -1
  81. package/dist/components/private/Input/InputText.js +1 -1
  82. package/dist/components/private/Input/InputTime.js +1 -1
  83. package/dist/components/private/Input/Radio.js +1 -1
  84. package/dist/components/private/Input/Select.js +1 -1
  85. package/dist/components/private/Input/Textarea.js +1 -1
  86. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  87. package/dist/components/private/Spinner/Spinner.js +16 -16
  88. package/dist/index.module-iACyovpJ.js +27 -0
  89. package/dist/layout-gap.module-DwYAmZqy.js +139 -0
  90. package/dist/{layout-grid.module-Cm-SasPL.js → layout-grid.module-DvWR2pve.js} +97 -97
  91. package/dist/layout-hide.module-CVaoro6S.js +55 -0
  92. package/dist/{layout-relative.module-CXJ9jc4G.js → layout-relative.module-yZwngsDw.js} +2 -2
  93. package/dist/shared-styles/align-self/align-self.js +25 -25
  94. package/dist/shared-styles/color/color.js +38 -38
  95. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  96. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  97. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  98. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  99. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  100. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  101. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  102. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  103. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  104. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  105. package/package.json +13 -13
  106. package/dist/index.module-BUa_z1zp.js +0 -27
  107. package/dist/layout-gap.module-B8MxVdDS.js +0 -139
  108. package/dist/layout-hide.module-YMORUoLW.js +0 -55
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025 07:53:32 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 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_y99bd_46._LayoutRelative--relative_y99bd_46 {
51
+ ._LayoutRelative_k9ql0_46._LayoutRelative--relative_k9ql0_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 @Wed Apr 02 2025 07:53:29 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 07:53:30 GMT+0000 (Coordinated Universal Time) */
3
- ._TextAccent_1rcaj_3._TextAccent--accent-default_1rcaj_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextAccent_1kzqx_3._TextAccent--accent-default_1kzqx_3 {
4
4
  color: var(--aface6);
5
5
  }
6
- ._TextAccent_1rcaj_3._TextAccent--accent-primary_1rcaj_6 {
6
+ ._TextAccent_1kzqx_3._TextAccent--accent-primary_1kzqx_6 {
7
7
  color: var(--628fb7);
8
8
  }
9
- ._TextAccent_1rcaj_3._TextAccent--accent-secondary_1rcaj_9 {
9
+ ._TextAccent_1kzqx_3._TextAccent--accent-secondary_1kzqx_9 {
10
10
  color: var(--a2f1c8);
11
11
  }
12
- ._TextAccent_1rcaj_3._TextAccent--accent-tertiary_1rcaj_12 {
12
+ ._TextAccent_1kzqx_3._TextAccent--accent-tertiary_1kzqx_12 {
13
13
  color: var(--c07ea8);
14
14
  }
15
- ._TextAccent_1rcaj_3._TextAccent--accent-accentDark_1rcaj_15 {
15
+ ._TextAccent_1kzqx_3._TextAccent--accent-accentDark_1kzqx_15 {
16
16
  color: var(--690731);
17
17
  }
18
- ._TextAccent_1rcaj_3._TextAccent--accent-placeholder_1rcaj_18 {
18
+ ._TextAccent_1kzqx_3._TextAccent--accent-placeholder_1kzqx_18 {
19
19
  color: var(--0bad98);
20
20
  }
21
- ._TextAccent_1rcaj_3._TextAccent--accent-inverted_1rcaj_21 {
21
+ ._TextAccent_1kzqx_3._TextAccent--accent-inverted_1kzqx_21 {
22
22
  color: var(--c2b191);
23
23
  }
24
- ._TextAccent_1rcaj_3._TextAccent--accent-positive_1rcaj_24 {
24
+ ._TextAccent_1kzqx_3._TextAccent--accent-positive_1kzqx_24 {
25
25
  color: var(--3e566f);
26
26
  }
27
- ._TextAccent_1rcaj_3._TextAccent--accent-info_1rcaj_27 {
27
+ ._TextAccent_1kzqx_3._TextAccent--accent-info_1kzqx_27 {
28
28
  color: var(--aad149);
29
29
  }
30
- ._TextAccent_1rcaj_3._TextAccent--accent-warning_1rcaj_30 {
30
+ ._TextAccent_1kzqx_3._TextAccent--accent-warning_1kzqx_30 {
31
31
  color: var(--d7c974);
32
32
  }
33
- ._TextAccent_1rcaj_3._TextAccent--accent-critical_1rcaj_33 {
33
+ ._TextAccent_1kzqx_3._TextAccent--accent-critical_1kzqx_33 {
34
34
  color: var(--8ec9e5);
35
35
  }
36
- ._TextAccent_1rcaj_3._TextAccent--accent-branded_1rcaj_36 {
36
+ ._TextAccent_1kzqx_3._TextAccent--accent-branded_1kzqx_36 {
37
37
  color: var(--7b5d23);
38
38
  }
39
- ._TextAccent_1rcaj_3._TextAccent--accent-error_1rcaj_39 {
39
+ ._TextAccent_1kzqx_3._TextAccent--accent-error_1kzqx_39 {
40
40
  color: var(--9809d0);
41
41
  }
42
- ._TextAccent_1rcaj_3._TextAccent--accent-selected_1rcaj_42 {
42
+ ._TextAccent_1kzqx_3._TextAccent--accent-selected_1kzqx_42 {
43
43
  color: var(--9ba3b8);
44
44
  }
45
- ._TextAccent_1rcaj_3._TextAccent--accent-disabled_1rcaj_45 {
45
+ ._TextAccent_1kzqx_3._TextAccent--accent-disabled_1kzqx_45 {
46
46
  color: var(--0a84f6);
47
47
  }
48
- ._TextAccent_1rcaj_3._TextAccent--accent-accent_1rcaj_15 {
48
+ ._TextAccent_1kzqx_3._TextAccent--accent-accent_1kzqx_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 @Wed Apr 02 2025 07:53:32 GMT+0000 (Coordinated Universal Time) */
2
- ._TextCentered_bj2ev_2._TextCentered--centered_bj2ev_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
2
+ ._TextCentered_1wugf_2._TextCentered--centered_1wugf_2 {
3
3
  text-align: center;
4
4
  }
5
- ._TextCentered_bj2ev_2._TextCentered--initial_bj2ev_5 {
5
+ ._TextCentered_1wugf_2._TextCentered--initial_1wugf_5 {
6
6
  text-align: left;
7
7
  text-align: initial;
8
8
  }
9
9
  @media (min-width: 400px) {
10
- ._TextCentered_bj2ev_2._TextCentered--narrow-l--centered_bj2ev_9 {
10
+ ._TextCentered_1wugf_2._TextCentered--narrow-l--centered_1wugf_9 {
11
11
  text-align: center;
12
12
  }
13
- ._TextCentered_bj2ev_2._TextCentered--narrow-l--initial_bj2ev_12 {
13
+ ._TextCentered_1wugf_2._TextCentered--narrow-l--initial_1wugf_12 {
14
14
  text-align: left;
15
15
  text-align: initial;
16
16
  }
17
17
  }
18
18
  @media (min-width: 700px) {
19
- ._TextCentered_bj2ev_2._TextCentered--medium-s--centered_bj2ev_17 {
19
+ ._TextCentered_1wugf_2._TextCentered--medium-s--centered_1wugf_17 {
20
20
  text-align: center;
21
21
  }
22
- ._TextCentered_bj2ev_2._TextCentered--medium-s--initial_bj2ev_20 {
22
+ ._TextCentered_1wugf_2._TextCentered--medium-s--initial_1wugf_20 {
23
23
  text-align: left;
24
24
  text-align: initial;
25
25
  }
26
26
  }
27
27
  @media (min-width: 880px) {
28
- ._TextCentered_bj2ev_2._TextCentered--medium-l--centered_bj2ev_25 {
28
+ ._TextCentered_1wugf_2._TextCentered--medium-l--centered_1wugf_25 {
29
29
  text-align: center;
30
30
  }
31
- ._TextCentered_bj2ev_2._TextCentered--medium-l--initial_bj2ev_28 {
31
+ ._TextCentered_1wugf_2._TextCentered--medium-l--initial_1wugf_28 {
32
32
  text-align: left;
33
33
  text-align: initial;
34
34
  }
35
35
  }
36
36
  @media (min-width: 1200px) {
37
- ._TextCentered_bj2ev_2._TextCentered--wide-s--centered_bj2ev_33 {
37
+ ._TextCentered_1wugf_2._TextCentered--wide-s--centered_1wugf_33 {
38
38
  text-align: center;
39
39
  }
40
- ._TextCentered_bj2ev_2._TextCentered--wide-s--initial_bj2ev_36 {
40
+ ._TextCentered_1wugf_2._TextCentered--wide-s--initial_1wugf_36 {
41
41
  text-align: left;
42
42
  text-align: initial;
43
43
  }
44
44
  }
45
45
  @media (min-width: 1900px) {
46
- ._TextCentered_bj2ev_2._TextCentered--wide-l--centered_bj2ev_41 {
46
+ ._TextCentered_1wugf_2._TextCentered--wide-l--centered_1wugf_41 {
47
47
  text-align: center;
48
48
  }
49
- ._TextCentered_bj2ev_2._TextCentered--wide-l--initial_bj2ev_44 {
49
+ ._TextCentered_1wugf_2._TextCentered--wide-l--initial_1wugf_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 @Wed Apr 02 2025 07:53:29 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 07:53:30 GMT+0000 (Coordinated Universal Time) */
3
- ._TextWeight_17zla_3._TextWeight--weight-400_17zla_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextWeight_i9vok_3._TextWeight--weight-400_i9vok_3 {
4
4
  font-weight: var(--73984e);
5
5
  }
6
- ._TextWeight_17zla_3._TextWeight--weight-500_17zla_6 {
6
+ ._TextWeight_i9vok_3._TextWeight--weight-500_i9vok_6 {
7
7
  font-weight: var(--6e9792);
8
8
  }
9
- ._TextWeight_17zla_3._TextWeight--weight-700_17zla_9 {
9
+ ._TextWeight_i9vok_3._TextWeight--weight-700_i9vok_9 {
10
10
  font-weight: var(--d5337e);
11
11
  }
12
- ._TextWeight_17zla_3._TextWeight--weight-normal_17zla_12 {
12
+ ._TextWeight_i9vok_3._TextWeight--weight-normal_i9vok_12 {
13
13
  font-weight: var(--5ea101);
14
14
  }
15
- ._TextWeight_17zla_3._TextWeight--weight-medium_17zla_15 {
15
+ ._TextWeight_i9vok_3._TextWeight--weight-medium_i9vok_15 {
16
16
  font-weight: var(--2734e9);
17
17
  }
18
- ._TextWeight_17zla_3._TextWeight--weight-bold_17zla_18 {
18
+ ._TextWeight_i9vok_3._TextWeight--weight-bold_i9vok_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-component-names";
9
9
  import { Button } from "../Button/Button.js";
10
- import '../../assets/AlertDialog.css';const overlay = "_overlay_1tu2x_21";
11
- const content = "_content_1tu2x_31";
12
- const description = "_description_1tu2x_52";
13
- const actions = "_actions_1tu2x_58";
10
+ import '../../assets/AlertDialog.css';const overlay = "_overlay_1mmht_21";
11
+ const content = "_content_1mmht_31";
12
+ const description = "_description_1mmht_52";
13
+ const actions = "_actions_1mmht_58";
14
14
  const styles = {
15
15
  overlay,
16
16
  content,
@@ -4,82 +4,82 @@ import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
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 = "_Avatar_zjvlp_4";
7
+ import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_15qvu_4";
8
8
  const styles = {
9
9
  Avatar: Avatar$1,
10
- "Avatar--size-2xs": "_Avatar--size-2xs_zjvlp_12",
11
- "Avatar--size-xs": "_Avatar--size-xs_zjvlp_16",
12
- "Avatar--size-s": "_Avatar--size-s_zjvlp_20",
13
- "Avatar--size-m": "_Avatar--size-m_zjvlp_24",
14
- "Avatar--size-l": "_Avatar--size-l_zjvlp_28",
15
- "Avatar--size-xl": "_Avatar--size-xl_zjvlp_32",
16
- "Avatar--size-24": "_Avatar--size-24_zjvlp_36",
17
- "Avatar--size-32": "_Avatar--size-32_zjvlp_40",
18
- "Avatar--size-48": "_Avatar--size-48_zjvlp_44",
19
- "Avatar--size-64": "_Avatar--size-64_zjvlp_48",
20
- "Avatar--size-96": "_Avatar--size-96_zjvlp_52",
21
- "Avatar--size-160": "_Avatar--size-160_zjvlp_56",
22
- "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_zjvlp_61",
23
- "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_zjvlp_65",
24
- "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_zjvlp_69",
25
- "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_zjvlp_73",
26
- "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_zjvlp_77",
27
- "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_zjvlp_81",
28
- "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_zjvlp_85",
29
- "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_zjvlp_89",
30
- "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_zjvlp_93",
31
- "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_zjvlp_97",
32
- "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_zjvlp_101",
33
- "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_zjvlp_105",
34
- "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_zjvlp_111",
35
- "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_zjvlp_115",
36
- "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_zjvlp_119",
37
- "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_zjvlp_123",
38
- "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_zjvlp_127",
39
- "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_zjvlp_131",
40
- "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_zjvlp_135",
41
- "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_zjvlp_139",
42
- "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_zjvlp_143",
43
- "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_zjvlp_147",
44
- "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_zjvlp_151",
45
- "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_zjvlp_155",
46
- "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_zjvlp_161",
47
- "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_zjvlp_165",
48
- "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_zjvlp_169",
49
- "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_zjvlp_173",
50
- "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_zjvlp_177",
51
- "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_zjvlp_181",
52
- "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_zjvlp_185",
53
- "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_zjvlp_189",
54
- "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_zjvlp_193",
55
- "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_zjvlp_197",
56
- "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_zjvlp_201",
57
- "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_zjvlp_205",
58
- "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_zjvlp_211",
59
- "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_zjvlp_215",
60
- "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_zjvlp_219",
61
- "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_zjvlp_223",
62
- "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_zjvlp_227",
63
- "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_zjvlp_231",
64
- "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_zjvlp_235",
65
- "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_zjvlp_239",
66
- "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_zjvlp_243",
67
- "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_zjvlp_247",
68
- "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_zjvlp_251",
69
- "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_zjvlp_255",
70
- "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_zjvlp_261",
71
- "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_zjvlp_265",
72
- "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_zjvlp_269",
73
- "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_zjvlp_273",
74
- "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_zjvlp_277",
75
- "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_zjvlp_281",
76
- "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_zjvlp_285",
77
- "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_zjvlp_289",
78
- "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_zjvlp_293",
79
- "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_zjvlp_297",
80
- "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_zjvlp_301",
81
- "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_zjvlp_305",
82
- "Avatar--round": "_Avatar--round_zjvlp_310"
10
+ "Avatar--size-2xs": "_Avatar--size-2xs_15qvu_12",
11
+ "Avatar--size-xs": "_Avatar--size-xs_15qvu_16",
12
+ "Avatar--size-s": "_Avatar--size-s_15qvu_20",
13
+ "Avatar--size-m": "_Avatar--size-m_15qvu_24",
14
+ "Avatar--size-l": "_Avatar--size-l_15qvu_28",
15
+ "Avatar--size-xl": "_Avatar--size-xl_15qvu_32",
16
+ "Avatar--size-24": "_Avatar--size-24_15qvu_36",
17
+ "Avatar--size-32": "_Avatar--size-32_15qvu_40",
18
+ "Avatar--size-48": "_Avatar--size-48_15qvu_44",
19
+ "Avatar--size-64": "_Avatar--size-64_15qvu_48",
20
+ "Avatar--size-96": "_Avatar--size-96_15qvu_52",
21
+ "Avatar--size-160": "_Avatar--size-160_15qvu_56",
22
+ "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_15qvu_61",
23
+ "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_15qvu_65",
24
+ "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_15qvu_69",
25
+ "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_15qvu_73",
26
+ "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_15qvu_77",
27
+ "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_15qvu_81",
28
+ "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_15qvu_85",
29
+ "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_15qvu_89",
30
+ "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_15qvu_93",
31
+ "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_15qvu_97",
32
+ "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_15qvu_101",
33
+ "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_15qvu_105",
34
+ "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_15qvu_111",
35
+ "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_15qvu_115",
36
+ "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_15qvu_119",
37
+ "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_15qvu_123",
38
+ "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_15qvu_127",
39
+ "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_15qvu_131",
40
+ "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_15qvu_135",
41
+ "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_15qvu_139",
42
+ "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_15qvu_143",
43
+ "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_15qvu_147",
44
+ "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_15qvu_151",
45
+ "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_15qvu_155",
46
+ "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_15qvu_161",
47
+ "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_15qvu_165",
48
+ "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_15qvu_169",
49
+ "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_15qvu_173",
50
+ "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_15qvu_177",
51
+ "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_15qvu_181",
52
+ "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_15qvu_185",
53
+ "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_15qvu_189",
54
+ "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_15qvu_193",
55
+ "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_15qvu_197",
56
+ "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_15qvu_201",
57
+ "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_15qvu_205",
58
+ "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_15qvu_211",
59
+ "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_15qvu_215",
60
+ "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_15qvu_219",
61
+ "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_15qvu_223",
62
+ "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_15qvu_227",
63
+ "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_15qvu_231",
64
+ "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_15qvu_235",
65
+ "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_15qvu_239",
66
+ "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_15qvu_243",
67
+ "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_15qvu_247",
68
+ "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_15qvu_251",
69
+ "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_15qvu_255",
70
+ "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_15qvu_261",
71
+ "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_15qvu_265",
72
+ "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_15qvu_269",
73
+ "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_15qvu_273",
74
+ "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_15qvu_277",
75
+ "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_15qvu_281",
76
+ "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_15qvu_285",
77
+ "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_15qvu_289",
78
+ "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_15qvu_293",
79
+ "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_15qvu_297",
80
+ "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_15qvu_301",
81
+ "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_15qvu_305",
82
+ "Avatar--round": "_Avatar--round_15qvu_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 = "_AvatarWithStatus_t1yoj_3";
8
+ import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_fynea_3";
9
9
  const styles = {
10
10
  AvatarWithStatus: AvatarWithStatus$1,
11
- "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_t1yoj_7",
12
- "AvatarWithStatus--online": "_AvatarWithStatus--online_t1yoj_15",
13
- "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_t1yoj_18",
14
- "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_t1yoj_24",
15
- "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_t1yoj_30",
16
- "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_t1yoj_36",
17
- "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_t1yoj_42",
18
- "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_t1yoj_48",
19
- "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_t1yoj_54"
11
+ "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_fynea_7",
12
+ "AvatarWithStatus--online": "_AvatarWithStatus--online_fynea_15",
13
+ "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_fynea_18",
14
+ "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_fynea_24",
15
+ "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_fynea_30",
16
+ "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_fynea_36",
17
+ "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_fynea_42",
18
+ "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_fynea_48",
19
+ "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_fynea_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 = "_badge_cwsz7_2";
7
+ import '../../assets/Badge.css';const badge = "_badge_11mzq_2";
8
8
  const styles = {
9
9
  badge
10
10
  };