@zohodesk/components 1.2.13 → 1.2.14

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 (192) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +5 -0
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  54. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  55. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  56. package/coverage/Avatar/Avatar.js.html +649 -0
  57. package/coverage/Avatar/Avatar.module.css.html +556 -0
  58. package/coverage/Avatar/index.html +131 -0
  59. package/coverage/Avatar/props/defaultProps.js.html +136 -0
  60. package/coverage/Avatar/props/index.html +131 -0
  61. package/coverage/Avatar/props/propTypes.js.html +166 -0
  62. package/coverage/AvatarTeam/AvatarTeam.js.html +340 -0
  63. package/coverage/AvatarTeam/AvatarTeam.module.css.html +610 -0
  64. package/coverage/AvatarTeam/index.html +131 -0
  65. package/coverage/AvatarTeam/props/defaultProps.js.html +136 -0
  66. package/coverage/AvatarTeam/props/index.html +131 -0
  67. package/coverage/AvatarTeam/props/propTypes.js.html +169 -0
  68. package/coverage/Button/Button.js.html +1 -1
  69. package/coverage/Button/css/Button.module.css.html +1 -1
  70. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  71. package/coverage/Button/css/index.html +1 -1
  72. package/coverage/Button/index.html +1 -1
  73. package/coverage/Button/props/defaultProps.js.html +1 -1
  74. package/coverage/Button/props/index.html +1 -1
  75. package/coverage/Button/props/propTypes.js.html +1 -1
  76. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  77. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  78. package/coverage/Buttongroup/index.html +1 -1
  79. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  80. package/coverage/Buttongroup/props/index.html +1 -1
  81. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  82. package/coverage/Label/Label.js.html +253 -0
  83. package/coverage/Label/Label.module.css.html +241 -0
  84. package/coverage/Label/LabelColors.module.css.html +145 -0
  85. package/coverage/Label/index.html +146 -0
  86. package/coverage/Label/props/defaultProps.js.html +118 -0
  87. package/coverage/Label/props/index.html +131 -0
  88. package/coverage/Label/props/propTypes.js.html +145 -0
  89. package/coverage/Layout/Box.js.html +367 -0
  90. package/coverage/Layout/Container.js.html +439 -0
  91. package/coverage/Layout/Layout.module.css.html +1090 -0
  92. package/coverage/Layout/index.html +176 -0
  93. package/coverage/Layout/index.js.html +118 -0
  94. package/coverage/Layout/props/defaultProps.js.html +136 -0
  95. package/coverage/Layout/props/index.html +131 -0
  96. package/coverage/Layout/props/propTypes.js.html +262 -0
  97. package/coverage/Layout/utils.js.html +199 -0
  98. package/coverage/Provider/AvatarSize.js.html +124 -0
  99. package/coverage/Provider/CssProvider.js.html +133 -0
  100. package/coverage/Provider/index.html +131 -0
  101. package/coverage/Radio/Radio.js.html +415 -0
  102. package/coverage/Radio/Radio.module.css.html +403 -0
  103. package/coverage/Radio/index.html +131 -0
  104. package/coverage/Radio/props/defaultProps.js.html +127 -0
  105. package/coverage/Radio/props/index.html +131 -0
  106. package/coverage/Radio/props/propTypes.js.html +187 -0
  107. package/coverage/Ribbon/Ribbon.js.html +229 -0
  108. package/coverage/Ribbon/Ribbon.module.css.html +1210 -0
  109. package/coverage/Ribbon/index.html +131 -0
  110. package/coverage/Ribbon/props/defaultProps.js.html +112 -0
  111. package/coverage/Ribbon/props/index.html +131 -0
  112. package/coverage/Ribbon/props/propTypes.js.html +121 -0
  113. package/coverage/RippleEffect/RippleEffect.js.html +172 -0
  114. package/coverage/RippleEffect/RippleEffect.module.css.html +415 -0
  115. package/coverage/RippleEffect/index.html +131 -0
  116. package/coverage/RippleEffect/props/defaultProps.js.html +112 -0
  117. package/coverage/RippleEffect/props/index.html +131 -0
  118. package/coverage/RippleEffect/props/propTypes.js.html +121 -0
  119. package/coverage/Stencils/Stencils.js.html +163 -0
  120. package/coverage/Stencils/Stencils.module.css.html +319 -0
  121. package/coverage/Stencils/index.html +131 -0
  122. package/coverage/Stencils/props/defaultProps.js.html +103 -0
  123. package/coverage/Stencils/props/index.html +131 -0
  124. package/coverage/Stencils/props/propTypes.js.html +109 -0
  125. package/coverage/Switch/Switch.js.html +379 -0
  126. package/coverage/Switch/Switch.module.css.html +481 -0
  127. package/coverage/Switch/index.html +131 -0
  128. package/coverage/Switch/props/defaultProps.js.html +118 -0
  129. package/coverage/Switch/props/index.html +131 -0
  130. package/coverage/Switch/props/propTypes.js.html +172 -0
  131. package/coverage/common/avatarsizes.module.css.html +229 -0
  132. package/coverage/common/common.module.css.html +1519 -0
  133. package/coverage/common/index.html +131 -0
  134. package/coverage/coverage-final.json +55 -10
  135. package/coverage/coverage-summary.json +56 -11
  136. package/coverage/index.html +311 -11
  137. package/coverage/utils/dummyFunction.js.html +1 -1
  138. package/coverage/utils/getInitial.js.html +139 -0
  139. package/coverage/utils/index.html +25 -10
  140. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  142. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  143. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  144. package/es/Buttongroup/Buttongroup.module.css +1 -2
  145. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  146. package/es/Label/__tests__/Label.spec.js +99 -0
  147. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  148. package/es/ListItem/ListItem.module.css +6 -17
  149. package/es/Radio/__tests__/Radio.spec.js +241 -0
  150. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  151. package/es/Ribbon/Ribbon.module.css +1 -2
  152. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  153. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  154. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  155. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  156. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  158. package/es/Switch/__tests__/Switch.spec.js +156 -0
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  160. package/es/Tag/Tag.module.css +2 -3
  161. package/es/common/common.module.css +2 -2
  162. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  163. package/es/v1/Tag/Tag.js +6 -2
  164. package/es/v1/TextBox/TextBox.js +10 -10
  165. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  166. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  167. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  168. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  169. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  170. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  171. package/lib/Label/__tests__/Label.spec.js +106 -0
  172. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  173. package/lib/ListItem/ListItem.module.css +6 -17
  174. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  175. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  176. package/lib/Ribbon/Ribbon.module.css +1 -2
  177. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  178. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  179. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  180. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  181. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  182. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  183. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  184. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  185. package/lib/Tag/Tag.module.css +2 -3
  186. package/lib/common/common.module.css +2 -2
  187. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  188. package/lib/v1/Tag/Tag.js +7 -4
  189. package/lib/v1/TextBox/TextBox.js +8 -9
  190. package/package.json +10 -10
  191. package/result.json +1 -1
  192. package/unittest/index.html +1 -1
