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

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 (428) 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 +1345 -1345
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/coverage/Avatar/Avatar.js.html +1 -1
  54. package/coverage/Avatar/Avatar.module.css.html +1 -1
  55. package/coverage/Avatar/index.html +1 -1
  56. package/coverage/Avatar/props/defaultProps.js.html +1 -1
  57. package/coverage/Avatar/props/index.html +1 -1
  58. package/coverage/Avatar/props/propTypes.js.html +1 -1
  59. package/coverage/AvatarTeam/AvatarTeam.js.html +1 -1
  60. package/coverage/AvatarTeam/AvatarTeam.module.css.html +1 -1
  61. package/coverage/AvatarTeam/index.html +1 -1
  62. package/coverage/AvatarTeam/props/defaultProps.js.html +1 -1
  63. package/coverage/AvatarTeam/props/index.html +1 -1
  64. package/coverage/AvatarTeam/props/propTypes.js.html +1 -1
  65. package/coverage/Button/Button.js.html +1 -1
  66. package/coverage/Button/css/Button.module.css.html +1 -1
  67. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  68. package/coverage/Button/css/index.html +1 -1
  69. package/coverage/Button/index.html +1 -1
  70. package/coverage/Button/props/defaultProps.js.html +1 -1
  71. package/coverage/Button/props/index.html +1 -1
  72. package/coverage/Button/props/propTypes.js.html +1 -1
  73. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  74. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  75. package/coverage/Buttongroup/index.html +1 -1
  76. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  77. package/coverage/Buttongroup/props/index.html +1 -1
  78. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  79. package/coverage/Label/Label.js.html +1 -1
  80. package/coverage/Label/Label.module.css.html +1 -1
  81. package/coverage/Label/LabelColors.module.css.html +1 -1
  82. package/coverage/Label/index.html +1 -1
  83. package/coverage/Label/props/defaultProps.js.html +1 -1
  84. package/coverage/Label/props/index.html +1 -1
  85. package/coverage/Label/props/propTypes.js.html +1 -1
  86. package/coverage/Layout/Box.js.html +1 -1
  87. package/coverage/Layout/Container.js.html +1 -1
  88. package/coverage/Layout/Layout.module.css.html +1 -1
  89. package/coverage/Layout/index.html +1 -1
  90. package/coverage/Layout/index.js.html +1 -1
  91. package/coverage/Layout/props/defaultProps.js.html +1 -1
  92. package/coverage/Layout/props/index.html +1 -1
  93. package/coverage/Layout/props/propTypes.js.html +1 -1
  94. package/coverage/Layout/utils.js.html +1 -1
  95. package/coverage/Provider/AvatarSize.js.html +1 -1
  96. package/coverage/Provider/CssProvider.js.html +1 -1
  97. package/coverage/Provider/index.html +1 -1
  98. package/coverage/Radio/Radio.js.html +1 -1
  99. package/coverage/Radio/Radio.module.css.html +1 -1
  100. package/coverage/Radio/index.html +1 -1
  101. package/coverage/Radio/props/defaultProps.js.html +1 -1
  102. package/coverage/Radio/props/index.html +1 -1
  103. package/coverage/Radio/props/propTypes.js.html +1 -1
  104. package/coverage/Ribbon/Ribbon.js.html +1 -1
  105. package/coverage/Ribbon/Ribbon.module.css.html +1 -1
  106. package/coverage/Ribbon/index.html +1 -1
  107. package/coverage/Ribbon/props/defaultProps.js.html +1 -1
  108. package/coverage/Ribbon/props/index.html +1 -1
  109. package/coverage/Ribbon/props/propTypes.js.html +1 -1
  110. package/coverage/RippleEffect/RippleEffect.js.html +1 -1
  111. package/coverage/RippleEffect/RippleEffect.module.css.html +1 -1
  112. package/coverage/RippleEffect/index.html +1 -1
  113. package/coverage/RippleEffect/props/defaultProps.js.html +1 -1
  114. package/coverage/RippleEffect/props/index.html +1 -1
  115. package/coverage/RippleEffect/props/propTypes.js.html +1 -1
  116. package/coverage/Stencils/Stencils.js.html +1 -1
  117. package/coverage/Stencils/Stencils.module.css.html +1 -1
  118. package/coverage/Stencils/index.html +1 -1
  119. package/coverage/Stencils/props/defaultProps.js.html +1 -1
  120. package/coverage/Stencils/props/index.html +1 -1
  121. package/coverage/Stencils/props/propTypes.js.html +1 -1
  122. package/coverage/Switch/Switch.js.html +1 -1
  123. package/coverage/Switch/Switch.module.css.html +1 -1
  124. package/coverage/Switch/index.html +1 -1
  125. package/coverage/Switch/props/defaultProps.js.html +1 -1
  126. package/coverage/Switch/props/index.html +1 -1
  127. package/coverage/Switch/props/propTypes.js.html +1 -1
  128. package/coverage/common/avatarsizes.module.css.html +1 -1
  129. package/coverage/common/common.module.css.html +1 -1
  130. package/coverage/common/index.html +1 -1
  131. package/coverage/coverage-final.json +55 -55
  132. package/coverage/coverage-summary.json +55 -55
  133. package/coverage/index.html +1 -1
  134. package/coverage/utils/dummyFunction.js.html +1 -1
  135. package/coverage/utils/getInitial.js.html +1 -1
  136. package/coverage/utils/index.html +1 -1
  137. package/css_error.log +1 -1
  138. package/es/AppContainer/AppContainer.module.css +18 -18
  139. package/es/Avatar/Avatar.js +9 -9
  140. package/es/Avatar/Avatar.module.css +175 -175
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  142. package/es/AvatarTeam/AvatarTeam.js +7 -7
  143. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  144. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  145. package/es/Button/Button.js +4 -4
  146. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  147. package/es/Button/css/Button.module.css +525 -525
  148. package/es/Buttongroup/Buttongroup.js +1 -1
  149. package/es/Buttongroup/Buttongroup.module.css +105 -105
  150. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  151. package/es/Card/Card.js +4 -4
  152. package/es/Card/Card.module.css +20 -20
  153. package/es/CheckBox/CheckBox.js +0 -0
  154. package/es/CheckBox/CheckBox.module.css +157 -157
  155. package/es/DateTime/CalendarView.js +0 -0
  156. package/es/DateTime/DateTime.js +0 -0
  157. package/es/DateTime/DateTime.module.css +248 -248
  158. package/es/DateTime/DateWidget.js +0 -0
  159. package/es/DateTime/DateWidget.module.css +38 -38
  160. package/es/DateTime/YearView.js +0 -0
  161. package/es/DateTime/YearView.module.css +98 -98
  162. package/es/DateTime/common.js +0 -0
  163. package/es/DateTime/index.js +0 -0
  164. package/es/DateTime/objectUtils.js +0 -0
  165. package/es/DateTime/typeChecker.js +0 -0
  166. package/es/DateTime/validator.js +0 -0
  167. package/es/DropBox/DropBox.js +0 -0
  168. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  169. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  170. package/es/DropBox/css/DropBox.module.css +58 -58
  171. package/es/DropDown/DropDown.js +0 -0
  172. package/es/DropDown/DropDown.module.css +5 -5
  173. package/es/DropDown/DropDownHeading.js +0 -0
  174. package/es/DropDown/DropDownHeading.module.css +53 -53
  175. package/es/DropDown/DropDownItem.js +0 -0
  176. package/es/DropDown/DropDownItem.module.css +94 -94
  177. package/es/DropDown/DropDownSearch.js +0 -0
  178. package/es/DropDown/DropDownSearch.module.css +14 -14
  179. package/es/DropDown/DropDownSeparator.js +0 -0
  180. package/es/DropDown/DropDownSeparator.module.css +7 -7
  181. package/es/Heading/Heading.module.css +4 -4
  182. package/es/Label/Label.js +2 -2
  183. package/es/Label/Label.module.css +52 -52
  184. package/es/Label/LabelColors.module.css +20 -20
  185. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  186. package/es/Layout/Box.js +0 -0
  187. package/es/Layout/Container.js +0 -0
  188. package/es/Layout/Layout.module.css +335 -335
  189. package/es/Layout/utils.js +0 -0
  190. package/es/ListItem/ListItem.js +0 -0
  191. package/es/ListItem/ListItem.module.css +216 -216
  192. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  193. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  194. package/es/MultiSelect/MultiSelect.js +5 -5
  195. package/es/MultiSelect/MultiSelect.module.css +204 -204
  196. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  197. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  198. package/es/PopOver/PopOver.module.css +8 -8
  199. package/es/Popup/Popup.js +0 -0
  200. package/es/Popup/PositionMapping.json +73 -73
  201. package/es/Radio/Radio.js +0 -0
  202. package/es/Radio/Radio.module.css +112 -112
  203. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  204. package/es/Responsive/CustomResponsive.js +0 -0
  205. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  206. package/es/Ribbon/Ribbon.js +0 -0
  207. package/es/Ribbon/Ribbon.module.css +454 -454
  208. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  209. package/es/RippleEffect/RippleEffect.module.css +92 -92
  210. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  211. package/es/Select/GroupSelect.js +0 -0
  212. package/es/Select/Select.js +0 -0
  213. package/es/Select/Select.module.css +108 -108
  214. package/es/Select/SelectWithAvatar.js +0 -0
  215. package/es/Select/SelectWithIcon.js +0 -0
  216. package/es/Stencils/Stencils.js +0 -0
  217. package/es/Stencils/Stencils.module.css +96 -96
  218. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  219. package/es/Switch/Switch.js +0 -0
  220. package/es/Switch/Switch.module.css +127 -127
  221. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  222. package/es/Tab/Tab.module.css +100 -100
  223. package/es/Tab/TabContent.module.css +4 -4
  224. package/es/Tab/Tabs.js +17 -17
  225. package/es/Tab/Tabs.module.css +136 -136
  226. package/es/Tag/Tag.js +8 -8
  227. package/es/Tag/Tag.module.css +254 -254
  228. package/es/TextBox/TextBox.js +0 -0
  229. package/es/TextBox/TextBox.module.css +158 -158
  230. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  231. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  232. package/es/Textarea/Textarea.js +0 -0
  233. package/es/Textarea/Textarea.module.css +139 -139
  234. package/es/Tooltip/Tooltip.module.css +140 -140
  235. package/es/common/a11y.module.css +3 -3
  236. package/es/common/animation.module.css +624 -624
  237. package/es/common/avatarsizes.module.css +48 -48
  238. package/es/common/basic.module.css +33 -33
  239. package/es/common/basicReset.module.css +40 -40
  240. package/es/common/boxShadow.module.css +33 -33
  241. package/es/common/common.module.css +524 -524
  242. package/es/common/customscroll.module.css +91 -91
  243. package/es/common/reset.module.css +13 -13
  244. package/es/common/transition.module.css +146 -146
  245. package/es/semantic/Button/semanticButton.module.css +9 -9
  246. package/es/utils/Common.js +0 -0
  247. package/es/utils/dropDownUtils.js +0 -0
  248. package/es/v1/Avatar/Avatar.js +5 -5
  249. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  250. package/es/v1/Button/Button.js +4 -4
  251. package/es/v1/Card/Card.js +4 -4
  252. package/es/v1/CheckBox/CheckBox.js +0 -0
  253. package/es/v1/DateTime/DateTime.js +0 -0
  254. package/es/v1/DateTime/DateWidget.js +0 -0
  255. package/es/v1/DateTime/YearView.js +0 -0
  256. package/es/v1/DateTime/index.js +0 -0
  257. package/es/v1/DropBox/DropBox.js +0 -0
  258. package/es/v1/DropDown/DropDown.js +0 -0
  259. package/es/v1/DropDown/DropDownHeading.js +0 -0
  260. package/es/v1/DropDown/DropDownItem.js +0 -0
  261. package/es/v1/DropDown/DropDownSearch.js +0 -0
  262. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  263. package/es/v1/Layout/Box.js +0 -0
  264. package/es/v1/Layout/Container.js +0 -0
  265. package/es/v1/ListItem/ListItem.js +0 -0
  266. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  267. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  268. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  269. package/es/v1/Radio/Radio.js +0 -0
  270. package/es/v1/Responsive/CustomResponsive.js +0 -0
  271. package/es/v1/Select/GroupSelect.js +0 -0
  272. package/es/v1/Select/Select.js +0 -0
  273. package/es/v1/Select/SelectWithAvatar.js +0 -0
  274. package/es/v1/Select/SelectWithIcon.js +0 -0
  275. package/es/v1/Switch/Switch.js +0 -0
  276. package/es/v1/Tab/Tabs.js +17 -17
  277. package/es/v1/Tag/Tag.js +8 -8
  278. package/es/v1/TextBox/TextBox.js +0 -0
  279. package/es/v1/Typography/css/Typography.module.css +409 -409
  280. package/install.md +10 -10
  281. package/lib/AppContainer/AppContainer.module.css +18 -18
  282. package/lib/Avatar/Avatar.js +9 -9
  283. package/lib/Avatar/Avatar.module.css +175 -175
  284. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  285. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  286. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  287. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  288. package/lib/Button/Button.js +4 -4
  289. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  290. package/lib/Button/css/Button.module.css +525 -525
  291. package/lib/Buttongroup/Buttongroup.js +1 -1
  292. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  293. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  294. package/lib/Card/Card.js +4 -4
  295. package/lib/Card/Card.module.css +20 -20
  296. package/lib/CheckBox/CheckBox.js +0 -0
  297. package/lib/CheckBox/CheckBox.module.css +157 -157
  298. package/lib/DateTime/CalendarView.js +0 -0
  299. package/lib/DateTime/DateTime.js +0 -0
  300. package/lib/DateTime/DateTime.module.css +248 -248
  301. package/lib/DateTime/DateWidget.js +0 -0
  302. package/lib/DateTime/DateWidget.module.css +38 -38
  303. package/lib/DateTime/YearView.js +0 -0
  304. package/lib/DateTime/YearView.module.css +98 -98
  305. package/lib/DateTime/common.js +0 -0
  306. package/lib/DateTime/index.js +0 -0
  307. package/lib/DateTime/objectUtils.js +0 -0
  308. package/lib/DateTime/typeChecker.js +0 -0
  309. package/lib/DateTime/validator.js +0 -0
  310. package/lib/DropBox/DropBox.js +0 -0
  311. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  312. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  313. package/lib/DropBox/css/DropBox.module.css +58 -58
  314. package/lib/DropDown/DropDown.js +0 -0
  315. package/lib/DropDown/DropDown.module.css +5 -5
  316. package/lib/DropDown/DropDownHeading.js +0 -0
  317. package/lib/DropDown/DropDownHeading.module.css +53 -53
  318. package/lib/DropDown/DropDownItem.js +0 -0
  319. package/lib/DropDown/DropDownItem.module.css +94 -94
  320. package/lib/DropDown/DropDownSearch.js +0 -0
  321. package/lib/DropDown/DropDownSearch.module.css +14 -14
  322. package/lib/DropDown/DropDownSeparator.js +0 -0
  323. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  324. package/lib/Heading/Heading.module.css +4 -4
  325. package/lib/Label/Label.js +0 -0
  326. package/lib/Label/Label.module.css +52 -52
  327. package/lib/Label/LabelColors.module.css +20 -20
  328. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  329. package/lib/Layout/Box.js +0 -0
  330. package/lib/Layout/Container.js +0 -0
  331. package/lib/Layout/Layout.module.css +335 -335
  332. package/lib/Layout/utils.js +0 -0
  333. package/lib/ListItem/ListItem.js +0 -0
  334. package/lib/ListItem/ListItem.module.css +216 -216
  335. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  336. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  337. package/lib/MultiSelect/MultiSelect.js +5 -5
  338. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  339. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  340. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  341. package/lib/PopOver/PopOver.module.css +8 -8
  342. package/lib/Popup/Popup.js +0 -0
  343. package/lib/Popup/PositionMapping.json +73 -73
  344. package/lib/Radio/Radio.js +0 -0
  345. package/lib/Radio/Radio.module.css +112 -112
  346. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  347. package/lib/Responsive/CustomResponsive.js +0 -0
  348. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  349. package/lib/Ribbon/Ribbon.js +0 -0
  350. package/lib/Ribbon/Ribbon.module.css +454 -454
  351. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  352. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  353. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  354. package/lib/Select/GroupSelect.js +0 -0
  355. package/lib/Select/Select.js +0 -0
  356. package/lib/Select/Select.module.css +108 -108
  357. package/lib/Select/SelectWithAvatar.js +0 -0
  358. package/lib/Select/SelectWithIcon.js +0 -0
  359. package/lib/Stencils/Stencils.js +0 -0
  360. package/lib/Stencils/Stencils.module.css +96 -96
  361. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  362. package/lib/Switch/Switch.js +0 -0
  363. package/lib/Switch/Switch.module.css +127 -127
  364. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  365. package/lib/Tab/Tab.module.css +100 -100
  366. package/lib/Tab/TabContent.module.css +4 -4
  367. package/lib/Tab/Tabs.js +11 -11
  368. package/lib/Tab/Tabs.module.css +136 -136
  369. package/lib/Tag/Tag.js +8 -8
  370. package/lib/Tag/Tag.module.css +254 -254
  371. package/lib/TextBox/TextBox.js +0 -0
  372. package/lib/TextBox/TextBox.module.css +158 -158
  373. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  374. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  375. package/lib/Textarea/Textarea.js +0 -0
  376. package/lib/Textarea/Textarea.module.css +139 -139
  377. package/lib/Tooltip/Tooltip.module.css +140 -140
  378. package/lib/common/a11y.module.css +3 -3
  379. package/lib/common/animation.module.css +624 -624
  380. package/lib/common/avatarsizes.module.css +48 -48
  381. package/lib/common/basic.module.css +33 -33
  382. package/lib/common/basicReset.module.css +40 -40
  383. package/lib/common/boxShadow.module.css +33 -33
  384. package/lib/common/common.module.css +524 -524
  385. package/lib/common/customscroll.module.css +91 -91
  386. package/lib/common/reset.module.css +13 -13
  387. package/lib/common/transition.module.css +146 -146
  388. package/lib/semantic/Button/semanticButton.module.css +9 -9
  389. package/lib/utils/Common.js +0 -0
  390. package/lib/utils/dropDownUtils.js +0 -0
  391. package/lib/v1/Avatar/Avatar.js +5 -5
  392. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  393. package/lib/v1/Button/Button.js +4 -4
  394. package/lib/v1/Card/Card.js +4 -4
  395. package/lib/v1/CheckBox/CheckBox.js +0 -0
  396. package/lib/v1/DateTime/DateTime.js +0 -0
  397. package/lib/v1/DateTime/DateWidget.js +0 -0
  398. package/lib/v1/DateTime/YearView.js +0 -0
  399. package/lib/v1/DateTime/index.js +0 -0
  400. package/lib/v1/DropBox/DropBox.js +0 -0
  401. package/lib/v1/DropDown/DropDown.js +0 -0
  402. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  403. package/lib/v1/DropDown/DropDownItem.js +0 -0
  404. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  405. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  406. package/lib/v1/Layout/Box.js +0 -0
  407. package/lib/v1/Layout/Container.js +0 -0
  408. package/lib/v1/ListItem/ListItem.js +0 -0
  409. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  410. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  411. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  412. package/lib/v1/Radio/Radio.js +0 -0
  413. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  414. package/lib/v1/Select/GroupSelect.js +0 -0
  415. package/lib/v1/Select/Select.js +0 -0
  416. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  417. package/lib/v1/Select/SelectWithIcon.js +0 -0
  418. package/lib/v1/Switch/Switch.js +0 -0
  419. package/lib/v1/Tab/Tabs.js +11 -11
  420. package/lib/v1/Tag/Tag.js +8 -8
  421. package/lib/v1/TextBox/TextBox.js +0 -0
  422. package/lib/v1/Typography/css/Typography.module.css +409 -409
  423. package/package.json +92 -92
  424. package/postPublish.js +8 -8
  425. package/prePublish.js +70 -70
  426. package/react-cli.config.js +23 -23
  427. package/result.json +1 -1
  428. package/unittest/index.html +1 -1
package/es/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
+ `;