@preply/ds-web-lib 6.2.1 → 7.0.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 (96) hide show
  1. package/dist/assets/Accordion.css +2 -2
  2. package/dist/assets/AlertDialog.css +2 -2
  3. package/dist/assets/Avatar.css +3 -147
  4. package/dist/assets/AvatarWithStatus.css +2 -26
  5. package/dist/assets/Badge.css +3 -3
  6. package/dist/assets/Box.css +17 -344
  7. package/dist/assets/BubbleCounter.css +1 -1
  8. package/dist/assets/Button.css +4 -4
  9. package/dist/assets/ButtonBase.css +7 -515
  10. package/dist/assets/Checkbox.css +1 -1
  11. package/dist/assets/Chips.css +2 -2
  12. package/dist/assets/ChipsPrimitive.css +2 -3
  13. package/dist/assets/CountryFlag.css +1 -1
  14. package/dist/assets/Dialog.css +3 -3
  15. package/dist/assets/Divider.css +1 -1
  16. package/dist/assets/DropdownMenu.css +2 -2
  17. package/dist/assets/FieldButton.css +5 -5
  18. package/dist/assets/FormControl.css +1 -1
  19. package/dist/assets/Heading.css +5 -375
  20. package/dist/assets/Icon.css +3 -33
  21. package/dist/assets/InputContainer.css +4 -4
  22. package/dist/assets/LayoutFlex.css +1 -1
  23. package/dist/assets/LayoutFlexItem.css +1 -1
  24. package/dist/assets/Link.css +3 -3
  25. package/dist/assets/Loader.css +1 -1
  26. package/dist/assets/OnboardingTooltip.css +1 -1
  27. package/dist/assets/OnboardingTour.css +1 -1
  28. package/dist/assets/PreplyLogo.css +1 -1
  29. package/dist/assets/ProgressBar.css +1 -1
  30. package/dist/assets/ProgressSteps.css +1 -1
  31. package/dist/assets/Slider.css +1 -1
  32. package/dist/assets/Spinner.css +3 -3
  33. package/dist/assets/Stars.css +3 -3
  34. package/dist/assets/Steps.css +2 -2
  35. package/dist/assets/Switch.css +1 -1
  36. package/dist/assets/Text.css +7 -1165
  37. package/dist/assets/TextHighlighted.css +4 -4
  38. package/dist/assets/TextInline.css +3 -7
  39. package/dist/assets/Toast.css +2 -2
  40. package/dist/assets/Tooltip.css +1 -1
  41. package/dist/assets/align-self.css +1 -1
  42. package/dist/assets/exp-color.css +2 -2
  43. package/dist/assets/layout-gap.css +3 -309
  44. package/dist/assets/layout-grid.css +3 -3
  45. package/dist/assets/layout-hide.css +1 -1
  46. package/dist/assets/layout-padding.css +3 -741
  47. package/dist/assets/layout-relative.css +1 -1
  48. package/dist/assets/text-accent.css +3 -15
  49. package/dist/assets/text-centered.css +1 -1
  50. package/dist/assets/text-weight.css +2 -11
  51. package/dist/components/Avatar/Avatar.js +0 -36
  52. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +2 -2
  53. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
  54. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -7
  55. package/dist/components/Box/Box.d.ts +5 -5
  56. package/dist/components/Box/Box.d.ts.map +1 -1
  57. package/dist/components/Box/Box.js +15 -106
  58. package/dist/components/Heading/Heading.d.ts +2 -26
  59. package/dist/components/Heading/Heading.d.ts.map +1 -1
  60. package/dist/components/Heading/Heading.js +5 -71
  61. package/dist/components/Icon/Icon.d.ts +2 -6
  62. package/dist/components/Icon/Icon.d.ts.map +1 -1
  63. package/dist/components/Icon/Icon.js +3 -12
  64. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  65. package/dist/components/LayoutFlex/LayoutFlex.js +3 -1
  66. package/dist/components/LayoutFlex/style/getStyleAttrs.js +1 -1
  67. package/dist/components/LayoutFlex/tests/Gap.d.ts +0 -8
  68. package/dist/components/LayoutFlex/tests/Gap.d.ts.map +1 -1
  69. package/dist/components/LayoutFlex/tests/Gap.js +0 -96
  70. package/dist/components/LayoutFlex/tests/Padding.d.ts +0 -8
  71. package/dist/components/LayoutFlex/tests/Padding.d.ts.map +1 -1
  72. package/dist/components/LayoutFlex/tests/Padding.js +0 -96
  73. package/dist/components/PreplyLogo/PreplyLogo.d.ts +1 -9
  74. package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
  75. package/dist/components/PreplyLogo/PreplyLogo.js +3 -2
  76. package/dist/components/Text/Text.d.ts +1 -12
  77. package/dist/components/Text/Text.d.ts.map +1 -1
  78. package/dist/components/Text/Text.js +5 -149
  79. package/dist/components/TextInline/TextInline.d.ts +1 -6
  80. package/dist/components/TextInline/TextInline.d.ts.map +1 -1
  81. package/dist/components/TextInline/TextInline.js +5 -11
  82. package/dist/components/private/ButtonBase/ButtonBase.js +0 -66
  83. package/dist/{layout-gap.module-RzGBJL6B.js → layout-gap.module-MKn_un_k.js} +0 -48
  84. package/dist/layout-padding-D5I6rRlL.js +373 -0
  85. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  86. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  87. package/dist/shared-styles/layout-padding/layout-padding.d.ts +2 -2
  88. package/dist/shared-styles/layout-padding/layout-padding.d.ts.map +1 -1
  89. package/dist/shared-styles/layout-padding/layout-padding.js +3 -562
  90. package/dist/shared-styles/text-accent/text-accent.js +1 -5
  91. package/dist/shared-styles/text-weight/text-weight.js +0 -3
  92. package/package.json +13 -13
  93. package/dist/assets/color.css +0 -113
  94. package/dist/shared-styles/color/color.d.ts +0 -9
  95. package/dist/shared-styles/color/color.d.ts.map +0 -1
  96. package/dist/shared-styles/color/color.js +0 -49
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
3
  .accordion__GSBx4 {
4
4
  -webkit-box-sizing: border-box;
5
5
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
3
  @-webkit-keyframes overlayShow__DlV95 {
4
4
  from {
5
5
  opacity: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 10:27:42 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 12:00:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
4
4
  .Avatar__ENaap {
5
5
  display: inline-block;
6
6
  }
@@ -10,30 +10,6 @@
10
10
  object-fit: cover;
11
11
  border-radius: var(--dad9ec);
12
12
  }
13
- .Avatar--size-2xs__d2pNq img {
14
- width: var(--d51f41);
15
- height: var(--d51f41);
16
- }
17
- .Avatar--size-xs__hlQlf img {
18
- width: var(--cfdb4f);
19
- height: var(--cfdb4f);
20
- }
21
- .Avatar--size-s__OXNzr img {
22
- width: var(--2dafbf);
23
- height: var(--2dafbf);
24
- }
25
- .Avatar--size-m__4n3bp img {
26
- width: var(--b51334);
27
- height: var(--b51334);
28
- }
29
- .Avatar--size-l__VHR4R img {
30
- width: var(--d318a5);
31
- height: var(--d318a5);
32
- }
33
- .Avatar--size-xl__AQlZ0 img {
34
- width: var(--6eb1c7);
35
- height: var(--6eb1c7);
36
- }
37
13
  .Avatar--size-24__ObR4y img {
38
14
  width: var(--86aa8e);
39
15
  height: var(--86aa8e);
@@ -59,30 +35,6 @@
59
35
  height: var(--329ba7);
60
36
  }
61
37
  @media (min-width: 400px) {
62
- .Avatar--narrow-l--size-2xs__-PmgC img {
63
- width: var(--d51f41);
64
- height: var(--d51f41);
65
- }
66
- .Avatar--narrow-l--size-xs__RdTWx img {
67
- width: var(--cfdb4f);
68
- height: var(--cfdb4f);
69
- }
70
- .Avatar--narrow-l--size-s__zwV93 img {
71
- width: var(--2dafbf);
72
- height: var(--2dafbf);
73
- }
74
- .Avatar--narrow-l--size-m__pW4-- img {
75
- width: var(--b51334);
76
- height: var(--b51334);
77
- }
78
- .Avatar--narrow-l--size-l__1pv2G img {
79
- width: var(--d318a5);
80
- height: var(--d318a5);
81
- }
82
- .Avatar--narrow-l--size-xl__vH5iG img {
83
- width: var(--6eb1c7);
84
- height: var(--6eb1c7);
85
- }
86
38
  .Avatar--narrow-l--size-24__qXCWM img {
87
39
  width: var(--86aa8e);
88
40
  height: var(--86aa8e);
@@ -109,30 +61,6 @@
109
61
  }
110
62
  }
111
63
  @media (min-width: 700px) {
112
- .Avatar--medium-s--size-2xs__qWyz5 img {
113
- width: var(--d51f41);
114
- height: var(--d51f41);
115
- }
116
- .Avatar--medium-s--size-xs__2e4Qo img {
117
- width: var(--cfdb4f);
118
- height: var(--cfdb4f);
119
- }
120
- .Avatar--medium-s--size-s__d0fm8 img {
121
- width: var(--2dafbf);
122
- height: var(--2dafbf);
123
- }
124
- .Avatar--medium-s--size-m__ZHi66 img {
125
- width: var(--b51334);
126
- height: var(--b51334);
127
- }
128
- .Avatar--medium-s--size-l__xxroc img {
129
- width: var(--d318a5);
130
- height: var(--d318a5);
131
- }
132
- .Avatar--medium-s--size-xl__2QWlo img {
133
- width: var(--6eb1c7);
134
- height: var(--6eb1c7);
135
- }
136
64
  .Avatar--medium-s--size-24__7-PF9 img {
137
65
  width: var(--86aa8e);
138
66
  height: var(--86aa8e);
@@ -159,30 +87,6 @@
159
87
  }
160
88
  }
161
89
  @media (min-width: 880px) {
162
- .Avatar--medium-l--size-2xs__Kt93i img {
163
- width: var(--d51f41);
164
- height: var(--d51f41);
165
- }
166
- .Avatar--medium-l--size-xs__BwpLG img {
167
- width: var(--cfdb4f);
168
- height: var(--cfdb4f);
169
- }
170
- .Avatar--medium-l--size-s__JjLGR img {
171
- width: var(--2dafbf);
172
- height: var(--2dafbf);
173
- }
174
- .Avatar--medium-l--size-m__L-KEk img {
175
- width: var(--b51334);
176
- height: var(--b51334);
177
- }
178
- .Avatar--medium-l--size-l__a53QC img {
179
- width: var(--d318a5);
180
- height: var(--d318a5);
181
- }
182
- .Avatar--medium-l--size-xl__kUFUb img {
183
- width: var(--6eb1c7);
184
- height: var(--6eb1c7);
185
- }
186
90
  .Avatar--medium-l--size-24__wkAJa img {
187
91
  width: var(--86aa8e);
188
92
  height: var(--86aa8e);
@@ -209,30 +113,6 @@
209
113
  }
210
114
  }
211
115
  @media (min-width: 1200px) {
212
- .Avatar--wide-s--size-2xs__1jiA7 img {
213
- width: var(--d51f41);
214
- height: var(--d51f41);
215
- }
216
- .Avatar--wide-s--size-xs__CwbZa img {
217
- width: var(--cfdb4f);
218
- height: var(--cfdb4f);
219
- }
220
- .Avatar--wide-s--size-s__DxpiN img {
221
- width: var(--2dafbf);
222
- height: var(--2dafbf);
223
- }
224
- .Avatar--wide-s--size-m__qn5xe img {
225
- width: var(--b51334);
226
- height: var(--b51334);
227
- }
228
- .Avatar--wide-s--size-l__4TPfZ img {
229
- width: var(--d318a5);
230
- height: var(--d318a5);
231
- }
232
- .Avatar--wide-s--size-xl__NtVch img {
233
- width: var(--6eb1c7);
234
- height: var(--6eb1c7);
235
- }
236
116
  .Avatar--wide-s--size-24__ggmeN img {
237
117
  width: var(--86aa8e);
238
118
  height: var(--86aa8e);
@@ -259,30 +139,6 @@
259
139
  }
260
140
  }
261
141
  @media (min-width: 1900px) {
262
- .Avatar--wide-l--size-2xs__BuADe img {
263
- width: var(--d51f41);
264
- height: var(--d51f41);
265
- }
266
- .Avatar--wide-l--size-xs__g8Tfi img {
267
- width: var(--cfdb4f);
268
- height: var(--cfdb4f);
269
- }
270
- .Avatar--wide-l--size-s__qYwnP img {
271
- width: var(--2dafbf);
272
- height: var(--2dafbf);
273
- }
274
- .Avatar--wide-l--size-m__tMD4S img {
275
- width: var(--b51334);
276
- height: var(--b51334);
277
- }
278
- .Avatar--wide-l--size-l__M3npP img {
279
- width: var(--d318a5);
280
- height: var(--d318a5);
281
- }
282
- .Avatar--wide-l--size-xl__-vkhW img {
283
- width: var(--6eb1c7);
284
- height: var(--6eb1c7);
285
- }
286
142
  .Avatar--wide-l--size-24__lammM img {
287
143
  width: var(--86aa8e);
288
144
  height: var(--86aa8e);
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 10:27:42 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 12:00:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .AvatarWithStatus__STt5I {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -15,30 +15,6 @@
15
15
  .AvatarWithStatus--online__Qpspm .AvatarWithStatus--indicator__FOBwU {
16
16
  background-color: var(--62b71e);
17
17
  }
18
- .AvatarWithStatus--size-2xs__EN9rS .AvatarWithStatus--indicator__FOBwU {
19
- width: var(--1cea5a);
20
- height: var(--1cea5a);
21
- right: var(--4b2086);
22
- bottom: var(--4b2086);
23
- }
24
- .AvatarWithStatus--size-xs__JdDZL .AvatarWithStatus--indicator__FOBwU {
25
- width: var(--540610);
26
- height: var(--540610);
27
- right: var(--20c0b1);
28
- bottom: var(--20c0b1);
29
- }
30
- .AvatarWithStatus--size-m__fvff6 .AvatarWithStatus--indicator__FOBwU {
31
- width: var(--8f1e94);
32
- height: var(--8f1e94);
33
- right: var(--705050);
34
- bottom: var(--705050);
35
- }
36
- .AvatarWithStatus--size-xl__HdmYf .AvatarWithStatus--indicator__FOBwU {
37
- width: var(--bdf712);
38
- height: var(--bdf712);
39
- right: var(--3b13f1);
40
- bottom: var(--3b13f1);
41
- }
42
18
  .AvatarWithStatus--size-64__gBDkn .AvatarWithStatus--indicator__FOBwU {
43
19
  width: var(--7d9a55);
44
20
  height: var(--7d9a55);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
2
  .badge__Aj95L {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -79,8 +79,8 @@
79
79
  background-color: var(--a5c761);
80
80
  }
81
81
  .badge__Aj95L[data-accent='unset'][data-inverted='true'] {
82
- color: var(--55407f);
83
- background-color: var(--7c8c3c);
82
+ color: var(--a6a9d5);
83
+ background-color: var(--d5f871);
84
84
  }
85
85
  .badge__Aj95L[data-accent='accent'] {
86
86
  color: var(--dede3f);