@preply/ds-web-lib 0.99.3 → 0.100.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.
- package/dist/assets/Avatar.css +79 -79
- package/dist/assets/AvatarWithStatus.css +12 -12
- package/dist/assets/Badge.css +24 -24
- package/dist/assets/Box.css +171 -171
- package/dist/assets/Button.css +7 -7
- package/dist/assets/ButtonBase.css +245 -245
- package/dist/assets/Chips.css +16 -16
- package/dist/assets/FieldAdditionalText.css +6 -6
- package/dist/assets/FieldButton.css +8 -8
- package/dist/assets/FieldLabel.css +8 -8
- package/dist/assets/FieldLayout.css +29 -29
- package/dist/assets/FieldLayoutBase.css +4 -4
- package/dist/assets/Heading.css +100 -100
- package/dist/assets/Icon.css +14 -14
- package/dist/assets/LayoutFlexItem.css +14 -14
- package/dist/assets/Link.css +32 -32
- package/dist/assets/Loader.css +4 -4
- package/dist/assets/PreplyLogo.css +9 -9
- package/dist/assets/SelectFieldLayout.css +18 -18
- package/dist/assets/Spinner.css +26 -26
- package/dist/assets/Text.css +227 -227
- package/dist/assets/TextHighlighted.css +14 -14
- package/dist/assets/TextInline.css +5 -5
- package/dist/assets/Toast.css +12 -12
- package/dist/assets/align-self.css +25 -25
- package/dist/assets/color.css +39 -39
- package/dist/assets/index.css +16 -16
- package/dist/assets/layout-flex.css +100 -100
- package/dist/assets/layout-gap.css +135 -135
- package/dist/assets/layout-grid.css +100 -100
- package/dist/assets/layout-hide.css +49 -49
- package/dist/assets/layout-padding.css +531 -531
- package/dist/assets/text-accent.css +18 -18
- package/dist/assets/text-centered.css +13 -13
- package/dist/assets/text-weight.css +8 -8
- package/dist/components/Avatar/Avatar.js +74 -74
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Box/Box.js +150 -150
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chips/Chips.js +4 -4
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
- package/dist/components/FieldButton/FieldButton.js +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +7 -7
- package/dist/components/Heading/Heading.js +97 -97
- package/dist/components/Icon/Icon.js +10 -10
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
- package/dist/components/Link/Link.js +18 -18
- package/dist/components/Loader/Loader.js +3 -3
- package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
- package/dist/components/Text/Text.js +224 -224
- package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
- package/dist/components/TextInline/TextInline.js +2 -2
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
- package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
- package/dist/components/private/Input/Checkbox.js +1 -1
- package/dist/components/private/Input/InputDate.js +1 -1
- package/dist/components/private/Input/InputNumber.js +1 -1
- package/dist/components/private/Input/InputPassword.js +1 -1
- package/dist/components/private/Input/InputText.js +1 -1
- package/dist/components/private/Input/InputTime.js +1 -1
- package/dist/components/private/Input/Radio.js +1 -1
- package/dist/components/private/Input/Select.js +1 -1
- package/dist/components/private/Input/Textarea.js +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
- package/dist/components/private/Spinner/Spinner.js +16 -16
- package/dist/index.module-B-whHMcH.js +27 -0
- package/dist/{layout-grid.module-DWaQUkej.js → layout-grid.module-DEhjGYxG.js} +97 -97
- package/dist/shared-styles/align-self/align-self.js +25 -25
- package/dist/shared-styles/color/color.js +38 -38
- package/dist/shared-styles/layout-flex/layout-flex.js +97 -97
- package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
- package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
- package/dist/shared-styles/layout-hide/layout-hide.js +49 -49
- package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
- package/dist/shared-styles/text-accent/text-accent.js +17 -17
- package/dist/shared-styles/text-centered/text-centered.js +13 -13
- package/dist/shared-styles/text-weight/text-weight.js +7 -7
- package/package.json +18 -18
- package/dist/index.module-47pKCoSZ.js +0 -27
package/dist/assets/Avatar.css
CHANGED
|
@@ -1,317 +1,317 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep
|
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep
|
|
4
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 19 2024 12:00:48 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep 19 2024 12:00:47 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep 19 2024 12:00:51 GMT+0000 (Coordinated Universal Time) */
|
|
4
|
+
._Avatar_1fxag_4 {
|
|
5
5
|
display: inline-block;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._Avatar_1fxag_4 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-
|
|
13
|
+
._Avatar--size-2xs_1fxag_12 img {
|
|
14
14
|
width: var(--d51f41);
|
|
15
15
|
height: var(--d51f41);
|
|
16
16
|
}
|
|
17
|
-
._Avatar--size-
|
|
17
|
+
._Avatar--size-xs_1fxag_16 img {
|
|
18
18
|
width: var(--cfdb4f);
|
|
19
19
|
height: var(--cfdb4f);
|
|
20
20
|
}
|
|
21
|
-
._Avatar--size-
|
|
21
|
+
._Avatar--size-s_1fxag_20 img {
|
|
22
22
|
width: var(--2dafbf);
|
|
23
23
|
height: var(--2dafbf);
|
|
24
24
|
}
|
|
25
|
-
._Avatar--size-
|
|
25
|
+
._Avatar--size-m_1fxag_24 img {
|
|
26
26
|
width: var(--b51334);
|
|
27
27
|
height: var(--b51334);
|
|
28
28
|
}
|
|
29
|
-
._Avatar--size-
|
|
29
|
+
._Avatar--size-l_1fxag_28 img {
|
|
30
30
|
width: var(--d318a5);
|
|
31
31
|
height: var(--d318a5);
|
|
32
32
|
}
|
|
33
|
-
._Avatar--size-
|
|
33
|
+
._Avatar--size-xl_1fxag_32 img {
|
|
34
34
|
width: var(--6eb1c7);
|
|
35
35
|
height: var(--6eb1c7);
|
|
36
36
|
}
|
|
37
|
-
._Avatar--size-
|
|
37
|
+
._Avatar--size-24_1fxag_36 img {
|
|
38
38
|
width: var(--86aa8e);
|
|
39
39
|
height: var(--86aa8e);
|
|
40
40
|
}
|
|
41
|
-
._Avatar--size-
|
|
41
|
+
._Avatar--size-32_1fxag_40 img {
|
|
42
42
|
width: var(--32bbec);
|
|
43
43
|
height: var(--32bbec);
|
|
44
44
|
}
|
|
45
|
-
._Avatar--size-
|
|
45
|
+
._Avatar--size-48_1fxag_44 img {
|
|
46
46
|
width: var(--950ab5);
|
|
47
47
|
height: var(--950ab5);
|
|
48
48
|
}
|
|
49
|
-
._Avatar--size-
|
|
49
|
+
._Avatar--size-64_1fxag_48 img {
|
|
50
50
|
width: var(--cc5dc7);
|
|
51
51
|
height: var(--cc5dc7);
|
|
52
52
|
}
|
|
53
|
-
._Avatar--size-
|
|
53
|
+
._Avatar--size-96_1fxag_52 img {
|
|
54
54
|
width: var(--796da2);
|
|
55
55
|
height: var(--796da2);
|
|
56
56
|
}
|
|
57
|
-
._Avatar--size-
|
|
57
|
+
._Avatar--size-160_1fxag_56 img {
|
|
58
58
|
width: var(--329ba7);
|
|
59
59
|
height: var(--329ba7);
|
|
60
60
|
}
|
|
61
61
|
@media (min-width: 400px) {
|
|
62
|
-
._Avatar--narrow-l--size-
|
|
62
|
+
._Avatar--narrow-l--size-2xs_1fxag_61 img {
|
|
63
63
|
width: var(--d51f41);
|
|
64
64
|
height: var(--d51f41);
|
|
65
65
|
}
|
|
66
|
-
._Avatar--narrow-l--size-
|
|
66
|
+
._Avatar--narrow-l--size-xs_1fxag_65 img {
|
|
67
67
|
width: var(--cfdb4f);
|
|
68
68
|
height: var(--cfdb4f);
|
|
69
69
|
}
|
|
70
|
-
._Avatar--narrow-l--size-
|
|
70
|
+
._Avatar--narrow-l--size-s_1fxag_69 img {
|
|
71
71
|
width: var(--2dafbf);
|
|
72
72
|
height: var(--2dafbf);
|
|
73
73
|
}
|
|
74
|
-
._Avatar--narrow-l--size-
|
|
74
|
+
._Avatar--narrow-l--size-m_1fxag_73 img {
|
|
75
75
|
width: var(--b51334);
|
|
76
76
|
height: var(--b51334);
|
|
77
77
|
}
|
|
78
|
-
._Avatar--narrow-l--size-
|
|
78
|
+
._Avatar--narrow-l--size-l_1fxag_77 img {
|
|
79
79
|
width: var(--d318a5);
|
|
80
80
|
height: var(--d318a5);
|
|
81
81
|
}
|
|
82
|
-
._Avatar--narrow-l--size-
|
|
82
|
+
._Avatar--narrow-l--size-xl_1fxag_81 img {
|
|
83
83
|
width: var(--6eb1c7);
|
|
84
84
|
height: var(--6eb1c7);
|
|
85
85
|
}
|
|
86
|
-
._Avatar--narrow-l--size-
|
|
86
|
+
._Avatar--narrow-l--size-24_1fxag_85 img {
|
|
87
87
|
width: var(--86aa8e);
|
|
88
88
|
height: var(--86aa8e);
|
|
89
89
|
}
|
|
90
|
-
._Avatar--narrow-l--size-
|
|
90
|
+
._Avatar--narrow-l--size-32_1fxag_89 img {
|
|
91
91
|
width: var(--32bbec);
|
|
92
92
|
height: var(--32bbec);
|
|
93
93
|
}
|
|
94
|
-
._Avatar--narrow-l--size-
|
|
94
|
+
._Avatar--narrow-l--size-48_1fxag_93 img {
|
|
95
95
|
width: var(--950ab5);
|
|
96
96
|
height: var(--950ab5);
|
|
97
97
|
}
|
|
98
|
-
._Avatar--narrow-l--size-
|
|
98
|
+
._Avatar--narrow-l--size-64_1fxag_97 img {
|
|
99
99
|
width: var(--cc5dc7);
|
|
100
100
|
height: var(--cc5dc7);
|
|
101
101
|
}
|
|
102
|
-
._Avatar--narrow-l--size-
|
|
102
|
+
._Avatar--narrow-l--size-96_1fxag_101 img {
|
|
103
103
|
width: var(--796da2);
|
|
104
104
|
height: var(--796da2);
|
|
105
105
|
}
|
|
106
|
-
._Avatar--narrow-l--size-
|
|
106
|
+
._Avatar--narrow-l--size-160_1fxag_105 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-
|
|
112
|
+
._Avatar--medium-s--size-2xs_1fxag_111 img {
|
|
113
113
|
width: var(--d51f41);
|
|
114
114
|
height: var(--d51f41);
|
|
115
115
|
}
|
|
116
|
-
._Avatar--medium-s--size-
|
|
116
|
+
._Avatar--medium-s--size-xs_1fxag_115 img {
|
|
117
117
|
width: var(--cfdb4f);
|
|
118
118
|
height: var(--cfdb4f);
|
|
119
119
|
}
|
|
120
|
-
._Avatar--medium-s--size-
|
|
120
|
+
._Avatar--medium-s--size-s_1fxag_119 img {
|
|
121
121
|
width: var(--2dafbf);
|
|
122
122
|
height: var(--2dafbf);
|
|
123
123
|
}
|
|
124
|
-
._Avatar--medium-s--size-
|
|
124
|
+
._Avatar--medium-s--size-m_1fxag_123 img {
|
|
125
125
|
width: var(--b51334);
|
|
126
126
|
height: var(--b51334);
|
|
127
127
|
}
|
|
128
|
-
._Avatar--medium-s--size-
|
|
128
|
+
._Avatar--medium-s--size-l_1fxag_127 img {
|
|
129
129
|
width: var(--d318a5);
|
|
130
130
|
height: var(--d318a5);
|
|
131
131
|
}
|
|
132
|
-
._Avatar--medium-s--size-
|
|
132
|
+
._Avatar--medium-s--size-xl_1fxag_131 img {
|
|
133
133
|
width: var(--6eb1c7);
|
|
134
134
|
height: var(--6eb1c7);
|
|
135
135
|
}
|
|
136
|
-
._Avatar--medium-s--size-
|
|
136
|
+
._Avatar--medium-s--size-24_1fxag_135 img {
|
|
137
137
|
width: var(--86aa8e);
|
|
138
138
|
height: var(--86aa8e);
|
|
139
139
|
}
|
|
140
|
-
._Avatar--medium-s--size-
|
|
140
|
+
._Avatar--medium-s--size-32_1fxag_139 img {
|
|
141
141
|
width: var(--32bbec);
|
|
142
142
|
height: var(--32bbec);
|
|
143
143
|
}
|
|
144
|
-
._Avatar--medium-s--size-
|
|
144
|
+
._Avatar--medium-s--size-48_1fxag_143 img {
|
|
145
145
|
width: var(--950ab5);
|
|
146
146
|
height: var(--950ab5);
|
|
147
147
|
}
|
|
148
|
-
._Avatar--medium-s--size-
|
|
148
|
+
._Avatar--medium-s--size-64_1fxag_147 img {
|
|
149
149
|
width: var(--cc5dc7);
|
|
150
150
|
height: var(--cc5dc7);
|
|
151
151
|
}
|
|
152
|
-
._Avatar--medium-s--size-
|
|
152
|
+
._Avatar--medium-s--size-96_1fxag_151 img {
|
|
153
153
|
width: var(--796da2);
|
|
154
154
|
height: var(--796da2);
|
|
155
155
|
}
|
|
156
|
-
._Avatar--medium-s--size-
|
|
156
|
+
._Avatar--medium-s--size-160_1fxag_155 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-
|
|
162
|
+
._Avatar--medium-l--size-2xs_1fxag_161 img {
|
|
163
163
|
width: var(--d51f41);
|
|
164
164
|
height: var(--d51f41);
|
|
165
165
|
}
|
|
166
|
-
._Avatar--medium-l--size-
|
|
166
|
+
._Avatar--medium-l--size-xs_1fxag_165 img {
|
|
167
167
|
width: var(--cfdb4f);
|
|
168
168
|
height: var(--cfdb4f);
|
|
169
169
|
}
|
|
170
|
-
._Avatar--medium-l--size-
|
|
170
|
+
._Avatar--medium-l--size-s_1fxag_169 img {
|
|
171
171
|
width: var(--2dafbf);
|
|
172
172
|
height: var(--2dafbf);
|
|
173
173
|
}
|
|
174
|
-
._Avatar--medium-l--size-
|
|
174
|
+
._Avatar--medium-l--size-m_1fxag_173 img {
|
|
175
175
|
width: var(--b51334);
|
|
176
176
|
height: var(--b51334);
|
|
177
177
|
}
|
|
178
|
-
._Avatar--medium-l--size-
|
|
178
|
+
._Avatar--medium-l--size-l_1fxag_177 img {
|
|
179
179
|
width: var(--d318a5);
|
|
180
180
|
height: var(--d318a5);
|
|
181
181
|
}
|
|
182
|
-
._Avatar--medium-l--size-
|
|
182
|
+
._Avatar--medium-l--size-xl_1fxag_181 img {
|
|
183
183
|
width: var(--6eb1c7);
|
|
184
184
|
height: var(--6eb1c7);
|
|
185
185
|
}
|
|
186
|
-
._Avatar--medium-l--size-
|
|
186
|
+
._Avatar--medium-l--size-24_1fxag_185 img {
|
|
187
187
|
width: var(--86aa8e);
|
|
188
188
|
height: var(--86aa8e);
|
|
189
189
|
}
|
|
190
|
-
._Avatar--medium-l--size-
|
|
190
|
+
._Avatar--medium-l--size-32_1fxag_189 img {
|
|
191
191
|
width: var(--32bbec);
|
|
192
192
|
height: var(--32bbec);
|
|
193
193
|
}
|
|
194
|
-
._Avatar--medium-l--size-
|
|
194
|
+
._Avatar--medium-l--size-48_1fxag_193 img {
|
|
195
195
|
width: var(--950ab5);
|
|
196
196
|
height: var(--950ab5);
|
|
197
197
|
}
|
|
198
|
-
._Avatar--medium-l--size-
|
|
198
|
+
._Avatar--medium-l--size-64_1fxag_197 img {
|
|
199
199
|
width: var(--cc5dc7);
|
|
200
200
|
height: var(--cc5dc7);
|
|
201
201
|
}
|
|
202
|
-
._Avatar--medium-l--size-
|
|
202
|
+
._Avatar--medium-l--size-96_1fxag_201 img {
|
|
203
203
|
width: var(--796da2);
|
|
204
204
|
height: var(--796da2);
|
|
205
205
|
}
|
|
206
|
-
._Avatar--medium-l--size-
|
|
206
|
+
._Avatar--medium-l--size-160_1fxag_205 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-
|
|
212
|
+
._Avatar--wide-s--size-2xs_1fxag_211 img {
|
|
213
213
|
width: var(--d51f41);
|
|
214
214
|
height: var(--d51f41);
|
|
215
215
|
}
|
|
216
|
-
._Avatar--wide-s--size-
|
|
216
|
+
._Avatar--wide-s--size-xs_1fxag_215 img {
|
|
217
217
|
width: var(--cfdb4f);
|
|
218
218
|
height: var(--cfdb4f);
|
|
219
219
|
}
|
|
220
|
-
._Avatar--wide-s--size-
|
|
220
|
+
._Avatar--wide-s--size-s_1fxag_219 img {
|
|
221
221
|
width: var(--2dafbf);
|
|
222
222
|
height: var(--2dafbf);
|
|
223
223
|
}
|
|
224
|
-
._Avatar--wide-s--size-
|
|
224
|
+
._Avatar--wide-s--size-m_1fxag_223 img {
|
|
225
225
|
width: var(--b51334);
|
|
226
226
|
height: var(--b51334);
|
|
227
227
|
}
|
|
228
|
-
._Avatar--wide-s--size-
|
|
228
|
+
._Avatar--wide-s--size-l_1fxag_227 img {
|
|
229
229
|
width: var(--d318a5);
|
|
230
230
|
height: var(--d318a5);
|
|
231
231
|
}
|
|
232
|
-
._Avatar--wide-s--size-
|
|
232
|
+
._Avatar--wide-s--size-xl_1fxag_231 img {
|
|
233
233
|
width: var(--6eb1c7);
|
|
234
234
|
height: var(--6eb1c7);
|
|
235
235
|
}
|
|
236
|
-
._Avatar--wide-s--size-
|
|
236
|
+
._Avatar--wide-s--size-24_1fxag_235 img {
|
|
237
237
|
width: var(--86aa8e);
|
|
238
238
|
height: var(--86aa8e);
|
|
239
239
|
}
|
|
240
|
-
._Avatar--wide-s--size-
|
|
240
|
+
._Avatar--wide-s--size-32_1fxag_239 img {
|
|
241
241
|
width: var(--32bbec);
|
|
242
242
|
height: var(--32bbec);
|
|
243
243
|
}
|
|
244
|
-
._Avatar--wide-s--size-
|
|
244
|
+
._Avatar--wide-s--size-48_1fxag_243 img {
|
|
245
245
|
width: var(--950ab5);
|
|
246
246
|
height: var(--950ab5);
|
|
247
247
|
}
|
|
248
|
-
._Avatar--wide-s--size-
|
|
248
|
+
._Avatar--wide-s--size-64_1fxag_247 img {
|
|
249
249
|
width: var(--cc5dc7);
|
|
250
250
|
height: var(--cc5dc7);
|
|
251
251
|
}
|
|
252
|
-
._Avatar--wide-s--size-
|
|
252
|
+
._Avatar--wide-s--size-96_1fxag_251 img {
|
|
253
253
|
width: var(--796da2);
|
|
254
254
|
height: var(--796da2);
|
|
255
255
|
}
|
|
256
|
-
._Avatar--wide-s--size-
|
|
256
|
+
._Avatar--wide-s--size-160_1fxag_255 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-
|
|
262
|
+
._Avatar--wide-l--size-2xs_1fxag_261 img {
|
|
263
263
|
width: var(--d51f41);
|
|
264
264
|
height: var(--d51f41);
|
|
265
265
|
}
|
|
266
|
-
._Avatar--wide-l--size-
|
|
266
|
+
._Avatar--wide-l--size-xs_1fxag_265 img {
|
|
267
267
|
width: var(--cfdb4f);
|
|
268
268
|
height: var(--cfdb4f);
|
|
269
269
|
}
|
|
270
|
-
._Avatar--wide-l--size-
|
|
270
|
+
._Avatar--wide-l--size-s_1fxag_269 img {
|
|
271
271
|
width: var(--2dafbf);
|
|
272
272
|
height: var(--2dafbf);
|
|
273
273
|
}
|
|
274
|
-
._Avatar--wide-l--size-
|
|
274
|
+
._Avatar--wide-l--size-m_1fxag_273 img {
|
|
275
275
|
width: var(--b51334);
|
|
276
276
|
height: var(--b51334);
|
|
277
277
|
}
|
|
278
|
-
._Avatar--wide-l--size-
|
|
278
|
+
._Avatar--wide-l--size-l_1fxag_277 img {
|
|
279
279
|
width: var(--d318a5);
|
|
280
280
|
height: var(--d318a5);
|
|
281
281
|
}
|
|
282
|
-
._Avatar--wide-l--size-
|
|
282
|
+
._Avatar--wide-l--size-xl_1fxag_281 img {
|
|
283
283
|
width: var(--6eb1c7);
|
|
284
284
|
height: var(--6eb1c7);
|
|
285
285
|
}
|
|
286
|
-
._Avatar--wide-l--size-
|
|
286
|
+
._Avatar--wide-l--size-24_1fxag_285 img {
|
|
287
287
|
width: var(--86aa8e);
|
|
288
288
|
height: var(--86aa8e);
|
|
289
289
|
}
|
|
290
|
-
._Avatar--wide-l--size-
|
|
290
|
+
._Avatar--wide-l--size-32_1fxag_289 img {
|
|
291
291
|
width: var(--32bbec);
|
|
292
292
|
height: var(--32bbec);
|
|
293
293
|
}
|
|
294
|
-
._Avatar--wide-l--size-
|
|
294
|
+
._Avatar--wide-l--size-48_1fxag_293 img {
|
|
295
295
|
width: var(--950ab5);
|
|
296
296
|
height: var(--950ab5);
|
|
297
297
|
}
|
|
298
|
-
._Avatar--wide-l--size-
|
|
298
|
+
._Avatar--wide-l--size-64_1fxag_297 img {
|
|
299
299
|
width: var(--cc5dc7);
|
|
300
300
|
height: var(--cc5dc7);
|
|
301
301
|
}
|
|
302
|
-
._Avatar--wide-l--size-
|
|
302
|
+
._Avatar--wide-l--size-96_1fxag_301 img {
|
|
303
303
|
width: var(--796da2);
|
|
304
304
|
height: var(--796da2);
|
|
305
305
|
}
|
|
306
|
-
._Avatar--wide-l--size-
|
|
306
|
+
._Avatar--wide-l--size-160_1fxag_305 img {
|
|
307
307
|
width: var(--329ba7);
|
|
308
308
|
height: var(--329ba7);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
._Avatar--
|
|
311
|
+
._Avatar--round_1fxag_310 img {
|
|
312
312
|
border-radius: var(--8517a6);
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
._Avatar_1fxag_4 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 @Thu Sep
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep
|
|
3
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 19 2024 12:00:48 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep 19 2024 12:00:47 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
._AvatarWithStatus_182ku_3 {
|
|
4
4
|
display: inline-block;
|
|
5
5
|
position: relative;
|
|
6
6
|
}
|
|
7
|
-
._AvatarWithStatus--
|
|
7
|
+
._AvatarWithStatus--indicator_182ku_7 {
|
|
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--
|
|
15
|
+
._AvatarWithStatus--online_182ku_15 ._AvatarWithStatus--indicator_182ku_7 {
|
|
16
16
|
background-color: var(--62b71e);
|
|
17
17
|
}
|
|
18
|
-
._AvatarWithStatus--size-
|
|
18
|
+
._AvatarWithStatus--size-2xs_182ku_18 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
24
|
+
._AvatarWithStatus--size-xs_182ku_24 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
30
|
+
._AvatarWithStatus--size-m_182ku_30 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
36
|
+
._AvatarWithStatus--size-xl_182ku_36 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
42
|
+
._AvatarWithStatus--size-64_182ku_42 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
48
|
+
._AvatarWithStatus--size-96_182ku_48 ._AvatarWithStatus--indicator_182ku_7 {
|
|
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-
|
|
54
|
+
._AvatarWithStatus--size-160_182ku_54 ._AvatarWithStatus--indicator_182ku_7 {
|
|
55
55
|
width: var(--523f7d);
|
|
56
56
|
height: var(--523f7d);
|
|
57
57
|
right: var(--23067e);
|
package/dist/assets/Badge.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep
|
|
2
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 19 2024 12:00:48 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
._badge_q6jfn_2 {
|
|
3
3
|
display: -webkit-inline-box;
|
|
4
4
|
display: -ms-inline-flexbox;
|
|
5
5
|
display: inline-flex;
|
|
@@ -14,93 +14,93 @@
|
|
|
14
14
|
width: fit-content;
|
|
15
15
|
color: var(--628fb7);
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
._badge_q6jfn_2[data-size='small'] {
|
|
18
18
|
height: var(--76ac8f);
|
|
19
19
|
font-size: var(--e3a55b);
|
|
20
20
|
font-weight: var(--8cd94c);
|
|
21
21
|
line-height: var(--732f40);
|
|
22
22
|
}
|
|
23
|
-
.
|
|
23
|
+
._badge_q6jfn_2[data-size='medium'] {
|
|
24
24
|
height: var(--f316e1);
|
|
25
25
|
font-size: var(--fdb733);
|
|
26
26
|
font-weight: var(--9643c1);
|
|
27
27
|
line-height: var(--754361);
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._badge_q6jfn_2[data-size='large'] {
|
|
30
30
|
height: var(--7789ee);
|
|
31
31
|
padding: var(--590b8d) var(--813599);
|
|
32
32
|
font-size: var(--475c79);
|
|
33
33
|
font-weight: var(--a3f251);
|
|
34
34
|
line-height: var(--e33d9e);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
._badge_q6jfn_2[data-type='neutral'] {
|
|
37
37
|
background: var(--319b29);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._badge_q6jfn_2[data-type='positive'] {
|
|
40
40
|
background: var(--1836a4);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._badge_q6jfn_2[data-type='warning'] {
|
|
43
43
|
background: var(--b503b8);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._badge_q6jfn_2[data-type='info'] {
|
|
46
46
|
background: var(--94a45e);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
._badge_q6jfn_2[data-type='critical'] {
|
|
49
49
|
background: var(--f15644);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._badge_q6jfn_2[data-accent=unset] {
|
|
52
52
|
color: var(--c9575b);
|
|
53
53
|
background-color: var(--8f1238);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._badge_q6jfn_2[data-accent=unset][data-inverted=true] {
|
|
56
56
|
color: var(--55407f);
|
|
57
57
|
background-color: var(--7c8c3c);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._badge_q6jfn_2[data-accent='accent'] {
|
|
60
60
|
color: var(--dede3f);
|
|
61
61
|
background-color: var(--eba8f8);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._badge_q6jfn_2[data-accent='accent'][data-inverted=true] {
|
|
64
64
|
color: var(--732eb5);
|
|
65
65
|
background-color: var(--54c075);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._badge_q6jfn_2[data-accent='info'] {
|
|
68
68
|
color: var(--f3be0c);
|
|
69
69
|
background-color: var(--7a1a33);
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
._badge_q6jfn_2[data-accent='info'][data-inverted=true] {
|
|
72
72
|
color: var(--506df4);
|
|
73
73
|
background-color: var(--fa3428);
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._badge_q6jfn_2[data-accent='positive'] {
|
|
76
76
|
color: var(--2a2719);
|
|
77
77
|
background-color: var(--694afa);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._badge_q6jfn_2[data-accent='positive'][data-inverted=true] {
|
|
80
80
|
color: var(--30c365);
|
|
81
81
|
background-color: var(--47c404);
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._badge_q6jfn_2[data-accent='warning'] {
|
|
84
84
|
color: var(--84e571);
|
|
85
85
|
background-color: var(--02372a);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._badge_q6jfn_2[data-accent='warning'][data-inverted=true] {
|
|
88
88
|
color: var(--363237);
|
|
89
89
|
background-color: var(--08fa29);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._badge_q6jfn_2[data-accent='critical'] {
|
|
92
92
|
color: var(--036159);
|
|
93
93
|
background-color: var(--22f022);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._badge_q6jfn_2[data-accent='critical'][data-inverted=true] {
|
|
96
96
|
color: var(--90eeff);
|
|
97
97
|
background-color: var(--cdb1f6);
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._badge_q6jfn_2[data-accent='tertiary'] {
|
|
100
100
|
color: var(--d7e14c);
|
|
101
101
|
background-color: var(--a453d7);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
._badge_q6jfn_2[data-accent='tertiary'][data-inverted=true] {
|
|
104
104
|
color: var(--ab5158);
|
|
105
105
|
background-color: var(--50e919);
|
|
106
106
|
}
|