@zohodesk/components 1.0.0-temp-204 → 1.0.0-temp-205
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/.cli/PropUnificationExcludeFilesArray.js +230 -230
- package/.cli/PropValidationExcludeFilesArray.js +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +4 -0
- package/css_error.log +1 -1
- package/es/AppContainer/AppContainer.js +0 -1
- package/es/Avatar/Avatar.js +9 -9
- package/es/Avatar/Avatar.module.css +2 -2
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
- package/es/Button/css/Button.module.css +22 -6
- package/es/Buttongroup/Buttongroup.module.css +1 -1
- package/es/DateTime/DateTime.module.css +11 -8
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +24 -9
- package/es/DropBox/css/DropBox.module.css +1 -1
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- package/es/ListItem/ListItemWithAvatar.js +5 -9
- package/es/ListItem/props/defaultProps.js +0 -1
- package/es/ListItem/props/propTypes.js +1 -4
- package/es/MultiSelect/Suggestions.js +0 -2
- package/es/MultiSelect/props/propTypes.js +0 -1
- package/es/Radio/Radio.js +3 -2
- package/es/Radio/Radio.module.css +2 -1
- package/es/Radio/props/propTypes.js +2 -1
- package/es/Ribbon/Ribbon.module.css +6 -6
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
- package/es/Switch/Switch.module.css +2 -1
- package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- package/es/Tab/Tabs.js +20 -124
- package/es/Tab/Tabs.module.css +1 -32
- package/es/Tab/props/defaultProps.js +1 -3
- package/es/Tab/props/propTypes.js +1 -6
- package/es/Tooltip/Tooltip.module.css +3 -0
- package/es/v1/AppContainer/AppContainer.js +0 -1
- package/es/v1/Avatar/Avatar.js +5 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/es/v1/Button/Button.js +4 -4
- package/es/v1/Card/Card.js +4 -4
- package/es/v1/ListItem/ListItemWithAvatar.js +5 -9
- package/es/v1/ListItem/props/defaultProps.js +0 -1
- package/es/v1/ListItem/props/propTypes.js +1 -4
- package/es/v1/MultiSelect/Suggestions.js +0 -2
- package/es/v1/MultiSelect/props/propTypes.js +0 -1
- package/es/v1/Tab/v1Tabs.module.css +3 -3
- package/lib/AppContainer/AppContainer.js +0 -2
- package/lib/Avatar/Avatar.js +9 -9
- package/lib/Avatar/Avatar.module.css +2 -2
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
- package/lib/Button/css/Button.module.css +22 -6
- package/lib/Buttongroup/Buttongroup.module.css +1 -1
- package/lib/DateTime/DateTime.module.css +11 -8
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +24 -9
- package/lib/DropBox/css/DropBox.module.css +1 -1
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- package/lib/ListItem/ListItemWithAvatar.js +5 -9
- package/lib/ListItem/props/defaultProps.js +0 -1
- package/lib/ListItem/props/propTypes.js +2 -4
- package/lib/MultiSelect/Suggestions.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -1
- package/lib/Radio/Radio.js +3 -2
- package/lib/Radio/Radio.module.css +2 -1
- package/lib/Radio/props/propTypes.js +2 -1
- package/lib/Ribbon/Ribbon.module.css +6 -6
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
- package/lib/Switch/Switch.module.css +2 -1
- package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- package/lib/Tab/Tabs.js +27 -125
- package/lib/Tab/Tabs.module.css +1 -32
- package/lib/Tab/props/defaultProps.js +1 -3
- package/lib/Tab/props/propTypes.js +1 -6
- package/lib/Tooltip/Tooltip.module.css +3 -0
- package/lib/v1/AppContainer/AppContainer.js +0 -2
- package/lib/v1/Avatar/Avatar.js +5 -5
- package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/lib/v1/Button/Button.js +4 -4
- package/lib/v1/Card/Card.js +4 -4
- package/lib/v1/ListItem/ListItemWithAvatar.js +5 -9
- package/lib/v1/ListItem/props/defaultProps.js +0 -1
- package/lib/v1/ListItem/props/propTypes.js +2 -4
- package/lib/v1/MultiSelect/Suggestions.js +0 -2
- package/lib/v1/MultiSelect/props/propTypes.js +0 -1
- package/lib/v1/Tab/v1Tabs.module.css +3 -3
- package/package.json +17 -13
- package/propValidationArg.json +11 -11
- package/result.json +1 -1
- /package/es/{select → Select}/GroupSelect.js +0 -0
- /package/es/{select → Select}/Select.js +0 -0
- /package/es/{select → Select}/Select.module.css +0 -0
- /package/es/{select → Select}/SelectWithAvatar.js +0 -0
- /package/es/{select → Select}/SelectWithIcon.js +0 -0
- /package/es/{select → Select}/__tests__/GroupSelect.spec.js +0 -0
- /package/es/{select → Select}/__tests__/Select.spec.js +0 -0
- /package/es/{select → Select}/__tests__/SelectWithAvatar.spec.js +0 -0
- /package/es/{select → Select}/__tests__/SelectWithIcon.spec.js +0 -0
- /package/es/{select → Select}/__tests__/__snapshots__/GroupSelect.spec.js.snap +0 -0
- /package/es/{select → Select}/__tests__/__snapshots__/Select.spec.js.snap +0 -0
- /package/es/{select → Select}/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +0 -0
- /package/es/{select → Select}/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +0 -0
- /package/es/{select → Select}/index.js +0 -0
- /package/es/{select → Select}/props/defaultProps.js +0 -0
- /package/es/{select → Select}/props/propTypes.js +0 -0
- /package/es/{common → deprecated}/boxShadow.module.css +0 -0
- /package/lib/{select → Select}/GroupSelect.js +0 -0
- /package/lib/{select → Select}/Select.js +0 -0
- /package/lib/{select → Select}/Select.module.css +0 -0
- /package/lib/{select → Select}/SelectWithAvatar.js +0 -0
- /package/lib/{select → Select}/SelectWithIcon.js +0 -0
- /package/lib/{select → Select}/__tests__/GroupSelect.spec.js +0 -0
- /package/lib/{select → Select}/__tests__/Select.spec.js +0 -0
- /package/lib/{select → Select}/__tests__/SelectWithAvatar.spec.js +0 -0
- /package/lib/{select → Select}/__tests__/SelectWithIcon.spec.js +0 -0
- /package/lib/{select → Select}/__tests__/__snapshots__/GroupSelect.spec.js.snap +0 -0
- /package/lib/{select → Select}/__tests__/__snapshots__/Select.spec.js.snap +0 -0
- /package/lib/{select → Select}/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +0 -0
- /package/lib/{select → Select}/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +0 -0
- /package/lib/{select → Select}/index.js +0 -0
- /package/lib/{select → Select}/props/defaultProps.js +0 -0
- /package/lib/{select → Select}/props/propTypes.js +0 -0
- /package/lib/{common → deprecated}/boxShadow.module.css +0 -0
|
@@ -1,312 +1,312 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Label rendering the Id 1`] = `
|
|
4
|
-
<DocumentFragment>
|
|
5
|
-
<label
|
|
6
|
-
class="label title medium default font_default
|
|
7
|
-
cursor "
|
|
8
|
-
data-id="label"
|
|
9
|
-
data-selector-id="label"
|
|
10
|
-
data-test-id="label"
|
|
11
|
-
id="LabelID"
|
|
12
|
-
>
|
|
13
|
-
Label
|
|
14
|
-
</label>
|
|
15
|
-
</DocumentFragment>
|
|
16
|
-
`;
|
|
17
|
-
|
|
18
|
-
exports[`Label rendering the clipped is true 1`] = `
|
|
19
|
-
<DocumentFragment>
|
|
20
|
-
<label
|
|
21
|
-
class="label title medium default font_default
|
|
22
|
-
dotted cursor "
|
|
23
|
-
data-id="label"
|
|
24
|
-
data-selector-id="label"
|
|
25
|
-
data-test-id="label"
|
|
26
|
-
>
|
|
27
|
-
Label
|
|
28
|
-
</label>
|
|
29
|
-
</DocumentFragment>
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
exports[`Label rendering the customClass 1`] = `
|
|
33
|
-
<DocumentFragment>
|
|
34
|
-
<label
|
|
35
|
-
class="label title medium default font_default
|
|
36
|
-
cursor LabelCustomClass "
|
|
37
|
-
data-id="label"
|
|
38
|
-
data-selector-id="label"
|
|
39
|
-
data-test-id="label"
|
|
40
|
-
>
|
|
41
|
-
Label
|
|
42
|
-
</label>
|
|
43
|
-
</DocumentFragment>
|
|
44
|
-
`;
|
|
45
|
-
|
|
46
|
-
exports[`Label rendering the defult props 1`] = `
|
|
47
|
-
<DocumentFragment>
|
|
48
|
-
<label
|
|
49
|
-
class="label title medium default font_default
|
|
50
|
-
cursor "
|
|
51
|
-
data-id="label"
|
|
52
|
-
data-selector-id="label"
|
|
53
|
-
data-test-id="label"
|
|
54
|
-
>
|
|
55
|
-
Label
|
|
56
|
-
</label>
|
|
57
|
-
</DocumentFragment>
|
|
58
|
-
`;
|
|
59
|
-
|
|
60
|
-
exports[`Label rendering the htmlFor 1`] = `
|
|
61
|
-
<DocumentFragment>
|
|
62
|
-
<label
|
|
63
|
-
class="label title medium default font_default
|
|
64
|
-
cursor "
|
|
65
|
-
data-id="label"
|
|
66
|
-
data-selector-id="label"
|
|
67
|
-
data-test-id="label"
|
|
68
|
-
for="LabelHtmlFor"
|
|
69
|
-
>
|
|
70
|
-
Label
|
|
71
|
-
</label>
|
|
72
|
-
</DocumentFragment>
|
|
73
|
-
`;
|
|
74
|
-
|
|
75
|
-
exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
|
|
76
|
-
<DocumentFragment>
|
|
77
|
-
<label
|
|
78
|
-
class="label title medium default font_default
|
|
79
|
-
pointer "
|
|
80
|
-
data-id="label"
|
|
81
|
-
data-selector-id="label"
|
|
82
|
-
data-test-id="label"
|
|
83
|
-
>
|
|
84
|
-
Click Me
|
|
85
|
-
</label>
|
|
86
|
-
</DocumentFragment>
|
|
87
|
-
`;
|
|
88
|
-
|
|
89
|
-
exports[`Label rendering the palette of- danger 1`] = `
|
|
90
|
-
<DocumentFragment>
|
|
91
|
-
<label
|
|
92
|
-
class="label title medium danger font_default
|
|
93
|
-
cursor "
|
|
94
|
-
data-id="label"
|
|
95
|
-
data-selector-id="label"
|
|
96
|
-
data-test-id="label"
|
|
97
|
-
>
|
|
98
|
-
Label
|
|
99
|
-
</label>
|
|
100
|
-
</DocumentFragment>
|
|
101
|
-
`;
|
|
102
|
-
|
|
103
|
-
exports[`Label rendering the palette of- dark 1`] = `
|
|
104
|
-
<DocumentFragment>
|
|
105
|
-
<label
|
|
106
|
-
class="label title medium dark font_default
|
|
107
|
-
cursor "
|
|
108
|
-
data-id="label"
|
|
109
|
-
data-selector-id="label"
|
|
110
|
-
data-test-id="label"
|
|
111
|
-
>
|
|
112
|
-
Label
|
|
113
|
-
</label>
|
|
114
|
-
</DocumentFragment>
|
|
115
|
-
`;
|
|
116
|
-
|
|
117
|
-
exports[`Label rendering the palette of- default 1`] = `
|
|
118
|
-
<DocumentFragment>
|
|
119
|
-
<label
|
|
120
|
-
class="label title medium default font_default
|
|
121
|
-
cursor "
|
|
122
|
-
data-id="label"
|
|
123
|
-
data-selector-id="label"
|
|
124
|
-
data-test-id="label"
|
|
125
|
-
>
|
|
126
|
-
Label
|
|
127
|
-
</label>
|
|
128
|
-
</DocumentFragment>
|
|
129
|
-
`;
|
|
130
|
-
|
|
131
|
-
exports[`Label rendering the palette of- disable 1`] = `
|
|
132
|
-
<DocumentFragment>
|
|
133
|
-
<label
|
|
134
|
-
class="label title medium disable font_default
|
|
135
|
-
cursor "
|
|
136
|
-
data-id="label"
|
|
137
|
-
data-selector-id="label"
|
|
138
|
-
data-test-id="label"
|
|
139
|
-
>
|
|
140
|
-
Label
|
|
141
|
-
</label>
|
|
142
|
-
</DocumentFragment>
|
|
143
|
-
`;
|
|
144
|
-
|
|
145
|
-
exports[`Label rendering the palette of- mandatory 1`] = `
|
|
146
|
-
<DocumentFragment>
|
|
147
|
-
<label
|
|
148
|
-
class="label title medium mandatory font_default
|
|
149
|
-
cursor "
|
|
150
|
-
data-id="label"
|
|
151
|
-
data-selector-id="label"
|
|
152
|
-
data-test-id="label"
|
|
153
|
-
>
|
|
154
|
-
Label
|
|
155
|
-
</label>
|
|
156
|
-
</DocumentFragment>
|
|
157
|
-
`;
|
|
158
|
-
|
|
159
|
-
exports[`Label rendering the palette of- primary 1`] = `
|
|
160
|
-
<DocumentFragment>
|
|
161
|
-
<label
|
|
162
|
-
class="label title medium primary font_default
|
|
163
|
-
cursor "
|
|
164
|
-
data-id="label"
|
|
165
|
-
data-selector-id="label"
|
|
166
|
-
data-test-id="label"
|
|
167
|
-
>
|
|
168
|
-
Label
|
|
169
|
-
</label>
|
|
170
|
-
</DocumentFragment>
|
|
171
|
-
`;
|
|
172
|
-
|
|
173
|
-
exports[`Label rendering the palette of- secondary 1`] = `
|
|
174
|
-
<DocumentFragment>
|
|
175
|
-
<label
|
|
176
|
-
class="label title medium secondary font_default
|
|
177
|
-
cursor "
|
|
178
|
-
data-id="label"
|
|
179
|
-
data-selector-id="label"
|
|
180
|
-
data-test-id="label"
|
|
181
|
-
>
|
|
182
|
-
Label
|
|
183
|
-
</label>
|
|
184
|
-
</DocumentFragment>
|
|
185
|
-
`;
|
|
186
|
-
|
|
187
|
-
exports[`Label rendering the size of- large 1`] = `
|
|
188
|
-
<DocumentFragment>
|
|
189
|
-
<label
|
|
190
|
-
class="label title large default font_default
|
|
191
|
-
cursor "
|
|
192
|
-
data-id="label"
|
|
193
|
-
data-selector-id="label"
|
|
194
|
-
data-test-id="label"
|
|
195
|
-
>
|
|
196
|
-
Label
|
|
197
|
-
</label>
|
|
198
|
-
</DocumentFragment>
|
|
199
|
-
`;
|
|
200
|
-
|
|
201
|
-
exports[`Label rendering the size of- medium 1`] = `
|
|
202
|
-
<DocumentFragment>
|
|
203
|
-
<label
|
|
204
|
-
class="label title medium default font_default
|
|
205
|
-
cursor "
|
|
206
|
-
data-id="label"
|
|
207
|
-
data-selector-id="label"
|
|
208
|
-
data-test-id="label"
|
|
209
|
-
>
|
|
210
|
-
Label
|
|
211
|
-
</label>
|
|
212
|
-
</DocumentFragment>
|
|
213
|
-
`;
|
|
214
|
-
|
|
215
|
-
exports[`Label rendering the size of- small 1`] = `
|
|
216
|
-
<DocumentFragment>
|
|
217
|
-
<label
|
|
218
|
-
class="label title small default font_default
|
|
219
|
-
cursor "
|
|
220
|
-
data-id="label"
|
|
221
|
-
data-selector-id="label"
|
|
222
|
-
data-test-id="label"
|
|
223
|
-
>
|
|
224
|
-
Label
|
|
225
|
-
</label>
|
|
226
|
-
</DocumentFragment>
|
|
227
|
-
`;
|
|
228
|
-
|
|
229
|
-
exports[`Label rendering the size of- xsmall 1`] = `
|
|
230
|
-
<DocumentFragment>
|
|
231
|
-
<label
|
|
232
|
-
class="label title xsmall default font_default
|
|
233
|
-
cursor "
|
|
234
|
-
data-id="label"
|
|
235
|
-
data-selector-id="label"
|
|
236
|
-
data-test-id="label"
|
|
237
|
-
>
|
|
238
|
-
Label
|
|
239
|
-
</label>
|
|
240
|
-
</DocumentFragment>
|
|
241
|
-
`;
|
|
242
|
-
|
|
243
|
-
exports[`Label rendering the title 1`] = `
|
|
244
|
-
<DocumentFragment>
|
|
245
|
-
<label
|
|
246
|
-
class="label title medium default font_default
|
|
247
|
-
cursor "
|
|
248
|
-
data-id="label"
|
|
249
|
-
data-selector-id="label"
|
|
250
|
-
data-test-id="label"
|
|
251
|
-
data-title="labelTitle"
|
|
252
|
-
>
|
|
253
|
-
Label
|
|
254
|
-
</label>
|
|
255
|
-
</DocumentFragment>
|
|
256
|
-
`;
|
|
257
|
-
|
|
258
|
-
exports[`Label rendering the type of- subtitle 1`] = `
|
|
259
|
-
<DocumentFragment>
|
|
260
|
-
<label
|
|
261
|
-
class="label subtitle medium default font_default
|
|
262
|
-
cursor "
|
|
263
|
-
data-id="label"
|
|
264
|
-
data-selector-id="label"
|
|
265
|
-
data-test-id="label"
|
|
266
|
-
>
|
|
267
|
-
Label
|
|
268
|
-
</label>
|
|
269
|
-
</DocumentFragment>
|
|
270
|
-
`;
|
|
271
|
-
|
|
272
|
-
exports[`Label rendering the type of- title 1`] = `
|
|
273
|
-
<DocumentFragment>
|
|
274
|
-
<label
|
|
275
|
-
class="label title medium default font_default
|
|
276
|
-
cursor "
|
|
277
|
-
data-id="label"
|
|
278
|
-
data-selector-id="label"
|
|
279
|
-
data-test-id="label"
|
|
280
|
-
>
|
|
281
|
-
Label
|
|
282
|
-
</label>
|
|
283
|
-
</DocumentFragment>
|
|
284
|
-
`;
|
|
285
|
-
|
|
286
|
-
exports[`Label rendering the variant of- default 1`] = `
|
|
287
|
-
<DocumentFragment>
|
|
288
|
-
<label
|
|
289
|
-
class="label title medium default font_default
|
|
290
|
-
cursor "
|
|
291
|
-
data-id="label"
|
|
292
|
-
data-selector-id="label"
|
|
293
|
-
data-test-id="label"
|
|
294
|
-
>
|
|
295
|
-
Label
|
|
296
|
-
</label>
|
|
297
|
-
</DocumentFragment>
|
|
298
|
-
`;
|
|
299
|
-
|
|
300
|
-
exports[`Label rendering the variant of- primary 1`] = `
|
|
301
|
-
<DocumentFragment>
|
|
302
|
-
<label
|
|
303
|
-
class="label title medium default font_primary
|
|
304
|
-
cursor "
|
|
305
|
-
data-id="label"
|
|
306
|
-
data-selector-id="label"
|
|
307
|
-
data-test-id="label"
|
|
308
|
-
>
|
|
309
|
-
Label
|
|
310
|
-
</label>
|
|
311
|
-
</DocumentFragment>
|
|
312
|
-
`;
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`Label rendering the Id 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<label
|
|
6
|
+
class="label title medium default font_default
|
|
7
|
+
cursor "
|
|
8
|
+
data-id="label"
|
|
9
|
+
data-selector-id="label"
|
|
10
|
+
data-test-id="label"
|
|
11
|
+
id="LabelID"
|
|
12
|
+
>
|
|
13
|
+
Label
|
|
14
|
+
</label>
|
|
15
|
+
</DocumentFragment>
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
exports[`Label rendering the clipped is true 1`] = `
|
|
19
|
+
<DocumentFragment>
|
|
20
|
+
<label
|
|
21
|
+
class="label title medium default font_default
|
|
22
|
+
dotted cursor "
|
|
23
|
+
data-id="label"
|
|
24
|
+
data-selector-id="label"
|
|
25
|
+
data-test-id="label"
|
|
26
|
+
>
|
|
27
|
+
Label
|
|
28
|
+
</label>
|
|
29
|
+
</DocumentFragment>
|
|
30
|
+
`;
|
|
31
|
+
|
|
32
|
+
exports[`Label rendering the customClass 1`] = `
|
|
33
|
+
<DocumentFragment>
|
|
34
|
+
<label
|
|
35
|
+
class="label title medium default font_default
|
|
36
|
+
cursor LabelCustomClass "
|
|
37
|
+
data-id="label"
|
|
38
|
+
data-selector-id="label"
|
|
39
|
+
data-test-id="label"
|
|
40
|
+
>
|
|
41
|
+
Label
|
|
42
|
+
</label>
|
|
43
|
+
</DocumentFragment>
|
|
44
|
+
`;
|
|
45
|
+
|
|
46
|
+
exports[`Label rendering the defult props 1`] = `
|
|
47
|
+
<DocumentFragment>
|
|
48
|
+
<label
|
|
49
|
+
class="label title medium default font_default
|
|
50
|
+
cursor "
|
|
51
|
+
data-id="label"
|
|
52
|
+
data-selector-id="label"
|
|
53
|
+
data-test-id="label"
|
|
54
|
+
>
|
|
55
|
+
Label
|
|
56
|
+
</label>
|
|
57
|
+
</DocumentFragment>
|
|
58
|
+
`;
|
|
59
|
+
|
|
60
|
+
exports[`Label rendering the htmlFor 1`] = `
|
|
61
|
+
<DocumentFragment>
|
|
62
|
+
<label
|
|
63
|
+
class="label title medium default font_default
|
|
64
|
+
cursor "
|
|
65
|
+
data-id="label"
|
|
66
|
+
data-selector-id="label"
|
|
67
|
+
data-test-id="label"
|
|
68
|
+
for="LabelHtmlFor"
|
|
69
|
+
>
|
|
70
|
+
Label
|
|
71
|
+
</label>
|
|
72
|
+
</DocumentFragment>
|
|
73
|
+
`;
|
|
74
|
+
|
|
75
|
+
exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
|
|
76
|
+
<DocumentFragment>
|
|
77
|
+
<label
|
|
78
|
+
class="label title medium default font_default
|
|
79
|
+
pointer "
|
|
80
|
+
data-id="label"
|
|
81
|
+
data-selector-id="label"
|
|
82
|
+
data-test-id="label"
|
|
83
|
+
>
|
|
84
|
+
Click Me
|
|
85
|
+
</label>
|
|
86
|
+
</DocumentFragment>
|
|
87
|
+
`;
|
|
88
|
+
|
|
89
|
+
exports[`Label rendering the palette of- danger 1`] = `
|
|
90
|
+
<DocumentFragment>
|
|
91
|
+
<label
|
|
92
|
+
class="label title medium danger font_default
|
|
93
|
+
cursor "
|
|
94
|
+
data-id="label"
|
|
95
|
+
data-selector-id="label"
|
|
96
|
+
data-test-id="label"
|
|
97
|
+
>
|
|
98
|
+
Label
|
|
99
|
+
</label>
|
|
100
|
+
</DocumentFragment>
|
|
101
|
+
`;
|
|
102
|
+
|
|
103
|
+
exports[`Label rendering the palette of- dark 1`] = `
|
|
104
|
+
<DocumentFragment>
|
|
105
|
+
<label
|
|
106
|
+
class="label title medium dark font_default
|
|
107
|
+
cursor "
|
|
108
|
+
data-id="label"
|
|
109
|
+
data-selector-id="label"
|
|
110
|
+
data-test-id="label"
|
|
111
|
+
>
|
|
112
|
+
Label
|
|
113
|
+
</label>
|
|
114
|
+
</DocumentFragment>
|
|
115
|
+
`;
|
|
116
|
+
|
|
117
|
+
exports[`Label rendering the palette of- default 1`] = `
|
|
118
|
+
<DocumentFragment>
|
|
119
|
+
<label
|
|
120
|
+
class="label title medium default font_default
|
|
121
|
+
cursor "
|
|
122
|
+
data-id="label"
|
|
123
|
+
data-selector-id="label"
|
|
124
|
+
data-test-id="label"
|
|
125
|
+
>
|
|
126
|
+
Label
|
|
127
|
+
</label>
|
|
128
|
+
</DocumentFragment>
|
|
129
|
+
`;
|
|
130
|
+
|
|
131
|
+
exports[`Label rendering the palette of- disable 1`] = `
|
|
132
|
+
<DocumentFragment>
|
|
133
|
+
<label
|
|
134
|
+
class="label title medium disable font_default
|
|
135
|
+
cursor "
|
|
136
|
+
data-id="label"
|
|
137
|
+
data-selector-id="label"
|
|
138
|
+
data-test-id="label"
|
|
139
|
+
>
|
|
140
|
+
Label
|
|
141
|
+
</label>
|
|
142
|
+
</DocumentFragment>
|
|
143
|
+
`;
|
|
144
|
+
|
|
145
|
+
exports[`Label rendering the palette of- mandatory 1`] = `
|
|
146
|
+
<DocumentFragment>
|
|
147
|
+
<label
|
|
148
|
+
class="label title medium mandatory font_default
|
|
149
|
+
cursor "
|
|
150
|
+
data-id="label"
|
|
151
|
+
data-selector-id="label"
|
|
152
|
+
data-test-id="label"
|
|
153
|
+
>
|
|
154
|
+
Label
|
|
155
|
+
</label>
|
|
156
|
+
</DocumentFragment>
|
|
157
|
+
`;
|
|
158
|
+
|
|
159
|
+
exports[`Label rendering the palette of- primary 1`] = `
|
|
160
|
+
<DocumentFragment>
|
|
161
|
+
<label
|
|
162
|
+
class="label title medium primary font_default
|
|
163
|
+
cursor "
|
|
164
|
+
data-id="label"
|
|
165
|
+
data-selector-id="label"
|
|
166
|
+
data-test-id="label"
|
|
167
|
+
>
|
|
168
|
+
Label
|
|
169
|
+
</label>
|
|
170
|
+
</DocumentFragment>
|
|
171
|
+
`;
|
|
172
|
+
|
|
173
|
+
exports[`Label rendering the palette of- secondary 1`] = `
|
|
174
|
+
<DocumentFragment>
|
|
175
|
+
<label
|
|
176
|
+
class="label title medium secondary font_default
|
|
177
|
+
cursor "
|
|
178
|
+
data-id="label"
|
|
179
|
+
data-selector-id="label"
|
|
180
|
+
data-test-id="label"
|
|
181
|
+
>
|
|
182
|
+
Label
|
|
183
|
+
</label>
|
|
184
|
+
</DocumentFragment>
|
|
185
|
+
`;
|
|
186
|
+
|
|
187
|
+
exports[`Label rendering the size of- large 1`] = `
|
|
188
|
+
<DocumentFragment>
|
|
189
|
+
<label
|
|
190
|
+
class="label title large default font_default
|
|
191
|
+
cursor "
|
|
192
|
+
data-id="label"
|
|
193
|
+
data-selector-id="label"
|
|
194
|
+
data-test-id="label"
|
|
195
|
+
>
|
|
196
|
+
Label
|
|
197
|
+
</label>
|
|
198
|
+
</DocumentFragment>
|
|
199
|
+
`;
|
|
200
|
+
|
|
201
|
+
exports[`Label rendering the size of- medium 1`] = `
|
|
202
|
+
<DocumentFragment>
|
|
203
|
+
<label
|
|
204
|
+
class="label title medium default font_default
|
|
205
|
+
cursor "
|
|
206
|
+
data-id="label"
|
|
207
|
+
data-selector-id="label"
|
|
208
|
+
data-test-id="label"
|
|
209
|
+
>
|
|
210
|
+
Label
|
|
211
|
+
</label>
|
|
212
|
+
</DocumentFragment>
|
|
213
|
+
`;
|
|
214
|
+
|
|
215
|
+
exports[`Label rendering the size of- small 1`] = `
|
|
216
|
+
<DocumentFragment>
|
|
217
|
+
<label
|
|
218
|
+
class="label title small default font_default
|
|
219
|
+
cursor "
|
|
220
|
+
data-id="label"
|
|
221
|
+
data-selector-id="label"
|
|
222
|
+
data-test-id="label"
|
|
223
|
+
>
|
|
224
|
+
Label
|
|
225
|
+
</label>
|
|
226
|
+
</DocumentFragment>
|
|
227
|
+
`;
|
|
228
|
+
|
|
229
|
+
exports[`Label rendering the size of- xsmall 1`] = `
|
|
230
|
+
<DocumentFragment>
|
|
231
|
+
<label
|
|
232
|
+
class="label title xsmall default font_default
|
|
233
|
+
cursor "
|
|
234
|
+
data-id="label"
|
|
235
|
+
data-selector-id="label"
|
|
236
|
+
data-test-id="label"
|
|
237
|
+
>
|
|
238
|
+
Label
|
|
239
|
+
</label>
|
|
240
|
+
</DocumentFragment>
|
|
241
|
+
`;
|
|
242
|
+
|
|
243
|
+
exports[`Label rendering the title 1`] = `
|
|
244
|
+
<DocumentFragment>
|
|
245
|
+
<label
|
|
246
|
+
class="label title medium default font_default
|
|
247
|
+
cursor "
|
|
248
|
+
data-id="label"
|
|
249
|
+
data-selector-id="label"
|
|
250
|
+
data-test-id="label"
|
|
251
|
+
data-title="labelTitle"
|
|
252
|
+
>
|
|
253
|
+
Label
|
|
254
|
+
</label>
|
|
255
|
+
</DocumentFragment>
|
|
256
|
+
`;
|
|
257
|
+
|
|
258
|
+
exports[`Label rendering the type of- subtitle 1`] = `
|
|
259
|
+
<DocumentFragment>
|
|
260
|
+
<label
|
|
261
|
+
class="label subtitle medium default font_default
|
|
262
|
+
cursor "
|
|
263
|
+
data-id="label"
|
|
264
|
+
data-selector-id="label"
|
|
265
|
+
data-test-id="label"
|
|
266
|
+
>
|
|
267
|
+
Label
|
|
268
|
+
</label>
|
|
269
|
+
</DocumentFragment>
|
|
270
|
+
`;
|
|
271
|
+
|
|
272
|
+
exports[`Label rendering the type of- title 1`] = `
|
|
273
|
+
<DocumentFragment>
|
|
274
|
+
<label
|
|
275
|
+
class="label title medium default font_default
|
|
276
|
+
cursor "
|
|
277
|
+
data-id="label"
|
|
278
|
+
data-selector-id="label"
|
|
279
|
+
data-test-id="label"
|
|
280
|
+
>
|
|
281
|
+
Label
|
|
282
|
+
</label>
|
|
283
|
+
</DocumentFragment>
|
|
284
|
+
`;
|
|
285
|
+
|
|
286
|
+
exports[`Label rendering the variant of- default 1`] = `
|
|
287
|
+
<DocumentFragment>
|
|
288
|
+
<label
|
|
289
|
+
class="label title medium default font_default
|
|
290
|
+
cursor "
|
|
291
|
+
data-id="label"
|
|
292
|
+
data-selector-id="label"
|
|
293
|
+
data-test-id="label"
|
|
294
|
+
>
|
|
295
|
+
Label
|
|
296
|
+
</label>
|
|
297
|
+
</DocumentFragment>
|
|
298
|
+
`;
|
|
299
|
+
|
|
300
|
+
exports[`Label rendering the variant of- primary 1`] = `
|
|
301
|
+
<DocumentFragment>
|
|
302
|
+
<label
|
|
303
|
+
class="label title medium default font_primary
|
|
304
|
+
cursor "
|
|
305
|
+
data-id="label"
|
|
306
|
+
data-selector-id="label"
|
|
307
|
+
data-test-id="label"
|
|
308
|
+
>
|
|
309
|
+
Label
|
|
310
|
+
</label>
|
|
311
|
+
</DocumentFragment>
|
|
312
|
+
`;
|
|
@@ -74,9 +74,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
|
|
|
74
74
|
a11y,
|
|
75
75
|
customClass,
|
|
76
76
|
customProps,
|
|
77
|
-
needMultiLineText
|
|
78
|
-
onAvatarClick,
|
|
79
|
-
avatarSize
|
|
77
|
+
needMultiLineText
|
|
80
78
|
} = this.props;
|
|
81
79
|
let {
|
|
82
80
|
ListItemProps = {},
|
|
@@ -121,7 +119,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
|
|
|
121
119
|
className: style.leftAvatar
|
|
122
120
|
}, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
|
|
123
121
|
name: name,
|
|
124
|
-
size:
|
|
122
|
+
size: "small",
|
|
125
123
|
src: imgSrc,
|
|
126
124
|
needTitle: needAvatarTitle,
|
|
127
125
|
textPalette: isDarkPalette ? 'white' : '',
|
|
@@ -129,18 +127,16 @@ export default class ListItemWithAvatar extends React.PureComponent {
|
|
|
129
127
|
customClass: {
|
|
130
128
|
customAvatar: customAvatar,
|
|
131
129
|
customAvatarTeam: customAvatarTeam
|
|
132
|
-
}
|
|
133
|
-
onClick: onAvatarClick
|
|
130
|
+
}
|
|
134
131
|
}) : /*#__PURE__*/React.createElement(Avatar, {
|
|
135
132
|
name: name,
|
|
136
|
-
size:
|
|
133
|
+
size: "small",
|
|
137
134
|
src: imgSrc,
|
|
138
135
|
initial: initial,
|
|
139
136
|
textPalette: isDarkPalette ? 'white' : '',
|
|
140
137
|
needTitle: needAvatarTitle,
|
|
141
138
|
palette: isDarkPalette ? 'info' : avatarPalette,
|
|
142
|
-
customClass: customAvatar
|
|
143
|
-
onClick: onAvatarClick
|
|
139
|
+
customClass: customAvatar
|
|
144
140
|
})) : null, value ? /*#__PURE__*/React.createElement(Box, {
|
|
145
141
|
flexible: true,
|
|
146
142
|
shrink: true,
|