@preply/ds-web-lib 2.0.1 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) 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 +246 -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/LayoutGridItem.css +1 -1
  20. package/dist/assets/Link.css +32 -32
  21. package/dist/assets/Loader.css +4 -4
  22. package/dist/assets/NumberField.css +4 -4
  23. package/dist/assets/OnboardingTooltip.css +17 -17
  24. package/dist/assets/OnboardingTour.css +2 -2
  25. package/dist/assets/PasswordField.css +1 -1
  26. package/dist/assets/PreplyLogo.css +9 -9
  27. package/dist/assets/ProgressBar.css +3 -3
  28. package/dist/assets/ProgressSteps.css +7 -7
  29. package/dist/assets/SelectField.css +1 -1
  30. package/dist/assets/SelectFieldLayout.css +18 -18
  31. package/dist/assets/Spinner.css +26 -26
  32. package/dist/assets/Steps.css +5 -5
  33. package/dist/assets/Text.css +227 -227
  34. package/dist/assets/TextField.css +1 -1
  35. package/dist/assets/TextHighlighted.css +14 -14
  36. package/dist/assets/TextInline.css +5 -5
  37. package/dist/assets/TextareaField.css +1 -1
  38. package/dist/assets/Toast.css +12 -12
  39. package/dist/assets/Tooltip.css +14 -14
  40. package/dist/assets/align-self.css +25 -25
  41. package/dist/assets/color.css +39 -39
  42. package/dist/assets/exp-color.css +58 -58
  43. package/dist/assets/index.css +16 -16
  44. package/dist/assets/layout-gap.css +135 -135
  45. package/dist/assets/layout-grid.css +100 -100
  46. package/dist/assets/layout-hide.css +49 -49
  47. package/dist/assets/layout-padding.css +531 -531
  48. package/dist/assets/layout-relative.css +2 -2
  49. package/dist/assets/text-accent.css +18 -18
  50. package/dist/assets/text-centered.css +13 -13
  51. package/dist/assets/text-weight.css +8 -8
  52. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  53. package/dist/components/Avatar/Avatar.d.ts +3 -0
  54. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  55. package/dist/components/Avatar/Avatar.js +74 -74
  56. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  57. package/dist/components/Badge/Badge.js +1 -1
  58. package/dist/components/Box/Box.js +150 -150
  59. package/dist/components/Button/Button.js +1 -1
  60. package/dist/components/Chips/Chips.js +4 -4
  61. package/dist/components/Dialog/Dialog.js +35 -35
  62. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  63. package/dist/components/FieldButton/FieldButton.js +1 -1
  64. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  65. package/dist/components/Heading/Heading.js +97 -97
  66. package/dist/components/Icon/Icon.js +10 -10
  67. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  68. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  69. package/dist/components/LayoutGridItem/LayoutGridItem.js +1 -1
  70. package/dist/components/Link/Link.d.ts +3 -0
  71. package/dist/components/Link/Link.d.ts.map +1 -1
  72. package/dist/components/Link/Link.js +18 -18
  73. package/dist/components/Loader/Loader.js +3 -3
  74. package/dist/components/NumberField/NumberField.js +1 -1
  75. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  76. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  77. package/dist/components/PasswordField/PasswordField.js +1 -1
  78. package/dist/components/PreplyLogo/PreplyLogo.d.ts +3 -0
  79. package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
  80. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  81. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  82. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  83. package/dist/components/SelectField/SelectField.js +1 -1
  84. package/dist/components/Steps/Steps.js +4 -4
  85. package/dist/components/Text/Text.js +224 -224
  86. package/dist/components/TextField/TextField.js +1 -1
  87. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  88. package/dist/components/TextInline/TextInline.js +2 -2
  89. package/dist/components/TextareaField/TextareaField.js +1 -1
  90. package/dist/components/Toast/Toast.js +5 -5
  91. package/dist/components/Tooltip/Tooltip.js +2 -2
  92. package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
  93. package/dist/components/private/ButtonBase/ButtonBase.js +180 -175
  94. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  95. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  96. package/dist/components/private/Input/Checkbox.js +1 -1
  97. package/dist/components/private/Input/InputDate.js +1 -1
  98. package/dist/components/private/Input/InputNumber.js +1 -1
  99. package/dist/components/private/Input/InputPassword.js +1 -1
  100. package/dist/components/private/Input/InputText.js +1 -1
  101. package/dist/components/private/Input/InputTime.js +1 -1
  102. package/dist/components/private/Input/Radio.js +1 -1
  103. package/dist/components/private/Input/Select.js +1 -1
  104. package/dist/components/private/Input/Textarea.js +1 -1
  105. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  106. package/dist/components/private/Spinner/Spinner.js +16 -16
  107. package/dist/index.module-DB6QHxnp.js +27 -0
  108. package/dist/layout-gap.module-B_tyw31T.js +139 -0
  109. package/dist/layout-grid.module-P4B4WVUy.js +103 -0
  110. package/dist/layout-hide.module-Bpl3Pl-a.js +55 -0
  111. package/dist/layout-relative.module-1z75aSwo.js +8 -0
  112. package/dist/shared-styles/align-self/align-self.js +25 -25
  113. package/dist/shared-styles/color/color.js +38 -38
  114. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  115. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  116. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  117. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  118. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  119. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  120. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  121. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  122. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  123. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  124. package/package.json +13 -13
  125. package/dist/index.module-DUJul0uw.js +0 -27
  126. package/dist/layout-gap.module-BdXCPCGM.js +0 -139
  127. package/dist/layout-grid.module-BIHGcx1g.js +0 -103
  128. package/dist/layout-hide.module-CKIK6Snf.js +0 -55
  129. package/dist/layout-relative.module-BhIMNlTS.js +0 -8
