@zohodesk/components 1.0.0-alpha-195 → 1.0.0-alpha-199

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 (395) hide show
  1. package/README.md +21 -0
  2. package/es/Avatar/Avatar.module.css +9 -11
  3. package/es/AvatarTeam/AvatarTeam.module.css +7 -21
  4. package/es/Button/Button.module.css +23 -96
  5. package/es/Buttongroup/Buttongroup.module.css +8 -37
  6. package/es/CheckBox/CheckBox.module.css +11 -17
  7. package/es/DateTime/DateTime.module.css +12 -39
  8. package/es/DateTime/DateWidget.module.css +5 -9
  9. package/es/DateTime/YearView.module.css +6 -16
  10. package/es/DateTime/dateFormatUtils/dateFormat.js +2 -2
  11. package/es/DropBox/DropBox.module.css +11 -47
  12. package/es/DropDown/DropDownHeading.module.css +3 -7
  13. package/es/DropDown/DropDownItem.module.css +6 -32
  14. package/es/ListItem/ListItem.module.css +24 -56
  15. package/es/MultiSelect/AdvancedMultiSelect.js +3 -2
  16. package/es/MultiSelect/AdvancedMultiSelect.module.css +6 -21
  17. package/es/MultiSelect/MultiSelect.js +31 -31
  18. package/es/MultiSelect/MultiSelect.module.css +8 -26
  19. package/es/MultiSelect/SelectedOptions.module.css +2 -8
  20. package/es/PopOver/PopOver.module.css +1 -1
  21. package/es/Popup/Popup.js +2 -2
  22. package/es/Radio/Radio.module.css +3 -9
  23. package/es/Responsive/CustomResponsive.js +73 -74
  24. package/es/Responsive/docs/style.module.css +8 -17
  25. package/es/Responsive/sizeObservers.js +31 -13
  26. package/es/Ribbon/Ribbon.module.css +28 -93
  27. package/es/RippleEffect/RippleEffect.module.css +44 -15
  28. package/es/Select/Select.module.css +2 -12
  29. package/es/Stencils/Stencils.module.css +4 -27
  30. package/es/Switch/Switch.module.css +7 -6
  31. package/es/Tab/Tab.module.css +7 -16
  32. package/es/Tab/Tabs.module.css +8 -41
  33. package/es/Tab/docs/tabdocs.module.css +1 -1
  34. package/es/Tag/Tag.module.css +14 -36
  35. package/es/TextBox/TextBox.module.css +11 -7
  36. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -10
  37. package/es/Textarea/Textarea.module.css +7 -6
  38. package/es/Tooltip/Tooltip.module.css +8 -9
  39. package/es/beta/FocusRing/FocusRing.module.css +26 -51
  40. package/es/common/animation.module.css +20 -212
  41. package/es/common/basicReset.module.css +12 -2
  42. package/es/common/common.module.css +18 -62
  43. package/es/common/customscroll.module.css +21 -17
  44. package/es/common/docStyle.module.css +26 -64
  45. package/es/common/transition.module.css +10 -50
  46. package/es/deprecated/customscroll_Old.module.css +1 -1
  47. package/es/semantic/Button/semanticButton.module.css +3 -3
  48. package/es/utils/ContextOptimizer.js +38 -0
  49. package/package.json +3 -3
  50. package/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  51. package/assets/fonts/LatoLatin-Heavy.woff2 +0 -0
  52. package/assets/fonts/LatoLatin-Medium.woff2 +0 -0
  53. package/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  54. package/assets/fonts/LatoLatin-Semibold.woff2 +0 -0
  55. package/lib/Accordion/Accordion.js +0 -146
  56. package/lib/Accordion/AccordionItem.js +0 -121
  57. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  58. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  59. package/lib/Accordion/index.js +0 -23
  60. package/lib/Animation/Animation.js +0 -207
  61. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  62. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  63. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  64. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  65. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  66. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  67. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  68. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  69. package/lib/AppContainer/AppContainer.js +0 -154
  70. package/lib/AppContainer/AppContainer.module.css +0 -17
  71. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  72. package/lib/Appearance/dark/mode/darkMode.module.css +0 -403
  73. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  74. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -31
  75. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  76. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -31
  77. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  78. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -31
  79. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  80. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -31
  81. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  82. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -31
  83. package/lib/Appearance/default/mode/defaultMode.module.css +0 -403
  84. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  85. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -31
  86. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  87. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -31
  88. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  89. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -31
  90. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  91. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -31
  92. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  93. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -31
  94. package/lib/Avatar/Avatar.js +0 -280
  95. package/lib/Avatar/Avatar.module.css +0 -117
  96. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  97. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  98. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  99. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  100. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  101. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  102. package/lib/AvatarTeam/AvatarTeam.js +0 -157
  103. package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
  104. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  105. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  106. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  107. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  108. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  109. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  110. package/lib/Button/Button.js +0 -159
  111. package/lib/Button/Button.module.css +0 -520
  112. package/lib/Button/__tests__/Button.spec.js +0 -233
  113. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  114. package/lib/Button/docs/Button__custom.docs.js +0 -826
  115. package/lib/Button/docs/Button__default.docs.js +0 -590
  116. package/lib/Buttongroup/Buttongroup.js +0 -101
  117. package/lib/Buttongroup/Buttongroup.module.css +0 -89
  118. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  119. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  120. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  121. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  122. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  123. package/lib/Card/Card.js +0 -403
  124. package/lib/Card/Card.module.css +0 -20
  125. package/lib/Card/__tests__/Card.spec.js +0 -56
  126. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  127. package/lib/Card/docs/Card__Default.docs.js +0 -92
  128. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  129. package/lib/Card/index.js +0 -37
  130. package/lib/CheckBox/CheckBox.js +0 -265
  131. package/lib/CheckBox/CheckBox.module.css +0 -153
  132. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  133. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  134. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  135. package/lib/DateTime/CalendarView.js +0 -305
  136. package/lib/DateTime/DateTime.js +0 -1030
  137. package/lib/DateTime/DateTime.module.css +0 -188
  138. package/lib/DateTime/DateWidget.js +0 -1183
  139. package/lib/DateTime/DateWidget.module.css +0 -46
  140. package/lib/DateTime/YearView.js +0 -324
  141. package/lib/DateTime/YearView.module.css +0 -80
  142. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  143. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  144. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  145. package/lib/DateTime/common.js +0 -36
  146. package/lib/DateTime/constants.js +0 -77
  147. package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -613
  148. package/lib/DateTime/dateFormatUtils/dayChange.js +0 -81
  149. package/lib/DateTime/dateFormatUtils/index.js +0 -274
  150. package/lib/DateTime/dateFormatUtils/monthChange.js +0 -94
  151. package/lib/DateTime/dateFormatUtils/timeChange.js +0 -240
  152. package/lib/DateTime/dateFormatUtils/yearChange.js +0 -119
  153. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  154. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  155. package/lib/DateTime/docs/timezonedata.json +0 -1
  156. package/lib/DateTime/index.js +0 -15
  157. package/lib/DateTime/objectUtils.js +0 -76
  158. package/lib/DateTime/typeChecker.js +0 -26
  159. package/lib/DateTime/validator.js +0 -353
  160. package/lib/DropBox/DropBox.js +0 -384
  161. package/lib/DropBox/DropBox.module.css +0 -406
  162. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  163. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  164. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  165. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  166. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  167. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  168. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  169. package/lib/DropDown/DropDown.js +0 -203
  170. package/lib/DropDown/DropDown.module.css +0 -5
  171. package/lib/DropDown/DropDownHeading.js +0 -102
  172. package/lib/DropDown/DropDownHeading.module.css +0 -53
  173. package/lib/DropDown/DropDownItem.js +0 -139
  174. package/lib/DropDown/DropDownItem.module.css +0 -94
  175. package/lib/DropDown/DropDownSearch.js +0 -130
  176. package/lib/DropDown/DropDownSearch.module.css +0 -14
  177. package/lib/DropDown/DropDownSeparator.js +0 -66
  178. package/lib/DropDown/DropDownSeparator.module.css +0 -7
  179. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  180. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  181. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  182. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  183. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  184. package/lib/Label/Label.js +0 -107
  185. package/lib/Label/Label.module.css +0 -73
  186. package/lib/Label/__tests__/Label.spec.js +0 -137
  187. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  188. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  189. package/lib/Label/docs/Label__custom.docs.js +0 -85
  190. package/lib/Label/docs/Label__palette.docs.js +0 -96
  191. package/lib/Label/docs/Label__size.docs.js +0 -83
  192. package/lib/Label/docs/Label__type.docs.js +0 -91
  193. package/lib/Layout/Box.js +0 -138
  194. package/lib/Layout/Container.js +0 -152
  195. package/lib/Layout/Layout.module.css +0 -324
  196. package/lib/Layout/__tests__/Box.spec.js +0 -121
  197. package/lib/Layout/__tests__/Container.spec.js +0 -127
  198. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  199. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  200. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  201. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  202. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  203. package/lib/Layout/index.js +0 -34
  204. package/lib/Layout/utils.js +0 -55
  205. package/lib/ListItem/ListItem.js +0 -234
  206. package/lib/ListItem/ListItem.module.css +0 -200
  207. package/lib/ListItem/ListItemWithAvatar.js +0 -236
  208. package/lib/ListItem/ListItemWithCheckBox.js +0 -208
  209. package/lib/ListItem/ListItemWithIcon.js +0 -221
  210. package/lib/ListItem/ListItemWithRadio.js +0 -209
  211. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  212. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  213. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  214. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  215. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  216. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  217. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  218. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  219. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  220. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  221. package/lib/Modal/Modal.js +0 -218
  222. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  223. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1209
  224. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -664
  225. package/lib/MultiSelect/AdvancedMultiSelect.module.css +0 -127
  226. package/lib/MultiSelect/EmptyState.js +0 -132
  227. package/lib/MultiSelect/MultiSelect.js +0 -1210
  228. package/lib/MultiSelect/MultiSelect.module.css +0 -198
  229. package/lib/MultiSelect/MultiSelectHeader.js +0 -86
  230. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -407
  231. package/lib/MultiSelect/SelectedOptions.js +0 -139
  232. package/lib/MultiSelect/SelectedOptions.module.css +0 -15
  233. package/lib/MultiSelect/Suggestions.js +0 -205
  234. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  235. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  236. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -150
  237. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  238. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  239. package/lib/PopOver/PopOver.js +0 -366
  240. package/lib/PopOver/PopOver.module.css +0 -8
  241. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  242. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  243. package/lib/Popup/Popup.js +0 -716
  244. package/lib/Popup/PositionMapping.json +0 -74
  245. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  246. package/lib/Popup/viewPort.js +0 -368
  247. package/lib/Provider/AvatarSize.js +0 -23
  248. package/lib/Provider/Config.js +0 -21
  249. package/lib/Provider/CssProvider.js +0 -27
  250. package/lib/Provider/IdProvider.js +0 -82
  251. package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -174
  252. package/lib/Provider/ZindexProvider.js +0 -69
  253. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  254. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  255. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  256. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  257. package/lib/Provider.js +0 -232
  258. package/lib/Radio/Radio.js +0 -216
  259. package/lib/Radio/Radio.module.css +0 -110
  260. package/lib/Radio/__tests__/Radiospec.js +0 -29
  261. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  262. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  263. package/lib/Responsive/CustomResponsive.js +0 -282
  264. package/lib/Responsive/RefWrapper.js +0 -55
  265. package/lib/Responsive/ResizeObserver.js +0 -168
  266. package/lib/Responsive/Responsive.js +0 -280
  267. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  268. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  269. package/lib/Responsive/docs/style.module.css +0 -56
  270. package/lib/Responsive/index.js +0 -30
  271. package/lib/Responsive/sizeObservers.js +0 -145
  272. package/lib/Responsive/utils/index.js +0 -69
  273. package/lib/Responsive/utils/shallowCompare.js +0 -38
  274. package/lib/Responsive/windowResizeObserver.js +0 -63
  275. package/lib/Ribbon/Ribbon.js +0 -115
  276. package/lib/Ribbon/Ribbon.module.css +0 -377
  277. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  278. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  279. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  280. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  281. package/lib/RippleEffect/RippleEffect.js +0 -58
  282. package/lib/RippleEffect/RippleEffect.module.css +0 -67
  283. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  284. package/lib/Select/GroupSelect.js +0 -936
  285. package/lib/Select/Select.js +0 -1028
  286. package/lib/Select/Select.module.css +0 -100
  287. package/lib/Select/SelectWithAvatar.js +0 -430
  288. package/lib/Select/SelectWithIcon.js +0 -550
  289. package/lib/Select/__tests__/Select.spec.js +0 -383
  290. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  291. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  292. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  293. package/lib/Select/docs/Select__default.docs.js +0 -261
  294. package/lib/Stencils/Stencils.js +0 -94
  295. package/lib/Stencils/Stencils.module.css +0 -106
  296. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  297. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  298. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  299. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  300. package/lib/Switch/Switch.js +0 -183
  301. package/lib/Switch/Switch.module.css +0 -110
  302. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  303. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  304. package/lib/Tab/Tab.js +0 -155
  305. package/lib/Tab/Tab.module.css +0 -101
  306. package/lib/Tab/TabContent.js +0 -45
  307. package/lib/Tab/TabContent.module.css +0 -4
  308. package/lib/Tab/TabContentWrapper.js +0 -47
  309. package/lib/Tab/TabWrapper.js +0 -109
  310. package/lib/Tab/Tabs.js +0 -671
  311. package/lib/Tab/Tabs.module.css +0 -140
  312. package/lib/Tab/__tests__/Tab.spec.js +0 -130
  313. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  314. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  315. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  316. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  317. package/lib/Tab/docs/Tab__default.docs.js +0 -299
  318. package/lib/Tab/docs/tabdocs.module.css +0 -29
  319. package/lib/Tab/index.js +0 -47
  320. package/lib/Tag/Tag.js +0 -246
  321. package/lib/Tag/Tag.module.css +0 -247
  322. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  323. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  324. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  325. package/lib/TextBox/TextBox.js +0 -285
  326. package/lib/TextBox/TextBox.module.css +0 -157
  327. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  328. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  329. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  330. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  331. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  332. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  333. package/lib/TextBoxIcon/TextBoxIcon.js +0 -276
  334. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -75
  335. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  336. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  337. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  338. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  339. package/lib/Textarea/Textarea.js +0 -202
  340. package/lib/Textarea/Textarea.module.css +0 -139
  341. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  342. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  343. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  344. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  345. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  346. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  347. package/lib/Tooltip/Tooltip.js +0 -538
  348. package/lib/Tooltip/Tooltip.module.css +0 -104
  349. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  350. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  351. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -138
  352. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  353. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -182
  354. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  355. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  356. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  357. package/lib/beta/FocusRing/FocusRing.js +0 -338
  358. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
  359. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  360. package/lib/common/animation.module.css +0 -612
  361. package/lib/common/avatarsizes.module.css +0 -45
  362. package/lib/common/basic.module.css +0 -33
  363. package/lib/common/basicReset.module.css +0 -40
  364. package/lib/common/common.module.css +0 -502
  365. package/lib/common/customscroll.module.css +0 -89
  366. package/lib/common/docStyle.module.css +0 -705
  367. package/lib/common/reset.module.css +0 -12
  368. package/lib/common/transition.module.css +0 -146
  369. package/lib/css.js +0 -81
  370. package/lib/deprecated/PortalLayer/PortalLayer.js +0 -165
  371. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  372. package/lib/deprecated/Theme/darkTheme.module.css +0 -393
  373. package/lib/deprecated/Theme/defaultTheme.module.css +0 -393
  374. package/lib/deprecated/Theme/palette/darkCTAPalette.module.css +0 -116
  375. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -155
  376. package/lib/deprecated/Theme/palette/defaultCTAPalette.module.css +0 -116
  377. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -155
  378. package/lib/deprecated/customscroll_Old.module.css +0 -46
  379. package/lib/index.js +0 -1403
  380. package/lib/semantic/Button/Button.js +0 -138
  381. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  382. package/lib/semantic/Button/semanticButton.module.css +0 -9
  383. package/lib/utils/Common.js +0 -433
  384. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  385. package/lib/utils/__tests__/debounce.spec.js +0 -40
  386. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  387. package/lib/utils/constant.js +0 -10
  388. package/lib/utils/constructFullName.js +0 -34
  389. package/lib/utils/datetime/common.js +0 -233
  390. package/lib/utils/debounce.js +0 -30
  391. package/lib/utils/dropDownUtils.js +0 -556
  392. package/lib/utils/dummyFunction.js +0 -10
  393. package/lib/utils/getHTMLFontSize.js +0 -11
  394. package/lib/utils/getInitial.js +0 -33
  395. package/lib/utils/scrollTo.js +0 -22
