@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/Label/__tests__/__snapshots__/Label.spec.js.snap CHANGED
@@ -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
+ `;