@zohodesk/components 1.0.0-temp-180 → 1.0.0-temp-181

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 (305) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  3. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  4. package/.cli/propValidation_report.html +1 -1
  5. package/README.md +1363 -1363
  6. package/css_error.log +1 -1
  7. package/es/AppContainer/AppContainer.module.css +18 -18
  8. package/es/Avatar/Avatar.js +10 -11
  9. package/es/Avatar/Avatar.module.css +187 -187
  10. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  11. package/es/AvatarTeam/AvatarTeam.js +7 -7
  12. package/es/AvatarTeam/AvatarTeam.module.css +191 -191
  13. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
  14. package/es/Button/Button.js +4 -4
  15. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  16. package/es/Button/css/Button.module.css +533 -533
  17. package/es/Buttongroup/Buttongroup.js +1 -1
  18. package/es/Buttongroup/Buttongroup.module.css +107 -106
  19. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  20. package/es/Card/Card.js +4 -4
  21. package/es/Card/Card.module.css +20 -20
  22. package/es/CheckBox/CheckBox.js +0 -0
  23. package/es/CheckBox/CheckBox.module.css +159 -159
  24. package/es/DateTime/CalendarView.js +0 -0
  25. package/es/DateTime/DateTime.js +0 -0
  26. package/es/DateTime/DateTime.module.css +249 -249
  27. package/es/DateTime/DateWidget.js +0 -0
  28. package/es/DateTime/DateWidget.module.css +38 -38
  29. package/es/DateTime/YearView.js +0 -0
  30. package/es/DateTime/YearView.module.css +98 -98
  31. package/es/DateTime/common.js +0 -0
  32. package/es/DateTime/index.js +0 -0
  33. package/es/DateTime/objectUtils.js +0 -0
  34. package/es/DateTime/typeChecker.js +0 -0
  35. package/es/DateTime/validator.js +0 -0
  36. package/es/DropBox/DropBox.js +0 -0
  37. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
  38. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  39. package/es/DropBox/css/DropBox.module.css +59 -59
  40. package/es/DropDown/DropDown.js +0 -0
  41. package/es/DropDown/DropDown.module.css +5 -5
  42. package/es/DropDown/DropDownHeading.js +0 -0
  43. package/es/DropDown/DropDownHeading.module.css +59 -59
  44. package/es/DropDown/DropDownItem.js +0 -0
  45. package/es/DropDown/DropDownItem.module.css +97 -97
  46. package/es/DropDown/DropDownSearch.js +0 -0
  47. package/es/DropDown/DropDownSearch.module.css +14 -14
  48. package/es/DropDown/DropDownSeparator.js +0 -0
  49. package/es/DropDown/DropDownSeparator.module.css +7 -7
  50. package/es/Heading/Heading.module.css +4 -4
  51. package/es/Label/Label.js +2 -2
  52. package/es/Label/Label.module.css +53 -53
  53. package/es/Label/LabelColors.module.css +20 -20
  54. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  55. package/es/Layout/Box.js +0 -0
  56. package/es/Layout/Container.js +0 -0
  57. package/es/Layout/Layout.module.css +335 -335
  58. package/es/Layout/utils.js +0 -0
  59. package/es/ListItem/ListContainer.js +1 -1
  60. package/es/ListItem/ListItem.js +0 -0
  61. package/es/ListItem/ListItem.module.css +237 -226
  62. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  63. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  64. package/es/MultiSelect/MultiSelect.js +5 -5
  65. package/es/MultiSelect/MultiSelect.module.css +204 -204
  66. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  67. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  68. package/es/MultiSelect/Suggestions.js +1 -2
  69. package/es/PopOver/PopOver.module.css +9 -9
  70. package/es/Popup/Popup.js +0 -0
  71. package/es/Popup/PositionMapping.json +73 -73
  72. package/es/Radio/Radio.js +0 -0
  73. package/es/Radio/Radio.module.css +113 -113
  74. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  75. package/es/Responsive/CustomResponsive.js +0 -0
  76. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  77. package/es/Ribbon/Ribbon.js +0 -0
  78. package/es/Ribbon/Ribbon.module.css +458 -457
  79. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  80. package/es/RippleEffect/RippleEffect.module.css +92 -92
  81. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  82. package/es/Select/GroupSelect.js +0 -0
  83. package/es/Select/Select.js +2 -3
  84. package/es/Select/Select.module.css +108 -108
  85. package/es/Select/SelectWithAvatar.js +0 -0
  86. package/es/Select/SelectWithIcon.js +0 -0
  87. package/es/Stencils/Stencils.js +0 -0
  88. package/es/Stencils/Stencils.module.css +96 -96
  89. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  90. package/es/Switch/Switch.js +2 -2
  91. package/es/Switch/Switch.module.css +129 -129
  92. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  93. package/es/Tab/Tab.module.css +100 -100
  94. package/es/Tab/TabContent.module.css +4 -4
  95. package/es/Tab/Tabs.js +17 -17
  96. package/es/Tab/Tabs.module.css +136 -136
  97. package/es/Tag/Tag.js +8 -8
  98. package/es/Tag/Tag.module.css +260 -259
  99. package/es/TextBox/TextBox.js +0 -0
  100. package/es/TextBox/TextBox.module.css +178 -178
  101. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  102. package/es/TextBoxIcon/TextBoxIcon.module.css +84 -84
  103. package/es/Textarea/Textarea.js +0 -0
  104. package/es/Textarea/Textarea.module.css +145 -145
  105. package/es/Tooltip/Tooltip.module.css +144 -144
  106. package/es/common/a11y.module.css +3 -3
  107. package/es/common/animation.module.css +624 -624
  108. package/es/common/avatarsizes.module.css +48 -48
  109. package/es/common/basic.module.css +33 -33
  110. package/es/common/basicReset.module.css +40 -40
  111. package/es/common/boxShadow.module.css +33 -33
  112. package/es/common/common.module.css +524 -524
  113. package/es/common/customscroll.module.css +128 -128
  114. package/es/common/reset.module.css +13 -13
  115. package/es/common/transition.module.css +146 -146
  116. package/es/semantic/Button/semanticButton.module.css +9 -9
  117. package/es/utils/Common.js +0 -0
  118. package/es/utils/dropDownUtils.js +0 -0
  119. package/es/v1/Avatar/Avatar.js +6 -7
  120. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  121. package/es/v1/Button/Button.js +4 -4
  122. package/es/v1/Card/Card.js +4 -4
  123. package/es/v1/CheckBox/CheckBox.js +0 -0
  124. package/es/v1/DateTime/DateTime.js +0 -0
  125. package/es/v1/DateTime/DateWidget.js +0 -0
  126. package/es/v1/DateTime/YearView.js +0 -0
  127. package/es/v1/DateTime/index.js +0 -0
  128. package/es/v1/DropBox/DropBox.js +0 -0
  129. package/es/v1/DropDown/DropDown.js +0 -0
  130. package/es/v1/DropDown/DropDownHeading.js +0 -0
  131. package/es/v1/DropDown/DropDownItem.js +0 -0
  132. package/es/v1/DropDown/DropDownSearch.js +0 -0
  133. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  134. package/es/v1/Layout/Box.js +0 -0
  135. package/es/v1/Layout/Container.js +0 -0
  136. package/es/v1/ListItem/ListContainer.js +1 -1
  137. package/es/v1/ListItem/ListItem.js +0 -0
  138. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  139. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  140. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  141. package/es/v1/MultiSelect/Suggestions.js +1 -2
  142. package/es/v1/Radio/Radio.js +0 -0
  143. package/es/v1/Responsive/CustomResponsive.js +0 -0
  144. package/es/v1/Select/GroupSelect.js +0 -0
  145. package/es/v1/Select/Select.js +2 -3
  146. package/es/v1/Select/SelectWithAvatar.js +0 -0
  147. package/es/v1/Select/SelectWithIcon.js +0 -0
  148. package/es/v1/Switch/Switch.js +2 -2
  149. package/es/v1/Tab/Tabs.js +17 -17
  150. package/es/v1/Tag/Tag.js +8 -8
  151. package/es/v1/TextBox/TextBox.js +0 -0
  152. package/es/v1/Typography/css/Typography.module.css +380 -380
  153. package/install.md +10 -10
  154. package/lib/AppContainer/AppContainer.module.css +18 -18
  155. package/lib/Avatar/Avatar.js +10 -11
  156. package/lib/Avatar/Avatar.module.css +187 -187
  157. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  158. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  159. package/lib/AvatarTeam/AvatarTeam.module.css +191 -191
  160. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
  161. package/lib/Button/Button.js +4 -4
  162. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  163. package/lib/Button/css/Button.module.css +533 -533
  164. package/lib/Buttongroup/Buttongroup.js +1 -1
  165. package/lib/Buttongroup/Buttongroup.module.css +107 -106
  166. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  167. package/lib/Card/Card.js +4 -4
  168. package/lib/Card/Card.module.css +20 -20
  169. package/lib/CheckBox/CheckBox.js +0 -0
  170. package/lib/CheckBox/CheckBox.module.css +159 -159
  171. package/lib/DateTime/CalendarView.js +0 -0
  172. package/lib/DateTime/DateTime.js +0 -0
  173. package/lib/DateTime/DateTime.module.css +249 -249
  174. package/lib/DateTime/DateWidget.js +0 -0
  175. package/lib/DateTime/DateWidget.module.css +38 -38
  176. package/lib/DateTime/YearView.js +0 -0
  177. package/lib/DateTime/YearView.module.css +98 -98
  178. package/lib/DateTime/common.js +0 -0
  179. package/lib/DateTime/index.js +0 -0
  180. package/lib/DateTime/objectUtils.js +0 -0
  181. package/lib/DateTime/typeChecker.js +0 -0
  182. package/lib/DateTime/validator.js +0 -0
  183. package/lib/DropBox/DropBox.js +0 -0
  184. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
  185. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  186. package/lib/DropBox/css/DropBox.module.css +59 -59
  187. package/lib/DropDown/DropDown.js +0 -0
  188. package/lib/DropDown/DropDown.module.css +5 -5
  189. package/lib/DropDown/DropDownHeading.js +0 -0
  190. package/lib/DropDown/DropDownHeading.module.css +59 -59
  191. package/lib/DropDown/DropDownItem.js +0 -0
  192. package/lib/DropDown/DropDownItem.module.css +97 -97
  193. package/lib/DropDown/DropDownSearch.js +0 -0
  194. package/lib/DropDown/DropDownSearch.module.css +14 -14
  195. package/lib/DropDown/DropDownSeparator.js +0 -0
  196. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  197. package/lib/Heading/Heading.module.css +4 -4
  198. package/lib/Label/Label.js +0 -0
  199. package/lib/Label/Label.module.css +53 -53
  200. package/lib/Label/LabelColors.module.css +20 -20
  201. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  202. package/lib/Layout/Box.js +0 -0
  203. package/lib/Layout/Container.js +0 -0
  204. package/lib/Layout/Layout.module.css +335 -335
  205. package/lib/Layout/utils.js +0 -0
  206. package/lib/ListItem/ListContainer.js +1 -1
  207. package/lib/ListItem/ListItem.js +0 -0
  208. package/lib/ListItem/ListItem.module.css +237 -226
  209. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  210. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  211. package/lib/MultiSelect/MultiSelect.js +5 -5
  212. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  213. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  214. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  215. package/lib/MultiSelect/Suggestions.js +1 -2
  216. package/lib/PopOver/PopOver.module.css +9 -9
  217. package/lib/Popup/Popup.js +0 -0
  218. package/lib/Popup/PositionMapping.json +73 -73
  219. package/lib/Radio/Radio.js +0 -0
  220. package/lib/Radio/Radio.module.css +113 -113
  221. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  222. package/lib/Responsive/CustomResponsive.js +0 -0
  223. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  224. package/lib/Ribbon/Ribbon.js +0 -0
  225. package/lib/Ribbon/Ribbon.module.css +458 -457
  226. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  227. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  228. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  229. package/lib/Select/GroupSelect.js +0 -0
  230. package/lib/Select/Select.js +2 -3
  231. package/lib/Select/Select.module.css +108 -108
  232. package/lib/Select/SelectWithAvatar.js +0 -0
  233. package/lib/Select/SelectWithIcon.js +0 -0
  234. package/lib/Stencils/Stencils.js +0 -0
  235. package/lib/Stencils/Stencils.module.css +96 -96
  236. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  237. package/lib/Switch/Switch.js +2 -2
  238. package/lib/Switch/Switch.module.css +129 -129
  239. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  240. package/lib/Tab/Tab.module.css +100 -100
  241. package/lib/Tab/TabContent.module.css +4 -4
  242. package/lib/Tab/Tabs.js +11 -11
  243. package/lib/Tab/Tabs.module.css +136 -136
  244. package/lib/Tag/Tag.js +8 -8
  245. package/lib/Tag/Tag.module.css +260 -259
  246. package/lib/TextBox/TextBox.js +0 -0
  247. package/lib/TextBox/TextBox.module.css +178 -178
  248. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  249. package/lib/TextBoxIcon/TextBoxIcon.module.css +84 -84
  250. package/lib/Textarea/Textarea.js +0 -0
  251. package/lib/Textarea/Textarea.module.css +145 -145
  252. package/lib/Tooltip/Tooltip.module.css +144 -144
  253. package/lib/common/a11y.module.css +3 -3
  254. package/lib/common/animation.module.css +624 -624
  255. package/lib/common/avatarsizes.module.css +48 -48
  256. package/lib/common/basic.module.css +33 -33
  257. package/lib/common/basicReset.module.css +40 -40
  258. package/lib/common/boxShadow.module.css +33 -33
  259. package/lib/common/common.module.css +524 -524
  260. package/lib/common/customscroll.module.css +128 -128
  261. package/lib/common/reset.module.css +13 -13
  262. package/lib/common/transition.module.css +146 -146
  263. package/lib/semantic/Button/semanticButton.module.css +9 -9
  264. package/lib/utils/Common.js +0 -0
  265. package/lib/utils/dropDownUtils.js +0 -0
  266. package/lib/v1/Avatar/Avatar.js +6 -7
  267. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  268. package/lib/v1/Button/Button.js +4 -4
  269. package/lib/v1/Card/Card.js +4 -4
  270. package/lib/v1/CheckBox/CheckBox.js +0 -0
  271. package/lib/v1/DateTime/DateTime.js +0 -0
  272. package/lib/v1/DateTime/DateWidget.js +0 -0
  273. package/lib/v1/DateTime/YearView.js +0 -0
  274. package/lib/v1/DateTime/index.js +0 -0
  275. package/lib/v1/DropBox/DropBox.js +0 -0
  276. package/lib/v1/DropDown/DropDown.js +0 -0
  277. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  278. package/lib/v1/DropDown/DropDownItem.js +0 -0
  279. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  280. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  281. package/lib/v1/Layout/Box.js +0 -0
  282. package/lib/v1/Layout/Container.js +0 -0
  283. package/lib/v1/ListItem/ListContainer.js +1 -1
  284. package/lib/v1/ListItem/ListItem.js +0 -0
  285. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  286. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  287. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  288. package/lib/v1/MultiSelect/Suggestions.js +1 -2
  289. package/lib/v1/Radio/Radio.js +0 -0
  290. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  291. package/lib/v1/Select/GroupSelect.js +0 -0
  292. package/lib/v1/Select/Select.js +2 -3
  293. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  294. package/lib/v1/Select/SelectWithIcon.js +0 -0
  295. package/lib/v1/Switch/Switch.js +2 -2
  296. package/lib/v1/Tab/Tabs.js +11 -11
  297. package/lib/v1/Tag/Tag.js +8 -8
  298. package/lib/v1/TextBox/TextBox.js +0 -0
  299. package/lib/v1/Typography/css/Typography.module.css +380 -380
  300. package/package.json +95 -95
  301. package/postPublish.js +8 -8
  302. package/prePublish.js +70 -70
  303. package/propValidationArg.json +7 -7
  304. package/react-cli.config.js +23 -23
  305. package/result.json +1 -1
