@zohodesk/components 1.0.0-temp-201 → 1.0.0-temp-202

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