package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap ADDED
@@ -0,0 +1,831 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Switch rendering the CustomClass 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-checked="false"
7
+ class="container SwtichCustomSwitchWrap effect inflex rowdir vCenter"
8
+ data-id="containerComponent"
9
+ data-selector-id="switch"
10
+ data-test-id="containerComponent"
11
+ role="switch"
12
+ tabindex="0"
13
+ >
14
+ <div
15
+ class="switch_medium SwtichCustomSwitchSize shrinkOff"
16
+ data-id="boxComponent"
17
+ data-selector-id="box"
18
+ data-test-id="boxComponent"
19
+ >
20
+ <input
21
+ class="input "
22
+ id="SwitchID"
23
+ type="checkbox"
24
+ value=""
25
+ />
26
+ <label
27
+ class="label switch_mediumLabel SwtichCustomSwitch"
28
+ for="SwitchID"
29
+ />
30
+ </div>
31
+ <label
32
+ class="label subtitle medium primary font_default
33
+ pointer SwtichCustomLabel "
34
+ data-id="label"
35
+ data-selector-id="label"
36
+ data-test-id="label"
37
+ id="SwitchID"
38
+ >
39
+ SwitchText
40
+ </label>
41
+ </div>
42
+ </DocumentFragment>
43
+ `;
44
+
45
+ exports[`Switch rendering the CustomProps 1`] = `
46
+ <DocumentFragment>
47
+ <div
48
+ aria-checked="false"
49
+ class="container effect inflex rowdir vCenter"
50
+ data-id="containerComponent"
51
+ data-selector-id="switch"
52
+ data-switch="true"
53
+ data-test-id="containerComponent"
54
+ role="switch"
55
+ tabindex="0"
56
+ >
57
+ <div
58
+ class="switch_medium shrinkOff"
59
+ data-id="boxComponent"
60
+ data-selector-id="box"
61
+ data-test-id="boxComponent"
62
+ >
63
+ <input
64
+ class="input "
65
+ id="SwitchID"
66
+ type="checkbox"
67
+ value=""
68
+ />
69
+ <label
70
+ class="label switch_mediumLabel "
71
+ for="SwitchID"
72
+ />
73
+ </div>
74
+ <label
75
+ class="label subtitle medium primary font_default
76
+ pointer "
77
+ data-id="label"
78
+ data-selector-id="label"
79
+ data-test-id="label"
80
+ data-title="SwtichTitle"
81
+ id="SwitchID"
82
+ >
83
+ SwitchText
84
+ </label>
85
+ </div>
86
+ </DocumentFragment>
87
+ `;
88
+
89
+ exports[`Switch rendering the ID 1`] = `
90
+ <DocumentFragment>
91
+ <div
92
+ aria-checked="false"
93
+ class="container effect inflex rowdir vCenter"
94
+ data-id="containerComponent"
95
+ data-selector-id="switch"
96
+ data-test-id="containerComponent"
97
+ role="switch"
98
+ tabindex="0"
99
+ >
100
+ <div
101
+ class="switch_medium shrinkOff"
102
+ data-id="boxComponent"
103
+ data-selector-id="box"
104
+ data-test-id="boxComponent"
105
+ >
106
+ <input
107
+ class="input "
108
+ id="SwitchID"
109
+ type="checkbox"
110
+ value=""
111
+ />
112
+ <label
113
+ class="label switch_mediumLabel "
114
+ for="SwitchID"
115
+ />
116
+ </div>
117
+ <label
118
+ class="label subtitle medium primary font_default
119
+ pointer "
120
+ data-id="label"
121
+ data-selector-id="label"
122
+ data-test-id="label"
123
+ id="SwitchID"
124
+ >
125
+ SwitchText
126
+ </label>
127
+ </div>
128
+ </DocumentFragment>
129
+ `;
130
+
131
+ exports[`Switch rendering the Name 1`] = `
132
+ <DocumentFragment>
133
+ <div
134
+ aria-checked="false"
135
+ class="container effect inflex rowdir vCenter"
136
+ data-id="containerComponent"
137
+ data-selector-id="switch"
138
+ data-test-id="containerComponent"
139
+ role="switch"
140
+ tabindex="0"
141
+ >
142
+ <div
143
+ class="switch_medium shrinkOff"
144
+ data-id="boxComponent"
145
+ data-selector-id="box"
146
+ data-test-id="boxComponent"
147
+ >
148
+ <input
149
+ class="input "
150
+ id="SwitchID"
151
+ name="LabelName"
152
+ type="checkbox"
153
+ value=""
154
+ />
155
+ <label
156
+ class="label switch_mediumLabel "
157
+ for="SwitchID"
158
+ />
159
+ </div>
160
+ </div>
161
+ </DocumentFragment>
162
+ `;
163
+
164
+ exports[`Switch rendering the Title 1`] = `
165
+ <DocumentFragment>
166
+ <div
167
+ aria-checked="false"
168
+ class="container effect inflex rowdir vCenter"
169
+ data-id="containerComponent"
170
+ data-selector-id="switch"
171
+ data-test-id="containerComponent"
172
+ data-title="LabelTitle"
173
+ role="switch"
174
+ tabindex="0"
175
+ >
176
+ <div
177
+ class="switch_medium shrinkOff"
178
+ data-id="boxComponent"
179
+ data-selector-id="box"
180
+ data-test-id="boxComponent"
181
+ >
182
+ <input
183
+ class="input "
184
+ id="SwitchID"
185
+ type="checkbox"
186
+ value=""
187
+ />
188
+ <label
189
+ class="label switch_mediumLabel "
190
+ for="SwitchID"
191
+ />
192
+ </div>
193
+ </div>
194
+ </DocumentFragment>
195
+ `;
196
+
197
+ exports[`Switch rendering the Value 1`] = `
198
+ <DocumentFragment>
199
+ <div
200
+ aria-checked="false"
201
+ class="container effect inflex rowdir vCenter"
202
+ data-id="containerComponent"
203
+ data-selector-id="switch"
204
+ data-test-id="containerComponent"
205
+ role="switch"
206
+ tabindex="0"
207
+ >
208
+ <div
209
+ class="switch_medium shrinkOff"
210
+ data-id="boxComponent"
211
+ data-selector-id="box"
212
+ data-test-id="boxComponent"
213
+ >
214
+ <input
215
+ class="input "
216
+ id="SwitchID"
217
+ type="checkbox"
218
+ value="true"
219
+ />
220
+ <label
221
+ class="label switch_mediumLabel "
222
+ for="SwitchID"
223
+ />
224
+ </div>
225
+ </div>
226
+ </DocumentFragment>
227
+ `;
228
+
229
+ exports[`Switch rendering the checked 1`] = `
230
+ <DocumentFragment>
231
+ <div
232
+ aria-checked="true"
233
+ class="container effect inflex rowdir vCenter"
234
+ data-id="containerComponent"
235
+ data-selector-id="switch"
236
+ data-test-id="containerComponent"
237
+ role="switch"
238
+ tabindex="0"
239
+ >
240
+ <div
241
+ class="switch_medium shrinkOff"
242
+ data-id="boxComponent"
243
+ data-selector-id="box"
244
+ data-test-id="boxComponent"
245
+ >
246
+ <input
247
+ checked=""
248
+ class="input checked"
249
+ id="SwitchID"
250
+ type="checkbox"
251
+ value=""
252
+ />
253
+ <label
254
+ class="label switch_mediumLabel "
255
+ for="SwitchID"
256
+ />
257
+ </div>
258
+ </div>
259
+ </DocumentFragment>
260
+ `;
261
+
262
+ exports[`Switch rendering the dataId 1`] = `
263
+ <DocumentFragment>
264
+ <div
265
+ aria-checked="false"
266
+ class="container effect inflex rowdir vCenter"
267
+ data-id="containerComponent"
268
+ data-selector-id="switch"
269
+ data-test-id="containerComponent"
270
+ role="switch"
271
+ tabindex="0"
272
+ >
273
+ <div
274
+ class="switch_medium shrinkOff"
275
+ data-id="boxComponent"
276
+ data-selector-id="box"
277
+ data-test-id="boxComponent"
278
+ >
279
+ <input
280
+ class="input "
281
+ id="SwitchID"
282
+ type="checkbox"
283
+ value=""
284
+ />
285
+ <label
286
+ class="label switch_mediumLabel "
287
+ data-id="data-Switch"
288
+ data-test-id="data-Switch"
289
+ for="SwitchID"
290
+ />
291
+ </div>
292
+ </div>
293
+ </DocumentFragment>
294
+ `;
295
+
296
+ exports[`Switch rendering the defult props 1`] = `
297
+ <DocumentFragment>
298
+ <div
299
+ aria-checked="false"
300
+ class="container effect inflex rowdir vCenter"
301
+ data-id="containerComponent"
302
+ data-selector-id="switch"
303
+ data-test-id="containerComponent"
304
+ role="switch"
305
+ tabindex="0"
306
+ >
307
+ <div
308
+ class="switch_medium shrinkOff"
309
+ data-id="boxComponent"
310
+ data-selector-id="box"
311
+ data-test-id="boxComponent"
312
+ >
313
+ <input
314
+ class="input "
315
+ type="checkbox"
316
+ value=""
317
+ />
318
+ <label
319
+ class="label switch_mediumLabel "
320
+ />
321
+ </div>
322
+ </div>
323
+ </DocumentFragment>
324
+ `;
325
+
326
+ exports[`Switch rendering the disabled and disableTitle 1`] = `
327
+ <DocumentFragment>
328
+ <div
329
+ aria-checked="false"
330
+ class="container disabled inflex rowdir vCenter"
331
+ data-id="containerComponent"
332
+ data-selector-id="switch"
333
+ data-test-id="containerComponent"
334
+ data-title="data-disableTitle"
335
+ role="switch"
336
+ tabindex="-1"
337
+ >
338
+ <div
339
+ class="switch_medium shrinkOff"
340
+ data-id="boxComponent"
341
+ data-selector-id="box"
342
+ data-test-id="boxComponent"
343
+ >
344
+ <input
345
+ class="input "
346
+ disabled=""
347
+ id="SwitchID"
348
+ type="checkbox"
349
+ value=""
350
+ />
351
+ <label
352
+ class="label switch_mediumLabel "
353
+ for="SwitchID"
354
+ />
355
+ </div>
356
+ </div>
357
+ </DocumentFragment>
358
+ `;
359
+
360
+ exports[`Switch rendering the isReadOnly 1`] = `
361
+ <DocumentFragment>
362
+ <div
363
+ aria-checked="false"
364
+ class="container readonly inflex rowdir vCenter"
365
+ data-id="containerComponent"
366
+ data-selector-id="switch"
367
+ data-test-id="containerComponent"
368
+ role="switch"
369
+ tabindex="-1"
370
+ >
371
+ <div
372
+ class="switch_medium shrinkOff"
373
+ data-id="boxComponent"
374
+ data-selector-id="box"
375
+ data-test-id="boxComponent"
376
+ >
377
+ <input
378
+ class="input "
379
+ readonly=""
380
+ type="checkbox"
381
+ value=""
382
+ />
383
+ <label
384
+ class="label switch_mediumLabel "
385
+ />
386
+ </div>
387
+ </div>
388
+ </DocumentFragment>
389
+ `;
390
+
391
+ exports[`Switch rendering the labelSize of- danger 1`] = `
392
+ <DocumentFragment>
393
+ <div
394
+ aria-checked="false"
395
+ class="container effect inflex rowdir vCenter"
396
+ data-id="containerComponent"
397
+ data-selector-id="switch"
398
+ data-test-id="containerComponent"
399
+ role="switch"
400
+ tabindex="0"
401
+ >
402
+ <div
403
+ class="switch_medium shrinkOff"
404
+ data-id="boxComponent"
405
+ data-selector-id="box"
406
+ data-test-id="boxComponent"
407
+ >
408
+ <input
409
+ class="input "
410
+ id="SwitchID"
411
+ type="checkbox"
412
+ value=""
413
+ />
414
+ <label
415
+ class="label switch_mediumLabel "
416
+ for="SwitchID"
417
+ />
418
+ </div>
419
+ <label
420
+ class="label subtitle medium danger font_default
421
+ pointer "
422
+ data-id="label"
423
+ data-selector-id="label"
424
+ data-test-id="label"
425
+ id="SwitchID"
426
+ >
427
+ SwitchText
428
+ </label>
429
+ </div>
430
+ </DocumentFragment>
431
+ `;
432
+
433
+ exports[`Switch rendering the labelSize of- default 1`] = `
434
+ <DocumentFragment>
435
+ <div
436
+ aria-checked="false"
437
+ class="container effect inflex rowdir vCenter"
438
+ data-id="containerComponent"
439
+ data-selector-id="switch"
440
+ data-test-id="containerComponent"
441
+ role="switch"
442
+ tabindex="0"
443
+ >
444
+ <div
445
+ class="switch_medium shrinkOff"
446
+ data-id="boxComponent"
447
+ data-selector-id="box"
448
+ data-test-id="boxComponent"
449
+ >
450
+ <input
451
+ class="input "
452
+ id="SwitchID"
453
+ type="checkbox"
454
+ value=""
455
+ />
456
+ <label
457
+ class="label switch_mediumLabel "
458
+ for="SwitchID"
459
+ />
460
+ </div>
461
+ <label
462
+ class="label subtitle medium default font_default
463
+ pointer "
464
+ data-id="label"
465
+ data-selector-id="label"
466
+ data-test-id="label"
467
+ id="SwitchID"
468
+ >
469
+ SwitchText
470
+ </label>
471
+ </div>
472
+ </DocumentFragment>
473
+ `;
474
+
475
+ exports[`Switch rendering the labelSize of- large 1`] = `
476
+ <DocumentFragment>
477
+ <div
478
+ aria-checked="false"
479
+ class="container effect inflex rowdir vCenter"
480
+ data-id="containerComponent"
481
+ data-selector-id="switch"
482
+ data-test-id="containerComponent"
483
+ role="switch"
484
+ tabindex="0"
485
+ >
486
+ <div
487
+ class="switch_medium shrinkOff"
488
+ data-id="boxComponent"
489
+ data-selector-id="box"
490
+ data-test-id="boxComponent"
491
+ >
492
+ <input
493
+ class="input "
494
+ id="SwitchID"
495
+ type="checkbox"
496
+ value=""
497
+ />
498
+ <label
499
+ class="label switch_mediumLabel "
500
+ for="SwitchID"
501
+ />
502
+ </div>
503
+ <label
504
+ class="label subtitle large primary font_default
505
+ pointer "
506
+ data-id="label"
507
+ data-selector-id="label"
508
+ data-test-id="label"
509
+ id="SwitchID"
510
+ >
511
+ SwitchText
512
+ </label>
513
+ </div>
514
+ </DocumentFragment>
515
+ `;
516
+
517
+ exports[`Switch rendering the labelSize of- mandatory 1`] = `
518
+ <DocumentFragment>
519
+ <div
520
+ aria-checked="false"
521
+ class="container effect inflex rowdir vCenter"
522
+ data-id="containerComponent"
523
+ data-selector-id="switch"
524
+ data-test-id="containerComponent"
525
+ role="switch"
526
+ tabindex="0"
527
+ >
528
+ <div
529
+ class="switch_medium shrinkOff"
530
+ data-id="boxComponent"
531
+ data-selector-id="box"
532
+ data-test-id="boxComponent"
533
+ >
534
+ <input
535
+ class="input "
536
+ id="SwitchID"
537
+ type="checkbox"
538
+ value=""
539
+ />
540
+ <label
541
+ class="label switch_mediumLabel "
542
+ for="SwitchID"
543
+ />
544
+ </div>
545
+ <label
546
+ class="label subtitle medium mandatory font_default
547
+ pointer "
548
+ data-id="label"
549
+ data-selector-id="label"
550
+ data-test-id="label"
551
+ id="SwitchID"
552
+ >
553
+ SwitchText
554
+ </label>
555
+ </div>
556
+ </DocumentFragment>
557
+ `;
558
+
559
+ exports[`Switch rendering the labelSize of- medium 1`] = `
560
+ <DocumentFragment>
561
+ <div
562
+ aria-checked="false"
563
+ class="container effect inflex rowdir vCenter"
564
+ data-id="containerComponent"
565
+ data-selector-id="switch"
566
+ data-test-id="containerComponent"
567
+ role="switch"
568
+ tabindex="0"
569
+ >
570
+ <div
571
+ class="switch_medium shrinkOff"
572
+ data-id="boxComponent"
573
+ data-selector-id="box"
574
+ data-test-id="boxComponent"
575
+ >
576
+ <input
577
+ class="input "
578
+ id="SwitchID"
579
+ type="checkbox"
580
+ value=""
581
+ />
582
+ <label
583
+ class="label switch_mediumLabel "
584
+ for="SwitchID"
585
+ />
586
+ </div>
587
+ <label
588
+ class="label subtitle medium primary font_default
589
+ pointer "
590
+ data-id="label"
591
+ data-selector-id="label"
592
+ data-test-id="label"
593
+ id="SwitchID"
594
+ >
595
+ SwitchText
596
+ </label>
597
+ </div>
598
+ </DocumentFragment>
599
+ `;
600
+
601
+ exports[`Switch rendering the labelSize of- primary 1`] = `
602
+ <DocumentFragment>
603
+ <div
604
+ aria-checked="false"
605
+ class="container effect inflex rowdir vCenter"
606
+ data-id="containerComponent"
607
+ data-selector-id="switch"
608
+ data-test-id="containerComponent"
609
+ role="switch"
610
+ tabindex="0"
611
+ >
612
+ <div
613
+ class="switch_medium shrinkOff"
614
+ data-id="boxComponent"
615
+ data-selector-id="box"
616
+ data-test-id="boxComponent"
617
+ >
618
+ <input
619
+ class="input "
620
+ id="SwitchID"
621
+ type="checkbox"
622
+ value=""
623
+ />
624
+ <label
625
+ class="label switch_mediumLabel "
626
+ for="SwitchID"
627
+ />
628
+ </div>
629
+ <label
630
+ class="label subtitle medium primary font_default
631
+ pointer "
632
+ data-id="label"
633
+ data-selector-id="label"
634
+ data-test-id="label"
635
+ id="SwitchID"
636
+ >
637
+ SwitchText
638
+ </label>
639
+ </div>
640
+ </DocumentFragment>
641
+ `;
642
+
643
+ exports[`Switch rendering the labelSize of- secondary 1`] = `
644
+ <DocumentFragment>
645
+ <div
646
+ aria-checked="false"
647
+ class="container effect inflex rowdir vCenter"
648
+ data-id="containerComponent"
649
+ data-selector-id="switch"
650
+ data-test-id="containerComponent"
651
+ role="switch"
652
+ tabindex="0"
653
+ >
654
+ <div
655
+ class="switch_medium shrinkOff"
656
+ data-id="boxComponent"
657
+ data-selector-id="box"
658
+ data-test-id="boxComponent"
659
+ >
660
+ <input
661
+ class="input "
662
+ id="SwitchID"
663
+ type="checkbox"
664
+ value=""
665
+ />
666
+ <label
667
+ class="label switch_mediumLabel "
668
+ for="SwitchID"
669
+ />
670
+ </div>
671
+ <label
672
+ class="label subtitle medium secondary font_default
673
+ pointer "
674
+ data-id="label"
675
+ data-selector-id="label"
676
+ data-test-id="label"
677
+ id="SwitchID"
678
+ >
679
+ SwitchText
680
+ </label>
681
+ </div>
682
+ </DocumentFragment>
683
+ `;
684
+
685
+ exports[`Switch rendering the labelSize of- small 1`] = `
686
+ <DocumentFragment>
687
+ <div
688
+ aria-checked="false"
689
+ class="container effect inflex rowdir vCenter"
690
+ data-id="containerComponent"
691
+ data-selector-id="switch"
692
+ data-test-id="containerComponent"
693
+ role="switch"
694
+ tabindex="0"
695
+ >
696
+ <div
697
+ class="switch_medium shrinkOff"
698
+ data-id="boxComponent"
699
+ data-selector-id="box"
700
+ data-test-id="boxComponent"
701
+ >
702
+ <input
703
+ class="input "
704
+ id="SwitchID"
705
+ type="checkbox"
706
+ value=""
707
+ />
708
+ <label
709
+ class="label switch_mediumLabel "
710
+ for="SwitchID"
711
+ />
712
+ </div>
713
+ <label
714
+ class="label subtitle small primary font_default
715
+ pointer "
716
+ data-id="label"
717
+ data-selector-id="label"
718
+ data-test-id="label"
719
+ id="SwitchID"
720
+ >
721
+ SwitchText
722
+ </label>
723
+ </div>
724
+ </DocumentFragment>
725
+ `;
726
+
727
+ exports[`Switch rendering the size of- medium 1`] = `
728
+ <DocumentFragment>
729
+ <div
730
+ aria-checked="false"
731
+ class="container effect inflex rowdir vCenter"
732
+ data-id="containerComponent"
733
+ data-selector-id="switch"
734
+ data-test-id="containerComponent"
735
+ role="switch"
736
+ tabindex="0"
737
+ >
738
+ <div
739
+ class="switch_medium shrinkOff"
740
+ data-id="boxComponent"
741
+ data-selector-id="box"
742
+ data-test-id="boxComponent"
743
+ >
744
+ <input
745
+ class="input "
746
+ id="SwitchID"
747
+ type="checkbox"
748
+ value=""
749
+ />
750
+ <label
751
+ class="label switch_mediumLabel "
752
+ for="SwitchID"
753
+ />
754
+ </div>
755
+ </div>
756
+ </DocumentFragment>
757
+ `;
758
+
759
+ exports[`Switch rendering the size of- small 1`] = `
760
+ <DocumentFragment>
761
+ <div
762
+ aria-checked="false"
763
+ class="container effect inflex rowdir vCenter"
764
+ data-id="containerComponent"
765
+ data-selector-id="switch"
766
+ data-test-id="containerComponent"
767
+ role="switch"
768
+ tabindex="0"
769
+ >
770
+ <div
771
+ class="switch_small shrinkOff"
772
+ data-id="boxComponent"
773
+ data-selector-id="box"
774
+ data-test-id="boxComponent"
775
+ >
776
+ <input
777
+ class="input "
778
+ id="SwitchID"
779
+ type="checkbox"
780
+ value=""
781
+ />
782
+ <label
783
+ class="label switch_smallLabel "
784
+ for="SwitchID"
785
+ />
786
+ </div>
787
+ </div>
788
+ </DocumentFragment>
789
+ `;
790
+
791
+ exports[`Switch rendering the text 1`] = `
792
+ <DocumentFragment>
793
+ <div
794
+ aria-checked="false"
795
+ class="container effect inflex rowdir vCenter"
796
+ data-id="containerComponent"
797
+ data-selector-id="switch"
798
+ data-test-id="containerComponent"
799
+ role="switch"
800
+ tabindex="0"
801
+ >
802
+ <div
803
+ class="switch_medium shrinkOff"
804
+ data-id="boxComponent"
805
+ data-selector-id="box"
806
+ data-test-id="boxComponent"
807
+ >
808
+ <input
809
+ class="input "
810
+ id="SwitchID"
811
+ type="checkbox"
812
+ value=""
813
+ />
814
+ <label
815
+ class="label switch_mediumLabel "
816
+ for="SwitchID"
817
+ />
818
+ </div>
819
+ <label
820
+ class="label subtitle medium primary font_default
821
+ pointer "
822
+ data-id="label"
823
+ data-selector-id="label"
824
+ data-test-id="label"
825
+ id="SwitchID"
826
+ >
827
+ SwitchText
828
+ </label>
829
+ </div>
830
+ </DocumentFragment>
831
+ `;