@preply/ds-web-lib 2.0.0 → 2.0.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 (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-DUJul0uw.js +27 -0
  89. package/dist/layout-gap.module-BdXCPCGM.js +139 -0
  90. package/dist/{layout-grid.module-CKp47Yfz.js → layout-grid.module-BIHGcx1g.js} +97 -97
  91. package/dist/layout-hide.module-CKIK6Snf.js +55 -0
  92. package/dist/{layout-relative.module-DIaUqnvq.js → layout-relative.module-BhIMNlTS.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-v4nAc-_q.js +0 -27
  107. package/dist/layout-gap.module-BRl-r4iq.js +0 -139
  108. package/dist/layout-hide.module-CxXbAgTg.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 11:14:32 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 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_1fvmr_46._LayoutRelative--relative_1fvmr_46 {
51
+ ._LayoutRelative_y020g_46._LayoutRelative--relative_y020g_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 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 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextAccent_122zr_3._TextAccent--accent-default_122zr_3 {
4
4
  color: var(--aface6);
5
5
  }
6
- ._TextAccent_j67m0_3._TextAccent--accent-primary_j67m0_6 {
6
+ ._TextAccent_122zr_3._TextAccent--accent-primary_122zr_6 {
7
7
  color: var(--628fb7);
8
8
  }
9
- ._TextAccent_j67m0_3._TextAccent--accent-secondary_j67m0_9 {
9
+ ._TextAccent_122zr_3._TextAccent--accent-secondary_122zr_9 {
10
10
  color: var(--a2f1c8);
11
11
  }
12
- ._TextAccent_j67m0_3._TextAccent--accent-tertiary_j67m0_12 {
12
+ ._TextAccent_122zr_3._TextAccent--accent-tertiary_122zr_12 {
13
13
  color: var(--c07ea8);
14
14
  }
15
- ._TextAccent_j67m0_3._TextAccent--accent-accentDark_j67m0_15 {
15
+ ._TextAccent_122zr_3._TextAccent--accent-accentDark_122zr_15 {
16
16
  color: var(--690731);
17
17
  }
18
- ._TextAccent_j67m0_3._TextAccent--accent-placeholder_j67m0_18 {
18
+ ._TextAccent_122zr_3._TextAccent--accent-placeholder_122zr_18 {
19
19
  color: var(--0bad98);
20
20
  }
21
- ._TextAccent_j67m0_3._TextAccent--accent-inverted_j67m0_21 {
21
+ ._TextAccent_122zr_3._TextAccent--accent-inverted_122zr_21 {
22
22
  color: var(--c2b191);
23
23
  }
24
- ._TextAccent_j67m0_3._TextAccent--accent-positive_j67m0_24 {
24
+ ._TextAccent_122zr_3._TextAccent--accent-positive_122zr_24 {
25
25
  color: var(--3e566f);
26
26
  }
27
- ._TextAccent_j67m0_3._TextAccent--accent-info_j67m0_27 {
27
+ ._TextAccent_122zr_3._TextAccent--accent-info_122zr_27 {
28
28
  color: var(--aad149);
29
29
  }
30
- ._TextAccent_j67m0_3._TextAccent--accent-warning_j67m0_30 {
30
+ ._TextAccent_122zr_3._TextAccent--accent-warning_122zr_30 {
31
31
  color: var(--d7c974);
32
32
  }
33
- ._TextAccent_j67m0_3._TextAccent--accent-critical_j67m0_33 {
33
+ ._TextAccent_122zr_3._TextAccent--accent-critical_122zr_33 {
34
34
  color: var(--8ec9e5);
35
35
  }
36
- ._TextAccent_j67m0_3._TextAccent--accent-branded_j67m0_36 {
36
+ ._TextAccent_122zr_3._TextAccent--accent-branded_122zr_36 {
37
37
  color: var(--7b5d23);
38
38
  }
39
- ._TextAccent_j67m0_3._TextAccent--accent-error_j67m0_39 {
39
+ ._TextAccent_122zr_3._TextAccent--accent-error_122zr_39 {
40
40
  color: var(--9809d0);
41
41
  }
42
- ._TextAccent_j67m0_3._TextAccent--accent-selected_j67m0_42 {
42
+ ._TextAccent_122zr_3._TextAccent--accent-selected_122zr_42 {
43
43
  color: var(--9ba3b8);
44
44
  }
45
- ._TextAccent_j67m0_3._TextAccent--accent-disabled_j67m0_45 {
45
+ ._TextAccent_122zr_3._TextAccent--accent-disabled_122zr_45 {
46
46
  color: var(--0a84f6);
47
47
  }
48
- ._TextAccent_j67m0_3._TextAccent--accent-accent_j67m0_15 {
48
+ ._TextAccent_122zr_3._TextAccent--accent-accent_122zr_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 11:14:32 GMT+0000 (Coordinated Universal Time) */
2
- ._TextCentered_woerd_2._TextCentered--centered_woerd_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
2
+ ._TextCentered_9mriv_2._TextCentered--centered_9mriv_2 {
3
3
  text-align: center;
4
4
  }
5
- ._TextCentered_woerd_2._TextCentered--initial_woerd_5 {
5
+ ._TextCentered_9mriv_2._TextCentered--initial_9mriv_5 {
6
6
  text-align: left;
7
7
  text-align: initial;
8
8
  }
9
9
  @media (min-width: 400px) {
10
- ._TextCentered_woerd_2._TextCentered--narrow-l--centered_woerd_9 {
10
+ ._TextCentered_9mriv_2._TextCentered--narrow-l--centered_9mriv_9 {
11
11
  text-align: center;
12
12
  }
13
- ._TextCentered_woerd_2._TextCentered--narrow-l--initial_woerd_12 {
13
+ ._TextCentered_9mriv_2._TextCentered--narrow-l--initial_9mriv_12 {
14
14
  text-align: left;
15
15
  text-align: initial;
16
16
  }
17
17
  }
18
18
  @media (min-width: 700px) {
19
- ._TextCentered_woerd_2._TextCentered--medium-s--centered_woerd_17 {
19
+ ._TextCentered_9mriv_2._TextCentered--medium-s--centered_9mriv_17 {
20
20
  text-align: center;
21
21
  }
22
- ._TextCentered_woerd_2._TextCentered--medium-s--initial_woerd_20 {
22
+ ._TextCentered_9mriv_2._TextCentered--medium-s--initial_9mriv_20 {
23
23
  text-align: left;
24
24
  text-align: initial;
25
25
  }
26
26
  }
27
27
  @media (min-width: 880px) {
28
- ._TextCentered_woerd_2._TextCentered--medium-l--centered_woerd_25 {
28
+ ._TextCentered_9mriv_2._TextCentered--medium-l--centered_9mriv_25 {
29
29
  text-align: center;
30
30
  }
31
- ._TextCentered_woerd_2._TextCentered--medium-l--initial_woerd_28 {
31
+ ._TextCentered_9mriv_2._TextCentered--medium-l--initial_9mriv_28 {
32
32
  text-align: left;
33
33
  text-align: initial;
34
34
  }
35
35
  }
36
36
  @media (min-width: 1200px) {
37
- ._TextCentered_woerd_2._TextCentered--wide-s--centered_woerd_33 {
37
+ ._TextCentered_9mriv_2._TextCentered--wide-s--centered_9mriv_33 {
38
38
  text-align: center;
39
39
  }
40
- ._TextCentered_woerd_2._TextCentered--wide-s--initial_woerd_36 {
40
+ ._TextCentered_9mriv_2._TextCentered--wide-s--initial_9mriv_36 {
41
41
  text-align: left;
42
42
  text-align: initial;
43
43
  }
44
44
  }
45
45
  @media (min-width: 1900px) {
46
- ._TextCentered_woerd_2._TextCentered--wide-l--centered_woerd_41 {
46
+ ._TextCentered_9mriv_2._TextCentered--wide-l--centered_9mriv_41 {
47
47
  text-align: center;
48
48
  }
49
- ._TextCentered_woerd_2._TextCentered--wide-l--initial_woerd_44 {
49
+ ._TextCentered_9mriv_2._TextCentered--wide-l--initial_9mriv_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 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 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
3
+ ._TextWeight_h9mkd_3._TextWeight--weight-400_h9mkd_3 {
4
4
  font-weight: var(--73984e);
5
5
  }
6
- ._TextWeight_v1yq0_3._TextWeight--weight-500_v1yq0_6 {
6
+ ._TextWeight_h9mkd_3._TextWeight--weight-500_h9mkd_6 {
7
7
  font-weight: var(--6e9792);
8
8
  }
9
- ._TextWeight_v1yq0_3._TextWeight--weight-700_v1yq0_9 {
9
+ ._TextWeight_h9mkd_3._TextWeight--weight-700_h9mkd_9 {
10
10
  font-weight: var(--d5337e);
11
11
  }
12
- ._TextWeight_v1yq0_3._TextWeight--weight-normal_v1yq0_12 {
12
+ ._TextWeight_h9mkd_3._TextWeight--weight-normal_h9mkd_12 {
13
13
  font-weight: var(--5ea101);
14
14
  }
15
- ._TextWeight_v1yq0_3._TextWeight--weight-medium_v1yq0_15 {
15
+ ._TextWeight_h9mkd_3._TextWeight--weight-medium_h9mkd_15 {
16
16
  font-weight: var(--2734e9);
17
17
  }
18
- ._TextWeight_v1yq0_3._TextWeight--weight-bold_v1yq0_18 {
18
+ ._TextWeight_h9mkd_3._TextWeight--weight-bold_h9mkd_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 = "_overlay_do5t6_21";
11
- const content = "_content_do5t6_31";
12
- const description = "_description_do5t6_52";
13
- const actions = "_actions_do5t6_58";
10
+ import '../../assets/AlertDialog.css';const overlay = "_overlay_35dvf_21";
11
+ const content = "_content_35dvf_31";
12
+ const description = "_description_35dvf_52";
13
+ const actions = "_actions_35dvf_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 = "_Avatar_1lhfo_4";
7
+ import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_1snv2_4";
8
8
  const styles = {
9
9
  Avatar: Avatar$1,
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"
10
+ "Avatar--size-2xs": "_Avatar--size-2xs_1snv2_12",
11
+ "Avatar--size-xs": "_Avatar--size-xs_1snv2_16",
12
+ "Avatar--size-s": "_Avatar--size-s_1snv2_20",
13
+ "Avatar--size-m": "_Avatar--size-m_1snv2_24",
14
+ "Avatar--size-l": "_Avatar--size-l_1snv2_28",
15
+ "Avatar--size-xl": "_Avatar--size-xl_1snv2_32",
16
+ "Avatar--size-24": "_Avatar--size-24_1snv2_36",
17
+ "Avatar--size-32": "_Avatar--size-32_1snv2_40",
18
+ "Avatar--size-48": "_Avatar--size-48_1snv2_44",
19
+ "Avatar--size-64": "_Avatar--size-64_1snv2_48",
20
+ "Avatar--size-96": "_Avatar--size-96_1snv2_52",
21
+ "Avatar--size-160": "_Avatar--size-160_1snv2_56",
22
+ "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_1snv2_61",
23
+ "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_1snv2_65",
24
+ "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_1snv2_69",
25
+ "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_1snv2_73",
26
+ "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_1snv2_77",
27
+ "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_1snv2_81",
28
+ "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_1snv2_85",
29
+ "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_1snv2_89",
30
+ "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_1snv2_93",
31
+ "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_1snv2_97",
32
+ "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_1snv2_101",
33
+ "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_1snv2_105",
34
+ "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_1snv2_111",
35
+ "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_1snv2_115",
36
+ "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_1snv2_119",
37
+ "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_1snv2_123",
38
+ "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_1snv2_127",
39
+ "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_1snv2_131",
40
+ "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_1snv2_135",
41
+ "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_1snv2_139",
42
+ "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_1snv2_143",
43
+ "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_1snv2_147",
44
+ "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_1snv2_151",
45
+ "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_1snv2_155",
46
+ "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_1snv2_161",
47
+ "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_1snv2_165",
48
+ "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_1snv2_169",
49
+ "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_1snv2_173",
50
+ "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_1snv2_177",
51
+ "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_1snv2_181",
52
+ "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_1snv2_185",
53
+ "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_1snv2_189",
54
+ "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_1snv2_193",
55
+ "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_1snv2_197",
56
+ "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_1snv2_201",
57
+ "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_1snv2_205",
58
+ "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_1snv2_211",
59
+ "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_1snv2_215",
60
+ "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_1snv2_219",
61
+ "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_1snv2_223",
62
+ "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_1snv2_227",
63
+ "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_1snv2_231",
64
+ "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_1snv2_235",
65
+ "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_1snv2_239",
66
+ "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_1snv2_243",
67
+ "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_1snv2_247",
68
+ "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_1snv2_251",
69
+ "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_1snv2_255",
70
+ "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_1snv2_261",
71
+ "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_1snv2_265",
72
+ "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_1snv2_269",
73
+ "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_1snv2_273",
74
+ "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_1snv2_277",
75
+ "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_1snv2_281",
76
+ "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_1snv2_285",
77
+ "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_1snv2_289",
78
+ "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_1snv2_293",
79
+ "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_1snv2_297",
80
+ "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_1snv2_301",
81
+ "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_1snv2_305",
82
+ "Avatar--round": "_Avatar--round_1snv2_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_1npcw_3";
8
+ import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_77web_3";
9
9
  const styles = {
10
10
  AvatarWithStatus: AvatarWithStatus$1,
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"
11
+ "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_77web_7",
12
+ "AvatarWithStatus--online": "_AvatarWithStatus--online_77web_15",
13
+ "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_77web_18",
14
+ "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_77web_24",
15
+ "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_77web_30",
16
+ "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_77web_36",
17
+ "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_77web_42",
18
+ "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_77web_48",
19
+ "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_77web_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_tnpug_2";
7
+ import '../../assets/Badge.css';const badge = "_badge_dzz7j_2";
8
8
  const styles = {
9
9
  badge
10
10
  };