package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap CHANGED
@@ -1,831 +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
- >
13
- <div
14
- class="switch_medium SwtichCustomSwitchSize shrinkOff"
15
- data-id="boxComponent"
16
- data-selector-id="box"
17
- data-test-id="boxComponent"
18
- >
19
- <input
20
- class="input "
21
- id="SwitchID"
22
- type="checkbox"
23
- value=""
24
- />
25
- <label
26
- class="label switch_mediumLabel SwtichCustomSwitch"
27
- for="SwitchID"
28
- tabindex="0"
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
- >
56
- <div
57
- class="switch_medium shrinkOff"
58
- data-id="boxComponent"
59
- data-selector-id="box"
60
- data-test-id="boxComponent"
61
- >
62
- <input
63
- class="input "
64
- id="SwitchID"
65
- type="checkbox"
66
- value=""
67
- />
68
- <label
69
- class="label switch_mediumLabel "
70
- for="SwitchID"
71
- tabindex="0"
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
- >
99
- <div
100
- class="switch_medium shrinkOff"
101
- data-id="boxComponent"
102
- data-selector-id="box"
103
- data-test-id="boxComponent"
104
- >
105
- <input
106
- class="input "
107
- id="SwitchID"
108
- type="checkbox"
109
- value=""
110
- />
111
- <label
112
- class="label switch_mediumLabel "
113
- for="SwitchID"
114
- tabindex="0"
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
- >
141
- <div
142
- class="switch_medium shrinkOff"
143
- data-id="boxComponent"
144
- data-selector-id="box"
145
- data-test-id="boxComponent"
146
- >
147
- <input
148
- class="input "
149
- id="SwitchID"
150
- name="LabelName"
151
- type="checkbox"
152
- value=""
153
- />
154
- <label
155
- class="label switch_mediumLabel "
156
- for="SwitchID"
157
- tabindex="0"
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
- >
175
- <div
176
- class="switch_medium shrinkOff"
177
- data-id="boxComponent"
178
- data-selector-id="box"
179
- data-test-id="boxComponent"
180
- >
181
- <input
182
- class="input "
183
- id="SwitchID"
184
- type="checkbox"
185
- value=""
186
- />
187
- <label
188
- class="label switch_mediumLabel "
189
- for="SwitchID"
190
- tabindex="0"
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
- >
207
- <div
208
- class="switch_medium shrinkOff"
209
- data-id="boxComponent"
210
- data-selector-id="box"
211
- data-test-id="boxComponent"
212
- >
213
- <input
214
- class="input "
215
- id="SwitchID"
216
- type="checkbox"
217
- value="true"
218
- />
219
- <label
220
- class="label switch_mediumLabel "
221
- for="SwitchID"
222
- tabindex="0"
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
- >
239
- <div
240
- class="switch_medium shrinkOff"
241
- data-id="boxComponent"
242
- data-selector-id="box"
243
- data-test-id="boxComponent"
244
- >
245
- <input
246
- checked=""
247
- class="input checked"
248
- id="SwitchID"
249
- type="checkbox"
250
- value=""
251
- />
252
- <label
253
- class="label switch_mediumLabel "
254
- for="SwitchID"
255
- tabindex="0"
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
- >
272
- <div
273
- class="switch_medium shrinkOff"
274
- data-id="boxComponent"
275
- data-selector-id="box"
276
- data-test-id="boxComponent"
277
- >
278
- <input
279
- class="input "
280
- id="SwitchID"
281
- type="checkbox"
282
- value=""
283
- />
284
- <label
285
- class="label switch_mediumLabel "
286
- data-id="data-Switch"
287
- data-test-id="data-Switch"
288
- for="SwitchID"
289
- tabindex="0"
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
- >
306
- <div
307
- class="switch_medium shrinkOff"
308
- data-id="boxComponent"
309
- data-selector-id="box"
310
- data-test-id="boxComponent"
311
- >
312
- <input
313
- class="input "
314
- type="checkbox"
315
- value=""
316
- />
317
- <label
318
- class="label switch_mediumLabel "
319
- tabindex="0"
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
- >
337
- <div
338
- class="switch_medium shrinkOff"
339
- data-id="boxComponent"
340
- data-selector-id="box"
341
- data-test-id="boxComponent"
342
- >
343
- <input
344
- class="input "
345
- disabled=""
346
- id="SwitchID"
347
- type="checkbox"
348
- value=""
349
- />
350
- <label
351
- class="label switch_mediumLabel "
352
- for="SwitchID"
353
- tabindex="-1"
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
- >
370
- <div
371
- class="switch_medium shrinkOff"
372
- data-id="boxComponent"
373
- data-selector-id="box"
374
- data-test-id="boxComponent"
375
- >
376
- <input
377
- class="input "
378
- readonly=""
379
- type="checkbox"
380
- value=""
381
- />
382
- <label
383
- class="label switch_mediumLabel "
384
- tabindex="-1"
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
- >
401
- <div
402
- class="switch_medium shrinkOff"
403
- data-id="boxComponent"
404
- data-selector-id="box"
405
- data-test-id="boxComponent"
406
- >
407
- <input
408
- class="input "
409
- id="SwitchID"
410
- type="checkbox"
411
- value=""
412
- />
413
- <label
414
- class="label switch_mediumLabel "
415
- for="SwitchID"
416
- tabindex="0"
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
- >
443
- <div
444
- class="switch_medium shrinkOff"
445
- data-id="boxComponent"
446
- data-selector-id="box"
447
- data-test-id="boxComponent"
448
- >
449
- <input
450
- class="input "
451
- id="SwitchID"
452
- type="checkbox"
453
- value=""
454
- />
455
- <label
456
- class="label switch_mediumLabel "
457
- for="SwitchID"
458
- tabindex="0"
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
- >
485
- <div
486
- class="switch_medium shrinkOff"
487
- data-id="boxComponent"
488
- data-selector-id="box"
489
- data-test-id="boxComponent"
490
- >
491
- <input
492
- class="input "
493
- id="SwitchID"
494
- type="checkbox"
495
- value=""
496
- />
497
- <label
498
- class="label switch_mediumLabel "
499
- for="SwitchID"
500
- tabindex="0"
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
- >
527
- <div
528
- class="switch_medium shrinkOff"
529
- data-id="boxComponent"
530
- data-selector-id="box"
531
- data-test-id="boxComponent"
532
- >
533
- <input
534
- class="input "
535
- id="SwitchID"
536
- type="checkbox"
537
- value=""
538
- />
539
- <label
540
- class="label switch_mediumLabel "
541
- for="SwitchID"
542
- tabindex="0"
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
- >
569
- <div
570
- class="switch_medium shrinkOff"
571
- data-id="boxComponent"
572
- data-selector-id="box"
573
- data-test-id="boxComponent"
574
- >
575
- <input
576
- class="input "
577
- id="SwitchID"
578
- type="checkbox"
579
- value=""
580
- />
581
- <label
582
- class="label switch_mediumLabel "
583
- for="SwitchID"
584
- tabindex="0"
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
- >
611
- <div
612
- class="switch_medium shrinkOff"
613
- data-id="boxComponent"
614
- data-selector-id="box"
615
- data-test-id="boxComponent"
616
- >
617
- <input
618
- class="input "
619
- id="SwitchID"
620
- type="checkbox"
621
- value=""
622
- />
623
- <label
624
- class="label switch_mediumLabel "
625
- for="SwitchID"
626
- tabindex="0"
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
- >
653
- <div
654
- class="switch_medium shrinkOff"
655
- data-id="boxComponent"
656
- data-selector-id="box"
657
- data-test-id="boxComponent"
658
- >
659
- <input
660
- class="input "
661
- id="SwitchID"
662
- type="checkbox"
663
- value=""
664
- />
665
- <label
666
- class="label switch_mediumLabel "
667
- for="SwitchID"
668
- tabindex="0"
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
- >
695
- <div
696
- class="switch_medium shrinkOff"
697
- data-id="boxComponent"
698
- data-selector-id="box"
699
- data-test-id="boxComponent"
700
- >
701
- <input
702
- class="input "
703
- id="SwitchID"
704
- type="checkbox"
705
- value=""
706
- />
707
- <label
708
- class="label switch_mediumLabel "
709
- for="SwitchID"
710
- tabindex="0"
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
- >
737
- <div
738
- class="switch_medium shrinkOff"
739
- data-id="boxComponent"
740
- data-selector-id="box"
741
- data-test-id="boxComponent"
742
- >
743
- <input
744
- class="input "
745
- id="SwitchID"
746
- type="checkbox"
747
- value=""
748
- />
749
- <label
750
- class="label switch_mediumLabel "
751
- for="SwitchID"
752
- tabindex="0"
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
- >
769
- <div
770
- class="switch_small shrinkOff"
771
- data-id="boxComponent"
772
- data-selector-id="box"
773
- data-test-id="boxComponent"
774
- >
775
- <input
776
- class="input "
777
- id="SwitchID"
778
- type="checkbox"
779
- value=""
780
- />
781
- <label
782
- class="label switch_smallLabel "
783
- for="SwitchID"
784
- tabindex="0"
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
- >
801
- <div
802
- class="switch_medium shrinkOff"
803
- data-id="boxComponent"
804
- data-selector-id="box"
805
- data-test-id="boxComponent"
806
- >
807
- <input
808
- class="input "
809
- id="SwitchID"
810
- type="checkbox"
811
- value=""
812
- />
813
- <label
814
- class="label switch_mediumLabel "
815
- for="SwitchID"
816
- tabindex="0"
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
- `;
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
+ `;