@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.
- package/dist/assets/Accordion.css +2 -2
- package/dist/assets/AlertDialog.css +2 -2
- package/dist/assets/Avatar.css +3 -147
- package/dist/assets/AvatarWithStatus.css +2 -26
- package/dist/assets/Badge.css +3 -3
- package/dist/assets/Box.css +17 -344
- package/dist/assets/BubbleCounter.css +1 -1
- package/dist/assets/Button.css +4 -4
- package/dist/assets/ButtonBase.css +7 -515
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Chips.css +2 -2
- package/dist/assets/ChipsPrimitive.css +2 -3
- package/dist/assets/CountryFlag.css +1 -1
- package/dist/assets/Dialog.css +3 -3
- package/dist/assets/Divider.css +1 -1
- package/dist/assets/DropdownMenu.css +2 -2
- package/dist/assets/FieldButton.css +5 -5
- package/dist/assets/FormControl.css +1 -1
- package/dist/assets/Heading.css +5 -375
- package/dist/assets/Icon.css +3 -33
- package/dist/assets/InputContainer.css +4 -4
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +1 -1
- package/dist/assets/Link.css +3 -3
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/OnboardingTooltip.css +1 -1
- package/dist/assets/OnboardingTour.css +1 -1
- package/dist/assets/PreplyLogo.css +1 -1
- package/dist/assets/ProgressBar.css +1 -1
- package/dist/assets/ProgressSteps.css +1 -1
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/Spinner.css +3 -3
- package/dist/assets/Stars.css +3 -3
- package/dist/assets/Steps.css +2 -2
- package/dist/assets/Switch.css +1 -1
- package/dist/assets/Text.css +7 -1165
- package/dist/assets/TextHighlighted.css +4 -4
- package/dist/assets/TextInline.css +3 -7
- package/dist/assets/Toast.css +2 -2
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/align-self.css +1 -1
- package/dist/assets/exp-color.css +2 -2
- package/dist/assets/layout-gap.css +3 -309
- package/dist/assets/layout-grid.css +3 -3
- package/dist/assets/layout-hide.css +1 -1
- package/dist/assets/layout-padding.css +3 -741
- package/dist/assets/layout-relative.css +1 -1
- package/dist/assets/text-accent.css +3 -15
- package/dist/assets/text-centered.css +1 -1
- package/dist/assets/text-weight.css +2 -11
- package/dist/components/Avatar/Avatar.js +0 -36
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +2 -2
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -7
- package/dist/components/Box/Box.d.ts +5 -5
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +15 -106
- package/dist/components/Heading/Heading.d.ts +2 -26
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +5 -71
- package/dist/components/Icon/Icon.d.ts +2 -6
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.js +3 -12
- package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
- package/dist/components/LayoutFlex/LayoutFlex.js +3 -1
- package/dist/components/LayoutFlex/style/getStyleAttrs.js +1 -1
- package/dist/components/LayoutFlex/tests/Gap.d.ts +0 -8
- package/dist/components/LayoutFlex/tests/Gap.d.ts.map +1 -1
- package/dist/components/LayoutFlex/tests/Gap.js +0 -96
- package/dist/components/LayoutFlex/tests/Padding.d.ts +0 -8
- package/dist/components/LayoutFlex/tests/Padding.d.ts.map +1 -1
- package/dist/components/LayoutFlex/tests/Padding.js +0 -96
- package/dist/components/PreplyLogo/PreplyLogo.d.ts +1 -9
- package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +3 -2
- package/dist/components/Text/Text.d.ts +1 -12
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +5 -149
- package/dist/components/TextInline/TextInline.d.ts +1 -6
- package/dist/components/TextInline/TextInline.d.ts.map +1 -1
- package/dist/components/TextInline/TextInline.js +5 -11
- package/dist/components/private/ButtonBase/ButtonBase.js +0 -66
- package/dist/{layout-gap.module-RzGBJL6B.js → layout-gap.module-MKn_un_k.js} +0 -48
- package/dist/layout-padding-D5I6rRlL.js +373 -0
- package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
- package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
- package/dist/shared-styles/layout-padding/layout-padding.d.ts +2 -2
- package/dist/shared-styles/layout-padding/layout-padding.d.ts.map +1 -1
- package/dist/shared-styles/layout-padding/layout-padding.js +3 -562
- package/dist/shared-styles/text-accent/text-accent.js +1 -5
- package/dist/shared-styles/text-weight/text-weight.js +0 -3
- package/package.json +13 -13
- package/dist/assets/color.css +0 -113
- package/dist/shared-styles/color/color.d.ts +0 -9
- package/dist/shared-styles/color/color.d.ts.map +0 -1
- 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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025
|
|
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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025
|
|
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;
|
package/dist/assets/Avatar.css
CHANGED
|
@@ -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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025
|
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025
|
|
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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025
|
|
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);
|
package/dist/assets/Badge.css
CHANGED
|
@@ -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
|
|
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(--
|
|
83
|
-
background-color: var(--
|
|
82
|
+
color: var(--a6a9d5);
|
|
83
|
+
background-color: var(--d5f871);
|
|
84
84
|
}
|
|
85
85
|
.badge__Aj95L[data-accent='accent'] {
|
|
86
86
|
color: var(--dede3f);
|