@zohodesk/components 1.0.0-temp-132 → 1.0.0-temp-134

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 (339) hide show
  1. package/README.md +1158 -1137
  2. package/assets/Appearance/dark/mode/darkMode.module.css +191 -191
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +30 -30
  4. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
  5. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
  6. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
  8. package/assets/Appearance/default/mode/defaultMode.module.css +188 -188
  9. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +30 -30
  10. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
  11. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
  12. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
  14. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +193 -193
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +30 -30
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
  20. package/css_error.log +0 -1
  21. package/docs/external/active-line.js +72 -72
  22. package/docs/external/autorefresh.js +47 -47
  23. package/docs/external/codemirror.js +9681 -9681
  24. package/docs/external/css/hopscotch.css +576 -576
  25. package/docs/external/css/styleGuide.css +1100 -1100
  26. package/docs/external/css.js +466 -466
  27. package/docs/external/designTokens.js +1 -1
  28. package/docs/external/foldcode.js +151 -151
  29. package/docs/external/format.js +129 -129
  30. package/docs/external/htmlmixed.js +84 -84
  31. package/docs/external/index.html +127 -127
  32. package/docs/external/javascript.js +422 -422
  33. package/docs/external/jsx.js +147 -147
  34. package/docs/external/matchbrackets.js +145 -145
  35. package/docs/external/xml.js +322 -322
  36. package/docs/package.json +41 -41
  37. package/docs/src/index.js +1311 -1311
  38. package/es/AppContainer/AppContainer.js +0 -1
  39. package/es/AppContainer/AppContainer.module.css +18 -18
  40. package/es/Avatar/Avatar.js +17 -14
  41. package/es/Avatar/Avatar.module.css +141 -168
  42. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  43. package/es/Avatar/props/defaultProps.js +3 -1
  44. package/es/Avatar/props/propTypes.js +4 -2
  45. package/es/AvatarTeam/AvatarTeam.js +15 -9
  46. package/es/AvatarTeam/AvatarTeam.module.css +188 -161
  47. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  48. package/es/AvatarTeam/props/defaultProps.js +4 -1
  49. package/es/AvatarTeam/props/propTypes.js +4 -1
  50. package/es/Button/Button.js +4 -4
  51. package/es/Button/Button.module.css +525 -543
  52. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  53. package/es/Buttongroup/Buttongroup.js +1 -1
  54. package/es/Buttongroup/Buttongroup.module.css +89 -107
  55. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  56. package/es/Card/Card.js +4 -4
  57. package/es/Card/Card.module.css +20 -20
  58. package/es/CheckBox/CheckBox.js +0 -0
  59. package/es/CheckBox/CheckBox.module.css +157 -157
  60. package/es/DateTime/CalendarView.js +0 -0
  61. package/es/DateTime/DateTime.js +0 -0
  62. package/es/DateTime/DateTime.module.css +235 -235
  63. package/es/DateTime/DateWidget.js +2 -3
  64. package/es/DateTime/DateWidget.module.css +38 -38
  65. package/es/DateTime/YearView.js +0 -0
  66. package/es/DateTime/YearView.module.css +98 -98
  67. package/es/DateTime/common.js +0 -0
  68. package/es/DateTime/index.js +0 -0
  69. package/es/DateTime/objectUtils.js +0 -0
  70. package/es/DateTime/typeChecker.js +0 -0
  71. package/es/DateTime/validator.js +0 -0
  72. package/es/DropBox/DropBox.js +0 -0
  73. package/es/DropBox/DropBox.module.css +406 -489
  74. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  75. package/es/DropDown/DropDown.js +0 -0
  76. package/es/DropDown/DropDown.module.css +5 -5
  77. package/es/DropDown/DropDownHeading.js +0 -0
  78. package/es/DropDown/DropDownHeading.module.css +53 -53
  79. package/es/DropDown/DropDownItem.js +0 -0
  80. package/es/DropDown/DropDownItem.module.css +94 -94
  81. package/es/DropDown/DropDownSearch.js +0 -0
  82. package/es/DropDown/DropDownSearch.module.css +14 -14
  83. package/es/DropDown/DropDownSeparator.js +0 -0
  84. package/es/DropDown/DropDownSeparator.module.css +7 -7
  85. package/es/Heading/Heading.module.css +4 -4
  86. package/es/Label/Label.js +2 -2
  87. package/es/Label/Label.module.css +52 -52
  88. package/es/Label/LabelColors.module.css +20 -20
  89. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  90. package/es/Layout/Box.js +0 -0
  91. package/es/Layout/Container.js +0 -0
  92. package/es/Layout/Layout.module.css +335 -335
  93. package/es/Layout/utils.js +0 -0
  94. package/es/ListItem/ListItem.js +0 -0
  95. package/es/ListItem/ListItem.module.css +209 -209
  96. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  97. package/es/MultiSelect/MultiSelect.js +23 -10
  98. package/es/MultiSelect/MultiSelect.module.css +205 -205
  99. package/es/MultiSelect/MultiSelectWithAvatar.js +18 -5
  100. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  101. package/es/MultiSelect/Suggestions.js +4 -2
  102. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  103. package/es/MultiSelect/props/defaultProps.js +5 -2
  104. package/es/MultiSelect/props/propTypes.js +7 -1
  105. package/es/PopOver/PopOver.module.css +8 -8
  106. package/es/Popup/Popup.js +2 -2
  107. package/es/Popup/PositionMapping.json +73 -73
  108. package/es/Provider/AvatarSize.js +1 -0
  109. package/es/Radio/Radio.js +0 -0
  110. package/es/Radio/Radio.module.css +112 -112
  111. package/es/Responsive/CustomResponsive.js +0 -0
  112. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  113. package/es/Ribbon/Ribbon.js +0 -0
  114. package/es/Ribbon/Ribbon.module.css +376 -454
  115. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  116. package/es/RippleEffect/RippleEffect.module.css +92 -92
  117. package/es/Select/GroupSelect.js +0 -0
  118. package/es/Select/Select.js +0 -0
  119. package/es/Select/Select.module.css +108 -108
  120. package/es/Select/SelectWithAvatar.js +0 -0
  121. package/es/Select/SelectWithIcon.js +0 -0
  122. package/es/Select/__tests__/Select.spec.js +0 -0
  123. package/es/Stencils/Stencils.js +0 -0
  124. package/es/Stencils/Stencils.module.css +96 -96
  125. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  126. package/es/Switch/Switch.js +0 -0
  127. package/es/Switch/Switch.module.css +110 -127
  128. package/es/Tab/Tab.module.css +101 -101
  129. package/es/Tab/TabContent.module.css +4 -4
  130. package/es/Tab/Tabs.js +17 -17
  131. package/es/Tab/Tabs.module.css +140 -144
  132. package/es/Tag/Tag.js +8 -8
  133. package/es/Tag/Tag.module.css +254 -254
  134. package/es/TextBox/TextBox.js +0 -0
  135. package/es/TextBox/TextBox.module.css +157 -157
  136. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  137. package/es/TextBoxIcon/TextBoxIcon.js +20 -3
  138. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  139. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  140. package/es/Textarea/Textarea.js +0 -0
  141. package/es/Textarea/Textarea.module.css +139 -139
  142. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  143. package/es/Tooltip/Tooltip.module.css +109 -134
  144. package/es/common/a11y.module.css +3 -3
  145. package/es/common/animation.module.css +624 -624
  146. package/es/common/avatarsizes.module.css +48 -44
  147. package/es/common/basic.module.css +33 -33
  148. package/es/common/basicReset.module.css +40 -40
  149. package/es/common/common.module.css +524 -524
  150. package/es/common/customscroll.module.css +89 -89
  151. package/es/common/reset.module.css +12 -12
  152. package/es/common/transition.module.css +146 -146
  153. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  154. package/es/index.js +3 -109
  155. package/es/semantic/Button/semanticButton.module.css +9 -9
  156. package/es/utils/Common.js +17 -2
  157. package/es/utils/dropDownUtils.js +3 -2
  158. package/install.md +10 -10
  159. package/lib/Accordion/Accordion.js +3 -1
  160. package/lib/Accordion/AccordionItem.js +3 -1
  161. package/lib/Animation/Animation.js +3 -1
  162. package/lib/AppContainer/AppContainer.js +3 -2
  163. package/lib/AppContainer/AppContainer.module.css +18 -18
  164. package/lib/Avatar/Avatar.js +21 -16
  165. package/lib/Avatar/Avatar.module.css +141 -168
  166. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  167. package/lib/Avatar/props/defaultProps.js +3 -1
  168. package/lib/Avatar/props/propTypes.js +4 -2
  169. package/lib/AvatarTeam/AvatarTeam.js +18 -10
  170. package/lib/AvatarTeam/AvatarTeam.module.css +188 -161
  171. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  172. package/lib/AvatarTeam/props/defaultProps.js +4 -1
  173. package/lib/AvatarTeam/props/propTypes.js +4 -1
  174. package/lib/Button/Button.js +7 -5
  175. package/lib/Button/Button.module.css +525 -543
  176. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  177. package/lib/Buttongroup/Buttongroup.js +6 -3
  178. package/lib/Buttongroup/Buttongroup.module.css +89 -107
  179. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  180. package/lib/Card/Card.js +7 -5
  181. package/lib/Card/Card.module.css +20 -20
  182. package/lib/CheckBox/CheckBox.js +3 -1
  183. package/lib/CheckBox/CheckBox.module.css +157 -157
  184. package/lib/DateTime/CalendarView.js +5 -2
  185. package/lib/DateTime/DateTime.js +5 -3
  186. package/lib/DateTime/DateTime.module.css +235 -235
  187. package/lib/DateTime/DateTimePopupFooter.js +3 -1
  188. package/lib/DateTime/DateTimePopupHeader.js +3 -1
  189. package/lib/DateTime/DateWidget.js +4 -4
  190. package/lib/DateTime/DateWidget.module.css +38 -38
  191. package/lib/DateTime/DaysRow.js +3 -1
  192. package/lib/DateTime/Time.js +3 -1
  193. package/lib/DateTime/YearView.js +3 -1
  194. package/lib/DateTime/YearView.module.css +98 -98
  195. package/lib/DateTime/common.js +0 -0
  196. package/lib/DateTime/dateFormatUtils/timeChange.js +2 -2
  197. package/lib/DateTime/index.js +0 -0
  198. package/lib/DateTime/objectUtils.js +0 -0
  199. package/lib/DateTime/typeChecker.js +0 -0
  200. package/lib/DateTime/validator.js +4 -4
  201. package/lib/DropBox/DropBox.js +3 -1
  202. package/lib/DropBox/DropBox.module.css +406 -489
  203. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  204. package/lib/DropDown/DropDown.js +5 -2
  205. package/lib/DropDown/DropDown.module.css +5 -5
  206. package/lib/DropDown/DropDownHeading.js +3 -1
  207. package/lib/DropDown/DropDownHeading.module.css +53 -53
  208. package/lib/DropDown/DropDownItem.js +3 -1
  209. package/lib/DropDown/DropDownItem.module.css +94 -94
  210. package/lib/DropDown/DropDownSearch.js +5 -2
  211. package/lib/DropDown/DropDownSearch.module.css +14 -14
  212. package/lib/DropDown/DropDownSeparator.js +3 -1
  213. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  214. package/lib/DropDown/props/propTypes.js +4 -1
  215. package/lib/Heading/Heading.js +4 -2
  216. package/lib/Heading/Heading.module.css +4 -4
  217. package/lib/Label/Label.js +3 -1
  218. package/lib/Label/Label.module.css +52 -52
  219. package/lib/Label/LabelColors.module.css +20 -20
  220. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  221. package/lib/Layout/Box.js +0 -0
  222. package/lib/Layout/Container.js +0 -0
  223. package/lib/Layout/Layout.module.css +335 -335
  224. package/lib/Layout/utils.js +0 -0
  225. package/lib/ListItem/ListItem.js +3 -1
  226. package/lib/ListItem/ListItem.module.css +209 -209
  227. package/lib/ListItem/ListItemWithAvatar.js +3 -1
  228. package/lib/ListItem/ListItemWithCheckBox.js +3 -1
  229. package/lib/ListItem/ListItemWithIcon.js +3 -1
  230. package/lib/ListItem/ListItemWithRadio.js +3 -1
  231. package/lib/ListItem/props/propTypes.js +4 -1
  232. package/lib/Modal/Modal.js +3 -1
  233. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +11 -9
  234. package/lib/MultiSelect/AdvancedMultiSelect.js +4 -2
  235. package/lib/MultiSelect/EmptyState.js +3 -1
  236. package/lib/MultiSelect/MultiSelect.js +28 -13
  237. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  238. package/lib/MultiSelect/MultiSelectHeader.js +3 -1
  239. package/lib/MultiSelect/MultiSelectWithAvatar.js +21 -6
  240. package/lib/MultiSelect/SelectedOptions.js +5 -2
  241. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  242. package/lib/MultiSelect/Suggestions.js +9 -5
  243. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  244. package/lib/MultiSelect/props/defaultProps.js +5 -2
  245. package/lib/MultiSelect/props/propTypes.js +7 -1
  246. package/lib/PopOver/PopOver.js +3 -1
  247. package/lib/PopOver/PopOver.module.css +8 -8
  248. package/lib/Popup/Popup.js +5 -3
  249. package/lib/Popup/PositionMapping.json +73 -73
  250. package/lib/Popup/__tests__/Popup.spec.js +3 -1
  251. package/lib/Provider/AvatarSize.js +1 -0
  252. package/lib/Provider/LibraryContext.js +5 -3
  253. package/lib/Provider/NumberGenerator/NumberGenerator.js +1 -1
  254. package/lib/Radio/Radio.js +3 -1
  255. package/lib/Radio/Radio.module.css +112 -112
  256. package/lib/Responsive/CustomResponsive.js +6 -4
  257. package/lib/Responsive/RefWrapper.js +4 -2
  258. package/lib/Responsive/ResizeComponent.js +9 -4
  259. package/lib/Responsive/ResizeObserver.js +4 -1
  260. package/lib/Responsive/Responsive.js +6 -4
  261. package/lib/Responsive/sizeObservers.js +4 -2
  262. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -1
  263. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  264. package/lib/Ribbon/Ribbon.js +3 -1
  265. package/lib/Ribbon/Ribbon.module.css +376 -454
  266. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  267. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  268. package/lib/Select/GroupSelect.js +5 -3
  269. package/lib/Select/Select.js +3 -1
  270. package/lib/Select/Select.module.css +108 -108
  271. package/lib/Select/SelectWithAvatar.js +3 -1
  272. package/lib/Select/SelectWithIcon.js +3 -1
  273. package/lib/Select/__tests__/Select.spec.js +2 -2
  274. package/lib/Select/props/defaultProps.js +4 -1
  275. package/lib/Stencils/Stencils.js +3 -1
  276. package/lib/Stencils/Stencils.module.css +96 -96
  277. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  278. package/lib/Switch/Switch.js +3 -1
  279. package/lib/Switch/Switch.module.css +110 -127
  280. package/lib/Tab/Tab.module.css +101 -101
  281. package/lib/Tab/TabContent.module.css +4 -4
  282. package/lib/Tab/TabWrapper.js +2 -2
  283. package/lib/Tab/Tabs.js +15 -13
  284. package/lib/Tab/Tabs.module.css +140 -144
  285. package/lib/Tag/Tag.js +11 -9
  286. package/lib/Tag/Tag.module.css +254 -254
  287. package/lib/TextBox/TextBox.js +3 -1
  288. package/lib/TextBox/TextBox.module.css +157 -157
  289. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  290. package/lib/TextBox/props/propTypes.js +4 -1
  291. package/lib/TextBoxIcon/TextBoxIcon.js +25 -5
  292. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  293. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  294. package/lib/Textarea/Textarea.js +3 -1
  295. package/lib/Textarea/Textarea.module.css +139 -139
  296. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  297. package/lib/Tooltip/Tooltip.js +3 -1
  298. package/lib/Tooltip/Tooltip.module.css +109 -134
  299. package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -1
  300. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -1
  301. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -2
  302. package/lib/common/a11y.module.css +3 -3
  303. package/lib/common/animation.module.css +624 -624
  304. package/lib/common/avatarsizes.module.css +48 -44
  305. package/lib/common/basic.module.css +33 -33
  306. package/lib/common/basicReset.module.css +40 -40
  307. package/lib/common/common.module.css +524 -524
  308. package/lib/common/customscroll.module.css +89 -89
  309. package/lib/common/reset.module.css +12 -12
  310. package/lib/common/transition.module.css +146 -146
  311. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  312. package/lib/deprecated/PortalLayer/PortalLayer.js +3 -1
  313. package/lib/index.js +8 -13
  314. package/lib/semantic/Button/Button.js +3 -1
  315. package/lib/semantic/Button/semanticButton.module.css +9 -9
  316. package/lib/utils/Common.js +18 -2
  317. package/lib/utils/constructFullName.js +2 -2
  318. package/lib/utils/dropDownUtils.js +10 -5
  319. package/package.json +102 -102
  320. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -68
  321. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -68
  322. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -68
  323. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -68
  324. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -68
  325. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -68
  326. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -68
  327. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -68
  328. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -68
  329. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -68
  330. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -68
  331. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -68
  332. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -68
  333. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -68
  334. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -68
  335. package/assets/Contrast/darkContrastLightness.module.css +0 -25
  336. package/assets/Contrast/defaultContrastLightness.module.css +0 -25
  337. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -25
  338. package/es/common/boxShadow.module.css +0 -77
  339. package/lib/common/boxShadow.module.css +0 -77
