@preply/ds-web-lib 1.4.4 → 1.4.5

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-BD1IcpKe.js +27 -0
  89. package/dist/layout-gap.module-BHceV7oO.js +139 -0
  90. package/dist/{layout-grid.module-r1QJQ0OA.js → layout-grid.module-CsVjCjkf.js} +97 -97
  91. package/dist/layout-hide.module-CR4eBXwL.js +55 -0
  92. package/dist/{layout-relative.module-BNXaOnm9.js → layout-relative.module-BTkIzSrV.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-BS0Uqwt2.js +0 -27
  107. package/dist/layout-gap.module-D6neqy11.js +0 -139
  108. package/dist/layout-hide.module-CNnAuwzK.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 Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 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_4jyrh_46._LayoutRelative--relative_4jyrh_46 {
51
+ ._LayoutRelative_lajti_46._LayoutRelative--relative_lajti_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 Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
3
- ._TextAccent_1wufr_3._TextAccent--accent-default_1wufr_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextAccent_1qyxa_3._TextAccent--accent-default_1qyxa_3 {
4
4
  color: var(--aface6);
5
5
  }
6
- ._TextAccent_1wufr_3._TextAccent--accent-primary_1wufr_6 {
6
+ ._TextAccent_1qyxa_3._TextAccent--accent-primary_1qyxa_6 {
7
7
  color: var(--628fb7);
8
8
  }
9
- ._TextAccent_1wufr_3._TextAccent--accent-secondary_1wufr_9 {
9
+ ._TextAccent_1qyxa_3._TextAccent--accent-secondary_1qyxa_9 {
10
10
  color: var(--a2f1c8);
11
11
  }
12
- ._TextAccent_1wufr_3._TextAccent--accent-tertiary_1wufr_12 {
12
+ ._TextAccent_1qyxa_3._TextAccent--accent-tertiary_1qyxa_12 {
13
13
  color: var(--c07ea8);
14
14
  }
15
- ._TextAccent_1wufr_3._TextAccent--accent-accentDark_1wufr_15 {
15
+ ._TextAccent_1qyxa_3._TextAccent--accent-accentDark_1qyxa_15 {
16
16
  color: var(--690731);
17
17
  }
18
- ._TextAccent_1wufr_3._TextAccent--accent-placeholder_1wufr_18 {
18
+ ._TextAccent_1qyxa_3._TextAccent--accent-placeholder_1qyxa_18 {
19
19
  color: var(--0bad98);
20
20
  }
21
- ._TextAccent_1wufr_3._TextAccent--accent-inverted_1wufr_21 {
21
+ ._TextAccent_1qyxa_3._TextAccent--accent-inverted_1qyxa_21 {
22
22
  color: var(--c2b191);
23
23
  }
24
- ._TextAccent_1wufr_3._TextAccent--accent-positive_1wufr_24 {
24
+ ._TextAccent_1qyxa_3._TextAccent--accent-positive_1qyxa_24 {
25
25
  color: var(--3e566f);
26
26
  }
27
- ._TextAccent_1wufr_3._TextAccent--accent-info_1wufr_27 {
27
+ ._TextAccent_1qyxa_3._TextAccent--accent-info_1qyxa_27 {
28
28
  color: var(--aad149);
29
29
  }
30
- ._TextAccent_1wufr_3._TextAccent--accent-warning_1wufr_30 {
30
+ ._TextAccent_1qyxa_3._TextAccent--accent-warning_1qyxa_30 {
31
31
  color: var(--d7c974);
32
32
  }
33
- ._TextAccent_1wufr_3._TextAccent--accent-critical_1wufr_33 {
33
+ ._TextAccent_1qyxa_3._TextAccent--accent-critical_1qyxa_33 {
34
34
  color: var(--8ec9e5);
35
35
  }
36
- ._TextAccent_1wufr_3._TextAccent--accent-branded_1wufr_36 {
36
+ ._TextAccent_1qyxa_3._TextAccent--accent-branded_1qyxa_36 {
37
37
  color: var(--7b5d23);
38
38
  }
39
- ._TextAccent_1wufr_3._TextAccent--accent-error_1wufr_39 {
39
+ ._TextAccent_1qyxa_3._TextAccent--accent-error_1qyxa_39 {
40
40
  color: var(--9809d0);
41
41
  }
42
- ._TextAccent_1wufr_3._TextAccent--accent-selected_1wufr_42 {
42
+ ._TextAccent_1qyxa_3._TextAccent--accent-selected_1qyxa_42 {
43
43
  color: var(--9ba3b8);
44
44
  }
45
- ._TextAccent_1wufr_3._TextAccent--accent-disabled_1wufr_45 {
45
+ ._TextAccent_1qyxa_3._TextAccent--accent-disabled_1qyxa_45 {
46
46
  color: var(--0a84f6);
47
47
  }
48
- ._TextAccent_1wufr_3._TextAccent--accent-accent_1wufr_15 {
48
+ ._TextAccent_1qyxa_3._TextAccent--accent-accent_1qyxa_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 Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
2
- ._TextCentered_1flis_2._TextCentered--centered_1flis_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
2
+ ._TextCentered_71emt_2._TextCentered--centered_71emt_2 {
3
3
  text-align: center;
4
4
  }
5
- ._TextCentered_1flis_2._TextCentered--initial_1flis_5 {
5
+ ._TextCentered_71emt_2._TextCentered--initial_71emt_5 {
6
6
  text-align: left;
7
7
  text-align: initial;
8
8
  }
9
9
  @media (min-width: 400px) {
10
- ._TextCentered_1flis_2._TextCentered--narrow-l--centered_1flis_9 {
10
+ ._TextCentered_71emt_2._TextCentered--narrow-l--centered_71emt_9 {
11
11
  text-align: center;
12
12
  }
13
- ._TextCentered_1flis_2._TextCentered--narrow-l--initial_1flis_12 {
13
+ ._TextCentered_71emt_2._TextCentered--narrow-l--initial_71emt_12 {
14
14
  text-align: left;
15
15
  text-align: initial;
16
16
  }
17
17
  }
18
18
  @media (min-width: 700px) {
19
- ._TextCentered_1flis_2._TextCentered--medium-s--centered_1flis_17 {
19
+ ._TextCentered_71emt_2._TextCentered--medium-s--centered_71emt_17 {
20
20
  text-align: center;
21
21
  }
22
- ._TextCentered_1flis_2._TextCentered--medium-s--initial_1flis_20 {
22
+ ._TextCentered_71emt_2._TextCentered--medium-s--initial_71emt_20 {
23
23
  text-align: left;
24
24
  text-align: initial;
25
25
  }
26
26
  }
27
27
  @media (min-width: 880px) {
28
- ._TextCentered_1flis_2._TextCentered--medium-l--centered_1flis_25 {
28
+ ._TextCentered_71emt_2._TextCentered--medium-l--centered_71emt_25 {
29
29
  text-align: center;
30
30
  }
31
- ._TextCentered_1flis_2._TextCentered--medium-l--initial_1flis_28 {
31
+ ._TextCentered_71emt_2._TextCentered--medium-l--initial_71emt_28 {
32
32
  text-align: left;
33
33
  text-align: initial;
34
34
  }
35
35
  }
36
36
  @media (min-width: 1200px) {
37
- ._TextCentered_1flis_2._TextCentered--wide-s--centered_1flis_33 {
37
+ ._TextCentered_71emt_2._TextCentered--wide-s--centered_71emt_33 {
38
38
  text-align: center;
39
39
  }
40
- ._TextCentered_1flis_2._TextCentered--wide-s--initial_1flis_36 {
40
+ ._TextCentered_71emt_2._TextCentered--wide-s--initial_71emt_36 {
41
41
  text-align: left;
42
42
  text-align: initial;
43
43
  }
44
44
  }
45
45
  @media (min-width: 1900px) {
46
- ._TextCentered_1flis_2._TextCentered--wide-l--centered_1flis_41 {
46
+ ._TextCentered_71emt_2._TextCentered--wide-l--centered_71emt_41 {
47
47
  text-align: center;
48
48
  }
49
- ._TextCentered_1flis_2._TextCentered--wide-l--initial_1flis_44 {
49
+ ._TextCentered_71emt_2._TextCentered--wide-l--initial_71emt_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 Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
3
- ._TextWeight_wp7ff_3._TextWeight--weight-400_wp7ff_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextWeight_lx7by_3._TextWeight--weight-400_lx7by_3 {
4
4
  font-weight: var(--73984e);
5
5
  }
6
- ._TextWeight_wp7ff_3._TextWeight--weight-500_wp7ff_6 {
6
+ ._TextWeight_lx7by_3._TextWeight--weight-500_lx7by_6 {
7
7
  font-weight: var(--6e9792);
8
8
  }
9
- ._TextWeight_wp7ff_3._TextWeight--weight-700_wp7ff_9 {
9
+ ._TextWeight_lx7by_3._TextWeight--weight-700_lx7by_9 {
10
10
  font-weight: var(--d5337e);
11
11
  }
12
- ._TextWeight_wp7ff_3._TextWeight--weight-normal_wp7ff_12 {
12
+ ._TextWeight_lx7by_3._TextWeight--weight-normal_lx7by_12 {
13
13
  font-weight: var(--5ea101);
14
14
  }
15
- ._TextWeight_wp7ff_3._TextWeight--weight-medium_wp7ff_15 {
15
+ ._TextWeight_lx7by_3._TextWeight--weight-medium_lx7by_15 {
16
16
  font-weight: var(--2734e9);
17
17
  }
18
- ._TextWeight_wp7ff_3._TextWeight--weight-bold_wp7ff_18 {
18
+ ._TextWeight_lx7by_3._TextWeight--weight-bold_lx7by_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_192nk_21";
11
- const content = "_content_192nk_31";
12
- const description = "_description_192nk_52";
13
- const actions = "_actions_192nk_58";
10
+ import '../../assets/AlertDialog.css';const overlay = "_overlay_114fq_21";
11
+ const content = "_content_114fq_31";
12
+ const description = "_description_114fq_52";
13
+ const actions = "_actions_114fq_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_oyd01_4";
7
+ import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_ub829_4";
8
8
  const styles = {
9
9
  Avatar: Avatar$1,
10
- "Avatar--size-2xs": "_Avatar--size-2xs_oyd01_12",
11
- "Avatar--size-xs": "_Avatar--size-xs_oyd01_16",
12
- "Avatar--size-s": "_Avatar--size-s_oyd01_20",
13
- "Avatar--size-m": "_Avatar--size-m_oyd01_24",
14
- "Avatar--size-l": "_Avatar--size-l_oyd01_28",
15
- "Avatar--size-xl": "_Avatar--size-xl_oyd01_32",
16
- "Avatar--size-24": "_Avatar--size-24_oyd01_36",
17
- "Avatar--size-32": "_Avatar--size-32_oyd01_40",
18
- "Avatar--size-48": "_Avatar--size-48_oyd01_44",
19
- "Avatar--size-64": "_Avatar--size-64_oyd01_48",
20
- "Avatar--size-96": "_Avatar--size-96_oyd01_52",
21
- "Avatar--size-160": "_Avatar--size-160_oyd01_56",
22
- "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_oyd01_61",
23
- "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_oyd01_65",
24
- "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_oyd01_69",
25
- "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_oyd01_73",
26
- "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_oyd01_77",
27
- "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_oyd01_81",
28
- "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_oyd01_85",
29
- "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_oyd01_89",
30
- "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_oyd01_93",
31
- "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_oyd01_97",
32
- "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_oyd01_101",
33
- "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_oyd01_105",
34
- "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_oyd01_111",
35
- "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_oyd01_115",
36
- "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_oyd01_119",
37
- "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_oyd01_123",
38
- "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_oyd01_127",
39
- "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_oyd01_131",
40
- "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_oyd01_135",
41
- "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_oyd01_139",
42
- "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_oyd01_143",
43
- "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_oyd01_147",
44
- "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_oyd01_151",
45
- "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_oyd01_155",
46
- "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_oyd01_161",
47
- "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_oyd01_165",
48
- "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_oyd01_169",
49
- "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_oyd01_173",
50
- "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_oyd01_177",
51
- "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_oyd01_181",
52
- "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_oyd01_185",
53
- "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_oyd01_189",
54
- "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_oyd01_193",
55
- "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_oyd01_197",
56
- "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_oyd01_201",
57
- "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_oyd01_205",
58
- "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_oyd01_211",
59
- "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_oyd01_215",
60
- "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_oyd01_219",
61
- "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_oyd01_223",
62
- "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_oyd01_227",
63
- "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_oyd01_231",
64
- "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_oyd01_235",
65
- "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_oyd01_239",
66
- "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_oyd01_243",
67
- "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_oyd01_247",
68
- "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_oyd01_251",
69
- "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_oyd01_255",
70
- "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_oyd01_261",
71
- "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_oyd01_265",
72
- "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_oyd01_269",
73
- "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_oyd01_273",
74
- "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_oyd01_277",
75
- "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_oyd01_281",
76
- "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_oyd01_285",
77
- "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_oyd01_289",
78
- "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_oyd01_293",
79
- "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_oyd01_297",
80
- "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_oyd01_301",
81
- "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_oyd01_305",
82
- "Avatar--round": "_Avatar--round_oyd01_310"
10
+ "Avatar--size-2xs": "_Avatar--size-2xs_ub829_12",
11
+ "Avatar--size-xs": "_Avatar--size-xs_ub829_16",
12
+ "Avatar--size-s": "_Avatar--size-s_ub829_20",
13
+ "Avatar--size-m": "_Avatar--size-m_ub829_24",
14
+ "Avatar--size-l": "_Avatar--size-l_ub829_28",
15
+ "Avatar--size-xl": "_Avatar--size-xl_ub829_32",
16
+ "Avatar--size-24": "_Avatar--size-24_ub829_36",
17
+ "Avatar--size-32": "_Avatar--size-32_ub829_40",
18
+ "Avatar--size-48": "_Avatar--size-48_ub829_44",
19
+ "Avatar--size-64": "_Avatar--size-64_ub829_48",
20
+ "Avatar--size-96": "_Avatar--size-96_ub829_52",
21
+ "Avatar--size-160": "_Avatar--size-160_ub829_56",
22
+ "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_ub829_61",
23
+ "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_ub829_65",
24
+ "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_ub829_69",
25
+ "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_ub829_73",
26
+ "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_ub829_77",
27
+ "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_ub829_81",
28
+ "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_ub829_85",
29
+ "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_ub829_89",
30
+ "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_ub829_93",
31
+ "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_ub829_97",
32
+ "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_ub829_101",
33
+ "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_ub829_105",
34
+ "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_ub829_111",
35
+ "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_ub829_115",
36
+ "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_ub829_119",
37
+ "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_ub829_123",
38
+ "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_ub829_127",
39
+ "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_ub829_131",
40
+ "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_ub829_135",
41
+ "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_ub829_139",
42
+ "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_ub829_143",
43
+ "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_ub829_147",
44
+ "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_ub829_151",
45
+ "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_ub829_155",
46
+ "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_ub829_161",
47
+ "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_ub829_165",
48
+ "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_ub829_169",
49
+ "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_ub829_173",
50
+ "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_ub829_177",
51
+ "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_ub829_181",
52
+ "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_ub829_185",
53
+ "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_ub829_189",
54
+ "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_ub829_193",
55
+ "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_ub829_197",
56
+ "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_ub829_201",
57
+ "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_ub829_205",
58
+ "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_ub829_211",
59
+ "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_ub829_215",
60
+ "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_ub829_219",
61
+ "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_ub829_223",
62
+ "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_ub829_227",
63
+ "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_ub829_231",
64
+ "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_ub829_235",
65
+ "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_ub829_239",
66
+ "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_ub829_243",
67
+ "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_ub829_247",
68
+ "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_ub829_251",
69
+ "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_ub829_255",
70
+ "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_ub829_261",
71
+ "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_ub829_265",
72
+ "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_ub829_269",
73
+ "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_ub829_273",
74
+ "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_ub829_277",
75
+ "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_ub829_281",
76
+ "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_ub829_285",
77
+ "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_ub829_289",
78
+ "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_ub829_293",
79
+ "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_ub829_297",
80
+ "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_ub829_301",
81
+ "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_ub829_305",
82
+ "Avatar--round": "_Avatar--round_ub829_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_k0f1z_3";
8
+ import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_2ip6m_3";
9
9
  const styles = {
10
10
  AvatarWithStatus: AvatarWithStatus$1,
11
- "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_k0f1z_7",
12
- "AvatarWithStatus--online": "_AvatarWithStatus--online_k0f1z_15",
13
- "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_k0f1z_18",
14
- "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_k0f1z_24",
15
- "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_k0f1z_30",
16
- "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_k0f1z_36",
17
- "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_k0f1z_42",
18
- "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_k0f1z_48",
19
- "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_k0f1z_54"
11
+ "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_2ip6m_7",
12
+ "AvatarWithStatus--online": "_AvatarWithStatus--online_2ip6m_15",
13
+ "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_2ip6m_18",
14
+ "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_2ip6m_24",
15
+ "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_2ip6m_30",
16
+ "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_2ip6m_36",
17
+ "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_2ip6m_42",
18
+ "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_2ip6m_48",
19
+ "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_2ip6m_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_bd67q_2";
7
+ import '../../assets/Badge.css';const badge = "_badge_kfku7_2";
8
8
  const styles = {
9
9
  badge
10
10
  };