@zohodesk/components 1.0.0-temp-176 → 1.0.0-temp-178

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 (393) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1357 -1345
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.module.css +18 -18
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +175 -175
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/AvatarTeam.js +7 -7
  11. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  12. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  13. package/es/Button/Button.js +4 -4
  14. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  15. package/es/Button/css/Button.module.css +525 -525
  16. package/es/Buttongroup/Buttongroup.js +1 -1
  17. package/es/Buttongroup/Buttongroup.module.css +105 -105
  18. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  19. package/es/Card/Card.js +4 -4
  20. package/es/Card/Card.module.css +20 -20
  21. package/es/CheckBox/CheckBox.js +0 -0
  22. package/es/CheckBox/CheckBox.module.css +157 -157
  23. package/es/DateTime/CalendarView.js +0 -0
  24. package/es/DateTime/DateTime.js +2 -29
  25. package/es/DateTime/DateTime.module.css +248 -248
  26. package/es/DateTime/DateWidget.js +2 -6
  27. package/es/DateTime/DateWidget.module.css +38 -38
  28. package/es/DateTime/YearView.js +0 -0
  29. package/es/DateTime/YearView.module.css +98 -98
  30. package/es/DateTime/common.js +0 -0
  31. package/es/DateTime/dateFormatUtils/dateFormat.js +8 -1
  32. package/es/DateTime/dateFormatUtils/index.js +2 -4
  33. package/es/DateTime/index.js +0 -0
  34. package/es/DateTime/objectUtils.js +0 -0
  35. package/es/DateTime/typeChecker.js +0 -0
  36. package/es/DateTime/validator.js +0 -0
  37. package/es/DropBox/DropBox.js +0 -0
  38. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  39. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  40. package/es/DropBox/css/DropBox.module.css +58 -58
  41. package/es/DropDown/DropDown.js +0 -0
  42. package/es/DropDown/DropDown.module.css +5 -5
  43. package/es/DropDown/DropDownHeading.js +0 -0
  44. package/es/DropDown/DropDownHeading.module.css +53 -53
  45. package/es/DropDown/DropDownItem.js +0 -0
  46. package/es/DropDown/DropDownItem.module.css +94 -94
  47. package/es/DropDown/DropDownSearch.js +0 -0
  48. package/es/DropDown/DropDownSearch.module.css +14 -14
  49. package/es/DropDown/DropDownSeparator.js +0 -0
  50. package/es/DropDown/DropDownSeparator.module.css +7 -7
  51. package/es/Heading/Heading.module.css +4 -4
  52. package/es/Label/Label.js +2 -2
  53. package/es/Label/Label.module.css +52 -52
  54. package/es/Label/LabelColors.module.css +20 -20
  55. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  56. package/es/Layout/Box.js +0 -0
  57. package/es/Layout/Container.js +0 -0
  58. package/es/Layout/Layout.module.css +335 -335
  59. package/es/Layout/utils.js +0 -0
  60. package/es/ListItem/ListItem.js +0 -0
  61. package/es/ListItem/ListItem.module.css +216 -216
  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/PopOver/PopOver.module.css +8 -8
  69. package/es/Popup/Popup.js +0 -0
  70. package/es/Popup/PositionMapping.json +73 -73
  71. package/es/Radio/Radio.js +0 -0
  72. package/es/Radio/Radio.module.css +112 -112
  73. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  74. package/es/Responsive/CustomResponsive.js +0 -0
  75. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  76. package/es/Ribbon/Ribbon.js +0 -0
  77. package/es/Ribbon/Ribbon.module.css +454 -454
  78. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  79. package/es/RippleEffect/RippleEffect.module.css +92 -92
  80. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  81. package/es/Select/GroupSelect.js +0 -0
  82. package/es/Select/Select.js +0 -0
  83. package/es/Select/Select.module.css +108 -108
  84. package/es/Select/SelectWithAvatar.js +0 -0
  85. package/es/Select/SelectWithIcon.js +0 -0
  86. package/es/Stencils/Stencils.js +0 -0
  87. package/es/Stencils/Stencils.module.css +96 -96
  88. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  89. package/es/Switch/Switch.js +0 -0
  90. package/es/Switch/Switch.module.css +127 -127
  91. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  92. package/es/Tab/Tab.module.css +100 -100
  93. package/es/Tab/TabContent.module.css +4 -4
  94. package/es/Tab/Tabs.js +17 -17
  95. package/es/Tab/Tabs.module.css +136 -136
  96. package/es/Tag/Tag.js +8 -8
  97. package/es/Tag/Tag.module.css +254 -254
  98. package/es/TextBox/TextBox.js +0 -0
  99. package/es/TextBox/TextBox.module.css +158 -158
  100. package/es/TextBox/props/defaultProps.js +0 -1
  101. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  102. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  103. package/es/Textarea/Textarea.js +0 -0
  104. package/es/Textarea/Textarea.module.css +139 -139
  105. package/es/Tooltip/Tooltip.module.css +140 -140
  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 +91 -91
  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 +5 -5
  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 +2 -29
  125. package/es/v1/DateTime/DateWidget.js +2 -6
  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/ListItem.js +0 -0
  137. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  138. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  139. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  140. package/es/v1/Radio/Radio.js +0 -0
  141. package/es/v1/Responsive/CustomResponsive.js +0 -0
  142. package/es/v1/Select/GroupSelect.js +0 -0
  143. package/es/v1/Select/Select.js +0 -0
  144. package/es/v1/Select/SelectWithAvatar.js +0 -0
  145. package/es/v1/Select/SelectWithIcon.js +0 -0
  146. package/es/v1/Switch/Switch.js +0 -0
  147. package/es/v1/Tab/Tabs.js +17 -17
  148. package/es/v1/Tag/Tag.js +8 -8
  149. package/es/v1/TextBox/TextBox.js +0 -0
  150. package/es/v1/Typography/css/Typography.module.css +409 -409
  151. package/install.md +10 -10
  152. package/lib/AppContainer/AppContainer.module.css +18 -18
  153. package/lib/Avatar/Avatar.js +9 -9
  154. package/lib/Avatar/Avatar.module.css +175 -175
  155. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  156. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  157. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  158. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  159. package/lib/Button/Button.js +4 -4
  160. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  161. package/lib/Button/css/Button.module.css +525 -525
  162. package/lib/Buttongroup/Buttongroup.js +1 -1
  163. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  164. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  165. package/lib/Card/Card.js +4 -4
  166. package/lib/Card/Card.module.css +20 -20
  167. package/lib/CheckBox/CheckBox.js +0 -0
  168. package/lib/CheckBox/CheckBox.module.css +157 -157
  169. package/lib/DateTime/CalendarView.js +0 -0
  170. package/lib/DateTime/DateTime.js +3 -30
  171. package/lib/DateTime/DateTime.module.css +248 -248
  172. package/lib/DateTime/DateWidget.js +1 -6
  173. package/lib/DateTime/DateWidget.module.css +38 -38
  174. package/lib/DateTime/YearView.js +0 -0
  175. package/lib/DateTime/YearView.module.css +98 -98
  176. package/lib/DateTime/common.js +0 -0
  177. package/lib/DateTime/dateFormatUtils/dateFormat.js +10 -1
  178. package/lib/DateTime/dateFormatUtils/index.js +2 -6
  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 +434 -434
  185. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  186. package/lib/DropBox/css/DropBox.module.css +58 -58
  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 +53 -53
  191. package/lib/DropDown/DropDownItem.js +0 -0
  192. package/lib/DropDown/DropDownItem.module.css +94 -94
  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 +52 -52
  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/ListItem.js +0 -0
  207. package/lib/ListItem/ListItem.module.css +216 -216
  208. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  209. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  210. package/lib/MultiSelect/MultiSelect.js +5 -5
  211. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  212. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  213. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  214. package/lib/PopOver/PopOver.module.css +8 -8
  215. package/lib/Popup/Popup.js +0 -0
  216. package/lib/Popup/PositionMapping.json +73 -73
  217. package/lib/Radio/Radio.js +0 -0
  218. package/lib/Radio/Radio.module.css +112 -112
  219. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  220. package/lib/Responsive/CustomResponsive.js +0 -0
  221. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  222. package/lib/Ribbon/Ribbon.js +0 -0
  223. package/lib/Ribbon/Ribbon.module.css +454 -454
  224. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  225. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  226. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  227. package/lib/Select/GroupSelect.js +0 -0
  228. package/lib/Select/Select.js +0 -0
  229. package/lib/Select/Select.module.css +108 -108
  230. package/lib/Select/SelectWithAvatar.js +0 -0
  231. package/lib/Select/SelectWithIcon.js +0 -0
  232. package/lib/Stencils/Stencils.js +0 -0
  233. package/lib/Stencils/Stencils.module.css +96 -96
  234. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  235. package/lib/Switch/Switch.js +0 -0
  236. package/lib/Switch/Switch.module.css +127 -127
  237. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  238. package/lib/Tab/Tab.module.css +100 -100
  239. package/lib/Tab/TabContent.module.css +4 -4
  240. package/lib/Tab/Tabs.js +11 -11
  241. package/lib/Tab/Tabs.module.css +136 -136
  242. package/lib/Tag/Tag.js +8 -8
  243. package/lib/Tag/Tag.module.css +254 -254
  244. package/lib/TextBox/TextBox.js +0 -0
  245. package/lib/TextBox/TextBox.module.css +158 -158
  246. package/lib/TextBox/props/defaultProps.js +0 -1
  247. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  248. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  249. package/lib/Textarea/Textarea.js +0 -0
  250. package/lib/Textarea/Textarea.module.css +139 -139
  251. package/lib/Tooltip/Tooltip.module.css +140 -140
  252. package/lib/common/a11y.module.css +3 -3
  253. package/lib/common/animation.module.css +624 -624
  254. package/lib/common/avatarsizes.module.css +48 -48
  255. package/lib/common/basic.module.css +33 -33
  256. package/lib/common/basicReset.module.css +40 -40
  257. package/lib/common/boxShadow.module.css +33 -33
  258. package/lib/common/common.module.css +524 -524
  259. package/lib/common/customscroll.module.css +91 -91
  260. package/lib/common/reset.module.css +13 -13
  261. package/lib/common/transition.module.css +146 -146
  262. package/lib/semantic/Button/semanticButton.module.css +9 -9
  263. package/lib/utils/Common.js +0 -0
  264. package/lib/utils/dropDownUtils.js +0 -0
  265. package/lib/v1/Avatar/Avatar.js +5 -5
  266. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  267. package/lib/v1/Button/Button.js +4 -4
  268. package/lib/v1/Card/Card.js +4 -4
  269. package/lib/v1/CheckBox/CheckBox.js +0 -0
  270. package/lib/v1/DateTime/DateTime.js +3 -30
  271. package/lib/v1/DateTime/DateWidget.js +1 -6
  272. package/lib/v1/DateTime/YearView.js +0 -0
  273. package/lib/v1/DateTime/index.js +0 -0
  274. package/lib/v1/DropBox/DropBox.js +0 -0
  275. package/lib/v1/DropDown/DropDown.js +0 -0
  276. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  277. package/lib/v1/DropDown/DropDownItem.js +0 -0
  278. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  279. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  280. package/lib/v1/Layout/Box.js +0 -0
  281. package/lib/v1/Layout/Container.js +0 -0
  282. package/lib/v1/ListItem/ListItem.js +0 -0
  283. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  284. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  285. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  286. package/lib/v1/Radio/Radio.js +0 -0
  287. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  288. package/lib/v1/Select/GroupSelect.js +0 -0
  289. package/lib/v1/Select/Select.js +0 -0
  290. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  291. package/lib/v1/Select/SelectWithIcon.js +0 -0
  292. package/lib/v1/Switch/Switch.js +0 -0
  293. package/lib/v1/Tab/Tabs.js +11 -11
  294. package/lib/v1/Tag/Tag.js +8 -8
  295. package/lib/v1/TextBox/TextBox.js +0 -0
  296. package/lib/v1/Typography/css/Typography.module.css +409 -409
  297. package/package.json +93 -93
  298. package/postPublish.js +8 -8
  299. package/prePublish.js +70 -70
  300. package/react-cli.config.js +23 -23
  301. package/result.json +1 -1
  302. package/coverage/Avatar/Avatar.js.html +0 -649
  303. package/coverage/Avatar/Avatar.module.css.html +0 -556
  304. package/coverage/Avatar/index.html +0 -131
  305. package/coverage/Avatar/props/defaultProps.js.html +0 -136
  306. package/coverage/Avatar/props/index.html +0 -131
  307. package/coverage/Avatar/props/propTypes.js.html +0 -166
  308. package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
  309. package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
  310. package/coverage/AvatarTeam/index.html +0 -131
  311. package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
  312. package/coverage/AvatarTeam/props/index.html +0 -131
  313. package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
  314. package/coverage/Button/Button.js.html +0 -313
  315. package/coverage/Button/css/Button.module.css.html +0 -1441
  316. package/coverage/Button/css/cssJSLogic.js.html +0 -214
  317. package/coverage/Button/css/index.html +0 -131
  318. package/coverage/Button/index.html +0 -116
  319. package/coverage/Button/props/defaultProps.js.html +0 -142
  320. package/coverage/Button/props/index.html +0 -131
  321. package/coverage/Button/props/propTypes.js.html +0 -208
  322. package/coverage/Buttongroup/Buttongroup.js.html +0 -220
  323. package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
  324. package/coverage/Buttongroup/index.html +0 -131
  325. package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
  326. package/coverage/Buttongroup/props/index.html +0 -131
  327. package/coverage/Buttongroup/props/propTypes.js.html +0 -115
  328. package/coverage/Label/Label.js.html +0 -253
  329. package/coverage/Label/Label.module.css.html +0 -241
  330. package/coverage/Label/LabelColors.module.css.html +0 -145
  331. package/coverage/Label/index.html +0 -146
  332. package/coverage/Label/props/defaultProps.js.html +0 -118
  333. package/coverage/Label/props/index.html +0 -131
  334. package/coverage/Label/props/propTypes.js.html +0 -145
  335. package/coverage/Layout/Box.js.html +0 -367
  336. package/coverage/Layout/Container.js.html +0 -439
  337. package/coverage/Layout/Layout.module.css.html +0 -1090
  338. package/coverage/Layout/index.html +0 -176
  339. package/coverage/Layout/index.js.html +0 -118
  340. package/coverage/Layout/props/defaultProps.js.html +0 -136
  341. package/coverage/Layout/props/index.html +0 -131
  342. package/coverage/Layout/props/propTypes.js.html +0 -262
  343. package/coverage/Layout/utils.js.html +0 -199
  344. package/coverage/Provider/AvatarSize.js.html +0 -124
  345. package/coverage/Provider/CssProvider.js.html +0 -133
  346. package/coverage/Provider/index.html +0 -131
  347. package/coverage/Radio/Radio.js.html +0 -415
  348. package/coverage/Radio/Radio.module.css.html +0 -403
  349. package/coverage/Radio/index.html +0 -131
  350. package/coverage/Radio/props/defaultProps.js.html +0 -127
  351. package/coverage/Radio/props/index.html +0 -131
  352. package/coverage/Radio/props/propTypes.js.html +0 -187
  353. package/coverage/Ribbon/Ribbon.js.html +0 -229
  354. package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
  355. package/coverage/Ribbon/index.html +0 -131
  356. package/coverage/Ribbon/props/defaultProps.js.html +0 -112
  357. package/coverage/Ribbon/props/index.html +0 -131
  358. package/coverage/Ribbon/props/propTypes.js.html +0 -121
  359. package/coverage/RippleEffect/RippleEffect.js.html +0 -172
  360. package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
  361. package/coverage/RippleEffect/index.html +0 -131
  362. package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
  363. package/coverage/RippleEffect/props/index.html +0 -131
  364. package/coverage/RippleEffect/props/propTypes.js.html +0 -121
  365. package/coverage/Stencils/Stencils.js.html +0 -163
  366. package/coverage/Stencils/Stencils.module.css.html +0 -319
  367. package/coverage/Stencils/index.html +0 -131
  368. package/coverage/Stencils/props/defaultProps.js.html +0 -103
  369. package/coverage/Stencils/props/index.html +0 -131
  370. package/coverage/Stencils/props/propTypes.js.html +0 -109
  371. package/coverage/Switch/Switch.js.html +0 -379
  372. package/coverage/Switch/Switch.module.css.html +0 -481
  373. package/coverage/Switch/index.html +0 -131
  374. package/coverage/Switch/props/defaultProps.js.html +0 -118
  375. package/coverage/Switch/props/index.html +0 -131
  376. package/coverage/Switch/props/propTypes.js.html +0 -172
  377. package/coverage/base.css +0 -224
  378. package/coverage/block-navigation.js +0 -87
  379. package/coverage/common/avatarsizes.module.css.html +0 -229
  380. package/coverage/common/common.module.css.html +0 -1519
  381. package/coverage/common/index.html +0 -131
  382. package/coverage/coverage-final.json +0 -56
  383. package/coverage/coverage-summary.json +0 -57
  384. package/coverage/favicon.png +0 -0
  385. package/coverage/index.html +0 -491
  386. package/coverage/prettify.css +0 -1
  387. package/coverage/prettify.js +0 -2
  388. package/coverage/sort-arrow-sprite.png +0 -0
  389. package/coverage/sorter.js +0 -196
  390. package/coverage/utils/dummyFunction.js.html +0 -88
  391. package/coverage/utils/getInitial.js.html +0 -139
  392. package/coverage/utils/index.html +0 -131
  393. package/unittest/index.html +0 -37
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
- 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
- `;
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
+ `;