@zohodesk/dot 1.1.0 → 1.2.1

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 (520) hide show
  1. package/.cli/MissedPropType_Keys.html +101 -0
  2. package/.cli/PropLessFiles.html +101 -0
  3. package/.cli/PropValidationExcludeFilesArray.js +1 -0
  4. package/.cli/propValidation_report.html +160 -0
  5. package/README.md +1357 -1344
  6. package/coverage/ExternalLink/ExternalLink.js.html +229 -0
  7. package/coverage/ExternalLink/ExternalLink.module.css.html +94 -0
  8. package/coverage/ExternalLink/index.html +131 -0
  9. package/coverage/ExternalLink/props/defaultProps.js.html +100 -0
  10. package/coverage/ExternalLink/props/index.html +131 -0
  11. package/coverage/ExternalLink/props/propTypes.js.html +124 -0
  12. package/coverage/Image/Image.js.html +184 -0
  13. package/coverage/Image/Image.module.css.html +118 -0
  14. package/coverage/Image/index.html +131 -0
  15. package/coverage/Image/props/defaultProps.js.html +97 -0
  16. package/coverage/Image/props/index.html +131 -0
  17. package/coverage/Image/props/propTypes.js.html +127 -0
  18. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +448 -0
  19. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +133 -0
  20. package/coverage/avatar/AvatarWithTeam/index.html +131 -0
  21. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +112 -0
  22. package/coverage/avatar/AvatarWithTeam/props/index.html +131 -0
  23. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +163 -0
  24. package/coverage/base.css +224 -0
  25. package/coverage/block-navigation.js +87 -0
  26. package/coverage/coverage-final.json +13 -0
  27. package/coverage/coverage-summary.json +14 -0
  28. package/coverage/favicon.png +0 -0
  29. package/coverage/index.html +191 -0
  30. package/coverage/prettify.css +1 -0
  31. package/coverage/prettify.js +2 -0
  32. package/coverage/sort-arrow-sprite.png +0 -0
  33. package/coverage/sorter.js +196 -0
  34. package/es/ActionButton/ActionButton.js +5 -2
  35. package/es/ActionButton/ActionButton.module.css +139 -139
  36. package/es/ActionButton/props/propTypes.js +3 -2
  37. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  38. package/es/AlphabeticList/props/propTypes.js +1 -1
  39. package/es/Attachment/Attachment.module.css +159 -159
  40. package/es/Attachment/props/propTypes.js +2 -1
  41. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  42. package/es/ChannelIcon/ChannelIcon.module.css +217 -217
  43. package/es/Drawer/Drawer.js +0 -0
  44. package/es/Drawer/Drawer.module.css +190 -190
  45. package/es/Drawer/props/propTypes.js +2 -1
  46. package/es/ExternalLink/ExternalLink.js +0 -0
  47. package/es/ExternalLink/ExternalLink.module.css +3 -3
  48. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  49. package/es/FlipCard/FlipCard.module.css +44 -44
  50. package/es/FormAction/FormAction.module.css +82 -82
  51. package/es/FreezeLayer/FreezeLayer.js +1 -1
  52. package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
  53. package/es/FreezeLayer/css/cssJSLogic.js +1 -1
  54. package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
  55. package/es/IconButton/IconButton.module.css +22 -22
  56. package/es/Image/Image.module.css +11 -11
  57. package/es/Image/__tests__/Image.spec.js +70 -0
  58. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
  59. package/es/ImportantNotes/ImportantNotes.module.css +20 -20
  60. package/es/Link/Link.js +0 -0
  61. package/es/Link/Link.module.css +3 -3
  62. package/es/Link/props/propTypes.js +5 -1
  63. package/es/Loader/Loader.js +1 -5
  64. package/es/Loader/Loader.module.css +47 -47
  65. package/es/Message/Message.js +4 -2
  66. package/es/Message/Message.module.css +102 -102
  67. package/es/Message/props/propTypes.js +11 -4
  68. package/es/MessageBanner/MessageBanner.module.css +46 -46
  69. package/es/NewStar/NewStar.module.css +183 -183
  70. package/es/PlusIcon/PlusIcon.js +0 -0
  71. package/es/PlusIcon/PlusIcon.module.css +18 -18
  72. package/es/Separator/Separator.module.css +34 -34
  73. package/es/Separator/props/propTypes.js +1 -1
  74. package/es/TagWithIcon/TagWithIcon.module.css +56 -56
  75. package/es/TagWithIcon/props/propTypes.js +2 -1
  76. package/es/ToastMessage/ToastMessage.js +0 -0
  77. package/es/ToastMessage/ToastMessage.module.css +328 -328
  78. package/es/ToastMessage/props/propTypes.js +4 -3
  79. package/es/Upload/Upload.module.css +125 -125
  80. package/es/actions/props/propTypes.js +2 -1
  81. package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
  82. package/es/alert/AlertHeader/props/propTypes.js +1 -1
  83. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  84. package/es/alert/AlertLookup/props/propTypes.js +0 -1
  85. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  86. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  87. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  88. package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
  89. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  90. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  91. package/es/avatar/AvatarThread/props/propTypes.js +1 -1
  92. package/es/avatar/AvatarUser/AvatarUser.js +0 -0
  93. package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
  94. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  95. package/es/common/dot_animation.module.css +26 -26
  96. package/es/common/dot_boxShadow.module.css +37 -37
  97. package/es/common/dot_common.module.css +3 -3
  98. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  99. package/es/deprecated/SelectDropdown/SelectDropdown.js +3 -8
  100. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  101. package/es/deprecated/utils/KeyboardApi.js +25 -25
  102. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  103. package/es/dropdown/ToggleDropDown/props/propTypes.js +4 -1
  104. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  105. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  106. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  107. package/es/emptystate/EditionPage/props/propTypes.js +6 -2
  108. package/es/errorstate/EmptyStates.module.css +87 -87
  109. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  110. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  111. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  112. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  113. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  114. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  115. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  116. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  117. package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  118. package/es/form/fields/CheckBoxField/props/propTypes.js +1 -1
  119. package/es/form/fields/CurrencyField/props/propTypes.js +4 -1
  120. package/es/form/fields/DateField/props/propTypes.js +1 -1
  121. package/es/form/fields/FieldContainer/props/propTypes.js +17 -3
  122. package/es/form/fields/Fields.module.css +183 -183
  123. package/es/form/fields/MultiSelectField/props/propTypes.js +2 -2
  124. package/es/form/fields/PhoneField/props/propTypes.js +8 -1
  125. package/es/form/fields/RadioField/props/propTypes.js +2 -2
  126. package/es/form/fields/SelectField/SelectField.js +1 -2
  127. package/es/form/fields/SelectField/props/propTypes.js +2 -2
  128. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  129. package/es/form/fields/TagsMultiSelect/props/propTypes.js +2 -1
  130. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  131. package/es/form/fields/TagsMultiSelectField/props/propTypes.js +13 -2
  132. package/es/form/fields/TextBoxField/props/propTypes.js +8 -1
  133. package/es/form/fields/TextEditor/TextEditor.module.css +770 -770
  134. package/es/form/fields/TextEditor/props/propTypes.js +7 -1
  135. package/es/form/fields/TextEditorField/props/propTypes.js +13 -1
  136. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  137. package/es/form/fields/TextEditorWrapper/props/propTypes.js +2 -1
  138. package/es/form/fields/TextareaField/props/propTypes.js +2 -2
  139. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  140. package/es/form/fields/ValidationMessage/props/propTypes.js +4 -2
  141. package/es/form/fields/props/FieldCommonPropTypes.js +16 -22
  142. package/es/form/layout/Field/Field.js +0 -0
  143. package/es/form/layout/Field/Field.module.css +22 -22
  144. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  145. package/es/form/layout/Section/Section.js +0 -0
  146. package/es/form/layout/Section/props/propTypes.js +3 -1
  147. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  148. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  149. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  150. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  151. package/es/list/Comment/Comment.module.css +29 -29
  152. package/es/list/Comment/props/propTypes.js +0 -3
  153. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  154. package/es/list/Dot/Dot.module.css +15 -15
  155. package/es/list/DotNew/DotNew.module.css +24 -24
  156. package/es/list/GridStencils/GridStencils.module.css +146 -146
  157. package/es/list/GridStencils/props/propTypes.js +2 -1
  158. package/es/list/Icons/Icons.module.css +16 -16
  159. package/es/list/Icons/props/propTypes.js +0 -2
  160. package/es/list/ListLayout/ListLayout.module.css +57 -57
  161. package/es/list/ListStencils/ListStencils.module.css +67 -67
  162. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  163. package/es/list/SecondaryText/Website.js +0 -0
  164. package/es/list/SecondaryText/props/propTypes.js +0 -1
  165. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  166. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  167. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  168. package/es/list/Subject/Subject.module.css +27 -27
  169. package/es/list/TagNew/TagNew.module.css +116 -116
  170. package/es/list/Thread/Thread.module.css +42 -42
  171. package/es/list/UserTime/UserTime.module.css +58 -58
  172. package/es/list/UserTime/props/propTypes.js +5 -1
  173. package/es/list/listCommon.module.css +60 -60
  174. package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  175. package/es/list/status/StatusDropdown/props/propTypes.js +3 -1
  176. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  177. package/es/list/status/StatusListItem/StatusListItem.module.css +111 -111
  178. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  179. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  180. package/es/lookup/Lookup/Lookup.js +0 -0
  181. package/es/lookup/Lookup/Lookup.module.css +26 -26
  182. package/es/lookup/Lookup/props/propTypes.js +4 -1
  183. package/es/lookup/Section/LookupSection.module.css +7 -7
  184. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  185. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  186. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  187. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  188. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  189. package/es/lookup/header/ViewDropDown/props/propTypes.js +6 -11
  190. package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
  191. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  192. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  193. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  194. package/es/setup/header/Search/Search.module.css +68 -68
  195. package/es/setup/header/Views/Views.module.css +37 -37
  196. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  197. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  198. package/es/setup/helptips/Link/Link.js +0 -0
  199. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  200. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  201. package/es/setup/helptips/Title/Title.js +0 -0
  202. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  203. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  204. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  205. package/es/setup/table/TableHead/props/propTypes.js +2 -1
  206. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  207. package/es/setup/table/Text/TableText.module.css +37 -37
  208. package/es/setup/table/Text/Text.js +0 -0
  209. package/es/svg/PlusIcon.js +1 -1
  210. package/es/svg/SnippetIcon.js +2 -2
  211. package/es/v1/ActionButton/ActionButton.js +137 -0
  212. package/es/v1/AlphabeticList/AlphabeticList.js +90 -0
  213. package/es/v1/ChannelIcon/ChannelIcon.js +92 -0
  214. package/es/v1/Drawer/Drawer.js +271 -0
  215. package/es/v1/ExternalLink/ExternalLink.js +49 -0
  216. package/es/v1/FlipCard/FlipCard.js +130 -0
  217. package/es/v1/FormAction/FormAction.js +75 -0
  218. package/es/v1/IconButton/IconButton.js +113 -0
  219. package/es/v1/ImportantNotes/ImportantNotes.js +41 -0
  220. package/es/v1/Link/Link.js +95 -0
  221. package/es/v1/MessageBanner/MessageBanner.js +58 -0
  222. package/es/v1/NewStar/NewStar.js +61 -0
  223. package/es/v1/TagWithIcon/TagWithIcon.js +39 -0
  224. package/es/v1/alert/AlertHeader/AlertHeader.js +70 -0
  225. package/es/v1/alert/AlertLookup/AlertLookup.js +104 -0
  226. package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js +63 -0
  227. package/es/v1/emptystate/EditionPage/EditionPage.js +51 -0
  228. package/es/v1/lookup/Lookup/Lookup.js +105 -0
  229. package/es/v1/lookup/header/Close/Close.js +30 -0
  230. package/es/v1/lookup/header/ModuleHeader/ModuleHeader.js +75 -0
  231. package/es/v1/lookup/header/Search/Search.js +177 -0
  232. package/es/v1/lookup/header/TicketHeader/TicketHeader.js +90 -0
  233. package/es/v1/lookup/header/Title/Title.js +27 -0
  234. package/es/v1/setup/table/Table/Table.js +22 -0
  235. package/es/v1/setup/table/TableBody/TableBody.js +26 -0
  236. package/es/v1/setup/table/TableData/TableData.js +31 -0
  237. package/es/v1/setup/table/TableHead/TableHead.js +31 -0
  238. package/es/v1/setup/table/TableRow/TableRow.js +36 -0
  239. package/es/v1/setup/table/Text/Text.js +50 -0
  240. package/es/v1/version2/AlertClose/AlertClose.js +43 -0
  241. package/es/v1/version2/GlobalNotification/GlobalNotification.js +113 -0
  242. package/es/v1/version2/alertIcons/AlarmAlertIcon.js +65 -0
  243. package/es/v1/version2/alertIcons/AlertIcons.js +57 -0
  244. package/es/v1/version2/alertIcons/DangerAlertIcon.js +65 -0
  245. package/es/v1/version2/alertIcons/ErrorAlertIcon.js +70 -0
  246. package/es/v1/version2/alertIcons/InfoAlertIcon.js +74 -0
  247. package/es/v1/version2/alertIcons/NotificationAlertIcon.js +70 -0
  248. package/es/v1/version2/alertIcons/SuccessAlertIcon.js +65 -0
  249. package/es/v1/version2/alertIcons/WarningAlertIcon.js +65 -0
  250. package/es/v1/version2/errorstate/Inconvenience/Inconvenience.js +63 -0
  251. package/es/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +64 -0
  252. package/es/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +63 -0
  253. package/es/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +65 -0
  254. package/es/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +63 -0
  255. package/es/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +63 -0
  256. package/es/v1/version2/lookup/AlertLookup/AlertLookup.js +152 -0
  257. package/es/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +54 -0
  258. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  259. package/es/version2/GlobalNotification/GlobalNotification.js +5 -3
  260. package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  261. package/es/version2/GlobalNotification/props/propTypes.js +19 -1
  262. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  263. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  264. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  265. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  266. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
  267. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  268. package/es/version2/lookup/AlertLookup/props/propTypes.js +0 -1
  269. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
  270. package/es/version2/notification/DesktopNotification/DesktopNotification.js +2 -1
  271. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  272. package/es/version2/notification/DesktopNotification/props/propTypes.js +13 -9
  273. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  274. package/install.md +12 -12
  275. package/lib/ActionButton/ActionButton.js +5 -3
  276. package/lib/ActionButton/ActionButton.module.css +139 -139
  277. package/lib/ActionButton/props/propTypes.js +3 -2
  278. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  279. package/lib/AlphabeticList/props/propTypes.js +1 -1
  280. package/lib/Attachment/Attachment.module.css +159 -159
  281. package/lib/Attachment/props/propTypes.js +2 -1
  282. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  283. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  284. package/lib/Drawer/Drawer.js +0 -0
  285. package/lib/Drawer/Drawer.module.css +190 -190
  286. package/lib/Drawer/props/propTypes.js +2 -1
  287. package/lib/ExternalLink/ExternalLink.js +0 -0
  288. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  289. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  290. package/lib/FlipCard/FlipCard.module.css +44 -44
  291. package/lib/FormAction/FormAction.module.css +82 -82
  292. package/lib/FreezeLayer/FreezeLayer.js +1 -1
  293. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  294. package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
  295. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  296. package/lib/IconButton/IconButton.module.css +22 -22
  297. package/lib/Image/Image.module.css +11 -11
  298. package/lib/Image/__tests__/Image.spec.js +77 -0
  299. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
  300. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  301. package/lib/Link/Link.js +0 -0
  302. package/lib/Link/Link.module.css +3 -3
  303. package/lib/Link/props/propTypes.js +5 -1
  304. package/lib/Loader/Loader.js +1 -6
  305. package/lib/Loader/Loader.module.css +47 -47
  306. package/lib/Message/Message.js +5 -1
  307. package/lib/Message/Message.module.css +102 -102
  308. package/lib/Message/props/propTypes.js +23 -6
  309. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  310. package/lib/NewStar/NewStar.module.css +183 -183
  311. package/lib/PlusIcon/PlusIcon.js +0 -0
  312. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  313. package/lib/Separator/Separator.module.css +34 -34
  314. package/lib/Separator/props/propTypes.js +1 -1
  315. package/lib/TagWithIcon/TagWithIcon.module.css +56 -56
  316. package/lib/TagWithIcon/props/propTypes.js +2 -1
  317. package/lib/ToastMessage/ToastMessage.js +0 -0
  318. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  319. package/lib/ToastMessage/props/propTypes.js +4 -3
  320. package/lib/Upload/Upload.module.css +125 -125
  321. package/lib/actions/props/propTypes.js +2 -1
  322. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  323. package/lib/alert/AlertHeader/props/propTypes.js +1 -1
  324. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  325. package/lib/alert/AlertLookup/props/propTypes.js +0 -1
  326. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  327. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  328. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  329. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  330. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  331. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  332. package/lib/avatar/AvatarThread/props/propTypes.js +1 -1
  333. package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
  334. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  335. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  336. package/lib/common/dot_animation.module.css +26 -26
  337. package/lib/common/dot_boxShadow.module.css +37 -37
  338. package/lib/common/dot_common.module.css +3 -3
  339. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  340. package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -7
  341. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  342. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  343. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  344. package/lib/dropdown/ToggleDropDown/props/propTypes.js +4 -1
  345. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  346. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  347. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  348. package/lib/emptystate/EditionPage/props/propTypes.js +6 -2
  349. package/lib/errorstate/EmptyStates.module.css +87 -87
  350. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  351. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  352. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  353. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  354. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  355. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  356. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  357. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  358. package/lib/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  359. package/lib/form/fields/CheckBoxField/props/propTypes.js +1 -1
  360. package/lib/form/fields/CurrencyField/props/propTypes.js +5 -2
  361. package/lib/form/fields/DateField/props/propTypes.js +1 -1
  362. package/lib/form/fields/FieldContainer/props/propTypes.js +21 -16
  363. package/lib/form/fields/Fields.module.css +183 -183
  364. package/lib/form/fields/MultiSelectField/props/propTypes.js +3 -3
  365. package/lib/form/fields/PhoneField/props/propTypes.js +8 -1
  366. package/lib/form/fields/RadioField/props/propTypes.js +2 -2
  367. package/lib/form/fields/SelectField/SelectField.js +1 -2
  368. package/lib/form/fields/SelectField/props/propTypes.js +3 -3
  369. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  370. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +2 -1
  371. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  372. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +16 -11
  373. package/lib/form/fields/TextBoxField/props/propTypes.js +8 -1
  374. package/lib/form/fields/TextEditor/TextEditor.module.css +770 -770
  375. package/lib/form/fields/TextEditor/props/propTypes.js +7 -1
  376. package/lib/form/fields/TextEditorField/props/propTypes.js +51 -49
  377. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  378. package/lib/form/fields/TextEditorWrapper/props/propTypes.js +2 -1
  379. package/lib/form/fields/TextareaField/props/propTypes.js +3 -3
  380. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  381. package/lib/form/fields/ValidationMessage/props/propTypes.js +4 -2
  382. package/lib/form/fields/props/FieldCommonPropTypes.js +16 -23
  383. package/lib/form/layout/Field/Field.js +0 -0
  384. package/lib/form/layout/Field/Field.module.css +22 -22
  385. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  386. package/lib/form/layout/Section/Section.js +0 -0
  387. package/lib/form/layout/Section/props/propTypes.js +3 -1
  388. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  389. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  390. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  391. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  392. package/lib/list/Comment/Comment.module.css +29 -29
  393. package/lib/list/Comment/props/propTypes.js +0 -3
  394. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  395. package/lib/list/Dot/Dot.module.css +15 -15
  396. package/lib/list/DotNew/DotNew.module.css +24 -24
  397. package/lib/list/GridStencils/GridStencils.module.css +146 -146
  398. package/lib/list/GridStencils/props/propTypes.js +2 -1
  399. package/lib/list/Icons/Icons.module.css +16 -16
  400. package/lib/list/Icons/props/propTypes.js +0 -2
  401. package/lib/list/ListLayout/ListLayout.module.css +57 -57
  402. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  403. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  404. package/lib/list/SecondaryText/Website.js +0 -0
  405. package/lib/list/SecondaryText/props/propTypes.js +0 -1
  406. package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
  407. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  408. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  409. package/lib/list/Subject/Subject.module.css +27 -27
  410. package/lib/list/TagNew/TagNew.module.css +116 -116
  411. package/lib/list/Thread/Thread.module.css +42 -42
  412. package/lib/list/UserTime/UserTime.module.css +58 -58
  413. package/lib/list/UserTime/props/propTypes.js +5 -1
  414. package/lib/list/listCommon.module.css +60 -60
  415. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  416. package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
  417. package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
  418. package/lib/list/status/StatusListItem/StatusListItem.module.css +111 -111
  419. package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
  420. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  421. package/lib/lookup/Lookup/Lookup.js +0 -0
  422. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  423. package/lib/lookup/Lookup/props/propTypes.js +4 -1
  424. package/lib/lookup/Section/LookupSection.module.css +7 -7
  425. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  426. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  427. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  428. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  429. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  430. package/lib/lookup/header/ViewDropDown/props/propTypes.js +6 -11
  431. package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
  432. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  433. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  434. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  435. package/lib/setup/header/Search/Search.module.css +68 -68
  436. package/lib/setup/header/Views/Views.module.css +37 -37
  437. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  438. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  439. package/lib/setup/helptips/Link/Link.js +0 -0
  440. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  441. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  442. package/lib/setup/helptips/Title/Title.js +0 -0
  443. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  444. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  445. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  446. package/lib/setup/table/TableHead/props/propTypes.js +2 -1
  447. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  448. package/lib/setup/table/Text/TableText.module.css +37 -37
  449. package/lib/setup/table/Text/Text.js +0 -0
  450. package/lib/svg/PlusIcon.js +1 -1
  451. package/lib/svg/SnippetIcon.js +2 -2
  452. package/lib/v1/ActionButton/ActionButton.js +156 -0
  453. package/lib/v1/AlphabeticList/AlphabeticList.js +111 -0
  454. package/lib/v1/ChannelIcon/ChannelIcon.js +113 -0
  455. package/lib/v1/Drawer/Drawer.js +302 -0
  456. package/lib/v1/ExternalLink/ExternalLink.js +57 -0
  457. package/lib/v1/FlipCard/FlipCard.js +149 -0
  458. package/lib/v1/FormAction/FormAction.js +102 -0
  459. package/lib/v1/IconButton/IconButton.js +149 -0
  460. package/lib/v1/ImportantNotes/ImportantNotes.js +55 -0
  461. package/lib/v1/Link/Link.js +116 -0
  462. package/lib/v1/MessageBanner/MessageBanner.js +73 -0
  463. package/lib/v1/NewStar/NewStar.js +74 -0
  464. package/lib/v1/TagWithIcon/TagWithIcon.js +53 -0
  465. package/lib/v1/alert/AlertHeader/AlertHeader.js +86 -0
  466. package/lib/v1/alert/AlertLookup/AlertLookup.js +118 -0
  467. package/lib/v1/emptystate/CommonEmptyState/CommonEmptyState.js +76 -0
  468. package/lib/v1/emptystate/EditionPage/EditionPage.js +64 -0
  469. package/lib/v1/lookup/Lookup/Lookup.js +130 -0
  470. package/lib/v1/lookup/header/Close/Close.js +47 -0
  471. package/lib/v1/lookup/header/ModuleHeader/ModuleHeader.js +101 -0
  472. package/lib/v1/lookup/header/Search/Search.js +208 -0
  473. package/lib/v1/lookup/header/TicketHeader/TicketHeader.js +108 -0
  474. package/lib/v1/lookup/header/Title/Title.js +44 -0
  475. package/lib/v1/setup/table/Table/Table.js +34 -0
  476. package/lib/v1/setup/table/TableBody/TableBody.js +39 -0
  477. package/lib/v1/setup/table/TableData/TableData.js +44 -0
  478. package/lib/v1/setup/table/TableHead/TableHead.js +44 -0
  479. package/lib/v1/setup/table/TableRow/TableRow.js +49 -0
  480. package/lib/v1/setup/table/Text/Text.js +64 -0
  481. package/lib/v1/version2/AlertClose/AlertClose.js +62 -0
  482. package/lib/v1/version2/GlobalNotification/GlobalNotification.js +138 -0
  483. package/lib/v1/version2/alertIcons/AlarmAlertIcon.js +77 -0
  484. package/lib/v1/version2/alertIcons/AlertIcons.js +78 -0
  485. package/lib/v1/version2/alertIcons/DangerAlertIcon.js +77 -0
  486. package/lib/v1/version2/alertIcons/ErrorAlertIcon.js +82 -0
  487. package/lib/v1/version2/alertIcons/InfoAlertIcon.js +86 -0
  488. package/lib/v1/version2/alertIcons/NotificationAlertIcon.js +82 -0
  489. package/lib/v1/version2/alertIcons/SuccessAlertIcon.js +77 -0
  490. package/lib/v1/version2/alertIcons/WarningAlertIcon.js +77 -0
  491. package/lib/v1/version2/errorstate/Inconvenience/Inconvenience.js +79 -0
  492. package/lib/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +80 -0
  493. package/lib/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +79 -0
  494. package/lib/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +81 -0
  495. package/lib/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +79 -0
  496. package/lib/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +79 -0
  497. package/lib/v1/version2/lookup/AlertLookup/AlertLookup.js +173 -0
  498. package/lib/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +76 -0
  499. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  500. package/lib/version2/GlobalNotification/GlobalNotification.js +7 -3
  501. package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  502. package/lib/version2/GlobalNotification/props/propTypes.js +23 -3
  503. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  504. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  505. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  506. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  507. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
  508. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  509. package/lib/version2/lookup/AlertLookup/props/propTypes.js +0 -1
  510. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  511. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +2 -0
  512. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  513. package/lib/version2/notification/DesktopNotification/props/propTypes.js +16 -11
  514. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  515. package/package.json +82 -106
  516. package/postPublish.js +8 -8
  517. package/prePublish.js +70 -70
  518. package/react-cli.config.js +24 -0
  519. package/result.json +1 -0
  520. package/unittest/index.html +37 -0