@@ -1,157 +1,157 @@
1
- .varClass {
2
- /* checkbox default variables */
3
- --checkbox_bg_color: var(--zdt_checkbox_default_bg);
4
- --checkbox_cursor: auto;
5
- --checkbox_stroke_width: var(--zd_size2);
6
- --checkbox_stroke_color: var(--zdt_checkbox_default_stroke_border);
7
-
8
- /* checkbox checked state default variables */
9
- --checkbox_checked_stroke_color: var(--zdt_checkbox_primary_stroke_border);
10
- --checkbox_checked_active_color: var(--zdt_checkbox_primary_stroke_border);
11
- }
12
- .container {
13
- composes: varClass;
14
- stroke: var(--checkbox_stroke_color);
15
- }
16
- .container, .pointer, .readonly {
17
- cursor: var(--checkbox_cursor);
18
- }
19
- .pointer {
20
- --checkbox_cursor: pointer;
21
- }
22
- .readonly {
23
- --checkbox_cursor: default;
24
- }
25
- .cbBox {
26
- fill: none;
27
- stroke-width: var(--checkbox_stroke_width);
28
- stroke-linecap: round;
29
- stroke: inherit;
30
- }
31
- .tickPath {
32
- composes: cbBox;
33
- stroke-dasharray: 40;
34
- }
35
- .boxContainer {
36
- composes: offSelection from '../common/common.module.css';
37
- border-radius: 2px;
38
- background-color: var(--checkbox_bg_color);
39
- }
40
- .filled {
41
- --checkbox_bg_color: inherit;
42
- }
43
- .medium {
44
- width: var(--zd_size16);
45
- height: var(--zd_size16);
46
- }
47
- .small {
48
- width: var(--zd_size13);
49
- height: var(--zd_size13);
50
- }
51
-
52
- .checkbox {
53
- position: relative;
54
- font-size: 0;
55
- display: block;
56
- }
57
- .tick {
58
- position: absolute;
59
- left: 0;
60
- }
61
- .mediumtick {
62
- top: calc(var(--zd_size2) * -1);
63
- height: var(--zd_size20);
64
- width: var(--zd_size20);
65
- }
66
- .smalltick {
67
- top: calc(var(--zd_size3) * -1);
68
- height: var(--zd_size18);
69
- width: var(--zd_size18);
70
- left: calc(var(--zd_size1) * -1);
71
- }
72
-
73
- .checkedtickPath {
74
- stroke-dashoffset: 40;
75
- }
76
-
77
- [dir=ltr] .checkedtickPath {
78
- animation: tickAnimate var(--zd_transition3) ease forwards;
79
- }
80
-
81
- [dir=rtl] .checkedtickPath {
82
- animation: tickAnimate var(--zd_transition3) ease forwards;
83
- }
84
- .linePath {
85
- transform-origin: center;
86
- }
87
- [dir=ltr] .linePath {
88
- animation: lineAnimate var(--zd_transition3) ease forwards;
89
- }
90
- [dir=rtl] .linePath {
91
- animation: lineAnimate var(--zd_transition3) ease forwards;
92
- }
93
- [dir=ltr] .text {
94
- margin-left: var(--zd_size6);
95
- }
96
- [dir=rtl] .text {
97
- margin-right: var(--zd_size6);
98
- }
99
-
100
- .checkedprimary,
101
- .checkeddanger {
102
- stroke: var(--checkbox_checked_stroke_color);
103
- }
104
- .primary:hover
105
- /* .primary:focus */
106
- {
107
- --checkbox_stroke_color: var(--zdt_checkbox_primary_stroke_border);
108
- }
109
- .checkedprimary {
110
- --checkbox_checked_stroke_color: var(--zdt_checkbox_primary_stroke_border);
111
- }
112
- .danger:hover
113
- /* .danger:focus */
114
- {
115
- --checkbox_stroke_color: var(--zdt_checkbox_danger_stroke_border);
116
- }
117
- .checkeddanger {
118
- --checkbox_checked_stroke_color: var(--zdt_checkbox_danger_stroke_border);
119
- }
120
-
121
- .checkedprimaryLabel,
122
- .checkeddangerLabel {
123
- color: var(--checkbox_checked_active_color);
124
- }
125
- .activeprimaryLabel:hover
126
- /* .activeprimaryLabel:focus */
127
- {
128
- --label_text_color: var(--zdt_checkbox_label_primary_text);
129
- }
130
- .checkedprimaryLabel {
131
- --checkbox_checked_active_color: var(--zdt_checkbox_primary_stroke_border);
132
- }
133
- .activedangerLabel:hover
134
- /* .activedangerLabel:focus */
135
- {
136
- --label_text_color: var(--zdt_checkbox_label_danger_text);
137
- }
138
- .checkeddangerLabel {
139
- --checkbox_checked_active_color: var(--zdt_checkbox_danger_stroke_border);
140
- }
141
- @keyframes tickAnimate {
142
- 0% {
143
- stroke-dashoffset: 40;
144
- }
145
- 100% {
146
- stroke-dashoffset: 0;
147
- }
148
- }
149
-
150
- @keyframes lineAnimate {
151
- 0% {
152
- transform: scaleX(0);
153
- }
154
- 100% {
155
- transform: scaleX(1);
156
- }
157
- }
1
+ .varClass {
2
+ /* checkbox default variables */
3
+ --checkbox_bg_color: var(--zdt_checkbox_default_bg);
4
+ --checkbox_cursor: auto;
5
+ --checkbox_stroke_width: var(--zd_size2);
6
+ --checkbox_stroke_color: var(--zdt_checkbox_default_stroke_border);
7
+
8
+ /* checkbox checked state default variables */
9
+ --checkbox_checked_stroke_color: var(--zdt_checkbox_primary_stroke_border);
10
+ --checkbox_checked_active_color: var(--zdt_checkbox_primary_stroke_border);
11
+ }
12
+ .container {
13
+ composes: varClass;
14
+ stroke: var(--checkbox_stroke_color);
15
+ }
16
+ .container, .pointer, .readonly {
17
+ cursor: var(--checkbox_cursor);
18
+ }
19
+ .pointer {
20
+ --checkbox_cursor: pointer;
21
+ }
22
+ .readonly {
23
+ --checkbox_cursor: default;
24
+ }
25
+ .cbBox {
26
+ fill: none;
27
+ stroke-width: var(--checkbox_stroke_width);
28
+ stroke-linecap: round;
29
+ stroke: inherit;
30
+ }
31
+ .tickPath {
32
+ composes: cbBox;
33
+ stroke-dasharray: 40;
34
+ }
35
+ .boxContainer {
36
+ composes: offSelection from '../common/common.module.css';
37
+ border-radius: 2px;
38
+ background-color: var(--checkbox_bg_color);
39
+ }
40
+ .filled {
41
+ --checkbox_bg_color: inherit;
42
+ }
43
+ .medium {
44
+ width: var(--zd_size16);
45
+ height: var(--zd_size16);
46
+ }
47
+ .small {
48
+ width: var(--zd_size13);
49
+ height: var(--zd_size13);
50
+ }
51
+
52
+ .checkbox {
53
+ position: relative;
54
+ font-size: 0;
55
+ display: block;
56
+ }
57
+ .tick {
58
+ position: absolute;
59
+ left: 0;
60
+ }
61
+ .mediumtick {
62
+ top: calc(var(--zd_size2) * -1);
63
+ height: var(--zd_size20);
64
+ width: var(--zd_size20);
65
+ }
66
+ .smalltick {
67
+ top: calc(var(--zd_size3) * -1);
68
+ height: var(--zd_size18);
69
+ width: var(--zd_size18);
70
+ left: calc(var(--zd_size1) * -1);
71
+ }
72
+
73
+ .checkedtickPath {
74
+ stroke-dashoffset: 40;
75
+ }
76
+
77
+ [dir=ltr] .checkedtickPath {
78
+ animation: tickAnimate var(--zd_transition3) ease forwards;
79
+ }
80
+
81
+ [dir=rtl] .checkedtickPath {
82
+ animation: tickAnimate var(--zd_transition3) ease forwards;
83
+ }
84
+ .linePath {
85
+ transform-origin: center;
86
+ }
87
+ [dir=ltr] .linePath {
88
+ animation: lineAnimate var(--zd_transition3) ease forwards;
89
+ }
90
+ [dir=rtl] .linePath {
91
+ animation: lineAnimate var(--zd_transition3) ease forwards;
92
+ }
93
+ [dir=ltr] .text {
94
+ margin-left: var(--zd_size6);
95
+ }
96
+ [dir=rtl] .text {
97
+ margin-right: var(--zd_size6);
98
+ }
99
+
100
+ .checkedprimary,
101
+ .checkeddanger {
102
+ stroke: var(--checkbox_checked_stroke_color);
103
+ }
104
+ .primary:hover
105
+ /* .primary:focus */
106
+ {
107
+ --checkbox_stroke_color: var(--zdt_checkbox_primary_stroke_border);
108
+ }
109
+ .checkedprimary {
110
+ --checkbox_checked_stroke_color: var(--zdt_checkbox_primary_stroke_border);
111
+ }
112
+ .danger:hover
113
+ /* .danger:focus */
114
+ {
115
+ --checkbox_stroke_color: var(--zdt_checkbox_danger_stroke_border);
116
+ }
117
+ .checkeddanger {
118
+ --checkbox_checked_stroke_color: var(--zdt_checkbox_danger_stroke_border);
119
+ }
120
+
121
+ .checkedprimaryLabel,
122
+ .checkeddangerLabel {
123
+ color: var(--checkbox_checked_active_color);
124
+ }
125
+ .activeprimaryLabel:hover
126
+ /* .activeprimaryLabel:focus */
127
+ {
128
+ --label_text_color: var(--zdt_checkbox_label_primary_text);
129
+ }
130
+ .checkedprimaryLabel {
131
+ --checkbox_checked_active_color: var(--zdt_checkbox_primary_stroke_border);
132
+ }
133
+ .activedangerLabel:hover
134
+ /* .activedangerLabel:focus */
135
+ {
136
+ --label_text_color: var(--zdt_checkbox_label_danger_text);
137
+ }
138
+ .checkeddangerLabel {
139
+ --checkbox_checked_active_color: var(--zdt_checkbox_danger_stroke_border);
140
+ }
141
+ @keyframes tickAnimate {
142
+ 0% {
143
+ stroke-dashoffset: 40;
144
+ }
145
+ 100% {
146
+ stroke-dashoffset: 0;
147
+ }
148
+ }
149
+
150
+ @keyframes lineAnimate {
151
+ 0% {
152
+ transform: scaleX(0);
153
+ }
154
+ 100% {
155
+ transform: scaleX(1);
156
+ }
157
+ }
@@ -14,8 +14,10 @@ var _common = require("../utils/datetime/common");
14
14
  var _DaysRow = _interopRequireDefault(require("./DaysRow"));
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
16
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
- 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); } }
17
+ 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, _toPropertyKey(descriptor.key), descriptor); } }
18
18
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
19
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
19
21
  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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
20
22
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
21
23
  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); }; }
@@ -23,7 +25,8 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
23
25
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
26
  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; } }
25
27
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
26
- /* eslint css-modules/no-unused-class: [0, { markAsUsed: ['container', 'header', 'thArrowConatainer', 'thArrow', 'thMonYear', 'days', 'daysStr', 'timesection', 'timeStr', 'dropDownContainer', 'dropDown', 'footer', 'space'] }] */var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
28
+ /* eslint css-modules/no-unused-class: [0, { markAsUsed: ['container', 'header', 'thArrowConatainer', 'thArrow', 'thMonYear', 'days', 'daysStr', 'timesection', 'timeStr', 'dropDownContainer', 'dropDown', 'footer', 'space'] }] */
29
+ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
27
30
  _inherits(CalendarView, _React$PureComponent);
28
31
  var _super = _createSuper(CalendarView);
29
32
  function CalendarView(props) {
@@ -26,12 +26,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
26
26
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
27
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
28
28
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
29
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
30
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
29
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
30
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
31
31
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
32
32
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
33
- 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); } }
33
+ 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, _toPropertyKey(descriptor.key), descriptor); } }
34
34
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
35
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
36
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
35
37
  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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
36
38
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
37
39
  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); }; }