@zohodesk/components 1.0.0-temp-198 → 1.0.0-temp-199

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 (136) 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/css_error.log +1 -1
  5. package/es/AppContainer/AppContainer.module.css +18 -18
  6. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  7. package/es/AvatarTeam/AvatarTeam.js +7 -7
  8. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  9. package/es/Button/Button.js +4 -4
  10. package/es/Buttongroup/Buttongroup.js +1 -1
  11. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  12. package/es/Card/Card.js +4 -4
  13. package/es/Card/Card.module.css +20 -20
  14. package/es/DateTime/DateWidget.module.css +38 -38
  15. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  16. package/es/DropDown/DropDown.module.css +5 -5
  17. package/es/DropDown/DropDownSearch.module.css +14 -14
  18. package/es/DropDown/DropDownSeparator.module.css +7 -7
  19. package/es/Heading/Heading.module.css +4 -4
  20. package/es/Label/Label.js +2 -2
  21. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  22. package/es/Layout/Layout.module.css +335 -335
  23. package/es/ListItem/ListItem.js +2 -2
  24. package/es/ListItem/ListItem.module.css +85 -18
  25. package/es/ListItem/ListItemWithAvatar.js +3 -3
  26. package/es/ListItem/ListItemWithIcon.js +2 -2
  27. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -2
  28. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  29. package/es/MultiSelect/MultiSelect.js +8 -4
  30. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  31. package/es/MultiSelect/Suggestions.js +8 -4
  32. package/es/MultiSelect/props/defaultProps.js +8 -5
  33. package/es/MultiSelect/props/propTypes.js +6 -3
  34. package/es/Popup/PositionMapping.json +73 -73
  35. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  36. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  37. package/es/RippleEffect/RippleEffect.module.css +92 -92
  38. package/es/Select/GroupSelect.js +7 -2
  39. package/es/Select/Select.module.css +134 -134
  40. package/es/Select/SelectWithAvatar.js +7 -2
  41. package/es/Select/SelectWithIcon.js +7 -2
  42. package/es/Select/props/defaultProps.js +6 -3
  43. package/es/Select/props/propTypes.js +6 -3
  44. package/es/Stencils/Stencils.module.css +96 -96
  45. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  46. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  47. package/es/Tab/TabContent.module.css +4 -4
  48. package/es/Tab/Tabs.js +17 -17
  49. package/es/Tag/Tag.js +8 -8
  50. package/es/Tooltip/Tooltip.module.css +140 -140
  51. package/es/common/a11y.module.css +3 -3
  52. package/es/common/animation.module.css +624 -624
  53. package/es/common/avatarsizes.module.css +48 -48
  54. package/es/common/basic.module.css +33 -33
  55. package/es/common/basicReset.module.css +40 -40
  56. package/es/common/boxShadow.module.css +33 -33
  57. package/es/common/common.module.css +524 -524
  58. package/es/common/reset.module.css +13 -13
  59. package/es/common/transition.module.css +146 -146
  60. package/es/semantic/Button/semanticButton.module.css +9 -9
  61. package/es/v1/Avatar/Avatar.js +5 -5
  62. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  63. package/es/v1/Button/Button.js +4 -4
  64. package/es/v1/MultiSelect/MultiSelect.js +6 -7
  65. package/es/v1/Tab/v1TabContent.module.css +4 -4
  66. package/es/v1/Tag/Tag.js +8 -8
  67. package/es/v1/Typography/css/Typography.module.css +380 -380
  68. package/install.md +10 -10
  69. package/lib/AppContainer/AppContainer.module.css +18 -18
  70. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  71. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  72. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  73. package/lib/Button/Button.js +4 -4
  74. package/lib/Buttongroup/Buttongroup.js +1 -1
  75. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  76. package/lib/Card/Card.js +4 -4
  77. package/lib/Card/Card.module.css +20 -20
  78. package/lib/DateTime/DateWidget.module.css +38 -38
  79. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  80. package/lib/DropDown/DropDown.module.css +5 -5
  81. package/lib/DropDown/DropDownSearch.module.css +14 -14
  82. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  83. package/lib/Heading/Heading.module.css +4 -4
  84. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  85. package/lib/Layout/Layout.module.css +335 -335
  86. package/lib/ListItem/ListItem.js +2 -2
  87. package/lib/ListItem/ListItem.module.css +85 -18
  88. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  89. package/lib/ListItem/ListItemWithIcon.js +2 -2
  90. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -3
  91. package/lib/MultiSelect/AdvancedMultiSelect.js +3 -1
  92. package/lib/MultiSelect/MultiSelect.js +9 -5
  93. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  94. package/lib/MultiSelect/Suggestions.js +8 -4
  95. package/lib/MultiSelect/props/defaultProps.js +8 -5
  96. package/lib/MultiSelect/props/propTypes.js +8 -6
  97. package/lib/Popup/PositionMapping.json +73 -73
  98. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  99. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  100. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  101. package/lib/Select/GroupSelect.js +8 -3
  102. package/lib/Select/Select.module.css +134 -134
  103. package/lib/Select/SelectWithAvatar.js +8 -3
  104. package/lib/Select/SelectWithIcon.js +8 -3
  105. package/lib/Select/props/defaultProps.js +5 -3
  106. package/lib/Select/props/propTypes.js +6 -3
  107. package/lib/Stencils/Stencils.module.css +96 -96
  108. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  109. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  110. package/lib/Tab/TabContent.module.css +4 -4
  111. package/lib/Tab/Tabs.js +11 -11
  112. package/lib/Tag/Tag.js +8 -8
  113. package/lib/Tooltip/Tooltip.module.css +140 -140
  114. package/lib/common/a11y.module.css +3 -3
  115. package/lib/common/animation.module.css +624 -624
  116. package/lib/common/avatarsizes.module.css +48 -48
  117. package/lib/common/basic.module.css +33 -33
  118. package/lib/common/basicReset.module.css +40 -40
  119. package/lib/common/boxShadow.module.css +33 -33
  120. package/lib/common/common.module.css +524 -524
  121. package/lib/common/reset.module.css +13 -13
  122. package/lib/common/transition.module.css +146 -146
  123. package/lib/semantic/Button/semanticButton.module.css +9 -9
  124. package/lib/v1/Avatar/Avatar.js +5 -5
  125. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  126. package/lib/v1/Button/Button.js +4 -4
  127. package/lib/v1/MultiSelect/MultiSelect.js +6 -7
  128. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  129. package/lib/v1/Tag/Tag.js +8 -8
  130. package/lib/v1/Typography/css/Typography.module.css +380 -380
  131. package/package.json +3 -3
  132. package/postPublish.js +8 -8
  133. package/prePublish.js +70 -70
  134. package/propValidationArg.json +11 -11
  135. package/react-cli.config.js +23 -23
  136. package/result.json +1 -1
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
+ `;