package/es/avatar/AvatarCollision/AvatarCollision.module.css CHANGED
@@ -1,69 +1,69 @@
1
- .container {
2
- position: relative;
3
- composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
4
- vertical-align: middle;
5
- border-radius: 50%;
6
- padding: var(--zd_size2) ;
7
- }
8
- .on {
9
- border: 1px solid var(--zdt_avatarcollision_on_border);
10
- }
11
- .off {
12
- border: 1px solid var(--zdt_avatarcollision_off_border);
13
- }
14
- .idle {
15
- composes: on;
16
- opacity: 0.4;
17
- }
18
- .pop {
19
- position: absolute;
20
- composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
21
- opacity: 0;
22
- visibility: hidden;
23
- top: 0 ;
24
- height: 100% ;
25
- width: 100% ;
26
- transition: opacity var(--zd_transition2);
27
- color: var(--zdt_avatarcollision_pop_text);
28
- cursor: pointer;
29
- transform: translateZ(0);
30
- background-color: var(--zdt_avatarcollision_pop_bg);
31
- }
32
- [dir=ltr] .pop {
33
- left: 0 ;
34
- }
35
- [dir=rtl] .pop {
36
- right: 0 ;
37
- }
38
- .icon {
39
- position: absolute;
40
- line-height: 0;
41
- composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
42
- color: var(--zdt_avatarcollision_icon_text);
43
- font-size: var(--zd_font_size13) ;
44
- }
45
- .container:hover .pop {
46
- opacity: 1;
47
- visibility: visible;
48
- }
49
-
50
- .off::after {
51
- content: '';
52
- position: absolute;
53
- top: 50% ;
54
- height: var(--zd_size4) ;
55
- border: 1px solid var(--zdt_avatarcollision_off_after_border);
56
- background-color: var(--zdt_avatarcollision_off_after_bg);
57
- }
58
-
59
- [dir=ltr] .off::after {
60
- left: calc( var(--zd_size5) * -1 ) ;
61
- right: calc( var(--zd_size5) * -1 ) ;
62
- transform: translateY(-50%) rotate(130deg);
63
- }
64
-
65
- [dir=rtl] .off::after {
66
- right: calc( var(--zd_size5) * -1 ) ;
67
- left: calc( var(--zd_size5) * -1 ) ;
68
- transform: translateY(-50%) rotate(-130deg);
69
- }
1
+ .container {
2
+ position: relative;
3
+ composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
4
+ vertical-align: middle;
5
+ border-radius: 50%;
6
+ padding: var(--zd_size2) ;
7
+ }
8
+ .on {
9
+ border: 1px solid var(--zdt_avatarcollision_on_border);
10
+ }
11
+ .off {
12
+ border: 1px solid var(--zdt_avatarcollision_off_border);
13
+ }
14
+ .idle {
15
+ composes: on;
16
+ opacity: 0.4;
17
+ }
18
+ .pop {
19
+ position: absolute;
20
+ composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
21
+ opacity: 0;
22
+ visibility: hidden;
23
+ top: 0 ;
24
+ height: 100% ;
25
+ width: 100% ;
26
+ transition: opacity var(--zd_transition2);
27
+ color: var(--zdt_avatarcollision_pop_text);
28
+ cursor: pointer;
29
+ transform: translateZ(0);
30
+ background-color: var(--zdt_avatarcollision_pop_bg);
31
+ }
32
+ [dir=ltr] .pop {
33
+ left: 0 ;
34
+ }
35
+ [dir=rtl] .pop {
36
+ right: 0 ;
37
+ }
38
+ .icon {
39
+ position: absolute;
40
+ line-height: 0;
41
+ composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
42
+ color: var(--zdt_avatarcollision_icon_text);
43
+ font-size: var(--zd_font_size13) ;
44
+ }
45
+ .container:hover .pop {
46
+ opacity: 1;
47
+ visibility: visible;
48
+ }
49
+
50
+ .off::after {
51
+ content: '';
52
+ position: absolute;
53
+ top: 50% ;
54
+ height: var(--zd_size4) ;
55
+ border: 1px solid var(--zdt_avatarcollision_off_after_border);
56
+ background-color: var(--zdt_avatarcollision_off_after_bg);
57
+ }
58
+
59
+ [dir=ltr] .off::after {
60
+ left: calc( var(--zd_size5) * -1 ) ;
61
+ right: calc( var(--zd_size5) * -1 ) ;
62
+ transform: translateY(-50%) rotate(130deg);
63
+ }
64
+
65
+ [dir=rtl] .off::after {
66
+ right: calc( var(--zd_size5) * -1 ) ;
67
+ left: calc( var(--zd_size5) * -1 ) ;
68
+ transform: translateY(-50%) rotate(-130deg);
69
+ }
package/es/avatar/AvatarIcon/AvatarIcon.module.css CHANGED
@@ -1,58 +1,58 @@
1
- .varClass {
2
- --icon_color: var(--zdt_avatarIcon_dark_icon);
3
- --border_color: var(--zdt_avatarIcon_default_border);
4
- --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
5
- }
6
- .container {
7
- vertical-align: middle;
8
- composes: varClass;
9
- border-width: 1px;
10
- border-style: solid;
11
- border-radius: 50%;
12
- border-color: var(--border_color)
13
- }
14
- .borderOnHover:hover, .borderOnActive {
15
- border-color: var(--border_hoverColor)
16
- }
17
- .default {
18
- --border_color: var(--zdt_avatarIcon_default_border);
19
- --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
20
- }
21
- .primary {
22
- --border_color: var(--zdt_avatarIcon_primary_border);
23
- --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
24
- }
25
- .secondary {
26
- --border_color: var(--zdt_avatarIcon_secondary_border);
27
- --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
28
- }
29
- .success {
30
- --border_color: var(--zdt_avatarIcon_success_border);
31
- --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
32
- }
33
- .danger {
34
- --border_color: var(--zdt_avatarIcon_danger_border);
35
- --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
36
- }
37
- .iconColor {
38
- color: var(--icon_color);
39
- }
40
- .icon_danger {
41
- --icon_color: var(--zdt_avatarIcon_danger_icon);
42
- }
43
- .icon_primary {
44
- --icon_color: var(--zdt_avatarIcon_primary_icon);
45
- }
46
- .icon_grey {
47
- --icon_color: var(--zdt_avatarIcon_grey_icon);
48
- }
49
- .icon_success {
50
- --icon_color: var(--zdt_avatarIcon_success_icon);
51
- }
52
- .icon_smoke18 {
53
- --icon_color: var(--zdt_avatarIcon_smoke_icon);
54
- }
55
- .icon_dark {
56
- --icon_color: var(--zdt_avatarIcon_dark_icon);
57
- }
58
-
1
+ .varClass {
2
+ --icon_color: var(--zdt_avatarIcon_dark_icon);
3
+ --border_color: var(--zdt_avatarIcon_default_border);
4
+ --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
5
+ }
6
+ .container {
7
+ vertical-align: middle;
8
+ composes: varClass;
9
+ border-width: 1px;
10
+ border-style: solid;
11
+ border-radius: 50%;
12
+ border-color: var(--border_color)
13
+ }
14
+ .borderOnHover:hover, .borderOnActive {
15
+ border-color: var(--border_hoverColor)
16
+ }
17
+ .default {
18
+ --border_color: var(--zdt_avatarIcon_default_border);
19
+ --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
20
+ }
21
+ .primary {
22
+ --border_color: var(--zdt_avatarIcon_primary_border);
23
+ --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
24
+ }
25
+ .secondary {
26
+ --border_color: var(--zdt_avatarIcon_secondary_border);
27
+ --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
28
+ }
29
+ .success {
30
+ --border_color: var(--zdt_avatarIcon_success_border);
31
+ --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
32
+ }
33
+ .danger {
34
+ --border_color: var(--zdt_avatarIcon_danger_border);
35
+ --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
36
+ }
37
+ .iconColor {
38
+ color: var(--icon_color);
39
+ }
40
+ .icon_danger {
41
+ --icon_color: var(--zdt_avatarIcon_danger_icon);
42
+ }
43
+ .icon_primary {
44
+ --icon_color: var(--zdt_avatarIcon_primary_icon);
45
+ }
46
+ .icon_grey {
47
+ --icon_color: var(--zdt_avatarIcon_grey_icon);
48
+ }
49
+ .icon_success {
50
+ --icon_color: var(--zdt_avatarIcon_success_icon);
51
+ }
52
+ .icon_smoke18 {
53
+ --icon_color: var(--zdt_avatarIcon_smoke_icon);
54
+ }
55
+ .icon_dark {
56
+ --icon_color: var(--zdt_avatarIcon_dark_icon);
57
+ }
58
+
package/es/avatar/AvatarStatus/AvatarStatus.js CHANGED
File without changes
package/es/avatar/AvatarStatus/AvatarStatus.module.css CHANGED
@@ -1,146 +1,146 @@
1
- .container {
2
- position: relative;
3
- composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
4
- vertical-align: middle;
5
- }
6
- .state {
7
- position: absolute;
8
- composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
9
- display: inline-block;
10
- }
11
- .circle.state {
12
- border: 1px solid var(--zdt_avatarstatus_size_border);
13
- }
14
- .small.square.state, .xsmall.square.state {
15
- border: 1px solid var(--zdt_avatarstatus_size_border);
16
- }
17
- .medium.square.state, .xmedium.square.state, .large.square.state, .xlarge.square.state {
18
- border: 2px solid var(--zdt_avatarstatus_size_border);
19
- }
20
- .online {
21
- composes: state;
22
- background-color: var(--zdt_avatarstatus_online_bg);
23
- }
24
-
25
- .offline {
26
- composes: state;
27
- background-color: var(--zdt_avatarstatus_offline_bg);
28
- }
29
- .idle {
30
- composes: state;
31
- background-color: var(--zdt_avatarstatus_idle_bg);
32
- }
33
-
34
- .small.state,
35
- .xsmall.state {
36
- width: var(--zd_size7) ;
37
- height: var(--zd_size7) ;
38
- }
39
- .medium.state,
40
- .xmedium.state {
41
- width: var(--zd_size9) ;
42
- height: var(--zd_size9) ;
43
- }
44
- .large.state,
45
- .xlarge.state {
46
- width: var(--zd_size12) ;
47
- height: var(--zd_size12) ;
48
- }
49
-
50
- .small.circle.state {
51
- bottom: var(--zd_size1) ;
52
- }
53
-
54
- [dir=ltr] .small.circle.state {
55
- right: calc( var(--zd_size1) * -1 ) ;
56
- }
57
-
58
- [dir=rtl] .small.circle.state {
59
- left: calc( var(--zd_size1) * -1 ) ;
60
- }
61
- .xsmall.circle.state {
62
- bottom: var(--zd_size3) ;
63
- }
64
- [dir=ltr] .xsmall.circle.state {
65
- right: 0 ;
66
- }
67
- [dir=rtl] .xsmall.circle.state {
68
- left: 0 ;
69
- }
70
- .medium.circle.state,
71
- .xmedium.circle.state {
72
- bottom: var(--zd_size3) ;
73
- }
74
- [dir=ltr] .medium.circle.state, [dir=ltr] .xmedium.circle.state {
75
- right: 0 ;
76
- }
77
- [dir=rtl] .medium.circle.state, [dir=rtl] .xmedium.circle.state {
78
- left: 0 ;
79
- }
80
- .large.circle.state {
81
- bottom: var(--zd_size7) ;
82
- }
83
- [dir=ltr] .large.circle.state {
84
- right: var(--zd_size1) ;
85
- }
86
- [dir=rtl] .large.circle.state {
87
- left: var(--zd_size1) ;
88
- }
89
- .xlarge.circle.state {
90
- bottom: var(--zd_size6) ;
91
- }
92
- [dir=ltr] .xlarge.circle.state {
93
- right: var(--zd_size8) ;
94
- }
95
- [dir=rtl] .xlarge.circle.state {
96
- left: var(--zd_size8) ;
97
- }
98
-
99
- .small.square.state {
100
- bottom: calc( var(--zd_size1) * -1 ) ;
101
- }
102
-
103
- [dir=ltr] .small.square.state {
104
- right: calc( var(--zd_size1) * -1 ) ;
105
- }
106
-
107
- [dir=rtl] .small.square.state {
108
- left: calc( var(--zd_size1) * -1 ) ;
109
- }
110
- .xsmall.square.state {
111
- bottom: calc( var(--zd_size1) * -1 ) ;
112
- }
113
- [dir=ltr] .xsmall.square.state {
114
- right: calc( var(--zd_size2) * -1 ) ;
115
- }
116
- [dir=rtl] .xsmall.square.state {
117
- left: calc( var(--zd_size2) * -1 ) ;
118
- }
119
- .medium.square.state,
120
- .xmedium.square.state {
121
- bottom: calc( var(--zd_size2) * -1 ) ;
122
- }
123
- [dir=ltr] .medium.square.state, [dir=ltr] .xmedium.square.state {
124
- right: calc( var(--zd_size4) * -1 ) ;
125
- }
126
- [dir=rtl] .medium.square.state, [dir=rtl] .xmedium.square.state {
127
- left: calc( var(--zd_size4) * -1 ) ;
128
- }
129
- .large.square.state {
130
- bottom: calc( var(--zd_size2) * -1 ) ;
131
- }
132
- [dir=ltr] .large.square.state {
133
- right: calc( var(--zd_size5) * -1 ) ;
134
- }
135
- [dir=rtl] .large.square.state {
136
- left: calc( var(--zd_size5) * -1 ) ;
137
- }
138
- .xlarge.square.state {
139
- bottom: calc( var(--zd_size3) * -1 ) ;
140
- }
141
- [dir=ltr] .xlarge.square.state {
142
- right: calc( var(--zd_size5) * -1 ) ;
143
- }
144
- [dir=rtl] .xlarge.square.state {
145
- left: calc( var(--zd_size5) * -1 ) ;
146
- }
1
+ .container {
2
+ position: relative;
3
+ composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
4
+ vertical-align: middle;
5
+ }
6
+ .state {
7
+ position: absolute;
8
+ composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
9
+ display: inline-block;
10
+ }
11
+ .circle.state {
12
+ border: 1px solid var(--zdt_avatarstatus_size_border);
13
+ }
14
+ .small.square.state, .xsmall.square.state {
15
+ border: 1px solid var(--zdt_avatarstatus_size_border);
16
+ }
17
+ .medium.square.state, .xmedium.square.state, .large.square.state, .xlarge.square.state {
18
+ border: 2px solid var(--zdt_avatarstatus_size_border);
19
+ }
20
+ .online {
21
+ composes: state;
22
+ background-color: var(--zdt_avatarstatus_online_bg);
23
+ }
24
+
25
+ .offline {
26
+ composes: state;
27
+ background-color: var(--zdt_avatarstatus_offline_bg);
28
+ }
29
+ .idle {
30
+ composes: state;
31
+ background-color: var(--zdt_avatarstatus_idle_bg);
32
+ }
33
+
34
+ .small.state,
35
+ .xsmall.state {
36
+ width: var(--zd_size7) ;
37
+ height: var(--zd_size7) ;
38
+ }
39
+ .medium.state,
40
+ .xmedium.state {
41
+ width: var(--zd_size9) ;
42
+ height: var(--zd_size9) ;
43
+ }
44
+ .large.state,
45
+ .xlarge.state {
46
+ width: var(--zd_size12) ;
47
+ height: var(--zd_size12) ;
48
+ }
49
+
50
+ .small.circle.state {
51
+ bottom: var(--zd_size1) ;
52
+ }
53
+
54
+ [dir=ltr] .small.circle.state {
55
+ right: calc( var(--zd_size1) * -1 ) ;
56
+ }
57
+
58
+ [dir=rtl] .small.circle.state {
59
+ left: calc( var(--zd_size1) * -1 ) ;
60
+ }
61
+ .xsmall.circle.state {
62
+ bottom: var(--zd_size3) ;
63
+ }
64
+ [dir=ltr] .xsmall.circle.state {
65
+ right: 0 ;
66
+ }
67
+ [dir=rtl] .xsmall.circle.state {
68
+ left: 0 ;
69
+ }
70
+ .medium.circle.state,
71
+ .xmedium.circle.state {
72
+ bottom: var(--zd_size3) ;
73
+ }
74
+ [dir=ltr] .medium.circle.state, [dir=ltr] .xmedium.circle.state {
75
+ right: 0 ;
76
+ }
77
+ [dir=rtl] .medium.circle.state, [dir=rtl] .xmedium.circle.state {
78
+ left: 0 ;
79
+ }
80
+ .large.circle.state {
81
+ bottom: var(--zd_size7) ;
82
+ }
83
+ [dir=ltr] .large.circle.state {
84
+ right: var(--zd_size1) ;
85
+ }
86
+ [dir=rtl] .large.circle.state {
87
+ left: var(--zd_size1) ;
88
+ }
89
+ .xlarge.circle.state {
90
+ bottom: var(--zd_size6) ;
91
+ }
92
+ [dir=ltr] .xlarge.circle.state {
93
+ right: var(--zd_size8) ;
94
+ }
95
+ [dir=rtl] .xlarge.circle.state {
96
+ left: var(--zd_size8) ;
97
+ }
98
+
99
+ .small.square.state {
100
+ bottom: calc( var(--zd_size1) * -1 ) ;
101
+ }
102
+
103
+ [dir=ltr] .small.square.state {
104
+ right: calc( var(--zd_size1) * -1 ) ;
105
+ }
106
+
107
+ [dir=rtl] .small.square.state {
108
+ left: calc( var(--zd_size1) * -1 ) ;
109
+ }
110
+ .xsmall.square.state {
111
+ bottom: calc( var(--zd_size1) * -1 ) ;
112
+ }
113
+ [dir=ltr] .xsmall.square.state {
114
+ right: calc( var(--zd_size2) * -1 ) ;
115
+ }
116
+ [dir=rtl] .xsmall.square.state {
117
+ left: calc( var(--zd_size2) * -1 ) ;
118
+ }
119
+ .medium.square.state,
120
+ .xmedium.square.state {
121
+ bottom: calc( var(--zd_size2) * -1 ) ;
122
+ }
123
+ [dir=ltr] .medium.square.state, [dir=ltr] .xmedium.square.state {
124
+ right: calc( var(--zd_size4) * -1 ) ;
125
+ }
126
+ [dir=rtl] .medium.square.state, [dir=rtl] .xmedium.square.state {
127
+ left: calc( var(--zd_size4) * -1 ) ;
128
+ }
129
+ .large.square.state {
130
+ bottom: calc( var(--zd_size2) * -1 ) ;
131
+ }
132
+ [dir=ltr] .large.square.state {
133
+ right: calc( var(--zd_size5) * -1 ) ;
134
+ }
135
+ [dir=rtl] .large.square.state {
136
+ left: calc( var(--zd_size5) * -1 ) ;
137
+ }
138
+ .xlarge.square.state {
139
+ bottom: calc( var(--zd_size3) * -1 ) ;
140
+ }
141
+ [dir=ltr] .xlarge.square.state {
142
+ right: calc( var(--zd_size5) * -1 ) ;
143
+ }
144
+ [dir=rtl] .xlarge.square.state {
145
+ left: calc( var(--zd_size5) * -1 ) ;
146
+ }