@zohodesk/components 1.0.0-temp-196 → 1.0.0-temp-197

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 (80) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +0 -5
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.js +0 -1
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +2 -2
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  11. package/es/Button/css/Button.module.css +22 -6
  12. package/es/Buttongroup/Buttongroup.module.css +1 -1
  13. package/es/DateTime/DateTime.module.css +11 -8
  14. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +11 -7
  15. package/es/DropBox/css/DropBox.module.css +1 -1
  16. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  17. package/es/MultiSelect/MultiSelect.js +5 -5
  18. package/es/Provider/LibraryContext.js +3 -15
  19. package/es/Ribbon/Ribbon.module.css +6 -6
  20. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  21. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  22. package/es/Switch/Switch.module.css +2 -1
  23. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  24. package/es/Tab/Tabs.module.css +3 -3
  25. package/es/Tag/Tag.js +9 -11
  26. package/es/Tag/props/defaultProps.js +0 -1
  27. package/es/Tag/props/propTypes.js +0 -1
  28. package/es/Tooltip/Tooltip.module.css +3 -0
  29. package/es/v1/AppContainer/AppContainer.js +0 -1
  30. package/es/v1/Avatar/Avatar.js +5 -5
  31. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  32. package/es/v1/Button/Button.js +4 -4
  33. package/es/v1/Card/Card.js +4 -4
  34. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  35. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  36. package/es/v1/Tab/Tabs.js +11 -11
  37. package/es/v1/Tab/v1Tabs.module.css +3 -3
  38. package/es/v1/Tag/Tag.js +9 -11
  39. package/es/v1/Tag/props/defaultProps.js +0 -1
  40. package/es/v1/Tag/props/propTypes.js +0 -1
  41. package/lib/AppContainer/AppContainer.js +0 -2
  42. package/lib/Avatar/Avatar.js +9 -9
  43. package/lib/Avatar/Avatar.module.css +2 -2
  44. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  45. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  46. package/lib/Button/css/Button.module.css +22 -6
  47. package/lib/Buttongroup/Buttongroup.module.css +1 -1
  48. package/lib/DateTime/DateTime.module.css +11 -8
  49. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +11 -7
  50. package/lib/DropBox/css/DropBox.module.css +1 -1
  51. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  52. package/lib/MultiSelect/MultiSelect.js +5 -5
  53. package/lib/Provider/LibraryContext.js +5 -15
  54. package/lib/Ribbon/Ribbon.module.css +6 -6
  55. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  56. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  57. package/lib/Switch/Switch.module.css +2 -1
  58. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  59. package/lib/Tab/Tabs.module.css +3 -3
  60. package/lib/Tag/Tag.js +10 -13
  61. package/lib/Tag/props/defaultProps.js +0 -1
  62. package/lib/Tag/props/propTypes.js +0 -1
  63. package/lib/Tooltip/Tooltip.module.css +3 -0
  64. package/lib/v1/AppContainer/AppContainer.js +0 -2
  65. package/lib/v1/Avatar/Avatar.js +5 -5
  66. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  67. package/lib/v1/Button/Button.js +4 -4
  68. package/lib/v1/Card/Card.js +4 -4
  69. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  70. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  71. package/lib/v1/Tab/Tabs.js +11 -11
  72. package/lib/v1/Tab/v1Tabs.module.css +3 -3
  73. package/lib/v1/Tag/Tag.js +10 -13
  74. package/lib/v1/Tag/props/defaultProps.js +0 -1
  75. package/lib/v1/Tag/props/propTypes.js +0 -1
  76. package/package.json +9 -5
  77. package/propValidationArg.json +11 -11
  78. package/result.json +1 -1
  79. /package/es/{common → deprecated}/boxShadow.module.css +0 -0
  80. /package/lib/{common → deprecated}/boxShadow.module.css +0 -0