@@ -1,90 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
-
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var Card__Custom = /*#__PURE__*/function (_Component) {
47
- _inherits(Card__Custom, _Component);
48
-
49
- var _super = _createSuper(Card__Custom);
50
-
51
- function Card__Custom() {
52
- _classCallCheck(this, Card__Custom);
53
-
54
- return _super.apply(this, arguments);
55
- }
56
-
57
- _createClass(Card__Custom, [{
58
- key: "render",
59
- value: function render() {
60
- return /*#__PURE__*/_react["default"].createElement("div", {
61
- style: {
62
- height: '50vh'
63
- }
64
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
65
- isScrollAttribute: true,
66
- customClass: _docStyleModule["default"].customCard
67
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
68
- customClass: _docStyleModule["default"].customCardHeader
69
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
70
- customClass: _docStyleModule["default"].customCardContent,
71
- isScrollAttribute: true
72
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.")), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, {
73
- customClass: _docStyleModule["default"].customCardFooter
74
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "Footer")))));
75
- }
76
- }]);
77
-
78
- return Card__Custom;
79
- }(_react.Component);
80
-
81
- exports["default"] = Card__Custom;
82
-
83
- if (false) {
84
- Card__Custom.docs = {
85
- componentGroup: 'Template',
86
- folderName: 'Style Guide',
87
- external: true,
88
- description: ' '
89
- };
90
- }
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
-
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
-
36
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
- var Card__Default = /*#__PURE__*/function (_Component) {
45
- _inherits(Card__Default, _Component);
46
-
47
- var _super = _createSuper(Card__Default);
48
-
49
- function Card__Default() {
50
- _classCallCheck(this, Card__Default);
51
-
52
- return _super.apply(this, arguments);
53
- }
54
-
55
- _createClass(Card__Default, [{
56
- key: "render",
57
- value: function render() {
58
- return /*#__PURE__*/_react["default"].createElement("div", {
59
- style: {
60
- height: '50vh'
61
- }
62
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
63
- isScrollAttribute: true
64
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
65
- style: {
66
- color: 'var(--dot_text_white)',
67
- background: 'var(--dot_bg_black)'
68
- }
69
- }, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
70
- isScrollAttribute: true
71
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, "What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.")), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
72
- style: {
73
- color: 'var(--dot_text_white)',
74
- background: 'var(--dot_bg_black)'
75
- }
76
- }, "Footer")))));
77
- }
78
- }]);
79
-
80
- return Card__Default;
81
- }(_react.Component);
82
-
83
- exports["default"] = Card__Default;
84
-
85
- if (false) {
86
- Card__Default.docs = {
87
- componentGroup: 'Template',
88
- folderName: 'Style Guide',
89
- external: true,
90
- description: ' '
91
- };
92
- }
@@ -1,114 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _Card = _interopRequireWildcard(require("../Card"));
13
-
14
- var _Layout = require("../../Layout");
15
-
16
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
-
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
-
36
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
- var Card__Scroll = /*#__PURE__*/function (_Component) {
45
- _inherits(Card__Scroll, _Component);
46
-
47
- var _super = _createSuper(Card__Scroll);
48
-
49
- function Card__Scroll(props) {
50
- var _this;
51
-
52
- _classCallCheck(this, Card__Scroll);
53
-
54
- _this = _super.call(this, props);
55
- _this.state = {
56
- from: 0,
57
- limit: 10,
58
- noMoreData: false,
59
- isApiSend: false,
60
- data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29]
61
- };
62
- return _this;
63
- }
64
-
65
- _createClass(Card__Scroll, [{
66
- key: "render",
67
- value: function render() {
68
- var _this$state = this.state,
69
- from = _this$state.from,
70
- limit = _this$state.limit,
71
- data = _this$state.data;
72
- return /*#__PURE__*/_react["default"].createElement("div", {
73
- style: {
74
- height: '400px'
75
- }
76
- }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
77
- from: from,
78
- limit: limit,
79
- fetchData: this.fetchData
80
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
81
- style: {
82
- color: 'var(--dot_text_white)',
83
- background: 'var(--dot_bg_black)'
84
- }
85
- }, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, null, data.map(function (val, index) {
86
- return /*#__PURE__*/_react["default"].createElement("div", {
87
- key: index,
88
- style: {
89
- padding: '10px 0px',
90
- borderBottom: '1px solid #ddd'
91
- }
92
- }, val);
93
- })), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
94
- style: {
95
- color: 'var(--dot_text_white)',
96
- background: 'var(--dot_bg_black)'
97
- }
98
- }, "Footer"))));
99
- }
100
- }]);
101
-
102
- return Card__Scroll;
103
- }(_react.Component);
104
-
105
- exports["default"] = Card__Scroll;
106
-
107
- if (false) {
108
- Card__Scroll.docs = {
109
- componentGroup: 'Template',
110
- folderName: 'Style Guide',
111
- external: true,
112
- description: ' '
113
- };
114
- }
package/lib/Card/index.js DELETED
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Card", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Card["default"];
12
- }
13
- });
14
- Object.defineProperty(exports, "CardHeader", {
15
- enumerable: true,
16
- get: function get() {
17
- return _Card.CardHeader;
18
- }
19
- });
20
- Object.defineProperty(exports, "CardContent", {
21
- enumerable: true,
22
- get: function get() {
23
- return _Card.CardContent;
24
- }
25
- });
26
- Object.defineProperty(exports, "CardFooter", {
27
- enumerable: true,
28
- get: function get() {
29
- return _Card.CardFooter;
30
- }
31
- });
32
-
33
- var _Card = _interopRequireWildcard(require("./Card"));
34
-
35
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
36
-
37
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,265 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _Label = _interopRequireDefault(require("../Label/Label"));
15
-
16
- var _Layout = require("../Layout");
17
-
18
- var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
19
-
20
- var _CheckBoxModule = _interopRequireDefault(require("./CheckBox.module.css"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
-
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var CheckBox = /*#__PURE__*/function (_React$Component) {
47
- _inherits(CheckBox, _React$Component);
48
-
49
- var _super = _createSuper(CheckBox);
50
-
51
- function CheckBox(props) {
52
- var _this;
53
-
54
- _classCallCheck(this, CheckBox);
55
-
56
- _this = _super.call(this, props);
57
- _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
58
- return _this;
59
- }
60
-
61
- _createClass(CheckBox, [{
62
- key: "onChange",
63
- value: function onChange(e) {
64
- var _this$props = this.props,
65
- onChange = _this$props.onChange,
66
- checked = _this$props.checked;
67
- onChange && onChange(!checked, e);
68
- }
69
- }, {
70
- key: "render",
71
- value: function render() {
72
- var _this$props2 = this.props,
73
- id = _this$props2.id,
74
- checked = _this$props2.checked,
75
- disabled = _this$props2.disabled,
76
- isReadOnly = _this$props2.isReadOnly,
77
- disabledTitle = _this$props2.disabledTitle,
78
- title = _this$props2.title,
79
- palette = _this$props2.palette,
80
- text = _this$props2.text,
81
- size = _this$props2.size,
82
- labelPalette = _this$props2.labelPalette,
83
- labelSize = _this$props2.labelSize,
84
- isFilled = _this$props2.isFilled,
85
- isClipped = _this$props2.isClipped,
86
- getRef = _this$props2.getRef,
87
- variant = _this$props2.variant,
88
- active = _this$props2.active,
89
- dataId = _this$props2.dataId,
90
- name = _this$props2.name,
91
- activeStyle = _this$props2.activeStyle,
92
- a11y = _this$props2.a11y,
93
- customClass = _this$props2.customClass,
94
- customProps = _this$props2.customProps;
95
- var _customProps$CheckBox = customProps.CheckBoxProps,
96
- CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
97
- _customProps$LabelPro = customProps.LabelProps,
98
- LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
99
- var _customClass$customCh = customClass.customCheckBox,
100
- customCheckBox = _customClass$customCh === void 0 ? '' : _customClass$customCh,
101
- _customClass$customLa = customClass.customLabel,
102
- customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa,
103
- _customClass$customCB = customClass.customCBoxSize,
104
- customCBoxSize = _customClass$customCB === void 0 ? '' : _customClass$customCB,
105
- _customClass$customTi = customClass.customTickSize,
106
- customTickSize = _customClass$customTi === void 0 ? '' : _customClass$customTi;
107
- var accessMode = isReadOnly ? _CheckBoxModule["default"].readonly : disabled ? (0, _CssProvider["default"])('isDisabled') : _CheckBoxModule["default"].pointer;
108
- var toolTip = disabled ? disabledTitle : title ? title : null;
109
- var ariaLabel = a11y.ariaLabel,
110
- ariaLabelledby = a11y.ariaLabelledby,
111
- ariaHidden = a11y.ariaHidden,
112
- _a11y$role = a11y.role,
113
- role = _a11y$role === void 0 ? 'checkbox' : _a11y$role,
114
- _a11y$ariaChecked = a11y.ariaChecked,
115
- ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked;
116
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
117
- dataId: dataId,
118
- isCover: false,
119
- isInline: text ? false : true,
120
- alignBox: "row",
121
- align: "vertical",
122
- className: "".concat(_CheckBoxModule["default"].container, " ").concat(accessMode, " ").concat(isReadOnly || disabled ? '' : "".concat(_CheckBoxModule["default"][palette]), " \n ").concat(checked ? "".concat(_CheckBoxModule["default"]["checked".concat(palette)]) : '', " ").concat(customCheckBox),
123
- "data-title": toolTip,
124
- onClick: isReadOnly || disabled ? null : this.onChange,
125
- tabIndex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
126
- "aria-checked": ariaChecked,
127
- role: role,
128
- "aria-label": ariaLabel,
129
- "aria-labelledby": ariaLabelledby,
130
- "aria-hidden": ariaHidden
131
- }, CheckBoxProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
132
- className: "".concat(_CheckBoxModule["default"].boxContainer, " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize, " ").concat(isFilled ? _CheckBoxModule["default"].filled : '')
133
- }, /*#__PURE__*/_react["default"].createElement("input", {
134
- type: "hidden",
135
- id: id,
136
- ref: getRef,
137
- name: name
138
- }), /*#__PURE__*/_react["default"].createElement("label", {
139
- className: "".concat(_CheckBoxModule["default"].checkbox, " ").concat(accessMode, " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize)
140
- }, activeStyle == 'tick' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
141
- xmlns: "http://www.w3.org/2000/svg",
142
- viewBox: "0 0 40 40"
143
- }, checked ? /*#__PURE__*/_react["default"].createElement("path", {
144
- xmlns: "http://www.w3.org/2000/svg",
145
- d: "M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44",
146
- className: "".concat(_CheckBoxModule["default"].cbBox)
147
- }) : /*#__PURE__*/_react["default"].createElement("rect", {
148
- xmlns: "http://www.w3.org/2000/svg",
149
- x: "1",
150
- y: "1",
151
- width: "38",
152
- height: "38",
153
- rx: "4",
154
- className: "".concat(_CheckBoxModule["default"].cbBox)
155
- })), checked ? /*#__PURE__*/_react["default"].createElement("svg", {
156
- xmlns: "http://www.w3.org/2000/svg",
157
- viewBox: "0 0 44 44",
158
- className: "".concat(_CheckBoxModule["default"].tick, " ").concat(_CheckBoxModule["default"]["".concat(size, "tick")], " ").concat(customTickSize, " ").concat(disabled ? (0, _CssProvider["default"])('isDisabled') : '')
159
- }, /*#__PURE__*/_react["default"].createElement("polyline", {
160
- points: "12.56 19 19.61 26.06 40.39 5.28",
161
- className: "".concat(_CheckBoxModule["default"].tickPath, " ").concat(_CheckBoxModule["default"].checkedtickPath)
162
- })) : null) : /*#__PURE__*/_react["default"].createElement("svg", {
163
- xmlns: "http://www.w3.org/2000/svg",
164
- viewBox: "0 0 40 40"
165
- }, /*#__PURE__*/_react["default"].createElement("rect", {
166
- xmlns: "http://www.w3.org/2000/svg",
167
- x: "1",
168
- y: "1",
169
- width: "38",
170
- height: "38",
171
- rx: "4",
172
- className: "".concat(_CheckBoxModule["default"].cbBox)
173
- }), checked ? /*#__PURE__*/_react["default"].createElement("line", {
174
- xmlns: "http://www.w3.org/2000/svg",
175
- className: "".concat(_CheckBoxModule["default"].linePath, " ").concat(_CheckBoxModule["default"].cbBox),
176
- x1: "11.47",
177
- y1: "20",
178
- x2: "28.53",
179
- y2: "20"
180
- }) : null))), text && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
181
- flexible: true,
182
- className: _CheckBoxModule["default"].text
183
- }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
184
- text: text,
185
- palette: disabled ? 'disable' : labelPalette,
186
- id: id,
187
- size: labelSize,
188
- type: "title",
189
- clipped: isClipped,
190
- variant: variant,
191
- customClass: "".concat(active && !disabled ? "".concat(_CheckBoxModule["default"]["active".concat(palette, "Label")]) : '', "\n ").concat(checked && active ? "".concat(_CheckBoxModule["default"]["checked".concat(palette, "Label")]) : '', " \n ").concat(accessMode, " ").concat(customLabel),
192
- title: toolTip ? toolTip : text
193
- }, LabelProps))));
194
- }
195
- }]);
196
-
197
- return CheckBox;
198
- }(_react["default"].Component);
199
-
200
- exports["default"] = CheckBox;
201
- CheckBox.defaultProps = {
202
- checked: false,
203
- disabled: false,
204
- isReadOnly: false,
205
- active: false,
206
- labelPalette: 'default',
207
- labelSize: 'medium',
208
- palette: 'primary',
209
- size: 'medium',
210
- isFilled: true,
211
- variant: 'default',
212
- dataId: 'checkBox',
213
- activeStyle: 'tick',
214
- customClass: {},
215
- a11y: {},
216
- isClipped: true,
217
- customProps: {}
218
- };
219
- CheckBox.propTypes = {
220
- active: _propTypes["default"].bool,
221
- activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
222
- ariaLabel: _propTypes["default"].string,
223
- ariaLabelledby: _propTypes["default"].string,
224
- checked: _propTypes["default"].bool,
225
- dataId: _propTypes["default"].string,
226
- disabled: _propTypes["default"].bool,
227
- disabledTitle: _propTypes["default"].string,
228
- getRef: _propTypes["default"].func,
229
- id: _propTypes["default"].string,
230
- isFilled: _propTypes["default"].bool,
231
- isClipped: _propTypes["default"].bool,
232
- isReadOnly: _propTypes["default"].bool,
233
- labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
234
- labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
235
- name: _propTypes["default"].string,
236
- onChange: _propTypes["default"].func,
237
- palette: _propTypes["default"].oneOf(['primary', 'danger']),
238
- size: _propTypes["default"].oneOf(['small', 'medium']),
239
- text: _propTypes["default"].string,
240
- title: _propTypes["default"].string,
241
- variant: _propTypes["default"].oneOf(['default', 'primary']),
242
- customClass: _propTypes["default"].shape({
243
- customCheckBox: _propTypes["default"].string,
244
- customLabel: _propTypes["default"].string,
245
- customCBoxSize: _propTypes["default"].string,
246
- customTickSize: _propTypes["default"].string
247
- }),
248
- a11y: _propTypes["default"].shape({
249
- ariaLabel: _propTypes["default"].string,
250
- ariaLabelledby: _propTypes["default"].string,
251
- ariaHidden: _propTypes["default"].bool,
252
- ariaChecked: _propTypes["default"].bool
253
- }),
254
- customProps: _propTypes["default"].shape({
255
- CheckBoxProps: _propTypes["default"].object,
256
- LabelProps: _propTypes["default"].object
257
- })
258
- };
259
-
260
- if (false) {
261
- CheckBox.docs = {
262
- componentGroup: 'Form Elements',
263
- folderName: 'Style Guide'
264
- };
265
- }