@@ -1,6 +1,6 @@
1
- /* 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) */
2
- /* 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) */
3
- @-webkit-keyframes _overlayShow_35dvf_1 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 22 2025 11:02:58 GMT+0000 (Coordinated Universal Time) */
3
+ @-webkit-keyframes overlayShow__DlV95 {
4
4
  from {
5
5
  opacity: 0;
6
6
  }
@@ -8,7 +8,7 @@
8
8
  opacity: 1;
9
9
  }
10
10
  }
11
- @keyframes _overlayShow_35dvf_1 {
11
+ @keyframes overlayShow__DlV95 {
12
12
  from {
13
13
  opacity: 0;
14
14
  }
@@ -16,7 +16,7 @@
16
16
  opacity: 1;
17
17
  }
18
18
  }
19
- @-webkit-keyframes _contentShow_35dvf_1 {
19
+ @-webkit-keyframes contentShow__8iLk2 {
20
20
  from {
21
21
  opacity: 0;
22
22
  -webkit-transform: translateY(var(--590b8d));
@@ -28,7 +28,7 @@
28
28
  transform: translateY(0);
29
29
  }
30
30
  }
31
- @keyframes _contentShow_35dvf_1 {
31
+ @keyframes contentShow__8iLk2 {
32
32
  from {
33
33
  opacity: 0;
34
34
  -webkit-transform: translateY(var(--590b8d));
@@ -40,7 +40,7 @@
40
40
  transform: translateY(0);
41
41
  }
42
42
  }
43
- ._overlay_35dvf_21 {
43
+ .overlay__cqEa0 {
44
44
  background-color: var(--02a0d5);
45
45
  position: fixed;
46
46
  top: 0;
@@ -49,12 +49,12 @@
49
49
  left: 0;
50
50
  }
51
51
  @media (prefers-reduced-motion: no-preference) {
52
- ._overlay_35dvf_21[data-state='open'] {
53
- -webkit-animation: _overlayShow_35dvf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
- animation: _overlayShow_35dvf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
52
+ .overlay__cqEa0[data-state='open'] {
53
+ -webkit-animation: overlayShow__DlV95 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
+ animation: overlayShow__DlV95 150ms cubic-bezier(0.4, 0, 0.2, 1);
55
55
  }
56
56
  }
57
- ._content_35dvf_31 {
57
+ .content__U-iLo {
58
58
  background-color: var(--3546c3);
59
59
  -webkit-box-sizing: border-box;
60
60
  box-sizing: border-box;
@@ -83,18 +83,18 @@
83
83
  gap: var(--558c4c);
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference) {
86
- ._content_35dvf_31[data-state='open'] {
87
- -webkit-animation: _contentShow_35dvf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
- animation: _contentShow_35dvf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
86
+ .content__U-iLo[data-state='open'] {
87
+ -webkit-animation: contentShow__8iLk2 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
+ animation: contentShow__8iLk2 150ms cubic-bezier(0.4, 0, 0.2, 1);
89
89
  }
90
90
  }
91
- ._description_35dvf_52 {
91
+ .description__7w95W {
92
92
  font-size: var(--9c8f04);
93
93
  font-weight: var(--1bc44d);
94
94
  line-height: var(--3dd5bc);
95
95
  margin: 0;
96
96
  }
97
- ._actions_35dvf_58 {
97
+ .actions__DbfEY {
98
98
  display: -webkit-box;
99
99
  display: -ms-flexbox;
100
100
  display: flex;
@@ -105,7 +105,7 @@
105
105
  gap: var(--558c4c);
106
106
  }
107
107
  @media (min-width: 400px) {
108
- ._actions_35dvf_58 {
108
+ .actions__DbfEY {
109
109
  -webkit-box-orient: horizontal;
110
110
  -webkit-box-direction: normal;
111
111
  -ms-flex-direction: row;
@@ -1,317 +1,317 @@
1
- /* 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) */
2
- /* 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) */
3
- /* 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) */
4
- ._Avatar_1snv2_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 22 2025 11:02:54 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 22 2025 11:02:58 GMT+0000 (Coordinated Universal Time) */
4
+ .Avatar__ENaap {
5
5
  display: inline-block;
6
6
  }
7
- ._Avatar_1snv2_4 img {
7
+ .Avatar__ENaap img {
8
8
  vertical-align: bottom;
9
9
  -o-object-fit: cover;
10
10
  object-fit: cover;
11
11
  border-radius: var(--dad9ec);
12
12
  }
13
- ._Avatar--size-2xs_1snv2_12 img {
13
+ .Avatar--size-2xs__d2pNq img {
14
14
  width: var(--d51f41);
15
15
  height: var(--d51f41);
16
16
  }
17
- ._Avatar--size-xs_1snv2_16 img {
17
+ .Avatar--size-xs__hlQlf img {
18
18
  width: var(--cfdb4f);
19
19
  height: var(--cfdb4f);
20
20
  }
21
- ._Avatar--size-s_1snv2_20 img {
21
+ .Avatar--size-s__OXNzr img {
22
22
  width: var(--2dafbf);
23
23
  height: var(--2dafbf);
24
24
  }
25
- ._Avatar--size-m_1snv2_24 img {
25
+ .Avatar--size-m__4n3bp img {
26
26
  width: var(--b51334);
27
27
  height: var(--b51334);
28
28
  }
29
- ._Avatar--size-l_1snv2_28 img {
29
+ .Avatar--size-l__VHR4R img {
30
30
  width: var(--d318a5);
31
31
  height: var(--d318a5);
32
32
  }
33
- ._Avatar--size-xl_1snv2_32 img {
33
+ .Avatar--size-xl__AQlZ0 img {
34
34
  width: var(--6eb1c7);
35
35
  height: var(--6eb1c7);
36
36
  }
37
- ._Avatar--size-24_1snv2_36 img {
37
+ .Avatar--size-24__ObR4y img {
38
38
  width: var(--86aa8e);
39
39
  height: var(--86aa8e);
40
40
  }
41
- ._Avatar--size-32_1snv2_40 img {
41
+ .Avatar--size-32__dN-5k img {
42
42
  width: var(--32bbec);
43
43
  height: var(--32bbec);
44
44
  }
45
- ._Avatar--size-48_1snv2_44 img {
45
+ .Avatar--size-48__ddqP8 img {
46
46
  width: var(--950ab5);
47
47
  height: var(--950ab5);
48
48
  }
49
- ._Avatar--size-64_1snv2_48 img {
49
+ .Avatar--size-64__-Ju7I img {
50
50
  width: var(--cc5dc7);
51
51
  height: var(--cc5dc7);
52
52
  }
53
- ._Avatar--size-96_1snv2_52 img {
53
+ .Avatar--size-96__KgHP3 img {
54
54
  width: var(--796da2);
55
55
  height: var(--796da2);
56
56
  }
57
- ._Avatar--size-160_1snv2_56 img {
57
+ .Avatar--size-160__KZ0Fc img {
58
58
  width: var(--329ba7);
59
59
  height: var(--329ba7);
60
60
  }
61
61
  @media (min-width: 400px) {
62
- ._Avatar--narrow-l--size-2xs_1snv2_61 img {
62
+ .Avatar--narrow-l--size-2xs__-PmgC img {
63
63
  width: var(--d51f41);
64
64
  height: var(--d51f41);
65
65
  }
66
- ._Avatar--narrow-l--size-xs_1snv2_65 img {
66
+ .Avatar--narrow-l--size-xs__RdTWx img {
67
67
  width: var(--cfdb4f);
68
68
  height: var(--cfdb4f);
69
69
  }
70
- ._Avatar--narrow-l--size-s_1snv2_69 img {
70
+ .Avatar--narrow-l--size-s__zwV93 img {
71
71
  width: var(--2dafbf);
72
72
  height: var(--2dafbf);
73
73
  }
74
- ._Avatar--narrow-l--size-m_1snv2_73 img {
74
+ .Avatar--narrow-l--size-m__pW4-- img {
75
75
  width: var(--b51334);
76
76
  height: var(--b51334);
77
77
  }
78
- ._Avatar--narrow-l--size-l_1snv2_77 img {
78
+ .Avatar--narrow-l--size-l__1pv2G img {
79
79
  width: var(--d318a5);
80
80
  height: var(--d318a5);
81
81
  }
82
- ._Avatar--narrow-l--size-xl_1snv2_81 img {
82
+ .Avatar--narrow-l--size-xl__vH5iG img {
83
83
  width: var(--6eb1c7);
84
84
  height: var(--6eb1c7);
85
85
  }
86
- ._Avatar--narrow-l--size-24_1snv2_85 img {
86
+ .Avatar--narrow-l--size-24__qXCWM img {
87
87
  width: var(--86aa8e);
88
88
  height: var(--86aa8e);
89
89
  }
90
- ._Avatar--narrow-l--size-32_1snv2_89 img {
90
+ .Avatar--narrow-l--size-32__qq9TP img {
91
91
  width: var(--32bbec);
92
92
  height: var(--32bbec);
93
93
  }
94
- ._Avatar--narrow-l--size-48_1snv2_93 img {
94
+ .Avatar--narrow-l--size-48__h51Bn img {
95
95
  width: var(--950ab5);
96
96
  height: var(--950ab5);
97
97
  }
98
- ._Avatar--narrow-l--size-64_1snv2_97 img {
98
+ .Avatar--narrow-l--size-64__LnrZ9 img {
99
99
  width: var(--cc5dc7);
100
100
  height: var(--cc5dc7);
101
101
  }
102
- ._Avatar--narrow-l--size-96_1snv2_101 img {
102
+ .Avatar--narrow-l--size-96__n3HEe img {
103
103
  width: var(--796da2);
104
104
  height: var(--796da2);
105
105
  }
106
- ._Avatar--narrow-l--size-160_1snv2_105 img {
106
+ .Avatar--narrow-l--size-160__1zjWL img {
107
107
  width: var(--329ba7);
108
108
  height: var(--329ba7);
109
109
  }
110
110
  }
111
111
  @media (min-width: 700px) {
112
- ._Avatar--medium-s--size-2xs_1snv2_111 img {
112
+ .Avatar--medium-s--size-2xs__qWyz5 img {
113
113
  width: var(--d51f41);
114
114
  height: var(--d51f41);
115
115
  }
116
- ._Avatar--medium-s--size-xs_1snv2_115 img {
116
+ .Avatar--medium-s--size-xs__2e4Qo img {
117
117
  width: var(--cfdb4f);
118
118
  height: var(--cfdb4f);
119
119
  }
120
- ._Avatar--medium-s--size-s_1snv2_119 img {
120
+ .Avatar--medium-s--size-s__d0fm8 img {
121
121
  width: var(--2dafbf);
122
122
  height: var(--2dafbf);
123
123
  }
124
- ._Avatar--medium-s--size-m_1snv2_123 img {
124
+ .Avatar--medium-s--size-m__ZHi66 img {
125
125
  width: var(--b51334);
126
126
  height: var(--b51334);
127
127
  }
128
- ._Avatar--medium-s--size-l_1snv2_127 img {
128
+ .Avatar--medium-s--size-l__xxroc img {
129
129
  width: var(--d318a5);
130
130
  height: var(--d318a5);
131
131
  }
132
- ._Avatar--medium-s--size-xl_1snv2_131 img {
132
+ .Avatar--medium-s--size-xl__2QWlo img {
133
133
  width: var(--6eb1c7);
134
134
  height: var(--6eb1c7);
135
135
  }
136
- ._Avatar--medium-s--size-24_1snv2_135 img {
136
+ .Avatar--medium-s--size-24__7-PF9 img {
137
137
  width: var(--86aa8e);
138
138
  height: var(--86aa8e);
139
139
  }
140
- ._Avatar--medium-s--size-32_1snv2_139 img {
140
+ .Avatar--medium-s--size-32__kS7dJ img {
141
141
  width: var(--32bbec);
142
142
  height: var(--32bbec);
143
143
  }
144
- ._Avatar--medium-s--size-48_1snv2_143 img {
144
+ .Avatar--medium-s--size-48__7rHLm img {
145
145
  width: var(--950ab5);
146
146
  height: var(--950ab5);
147
147
  }
148
- ._Avatar--medium-s--size-64_1snv2_147 img {
148
+ .Avatar--medium-s--size-64__eSycG img {
149
149
  width: var(--cc5dc7);
150
150
  height: var(--cc5dc7);
151
151
  }
152
- ._Avatar--medium-s--size-96_1snv2_151 img {
152
+ .Avatar--medium-s--size-96__gMO59 img {
153
153
  width: var(--796da2);
154
154
  height: var(--796da2);
155
155
  }
156
- ._Avatar--medium-s--size-160_1snv2_155 img {
156
+ .Avatar--medium-s--size-160__VHYbX img {
157
157
  width: var(--329ba7);
158
158
  height: var(--329ba7);
159
159
  }
160
160
  }
161
161
  @media (min-width: 880px) {
162
- ._Avatar--medium-l--size-2xs_1snv2_161 img {
162
+ .Avatar--medium-l--size-2xs__Kt93i img {
163
163
  width: var(--d51f41);
164
164
  height: var(--d51f41);
165
165
  }
166
- ._Avatar--medium-l--size-xs_1snv2_165 img {
166
+ .Avatar--medium-l--size-xs__BwpLG img {
167
167
  width: var(--cfdb4f);
168
168
  height: var(--cfdb4f);
169
169
  }
170
- ._Avatar--medium-l--size-s_1snv2_169 img {
170
+ .Avatar--medium-l--size-s__JjLGR img {
171
171
  width: var(--2dafbf);
172
172
  height: var(--2dafbf);
173
173
  }
174
- ._Avatar--medium-l--size-m_1snv2_173 img {
174
+ .Avatar--medium-l--size-m__L-KEk img {
175
175
  width: var(--b51334);
176
176
  height: var(--b51334);
177
177
  }
178
- ._Avatar--medium-l--size-l_1snv2_177 img {
178
+ .Avatar--medium-l--size-l__a53QC img {
179
179
  width: var(--d318a5);
180
180
  height: var(--d318a5);
181
181
  }
182
- ._Avatar--medium-l--size-xl_1snv2_181 img {
182
+ .Avatar--medium-l--size-xl__kUFUb img {
183
183
  width: var(--6eb1c7);
184
184
  height: var(--6eb1c7);
185
185
  }
186
- ._Avatar--medium-l--size-24_1snv2_185 img {
186
+ .Avatar--medium-l--size-24__wkAJa img {
187
187
  width: var(--86aa8e);
188
188
  height: var(--86aa8e);
189
189
  }
190
- ._Avatar--medium-l--size-32_1snv2_189 img {
190
+ .Avatar--medium-l--size-32__ZX2QH img {
191
191
  width: var(--32bbec);
192
192
  height: var(--32bbec);
193
193
  }
194
- ._Avatar--medium-l--size-48_1snv2_193 img {
194
+ .Avatar--medium-l--size-48__17P3w img {
195
195
  width: var(--950ab5);
196
196
  height: var(--950ab5);
197
197
  }
198
- ._Avatar--medium-l--size-64_1snv2_197 img {
198
+ .Avatar--medium-l--size-64__FpM1G img {
199
199
  width: var(--cc5dc7);
200
200
  height: var(--cc5dc7);
201
201
  }
202
- ._Avatar--medium-l--size-96_1snv2_201 img {
202
+ .Avatar--medium-l--size-96__5-hlk img {
203
203
  width: var(--796da2);
204
204
  height: var(--796da2);
205
205
  }
206
- ._Avatar--medium-l--size-160_1snv2_205 img {
206
+ .Avatar--medium-l--size-160__fa-Bb img {
207
207
  width: var(--329ba7);
208
208
  height: var(--329ba7);
209
209
  }
210
210
  }
211
211
  @media (min-width: 1200px) {
212
- ._Avatar--wide-s--size-2xs_1snv2_211 img {
212
+ .Avatar--wide-s--size-2xs__1jiA7 img {
213
213
  width: var(--d51f41);
214
214
  height: var(--d51f41);
215
215
  }
216
- ._Avatar--wide-s--size-xs_1snv2_215 img {
216
+ .Avatar--wide-s--size-xs__CwbZa img {
217
217
  width: var(--cfdb4f);
218
218
  height: var(--cfdb4f);
219
219
  }
220
- ._Avatar--wide-s--size-s_1snv2_219 img {
220
+ .Avatar--wide-s--size-s__DxpiN img {
221
221
  width: var(--2dafbf);
222
222
  height: var(--2dafbf);
223
223
  }
224
- ._Avatar--wide-s--size-m_1snv2_223 img {
224
+ .Avatar--wide-s--size-m__qn5xe img {
225
225
  width: var(--b51334);
226
226
  height: var(--b51334);
227
227
  }
228
- ._Avatar--wide-s--size-l_1snv2_227 img {
228
+ .Avatar--wide-s--size-l__4TPfZ img {
229
229
  width: var(--d318a5);
230
230
  height: var(--d318a5);
231
231
  }
232
- ._Avatar--wide-s--size-xl_1snv2_231 img {
232
+ .Avatar--wide-s--size-xl__NtVch img {
233
233
  width: var(--6eb1c7);
234
234
  height: var(--6eb1c7);
235
235
  }
236
- ._Avatar--wide-s--size-24_1snv2_235 img {
236
+ .Avatar--wide-s--size-24__ggmeN img {
237
237
  width: var(--86aa8e);
238
238
  height: var(--86aa8e);
239
239
  }
240
- ._Avatar--wide-s--size-32_1snv2_239 img {
240
+ .Avatar--wide-s--size-32__J7HvU img {
241
241
  width: var(--32bbec);
242
242
  height: var(--32bbec);
243
243
  }
244
- ._Avatar--wide-s--size-48_1snv2_243 img {
244
+ .Avatar--wide-s--size-48__FDJLh img {
245
245
  width: var(--950ab5);
246
246
  height: var(--950ab5);
247
247
  }
248
- ._Avatar--wide-s--size-64_1snv2_247 img {
248
+ .Avatar--wide-s--size-64__qE9HQ img {
249
249
  width: var(--cc5dc7);
250
250
  height: var(--cc5dc7);
251
251
  }
252
- ._Avatar--wide-s--size-96_1snv2_251 img {
252
+ .Avatar--wide-s--size-96__yjySN img {
253
253
  width: var(--796da2);
254
254
  height: var(--796da2);
255
255
  }
256
- ._Avatar--wide-s--size-160_1snv2_255 img {
256
+ .Avatar--wide-s--size-160__sQ83p img {
257
257
  width: var(--329ba7);
258
258
  height: var(--329ba7);
259
259
  }
260
260
  }
261
261
  @media (min-width: 1900px) {
262
- ._Avatar--wide-l--size-2xs_1snv2_261 img {
262
+ .Avatar--wide-l--size-2xs__BuADe img {
263
263
  width: var(--d51f41);
264
264
  height: var(--d51f41);
265
265
  }
266
- ._Avatar--wide-l--size-xs_1snv2_265 img {
266
+ .Avatar--wide-l--size-xs__g8Tfi img {
267
267
  width: var(--cfdb4f);
268
268
  height: var(--cfdb4f);
269
269
  }
270
- ._Avatar--wide-l--size-s_1snv2_269 img {
270
+ .Avatar--wide-l--size-s__qYwnP img {
271
271
  width: var(--2dafbf);
272
272
  height: var(--2dafbf);
273
273
  }
274
- ._Avatar--wide-l--size-m_1snv2_273 img {
274
+ .Avatar--wide-l--size-m__tMD4S img {
275
275
  width: var(--b51334);
276
276
  height: var(--b51334);
277
277
  }
278
- ._Avatar--wide-l--size-l_1snv2_277 img {
278
+ .Avatar--wide-l--size-l__M3npP img {
279
279
  width: var(--d318a5);
280
280
  height: var(--d318a5);
281
281
  }
282
- ._Avatar--wide-l--size-xl_1snv2_281 img {
282
+ .Avatar--wide-l--size-xl__-vkhW img {
283
283
  width: var(--6eb1c7);
284
284
  height: var(--6eb1c7);
285
285
  }
286
- ._Avatar--wide-l--size-24_1snv2_285 img {
286
+ .Avatar--wide-l--size-24__lammM img {
287
287
  width: var(--86aa8e);
288
288
  height: var(--86aa8e);
289
289
  }
290
- ._Avatar--wide-l--size-32_1snv2_289 img {
290
+ .Avatar--wide-l--size-32__hM5mX img {
291
291
  width: var(--32bbec);
292
292
  height: var(--32bbec);
293
293
  }
294
- ._Avatar--wide-l--size-48_1snv2_293 img {
294
+ .Avatar--wide-l--size-48__mLV4a img {
295
295
  width: var(--950ab5);
296
296
  height: var(--950ab5);
297
297
  }
298
- ._Avatar--wide-l--size-64_1snv2_297 img {
298
+ .Avatar--wide-l--size-64__uQV-R img {
299
299
  width: var(--cc5dc7);
300
300
  height: var(--cc5dc7);
301
301
  }
302
- ._Avatar--wide-l--size-96_1snv2_301 img {
302
+ .Avatar--wide-l--size-96__nbICp img {
303
303
  width: var(--796da2);
304
304
  height: var(--796da2);
305
305
  }
306
- ._Avatar--wide-l--size-160_1snv2_305 img {
306
+ .Avatar--wide-l--size-160__gRCi9 img {
307
307
  width: var(--329ba7);
308
308
  height: var(--329ba7);
309
309
  }
310
310
  }
311
- ._Avatar--round_1snv2_310 img {
311
+ .Avatar--round__Ndyn3 img {
312
312
  border-radius: var(--8517a6);
313
313
  }
314
- ._Avatar_1snv2_4 img {
314
+ .Avatar__ENaap img {
315
315
  border-style: solid;
316
316
  border-width: var(--c4d145);
317
317
  border-color: var(--54e6b5);
@@ -1,10 +1,10 @@
1
- /* 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) */
2
- /* 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) */
3
- ._AvatarWithStatus_77web_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 22 2025 11:02:54 GMT+0000 (Coordinated Universal Time) */
3
+ .AvatarWithStatus__STt5I {
4
4
  display: inline-block;
5
5
  position: relative;
6
6
  }
7
- ._AvatarWithStatus--indicator_77web_7 {
7
+ .AvatarWithStatus--indicator__FOBwU {
8
8
  position: absolute;
9
9
  border-style: solid;
10
10
  border-radius: var(--0cf20e);
@@ -12,46 +12,46 @@
12
12
  border-color: var(--e5a39b);
13
13
  background-color: var(--a95a51);
14
14
  }
15
- ._AvatarWithStatus--online_77web_15 ._AvatarWithStatus--indicator_77web_7 {
15
+ .AvatarWithStatus--online__Qpspm .AvatarWithStatus--indicator__FOBwU {
16
16
  background-color: var(--62b71e);
17
17
  }
18
- ._AvatarWithStatus--size-2xs_77web_18 ._AvatarWithStatus--indicator_77web_7 {
18
+ .AvatarWithStatus--size-2xs__EN9rS .AvatarWithStatus--indicator__FOBwU {
19
19
  width: var(--1cea5a);
20
20
  height: var(--1cea5a);
21
21
  right: var(--4b2086);
22
22
  bottom: var(--4b2086);
23
23
  }
24
- ._AvatarWithStatus--size-xs_77web_24 ._AvatarWithStatus--indicator_77web_7 {
24
+ .AvatarWithStatus--size-xs__JdDZL .AvatarWithStatus--indicator__FOBwU {
25
25
  width: var(--540610);
26
26
  height: var(--540610);
27
27
  right: var(--20c0b1);
28
28
  bottom: var(--20c0b1);
29
29
  }
30
- ._AvatarWithStatus--size-m_77web_30 ._AvatarWithStatus--indicator_77web_7 {
30
+ .AvatarWithStatus--size-m__fvff6 .AvatarWithStatus--indicator__FOBwU {
31
31
  width: var(--8f1e94);
32
32
  height: var(--8f1e94);
33
33
  right: var(--705050);
34
34
  bottom: var(--705050);
35
35
  }
36
- ._AvatarWithStatus--size-xl_77web_36 ._AvatarWithStatus--indicator_77web_7 {
36
+ .AvatarWithStatus--size-xl__HdmYf .AvatarWithStatus--indicator__FOBwU {
37
37
  width: var(--bdf712);
38
38
  height: var(--bdf712);
39
39
  right: var(--3b13f1);
40
40
  bottom: var(--3b13f1);
41
41
  }
42
- ._AvatarWithStatus--size-64_77web_42 ._AvatarWithStatus--indicator_77web_7 {
42
+ .AvatarWithStatus--size-64__gBDkn .AvatarWithStatus--indicator__FOBwU {
43
43
  width: var(--7d9a55);
44
44
  height: var(--7d9a55);
45
45
  right: var(--3e174a);
46
46
  bottom: var(--3e174a);
47
47
  }
48
- ._AvatarWithStatus--size-96_77web_48 ._AvatarWithStatus--indicator_77web_7 {
48
+ .AvatarWithStatus--size-96__mLsgd .AvatarWithStatus--indicator__FOBwU {
49
49
  width: var(--7d3ab7);
50
50
  height: var(--7d3ab7);
51
51
  right: var(--bd3f63);
52
52
  bottom: var(--bd3f63);
53
53
  }
54
- ._AvatarWithStatus--size-160_77web_54 ._AvatarWithStatus--indicator_77web_7 {
54
+ .AvatarWithStatus--size-160__UeQyT .AvatarWithStatus--indicator__FOBwU {
55
55
  width: var(--523f7d);
56
56
  height: var(--523f7d);
57
57
  right: var(--23067e);