package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap CHANGED
@@ -1,374 +1,374 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Label rendering children 1`] = `
4
- <DocumentFragment>
5
- <span
6
- class="basic palette_default default_default large default"
7
- data-id="ribbonComp"
8
- data-selector-id="ribbon"
9
- data-test-id="ribbonComp"
10
- >
11
- <span
12
- class="children"
13
- >
14
- <span>
15
- Ribbon 1
16
- </span>
17
- </span>
18
- <span
19
- class="childText"
20
- >
21
- Ribbon
22
- </span>
23
- </span>
24
- </DocumentFragment>
25
- `;
26
-
27
- exports[`Label rendering the customClass 1`] = `
28
- <DocumentFragment>
29
- <span
30
- class="basic ribbonCustomClass palette_default default_default large default"
31
- data-id="ribbonComp"
32
- data-selector-id="ribbon"
33
- data-test-id="ribbonComp"
34
- >
35
- <span
36
- class="childText"
37
- >
38
- Ribbon
39
- </span>
40
- </span>
41
- </DocumentFragment>
42
- `;
43
-
44
- exports[`Label rendering the defult props 1`] = `
45
- <DocumentFragment>
46
- <span
47
- class="basic palette_default default_default large default"
48
- data-id="ribbonComp"
49
- data-selector-id="ribbon"
50
- data-test-id="ribbonComp"
51
- >
52
- <span
53
- class="childText"
54
- >
55
- Ribbon
56
- </span>
57
- </span>
58
- </DocumentFragment>
59
- `;
60
-
61
- exports[`Label rendering the palette of- danger 1`] = `
62
- <DocumentFragment>
63
- <span
64
- class="basic palette_danger default_danger large default"
65
- data-id="ribbonComp"
66
- data-selector-id="ribbon"
67
- data-test-id="ribbonComp"
68
- >
69
- <span
70
- class="childText"
71
- >
72
- Ribbon
73
- </span>
74
- </span>
75
- </DocumentFragment>
76
- `;
77
-
78
- exports[`Label rendering the palette of- dark 1`] = `
79
- <DocumentFragment>
80
- <span
81
- class="basic palette_dark default_dark large default"
82
- data-id="ribbonComp"
83
- data-selector-id="ribbon"
84
- data-test-id="ribbonComp"
85
- >
86
- <span
87
- class="childText"
88
- >
89
- Ribbon
90
- </span>
91
- </span>
92
- </DocumentFragment>
93
- `;
94
-
95
- exports[`Label rendering the palette of- default 1`] = `
96
- <DocumentFragment>
97
- <span
98
- class="basic palette_default default_default large default"
99
- data-id="ribbonComp"
100
- data-selector-id="ribbon"
101
- data-test-id="ribbonComp"
102
- >
103
- <span
104
- class="childText"
105
- >
106
- Ribbon
107
- </span>
108
- </span>
109
- </DocumentFragment>
110
- `;
111
-
112
- exports[`Label rendering the palette of- info 1`] = `
113
- <DocumentFragment>
114
- <span
115
- class="basic palette_info default_info large default"
116
- data-id="ribbonComp"
117
- data-selector-id="ribbon"
118
- data-test-id="ribbonComp"
119
- >
120
- <span
121
- class="childText"
122
- >
123
- Ribbon
124
- </span>
125
- </span>
126
- </DocumentFragment>
127
- `;
128
-
129
- exports[`Label rendering the palette of- primary 1`] = `
130
- <DocumentFragment>
131
- <span
132
- class="basic palette_primary default_primary large default"
133
- data-id="ribbonComp"
134
- data-selector-id="ribbon"
135
- data-test-id="ribbonComp"
136
- >
137
- <span
138
- class="childText"
139
- >
140
- Ribbon
141
- </span>
142
- </span>
143
- </DocumentFragment>
144
- `;
145
-
146
- exports[`Label rendering the palette of- secondary 1`] = `
147
- <DocumentFragment>
148
- <span
149
- class="basic palette_secondary default_secondary large default"
150
- data-id="ribbonComp"
151
- data-selector-id="ribbon"
152
- data-test-id="ribbonComp"
153
- >
154
- <span
155
- class="childText"
156
- >
157
- Ribbon
158
- </span>
159
- </span>
160
- </DocumentFragment>
161
- `;
162
-
163
- exports[`Label rendering the size - large 1`] = `
164
- <DocumentFragment>
165
- <span
166
- class="basic palette_default default_default large default"
167
- data-id="ribbonComp"
168
- data-selector-id="ribbon"
169
- data-test-id="ribbonComp"
170
- >
171
- <span
172
- class="childText"
173
- >
174
- Ribbon
175
- </span>
176
- </span>
177
- </DocumentFragment>
178
- `;
179
-
180
- exports[`Label rendering the size - medium 1`] = `
181
- <DocumentFragment>
182
- <span
183
- class="basic palette_default default_default medium default"
184
- data-id="ribbonComp"
185
- data-selector-id="ribbon"
186
- data-test-id="ribbonComp"
187
- >
188
- <span
189
- class="childText"
190
- >
191
- Ribbon
192
- </span>
193
- </span>
194
- </DocumentFragment>
195
- `;
196
-
197
- exports[`Label rendering the size - small 1`] = `
198
- <DocumentFragment>
199
- <span
200
- class="basic palette_default default_default small default"
201
- data-id="ribbonComp"
202
- data-selector-id="ribbon"
203
- data-test-id="ribbonComp"
204
- >
205
- <span
206
- class="childText"
207
- >
208
- Ribbon
209
- </span>
210
- </span>
211
- </DocumentFragment>
212
- `;
213
-
214
- exports[`Label rendering the size - xlarge 1`] = `
215
- <DocumentFragment>
216
- <span
217
- class="basic palette_default default_default xlarge default"
218
- data-id="ribbonComp"
219
- data-selector-id="ribbon"
220
- data-test-id="ribbonComp"
221
- >
222
- <span
223
- class="childText"
224
- >
225
- Ribbon
226
- </span>
227
- </span>
228
- </DocumentFragment>
229
- `;
230
-
231
- exports[`Label rendering the type - box 1`] = `
232
- <DocumentFragment>
233
- <span
234
- class="basic plain_default
235
- box_default large box"
236
- data-id="ribbonComp"
237
- data-selector-id="ribbon"
238
- data-test-id="ribbonComp"
239
- >
240
- <span
241
- class="childText"
242
- >
243
- Ribbon
244
- </span>
245
- </span>
246
- </DocumentFragment>
247
- `;
248
-
249
- exports[`Label rendering the type - default 1`] = `
250
- <DocumentFragment>
251
- <span
252
- class="basic palette_default default_default large default"
253
- data-id="ribbonComp"
254
- data-selector-id="ribbon"
255
- data-test-id="ribbonComp"
256
- >
257
- <span
258
- class="childText"
259
- >
260
- Ribbon
261
- </span>
262
- </span>
263
- </DocumentFragment>
264
- `;
265
-
266
- exports[`Label rendering the type - flag 1`] = `
267
- <DocumentFragment>
268
- <span
269
- class="basic palette_default large flag"
270
- data-id="ribbonComp"
271
- data-selector-id="ribbon"
272
- data-test-id="ribbonComp"
273
- >
274
- <span
275
- class="childText"
276
- >
277
- Ribbon
278
- </span>
279
- </span>
280
- </DocumentFragment>
281
- `;
282
-
283
- exports[`Label rendering the type - plain 1`] = `
284
- <DocumentFragment>
285
- <span
286
- class="basic plain_default
287
- large plain"
288
- data-id="ribbonComp"
289
- data-selector-id="ribbon"
290
- data-test-id="ribbonComp"
291
- >
292
- <span
293
- class="childText"
294
- >
295
- Ribbon
296
- </span>
297
- </span>
298
- </DocumentFragment>
299
- `;
300
-
301
- exports[`Label rendering the type - ribbon 1`] = `
302
- <DocumentFragment>
303
- <span
304
- class="basic palette_default large ribbon"
305
- data-id="ribbonComp"
306
- data-selector-id="ribbon"
307
- data-test-id="ribbonComp"
308
- >
309
- <span
310
- class="childText"
311
- >
312
- Ribbon
313
- </span>
314
- </span>
315
- </DocumentFragment>
316
- `;
317
-
318
- exports[`Label rendering the type - stamp 1`] = `
319
- <DocumentFragment>
320
- <span
321
- class="basic plain_default
322
- stamp_default large stamp"
323
- data-id="ribbonComp"
324
- data-selector-id="ribbon"
325
- data-test-id="ribbonComp"
326
- >
327
- <span
328
- class="childText"
329
- >
330
- Ribbon
331
- </span>
332
- </span>
333
- </DocumentFragment>
334
- `;
335
-
336
- exports[`Label rendering the type - sticker 1`] = `
337
- <DocumentFragment>
338
- <span
339
- class="basic palette_default large sticker"
340
- data-id="ribbonComp"
341
- data-selector-id="ribbon"
342
- data-test-id="ribbonComp"
343
- >
344
- <span
345
- class="after"
346
- />
347
- <span
348
- class="childText"
349
- >
350
- Ribbon
351
- </span>
352
- <span
353
- class="before"
354
- />
355
- </span>
356
- </DocumentFragment>
357
- `;
358
-
359
- exports[`Label rendering the type - tag 1`] = `
360
- <DocumentFragment>
361
- <span
362
- class="basic large tag"
363
- data-id="ribbonComp"
364
- data-selector-id="ribbon"
365
- data-test-id="ribbonComp"
366
- >
367
- <span
368
- class="childText"
369
- >
370
- Ribbon
371
- </span>
372
- </span>
373
- </DocumentFragment>
374
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Label rendering children 1`] = `
4
+ <DocumentFragment>
5
+ <span
6
+ class="basic palette_default default_default large default"
7
+ data-id="ribbonComp"
8
+ data-selector-id="ribbon"
9
+ data-test-id="ribbonComp"
10
+ >
11
+ <span
12
+ class="children"
13
+ >
14
+ <span>
15
+ Ribbon 1
16
+ </span>
17
+ </span>
18
+ <span
19
+ class="childText"
20
+ >
21
+ Ribbon
22
+ </span>
23
+ </span>
24
+ </DocumentFragment>
25
+ `;
26
+
27
+ exports[`Label rendering the customClass 1`] = `
28
+ <DocumentFragment>
29
+ <span
30
+ class="basic ribbonCustomClass palette_default default_default large default"
31
+ data-id="ribbonComp"
32
+ data-selector-id="ribbon"
33
+ data-test-id="ribbonComp"
34
+ >
35
+ <span
36
+ class="childText"
37
+ >
38
+ Ribbon
39
+ </span>
40
+ </span>
41
+ </DocumentFragment>
42
+ `;
43
+
44
+ exports[`Label rendering the defult props 1`] = `
45
+ <DocumentFragment>
46
+ <span
47
+ class="basic palette_default default_default large default"
48
+ data-id="ribbonComp"
49
+ data-selector-id="ribbon"
50
+ data-test-id="ribbonComp"
51
+ >
52
+ <span
53
+ class="childText"
54
+ >
55
+ Ribbon
56
+ </span>
57
+ </span>
58
+ </DocumentFragment>
59
+ `;
60
+
61
+ exports[`Label rendering the palette of- danger 1`] = `
62
+ <DocumentFragment>
63
+ <span
64
+ class="basic palette_danger default_danger large default"
65
+ data-id="ribbonComp"
66
+ data-selector-id="ribbon"
67
+ data-test-id="ribbonComp"
68
+ >
69
+ <span
70
+ class="childText"
71
+ >
72
+ Ribbon
73
+ </span>
74
+ </span>
75
+ </DocumentFragment>
76
+ `;
77
+
78
+ exports[`Label rendering the palette of- dark 1`] = `
79
+ <DocumentFragment>
80
+ <span
81
+ class="basic palette_dark default_dark large default"
82
+ data-id="ribbonComp"
83
+ data-selector-id="ribbon"
84
+ data-test-id="ribbonComp"
85
+ >
86
+ <span
87
+ class="childText"
88
+ >
89
+ Ribbon
90
+ </span>
91
+ </span>
92
+ </DocumentFragment>
93
+ `;
94
+
95
+ exports[`Label rendering the palette of- default 1`] = `
96
+ <DocumentFragment>
97
+ <span
98
+ class="basic palette_default default_default large default"
99
+ data-id="ribbonComp"
100
+ data-selector-id="ribbon"
101
+ data-test-id="ribbonComp"
102
+ >
103
+ <span
104
+ class="childText"
105
+ >
106
+ Ribbon
107
+ </span>
108
+ </span>
109
+ </DocumentFragment>
110
+ `;
111
+
112
+ exports[`Label rendering the palette of- info 1`] = `
113
+ <DocumentFragment>
114
+ <span
115
+ class="basic palette_info default_info large default"
116
+ data-id="ribbonComp"
117
+ data-selector-id="ribbon"
118
+ data-test-id="ribbonComp"
119
+ >
120
+ <span
121
+ class="childText"
122
+ >
123
+ Ribbon
124
+ </span>
125
+ </span>
126
+ </DocumentFragment>
127
+ `;
128
+
129
+ exports[`Label rendering the palette of- primary 1`] = `
130
+ <DocumentFragment>
131
+ <span
132
+ class="basic palette_primary default_primary large default"
133
+ data-id="ribbonComp"
134
+ data-selector-id="ribbon"
135
+ data-test-id="ribbonComp"
136
+ >
137
+ <span
138
+ class="childText"
139
+ >
140
+ Ribbon
141
+ </span>
142
+ </span>
143
+ </DocumentFragment>
144
+ `;
145
+
146
+ exports[`Label rendering the palette of- secondary 1`] = `
147
+ <DocumentFragment>
148
+ <span
149
+ class="basic palette_secondary default_secondary large default"
150
+ data-id="ribbonComp"
151
+ data-selector-id="ribbon"
152
+ data-test-id="ribbonComp"
153
+ >
154
+ <span
155
+ class="childText"
156
+ >
157
+ Ribbon
158
+ </span>
159
+ </span>
160
+ </DocumentFragment>
161
+ `;
162
+
163
+ exports[`Label rendering the size - large 1`] = `
164
+ <DocumentFragment>
165
+ <span
166
+ class="basic palette_default default_default large default"
167
+ data-id="ribbonComp"
168
+ data-selector-id="ribbon"
169
+ data-test-id="ribbonComp"
170
+ >
171
+ <span
172
+ class="childText"
173
+ >
174
+ Ribbon
175
+ </span>
176
+ </span>
177
+ </DocumentFragment>
178
+ `;
179
+
180
+ exports[`Label rendering the size - medium 1`] = `
181
+ <DocumentFragment>
182
+ <span
183
+ class="basic palette_default default_default medium default"
184
+ data-id="ribbonComp"
185
+ data-selector-id="ribbon"
186
+ data-test-id="ribbonComp"
187
+ >
188
+ <span
189
+ class="childText"
190
+ >
191
+ Ribbon
192
+ </span>
193
+ </span>
194
+ </DocumentFragment>
195
+ `;
196
+
197
+ exports[`Label rendering the size - small 1`] = `
198
+ <DocumentFragment>
199
+ <span
200
+ class="basic palette_default default_default small default"
201
+ data-id="ribbonComp"
202
+ data-selector-id="ribbon"
203
+ data-test-id="ribbonComp"
204
+ >
205
+ <span
206
+ class="childText"
207
+ >
208
+ Ribbon
209
+ </span>
210
+ </span>
211
+ </DocumentFragment>
212
+ `;
213
+
214
+ exports[`Label rendering the size - xlarge 1`] = `
215
+ <DocumentFragment>
216
+ <span
217
+ class="basic palette_default default_default xlarge default"
218
+ data-id="ribbonComp"
219
+ data-selector-id="ribbon"
220
+ data-test-id="ribbonComp"
221
+ >
222
+ <span
223
+ class="childText"
224
+ >
225
+ Ribbon
226
+ </span>
227
+ </span>
228
+ </DocumentFragment>
229
+ `;
230
+
231
+ exports[`Label rendering the type - box 1`] = `
232
+ <DocumentFragment>
233
+ <span
234
+ class="basic plain_default
235
+ box_default large box"
236
+ data-id="ribbonComp"
237
+ data-selector-id="ribbon"
238
+ data-test-id="ribbonComp"
239
+ >
240
+ <span
241
+ class="childText"
242
+ >
243
+ Ribbon
244
+ </span>
245
+ </span>
246
+ </DocumentFragment>
247
+ `;
248
+
249
+ exports[`Label rendering the type - default 1`] = `
250
+ <DocumentFragment>
251
+ <span
252
+ class="basic palette_default default_default large default"
253
+ data-id="ribbonComp"
254
+ data-selector-id="ribbon"
255
+ data-test-id="ribbonComp"
256
+ >
257
+ <span
258
+ class="childText"
259
+ >
260
+ Ribbon
261
+ </span>
262
+ </span>
263
+ </DocumentFragment>
264
+ `;
265
+
266
+ exports[`Label rendering the type - flag 1`] = `
267
+ <DocumentFragment>
268
+ <span
269
+ class="basic palette_default large flag"
270
+ data-id="ribbonComp"
271
+ data-selector-id="ribbon"
272
+ data-test-id="ribbonComp"
273
+ >
274
+ <span
275
+ class="childText"
276
+ >
277
+ Ribbon
278
+ </span>
279
+ </span>
280
+ </DocumentFragment>
281
+ `;
282
+
283
+ exports[`Label rendering the type - plain 1`] = `
284
+ <DocumentFragment>
285
+ <span
286
+ class="basic plain_default
287
+ large plain"
288
+ data-id="ribbonComp"
289
+ data-selector-id="ribbon"
290
+ data-test-id="ribbonComp"
291
+ >
292
+ <span
293
+ class="childText"
294
+ >
295
+ Ribbon
296
+ </span>
297
+ </span>
298
+ </DocumentFragment>
299
+ `;
300
+
301
+ exports[`Label rendering the type - ribbon 1`] = `
302
+ <DocumentFragment>
303
+ <span
304
+ class="basic palette_default large ribbon"
305
+ data-id="ribbonComp"
306
+ data-selector-id="ribbon"
307
+ data-test-id="ribbonComp"
308
+ >
309
+ <span
310
+ class="childText"
311
+ >
312
+ Ribbon
313
+ </span>
314
+ </span>
315
+ </DocumentFragment>
316
+ `;
317
+
318
+ exports[`Label rendering the type - stamp 1`] = `
319
+ <DocumentFragment>
320
+ <span
321
+ class="basic plain_default
322
+ stamp_default large stamp"
323
+ data-id="ribbonComp"
324
+ data-selector-id="ribbon"
325
+ data-test-id="ribbonComp"
326
+ >
327
+ <span
328
+ class="childText"
329
+ >
330
+ Ribbon
331
+ </span>
332
+ </span>
333
+ </DocumentFragment>
334
+ `;
335
+
336
+ exports[`Label rendering the type - sticker 1`] = `
337
+ <DocumentFragment>
338
+ <span
339
+ class="basic palette_default large sticker"
340
+ data-id="ribbonComp"
341
+ data-selector-id="ribbon"
342
+ data-test-id="ribbonComp"
343
+ >
344
+ <span
345
+ class="after"
346
+ />
347
+ <span
348
+ class="childText"
349
+ >
350
+ Ribbon
351
+ </span>
352
+ <span
353
+ class="before"
354
+ />
355
+ </span>
356
+ </DocumentFragment>
357
+ `;
358
+
359
+ exports[`Label rendering the type - tag 1`] = `
360
+ <DocumentFragment>
361
+ <span
362
+ class="basic large tag"
363
+ data-id="ribbonComp"
364
+ data-selector-id="ribbon"
365
+ data-test-id="ribbonComp"
366
+ >
367
+ <span
368
+ class="childText"
369
+ >
370
+ Ribbon
371
+ </span>
372
+ </span>
373
+ </DocumentFragment>
374
+ `;