@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp-63

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 (343) hide show
  1. package/README.md +4 -0
  2. package/{es → assets}/Appearance/dark/mode/dotDarkMode.module.css +1 -1
  3. package/{es → assets}/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +1 -1
  4. package/{es → assets}/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -0
  5. package/{es → assets}/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +1 -1
  6. package/{es → assets}/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -0
  7. package/{es → assets}/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -0
  8. package/{es → assets}/Appearance/default/mode/dotDefaultMode.module.css +1 -1
  9. package/{es → assets}/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -0
  10. package/{es → assets}/Appearance/default/themes/green/greenDefaultDotTheme.module.css +1 -1
  11. package/{es → assets}/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -0
  12. package/{es → assets}/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -0
  13. package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -0
  14. package/es/ActionButton/ActionButton.module.css +25 -9
  15. package/es/AlphabeticList/AlphabeticList.module.css +7 -4
  16. package/es/Attachment/Attachment.module.css +20 -9
  17. package/es/ChannelIcon/ChannelIcon.module.css +30 -21
  18. package/es/Drawer/Drawer.module.css +59 -11
  19. package/es/FlipCard/FlipCard.module.css +14 -5
  20. package/es/FormAction/FormAction.module.css +34 -9
  21. package/es/FreezeLayer/FreezeLayer.module.css +6 -2
  22. package/es/IconButton/IconButton.module.css +1 -1
  23. package/es/ImportantNotes/ImportantNotes.module.css +7 -2
  24. package/es/Loader/Loader.module.css +25 -4
  25. package/es/Message/Message.module.css +42 -9
  26. package/es/MessageBanner/MessageBanner.module.css +12 -4
  27. package/es/NewStar/NewStar.module.css +42 -5
  28. package/es/ToastMessage/ToastMessage.module.css +96 -25
  29. package/es/Upload/Upload.module.css +27 -8
  30. package/es/alert/AlertHeader/AlertHeader.module.css +21 -3
  31. package/es/alert/AlertLookup/AlertLookup.module.css +6 -2
  32. package/es/avatar/AvatarClose/AvatarClose.module.css +9 -3
  33. package/es/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
  34. package/es/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
  35. package/es/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
  36. package/es/avatar/AvatarThread/AvatarThread.module.css +55 -5
  37. package/es/avatar/AvatarUser/AvatarUser.module.css +81 -10
  38. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
  39. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +11 -3
  40. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
  41. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
  42. package/es/emptystate/EditionPage/EditionPage.css +9 -3
  43. package/es/errorstate/EmptyStates.module.css +13 -10
  44. package/es/errorstate/Inconvenience/Inconvenience.module.css +3 -0
  45. package/es/errorstate/LinkText/LinkText.module.css +1 -1
  46. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
  47. package/es/errorstate/WillBack/WillBack.module.css +1 -3
  48. package/es/form/fields/Fields.module.css +49 -14
  49. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
  50. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
  51. package/es/form/fields/TextEditor/TextEditor.module.css +143 -71
  52. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
  53. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
  54. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
  55. package/es/layout/SubtabLayout/SubtabLayout.module.css +55 -29
  56. package/es/list/BluePrintStatus/BluePrintStatus.module.css +4 -1
  57. package/es/list/Comment/Comment.module.css +5 -0
  58. package/es/list/DotNew/DotNew.module.css +3 -3
  59. package/es/list/GridStencils/GridStencils.module.css +70 -16
  60. package/es/list/Icons/Icons.module.css +1 -1
  61. package/es/list/ListLayout/ListLayout.module.css +22 -14
  62. package/es/list/ListStencils/ListStencils.module.css +11 -6
  63. package/es/list/SecondaryText/SecondaryText.module.css +13 -3
  64. package/es/list/SentimentStatus/SentimentStatus.module.css +4 -1
  65. package/es/list/TagNew/TagNew.module.css +14 -7
  66. package/es/list/Thread/Thread.module.css +13 -1
  67. package/es/list/UserTime/UserTime.module.css +6 -0
  68. package/es/list/listCommon.module.css +9 -1
  69. package/es/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
  70. package/es/list/status/StatusListItem/StatusListItem.module.css +38 -15
  71. package/es/lookup/Lookup/Lookup.module.css +2 -2
  72. package/es/lookup/Section/LookupSection.module.css +2 -2
  73. package/es/lookup/header/Close/LookupClose.module.css +4 -4
  74. package/es/lookup/header/Search/LookupSearch.module.css +21 -12
  75. package/es/lookup/header/TicketHeader/TicketHeader.module.css +5 -2
  76. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -3
  77. package/es/lookup/header/lookupHeaderCommon.module.css +16 -6
  78. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
  79. package/es/setup/header/Button/HeaderButton.module.css +3 -1
  80. package/es/setup/header/Link/HeaderLink.module.css +7 -1
  81. package/es/setup/header/Search/Search.module.css +19 -8
  82. package/es/setup/header/Views/Views.module.css +15 -5
  83. package/es/setup/helptips/Link/HelpTipsLink.module.css +1 -0
  84. package/es/setup/helptips/ListGroup/ListGroup.module.css +6 -1
  85. package/es/setup/table/TableData/SetupTableData.module.css +11 -3
  86. package/es/setup/table/TableHead/SetupTableHead.module.css +4 -0
  87. package/es/setup/table/TableRow/SetupTableRow.module.css +6 -2
  88. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  89. package/es/version2/GlobalNotification/GlobalNotification.module.css +44 -9
  90. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
  91. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
  92. package/es/version2/lookup/alertLookupCommonNew.module.css +8 -1
  93. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +26 -10
  94. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
  95. package/lib/ActionButton/ActionButton.js +13 -9
  96. package/lib/ActionButton/ActionButton.module.css +26 -9
  97. package/lib/AlphabeticList/AlphabeticList.js +3 -3
  98. package/lib/AlphabeticList/AlphabeticList.module.css +7 -4
  99. package/lib/Attachment/Attachment.js +3 -3
  100. package/lib/Attachment/Attachment.module.css +20 -9
  101. package/lib/ChannelIcon/ChannelIcon.js +3 -3
  102. package/lib/ChannelIcon/ChannelIcon.module.css +30 -21
  103. package/lib/Drawer/Drawer.js +4 -4
  104. package/lib/Drawer/Drawer.module.css +59 -11
  105. package/lib/ExternalLink/ExternalLink.js +3 -3
  106. package/lib/FlipCard/FlipCard.js +3 -3
  107. package/lib/FlipCard/FlipCard.module.css +14 -5
  108. package/lib/FormAction/FormAction.js +4 -4
  109. package/lib/FormAction/FormAction.module.css +34 -9
  110. package/lib/FreezeLayer/FreezeLayer.js +3 -3
  111. package/lib/FreezeLayer/FreezeLayer.module.css +6 -2
  112. package/lib/IconButton/IconButton.js +3 -3
  113. package/lib/IconButton/IconButton.module.css +1 -1
  114. package/lib/Image/Image.js +3 -3
  115. package/lib/ImportantNotes/ImportantNotes.js +3 -3
  116. package/lib/ImportantNotes/ImportantNotes.module.css +7 -2
  117. package/lib/Link/Link.js +4 -4
  118. package/lib/Loader/Loader.js +3 -3
  119. package/lib/Loader/Loader.module.css +25 -4
  120. package/lib/Message/Message.js +4 -4
  121. package/lib/Message/Message.module.css +42 -9
  122. package/lib/MessageBanner/MessageBanner.js +3 -3
  123. package/lib/MessageBanner/MessageBanner.module.css +12 -4
  124. package/lib/NewStar/NewStar.js +3 -3
  125. package/lib/NewStar/NewStar.module.css +42 -5
  126. package/lib/PlusIcon/PlusIcon.js +3 -3
  127. package/lib/Provider.js +49 -49
  128. package/lib/ToastMessage/ToastMessage.js +1 -1
  129. package/lib/ToastMessage/ToastMessage.module.css +96 -25
  130. package/lib/Upload/Upload.js +3 -3
  131. package/lib/Upload/Upload.module.css +27 -8
  132. package/lib/actions/AutoClose.js +1 -1
  133. package/lib/alert/AlertHeader/AlertHeader.js +3 -3
  134. package/lib/alert/AlertHeader/AlertHeader.module.css +21 -3
  135. package/lib/alert/AlertLookup/AlertLookup.js +11 -7
  136. package/lib/alert/AlertLookup/AlertLookup.module.css +6 -2
  137. package/lib/avatar/AvatarClose/AvatarClose.js +3 -3
  138. package/lib/avatar/AvatarClose/AvatarClose.module.css +9 -3
  139. package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -3
  140. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
  141. package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -3
  142. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
  143. package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -3
  144. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
  145. package/lib/avatar/AvatarThread/AvatarThread.js +3 -3
  146. package/lib/avatar/AvatarThread/AvatarThread.module.css +55 -5
  147. package/lib/avatar/AvatarUser/AvatarUser.js +3 -3
  148. package/lib/avatar/AvatarUser/AvatarUser.module.css +81 -10
  149. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  150. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
  151. package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -3
  152. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +17 -9
  153. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +3 -3
  154. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
  155. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +3 -3
  156. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
  157. package/lib/emptystate/EditionPage/EditionPage.css +9 -3
  158. package/lib/emptystate/EditionPage/EditionPage.js +3 -3
  159. package/lib/errorstate/EmptyStates.module.css +13 -10
  160. package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
  161. package/lib/errorstate/Inconvenience/Inconvenience.module.css +3 -0
  162. package/lib/errorstate/LinkText/LinkText.js +3 -3
  163. package/lib/errorstate/LinkText/LinkText.module.css +1 -1
  164. package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  165. package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  166. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
  167. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  168. package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  169. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  170. package/lib/errorstate/WillBack/WillBack.js +3 -3
  171. package/lib/errorstate/WillBack/WillBack.module.css +1 -3
  172. package/lib/form/fields/CheckBoxField/CheckBoxField.js +4 -4
  173. package/lib/form/fields/CurrencyField/CurrencyField.js +5 -5
  174. package/lib/form/fields/DateField/DateField.js +5 -5
  175. package/lib/form/fields/Fields.module.css +54 -16
  176. package/lib/form/fields/MultiSelectField/MultiSelectField.js +5 -5
  177. package/lib/form/fields/PhoneField/PhoneField.js +3 -3
  178. package/lib/form/fields/RadioField/RadioField.js +5 -5
  179. package/lib/form/fields/SelectField/SelectField.js +5 -5
  180. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +8 -7
  181. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
  182. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
  183. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
  184. package/lib/form/fields/TextBoxField/TextBoxField.js +5 -5
  185. package/lib/form/fields/TextEditor/TextEditor.js +12 -8
  186. package/lib/form/fields/TextEditor/TextEditor.module.css +145 -72
  187. package/lib/form/fields/TextEditorField/TextEditorField.js +5 -5
  188. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +4 -4
  189. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
  190. package/lib/form/fields/TextareaField/TextareaField.js +5 -5
  191. package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -3
  192. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
  193. package/lib/form/layout/Field/Field.js +3 -3
  194. package/lib/form/layout/Section/Section.js +3 -3
  195. package/lib/index.js +4 -4
  196. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +4 -4
  197. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
  198. package/lib/layout/SetupDetailLayout/index.js +7 -7
  199. package/lib/layout/SubtabLayout/SubtabLayout.js +4 -4
  200. package/lib/layout/SubtabLayout/SubtabLayout.module.css +55 -29
  201. package/lib/layout/SubtabLayout/index.js +9 -9
  202. package/lib/list/AvatarFlip/AvatarFlip.js +3 -3
  203. package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -3
  204. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +6 -3
  205. package/lib/list/Comment/Comment.js +3 -3
  206. package/lib/list/Comment/Comment.module.css +5 -0
  207. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -3
  208. package/lib/list/Dot/Dot.js +3 -3
  209. package/lib/list/DotNew/DotNew.js +3 -3
  210. package/lib/list/DotNew/DotNew.module.css +6 -6
  211. package/lib/list/GridStencils/GridStencils.js +3 -3
  212. package/lib/list/GridStencils/GridStencils.module.css +70 -16
  213. package/lib/list/Icons/AddNewIcon.js +3 -3
  214. package/lib/list/Icons/CompleteIcon.js +3 -3
  215. package/lib/list/Icons/DeleteIcon.js +3 -3
  216. package/lib/list/Icons/EditIcon.js +3 -3
  217. package/lib/list/Icons/FloatingIcons.js +3 -3
  218. package/lib/list/Icons/Icons.module.css +1 -1
  219. package/lib/list/Icons/ReadUnreadIcon.js +3 -3
  220. package/lib/list/Icons/SmartIcon.js +3 -3
  221. package/lib/list/ListLayout/ListLayout.js +4 -4
  222. package/lib/list/ListLayout/ListLayout.module.css +22 -14
  223. package/lib/list/ListStencils/ListStencils.js +3 -3
  224. package/lib/list/ListStencils/ListStencils.module.css +11 -6
  225. package/lib/list/SecondaryText/AccountName.js +3 -3
  226. package/lib/list/SecondaryText/ContactName.js +3 -3
  227. package/lib/list/SecondaryText/DepartmentText.js +3 -3
  228. package/lib/list/SecondaryText/Email.js +3 -3
  229. package/lib/list/SecondaryText/HappinessRating.js +3 -3
  230. package/lib/list/SecondaryText/PhoneNumber.js +3 -3
  231. package/lib/list/SecondaryText/PriorityText.js +3 -3
  232. package/lib/list/SecondaryText/SecondaryText.js +3 -3
  233. package/lib/list/SecondaryText/SecondaryText.module.css +13 -3
  234. package/lib/list/SecondaryText/StatusText.js +3 -3
  235. package/lib/list/SecondaryText/TicketId.js +3 -3
  236. package/lib/list/SecondaryText/Website.js +3 -3
  237. package/lib/list/SecondaryText/index.js +22 -22
  238. package/lib/list/SecondryPanel/SecondryPanel.js +4 -4
  239. package/lib/list/SentimentStatus/SentimentStatus.js +3 -3
  240. package/lib/list/SentimentStatus/SentimentStatus.module.css +4 -1
  241. package/lib/list/Subject/Subject.js +3 -3
  242. package/lib/list/TagNew/TagNew.js +3 -3
  243. package/lib/list/TagNew/TagNew.module.css +14 -7
  244. package/lib/list/Thread/Thread.js +3 -3
  245. package/lib/list/Thread/Thread.module.css +13 -1
  246. package/lib/list/UserTime/UserTime.js +3 -3
  247. package/lib/list/UserTime/UserTime.module.css +6 -0
  248. package/lib/list/listCommon.module.css +9 -1
  249. package/lib/list/status/StatusDropdown/StatusDropdown.js +3 -3
  250. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
  251. package/lib/list/status/StatusListItem/StatusListItem.js +3 -3
  252. package/lib/list/status/StatusListItem/StatusListItem.module.css +38 -15
  253. package/lib/lookup/EmptyPage/EmptyPage.js +3 -3
  254. package/lib/lookup/Lookup/Lookup.js +3 -3
  255. package/lib/lookup/Lookup/Lookup.module.css +2 -2
  256. package/lib/lookup/Section/LookupSection.module.css +2 -2
  257. package/lib/lookup/Section/Section.js +3 -3
  258. package/lib/lookup/header/Close/Close.js +3 -3
  259. package/lib/lookup/header/Close/LookupClose.module.css +4 -4
  260. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -3
  261. package/lib/lookup/header/Search/LookupSearch.module.css +21 -12
  262. package/lib/lookup/header/Search/Search.js +3 -3
  263. package/lib/lookup/header/TicketHeader/TicketHeader.js +6 -4
  264. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +7 -3
  265. package/lib/lookup/header/Title/Title.js +3 -3
  266. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
  267. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -4
  268. package/lib/lookup/header/lookupHeaderCommon.module.css +16 -6
  269. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
  270. package/lib/setup/header/Button/Button.js +3 -3
  271. package/lib/setup/header/Button/HeaderButton.module.css +3 -1
  272. package/lib/setup/header/Link/HeaderLink.module.css +7 -1
  273. package/lib/setup/header/Link/Link.js +3 -3
  274. package/lib/setup/header/Search/Search.js +3 -3
  275. package/lib/setup/header/Search/Search.module.css +19 -8
  276. package/lib/setup/header/Views/Views.js +3 -3
  277. package/lib/setup/header/Views/Views.module.css +15 -5
  278. package/lib/setup/helptips/Description/Description.js +3 -3
  279. package/lib/setup/helptips/Link/HelpTipsLink.module.css +1 -0
  280. package/lib/setup/helptips/Link/Link.js +3 -3
  281. package/lib/setup/helptips/ListGroup/ListGroup.js +3 -3
  282. package/lib/setup/helptips/ListGroup/ListGroup.module.css +6 -1
  283. package/lib/setup/helptips/Title/Title.js +3 -3
  284. package/lib/setup/table/Table/Table.js +3 -3
  285. package/lib/setup/table/TableBody/TableBody.js +3 -3
  286. package/lib/setup/table/TableData/SetupTableData.module.css +11 -3
  287. package/lib/setup/table/TableData/TableData.js +3 -3
  288. package/lib/setup/table/TableHead/SetupTableHead.module.css +4 -0
  289. package/lib/setup/table/TableHead/TableHead.js +3 -3
  290. package/lib/setup/table/TableRow/SetupTableRow.module.css +6 -2
  291. package/lib/setup/table/TableRow/TableRow.js +3 -3
  292. package/lib/setup/table/Text/Text.js +3 -3
  293. package/lib/svg/PlusIcon.js +3 -3
  294. package/lib/svg/SnippetIcon.js +3 -3
  295. package/lib/svg/TemplateIcon.js +3 -3
  296. package/lib/utils/ChannelIconMapping.js +1 -1
  297. package/lib/utils/General.js +4 -4
  298. package/lib/utils/KeyboardApi.js +3 -1
  299. package/lib/utils/editorUtils.js +6 -6
  300. package/lib/version2/AlertClose/AlertClose.js +3 -3
  301. package/lib/version2/AlertClose/AlertClose.module.css +1 -1
  302. package/lib/version2/GlobalNotification/GlobalNotification.js +22 -10
  303. package/lib/version2/GlobalNotification/GlobalNotification.module.css +44 -9
  304. package/lib/version2/alertIcons/AlarmAlertIcon.js +3 -3
  305. package/lib/version2/alertIcons/AlertIcons.js +3 -3
  306. package/lib/version2/alertIcons/DangerAlertIcon.js +3 -3
  307. package/lib/version2/alertIcons/ErrorAlertIcon.js +3 -3
  308. package/lib/version2/alertIcons/InfoAlertIcon.js +3 -3
  309. package/lib/version2/alertIcons/NotificationAlertIcon.js +3 -3
  310. package/lib/version2/alertIcons/SuccessAlertIcon.js +3 -3
  311. package/lib/version2/alertIcons/WarningAlertIcon.js +3 -3
  312. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  313. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  314. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  315. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  316. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  317. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  318. package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -3
  319. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
  320. package/lib/version2/lookup/AlertLookup/AlertLookup.js +11 -7
  321. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
  322. package/lib/version2/lookup/alertLookupCommonNew.module.css +8 -1
  323. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +14 -6
  324. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +29 -14
  325. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
  326. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
  327. package/package.json +1 -1
  328. package/es/deprecated/Theme/dotDarkTheme.module.css +0 -532
  329. package/es/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  330. package/es/deprecated/Theme/palette/darkPalette.module.css +0 -40
  331. package/es/deprecated/Theme/palette/defaultPalette.module.css +0 -40
  332. package/lib/Appearance/dark/mode/dotDarkMode.module.css +0 -536
  333. package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +0 -10
  334. package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -10
  335. package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +0 -10
  336. package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -10
  337. package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -10
  338. package/lib/Appearance/default/mode/dotDefaultMode.module.css +0 -536
  339. package/lib/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -10
  340. package/lib/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -10
  341. package/lib/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -10
  342. package/lib/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -10
  343. package/lib/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -10
@@ -1,5 +1,7 @@
1
- .container {
1
+ [dir=ltr] .container {
2
2
  padding-left: var(--zd_size20);
3
+ }[dir=rtl] .container {
4
+ padding-right: var(--zd_size20);
3
5
  }
4
6
  .size70 {
5
7
  flex-basis: var(--zd_size70);
@@ -28,9 +30,15 @@
28
30
  .center {
29
31
  text-align: center;
30
32
  }
31
- .left {
33
+ [dir=ltr] .left {
32
34
  text-align: left;
33
35
  }
34
- .right {
36
+ [dir=rtl] .left {
35
37
  text-align: right;
36
38
  }
39
+ [dir=ltr] .right {
40
+ text-align: right;
41
+ }
42
+ [dir=rtl] .right {
43
+ text-align: left;
44
+ }
@@ -1,7 +1,11 @@
1
1
  .container {
2
2
  border-bottom: 1px solid var(--zdt_setuptablehead_border);
3
+ }[dir=ltr] .container {
3
4
  padding-right: var(--zd_size40);
4
5
  padding-left: var(--zd_size40);
6
+ }[dir=rtl] .container {
7
+ padding-left: var(--zd_size40);
8
+ padding-right: var(--zd_size40);
5
9
  }
6
10
  .subContainer {
7
11
  height: var(--zd_size40);
@@ -1,9 +1,13 @@
1
1
  .container {
2
2
  position: relative;
3
+ height: var(--zd_size52);
4
+ border-bottom: 1px solid var(--zdt_setuptablerow_border);
5
+ }[dir=ltr] .container {
3
6
  margin-right: var(--zd_size40);
4
7
  margin-left: var(--zd_size40);
5
- border-bottom: 1px solid var(--zdt_setuptablerow_border);
6
- height: var(--zd_size52);
8
+ }[dir=rtl] .container {
9
+ margin-left: var(--zd_size40);
10
+ margin-right: var(--zd_size40);
7
11
  }
8
12
  .container:hover {
9
13
  background-color: var( --zdt_setuptablerow_hover_bg);
@@ -1,9 +1,9 @@
1
1
  .close {
2
2
  width: var(--zd_size25);
3
3
  height: var(--zd_size25);
4
+ color: var(--zdt_commonalert_close_icon);
4
5
  border-radius: var(--zd_size4);
5
6
  cursor: pointer;
6
- color: var(--zdt_commonalert_close_icon);
7
7
  }
8
8
 
9
9
  .closeIcon {
@@ -11,25 +11,38 @@
11
11
  top: 0;
12
12
  z-index: 1000;
13
13
  /*Hook for editor alert*/
14
- right: 0;
14
+ pointer-events: none;
15
15
  text-align: center;
16
+ }
17
+ [dir=ltr] .message {
18
+ right: 0;
16
19
  left: 0;
17
- pointer-events: none;
20
+ }
21
+ [dir=rtl] .message {
22
+ left: 0;
23
+ right: 0;
18
24
  }
19
25
 
20
26
  .container {
21
- padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
22
27
  position: relative;
23
28
  pointer-events: initial;
29
+ color: var(--globalnotification_text_color);
30
+ max-width: var(--zd_size490);
31
+ composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
24
32
  box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
25
33
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
26
34
  background-color: var(--globalnotification_bg_color);
27
35
  border-style: solid;
28
36
  border-color: var(--commonalert_border_color);
29
37
  border-width: 2px 1px 1px 1px;
30
- color: var(--globalnotification_text_color);
31
- max-width: var(--zd_size490);
32
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
38
+ }
39
+
40
+ [dir=ltr] .container {
41
+ padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
42
+ }
43
+
44
+ [dir=rtl] .container {
45
+ padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
33
46
  }
34
47
 
35
48
  .icon {
@@ -38,10 +51,17 @@
38
51
  position: absolute;
39
52
  top: 0;
40
53
  bottom: 0;
41
- left: var(--zd_size18);
42
54
  margin: auto 0;
43
55
  }
44
56
 
57
+ [dir=ltr] .icon {
58
+ left: var(--zd_size18);
59
+ }
60
+
61
+ [dir=rtl] .icon {
62
+ right: var(--zd_size18);
63
+ }
64
+
45
65
  .success {
46
66
  --commonalert_border_color: var(--zdt_commonalert_success_border);
47
67
  --globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
@@ -76,15 +96,30 @@
76
96
  font-size: var(--zd_font_size14);
77
97
  font-family: var(--zd_semibold);
78
98
  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
79
- text-align: left;
80
99
  line-height: var(--zd_size20);
81
100
  }
82
101
 
102
+ [dir=ltr] .text {
103
+ text-align: left;
104
+ }
105
+
106
+ [dir=rtl] .text {
107
+ text-align: right;
108
+ }
109
+
83
110
  .close {
84
111
  position: absolute;
85
112
  top: 0;
86
113
  bottom: 0;
114
+ height: var(--zd_size25);
115
+ }
116
+
117
+ [dir=ltr] .close {
87
118
  right: var(--zd_size12);
88
119
  margin: auto 0 auto var(--zd_size25);
89
- height: var(--zd_size25);
120
+ }
121
+
122
+ [dir=rtl] .close {
123
+ left: var(--zd_size12);
124
+ margin: auto var(--zd_size25) auto 0;
90
125
  }
@@ -11,8 +11,13 @@
11
11
  }
12
12
  .headerLayout {
13
13
  min-height: var(--zd_size54);
14
+ }
15
+ [dir=ltr] .headerLayout {
14
16
  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
15
17
  }
18
+ [dir=rtl] .headerLayout {
19
+ padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
20
+ }
16
21
 
17
22
  .success {
18
23
  --commonalert_border_color: var(--zdt_commonalert_success_border);
@@ -34,10 +39,14 @@
34
39
  --commonalert_border_color: var(--zdt_commonalert_warning_border);
35
40
  }
36
41
 
37
- .extraSmall {
42
+ [dir=ltr] .extraSmall {
38
43
  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16);
39
44
  }
40
45
 
46
+ [dir=rtl] .extraSmall {
47
+ padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45);
48
+ }
49
+
41
50
  .iconContainer {
42
51
  height: var(--zd_size51);
43
52
  width: var(--zd_size51);
@@ -45,7 +54,6 @@
45
54
 
46
55
  .title {
47
56
  color: var(--zdt_alertlookupnew_text);
48
- margin: 0 var(--zd_size5) 0 var(--zd_size10);
49
57
  font-size: var(--zd_font_size18);
50
58
  line-height: var(--zd_size22);
51
59
  font-family: var(--zd_bold);
@@ -53,6 +61,14 @@
53
61
  vertical-align: middle;
54
62
  }
55
63
 
64
+ [dir=ltr] .title {
65
+ margin: 0 var(--zd_size5) 0 var(--zd_size10);
66
+ }
67
+
68
+ [dir=rtl] .title {
69
+ margin: 0 var(--zd_size10) 0 var(--zd_size5);
70
+ }
71
+
56
72
  .iconStyle {
57
73
  display: block;
58
74
  }
@@ -60,5 +76,12 @@
60
76
  .close {
61
77
  position: absolute;
62
78
  top: var(--zd_size12);
79
+ }
80
+
81
+ [dir=ltr] .close {
63
82
  right: var(--zd_size12);
83
+ }
84
+
85
+ [dir=rtl] .close {
86
+ left: var(--zd_size12);
64
87
  }
@@ -3,17 +3,21 @@
3
3
  }
4
4
 
5
5
  .innerSection {
6
- padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
7
6
  color: var(--zdt_alertlookupnew_text);
8
7
  font-size: var(--zd_font_size14);
9
8
  line-height: var(--zd_size18);
10
9
  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
10
+ padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
11
11
  }
12
12
 
13
- .buttonGap {
13
+ [dir=ltr] .buttonGap {
14
14
  margin: 0 0 0 var(--zd_size12);
15
15
  }
16
16
 
17
+ [dir=rtl] .buttonGap {
18
+ margin: 0 var(--zd_size12) 0 0;
19
+ }
20
+
17
21
  .confirmMsgText {
18
22
  margin-top: var(--zd_size20);
19
23
  }
@@ -23,8 +27,8 @@
23
27
  }
24
28
 
25
29
  .footer {
26
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
27
30
  overflow: hidden;
31
+ border-radius: 0 0 var(--zd_size10) var(--zd_size10);
28
32
  }
29
33
  .horizontalScroll, .verticalScroll, .bothScroll {
30
34
  height: 100%;
@@ -2,9 +2,16 @@
2
2
 
3
3
  .noteContainer {
4
4
  padding: var(--zd_size4) var(--zd_size30) 0;
5
+ }
6
+
7
+ [dir=ltr] .noteContainer {
5
8
  border-left: solid 1px var(--zdt_alertlookup_border);
6
9
  }
7
10
 
11
+ [dir=rtl] .noteContainer {
12
+ border-right: solid 1px var(--zdt_alertlookup_border);
13
+ }
14
+
8
15
  .noteTitle {
9
16
  font-size: var(--zd_font_size13);
10
17
  font-family: var(--zd_semibold);
@@ -20,7 +27,7 @@
20
27
  font-size: var(--zd_font_size12);
21
28
  /* line-height: var(--zd_size14); */
22
29
  color: var(--zdt_alertlookuop_text);
23
- margin-bottom: var(--zd_size15);
24
30
  list-style-type: disc;
25
31
  line-height: initial;
32
+ margin-bottom: var(--zd_size15);
26
33
  }
@@ -1,17 +1,22 @@
1
1
  .parentElement {
2
- margin-bottom: var(--zd_size7);
3
2
  position: relative;
3
+ margin-bottom: var(--zd_size7);
4
4
  }
5
5
  .container {
6
- background-color: var(--zdt_desktopnotification_bg);
7
6
  color: var(--zdt_desktopnotification_text);
8
7
  transition: all var(--zd_transition4);
9
8
  position: relative;
10
- transform-origin: right center;
11
9
  max-height: 100%;
10
+ pointer-events: auto;
11
+ background-color: var(--zdt_desktopnotification_bg);
12
12
  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
13
13
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
14
- pointer-events: auto;
14
+ }
15
+ [dir=ltr] .container {
16
+ transform-origin: right center;
17
+ }
18
+ [dir=rtl] .container {
19
+ transform-origin: left center;
15
20
  }
16
21
  .globalNotify {
17
22
  max-width: var(--zd_size490);
@@ -27,11 +32,17 @@
27
32
  /* Animation Style */
28
33
  .closeAnimation {
29
34
  max-height: 0;
30
- margin-bottom: 0;
31
35
  transition: all var(--zd_transition3) 0.4s;
36
+ margin-bottom: 0;
32
37
  }
33
38
  .animation {
34
39
  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
40
+ }
41
+ [dir=ltr] .animation {
42
+ animation-duration: var(--zd_transition4);
43
+ -webkit-animation-duration: var(--zd_transition4);
44
+ }
45
+ [dir=rtl] .animation {
35
46
  animation-duration: var(--zd_transition4);
36
47
  -webkit-animation-duration: var(--zd_transition4);
37
48
  }
@@ -40,8 +51,8 @@
40
51
  composes: animation;
41
52
  }
42
53
  .leftnoanimate {
43
- transform: translateX(0) scale(1);
44
54
  opacity: 1;
55
+ transform: translateX(0) scale(1);
45
56
  }
46
57
  .rightanimate {
47
58
  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
@@ -50,15 +61,20 @@
50
61
  }
51
62
  /* Container Style */
52
63
  .message {
53
- padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
54
- border-top: 1px solid var(--zd_smoke1);
55
- cursor: pointer;
56
64
  position: relative;
57
65
  color: var(--zd_smoke18);
58
66
  font-size: var(--zd_font_size11);
59
67
  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
60
68
  height: var(--zd_size33);
61
69
  transition: padding var(--zd_transition3), height var(--zd_transition3);
70
+ border-top: 1px solid var(--zd_smoke1);
71
+ cursor: pointer;
72
+ }
73
+ [dir=ltr] .message {
74
+ padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
75
+ }
76
+ [dir=rtl] .message {
77
+ padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
62
78
  }
63
79
  .message:hover {
64
80
  background: var(--zd_alabaster);
@@ -85,6 +101,6 @@
85
101
  margin-top: var(--zd_size20);
86
102
  }
87
103
  .footer {
88
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
89
104
  overflow: hidden;
105
+ border-radius: 0 0 var(--zd_size10) var(--zd_size10);
90
106
  }
@@ -5,20 +5,27 @@
5
5
  composes: varClass;
6
6
  min-height: var(--zd_size54);
7
7
  position: relative;
8
+ color: var(--zdt_desktopnotification_text);
8
9
  background-color: var(--alert_lookup_bg_color);
9
10
  border-style: solid;
10
11
  border-color: var(--commonalert_border_color);
11
12
  border-width: 2px 0 0 0;
12
- color: var(--zdt_desktopnotification_text);
13
13
  }
14
14
 
15
15
  .title {
16
- margin: 0 var(--zd_size5) 0 var(--zd_size10);
17
16
  font-size: var(--zd_font_size18);
18
17
  line-height: var(--zd_size22);
19
18
  font-family: var(--zd_bold);
20
19
  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
21
20
  }
21
+
22
+ [dir=ltr] .title {
23
+ margin: 0 var(--zd_size5) 0 var(--zd_size10);
24
+ }
25
+
26
+ [dir=rtl] .title {
27
+ margin: 0 var(--zd_size10) 0 var(--zd_size5);
28
+ }
22
29
 
23
30
  .infoText {
24
31
  font-size: var(--zd_font_size14);
@@ -50,8 +57,11 @@
50
57
 
51
58
 
52
59
  /* Primary Header */
53
- .primary {
54
- padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
60
+ [dir=ltr] .primary {
61
+ padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
62
+ }
63
+ [dir=rtl] .primary {
64
+ padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
55
65
  }
56
66
 
57
67
  .primary .iconContainer {
@@ -66,14 +76,26 @@
66
76
  .primary .close {
67
77
  position: absolute;
68
78
  top: var(--zd_size12);
69
- right: var(--zd_size12);
79
+ }
80
+
81
+ [dir=ltr] .primary .close {
82
+ right: var(--zd_size12);
83
+ }
84
+
85
+ [dir=rtl] .primary .close {
86
+ left: var(--zd_size12);
70
87
  }
71
88
 
72
89
  /* Secondary Header */
73
90
  .secondary {
74
- padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
75
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
76
91
  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
92
+ border-radius: 0 0 var(--zd_size10) var(--zd_size10);
93
+ }
94
+ [dir=ltr] .secondary {
95
+ padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
96
+ }
97
+ [dir=rtl] .secondary {
98
+ padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
77
99
  }
78
100
 
79
101
  .secondary .infoText {
@@ -86,15 +108,30 @@
86
108
  position: absolute;
87
109
  top: 0;
88
110
  bottom: 0;
89
- left: var(--zd_size18);
90
111
  margin: auto 0;
91
112
  }
92
113
 
114
+ [dir=ltr] .secondary .iconContainer {
115
+ left: var(--zd_size18);
116
+ }
117
+
118
+ [dir=rtl] .secondary .iconContainer {
119
+ right: var(--zd_size18);
120
+ }
121
+
93
122
  .secondary .close {
94
123
  position: absolute;
95
124
  top: 0;
96
125
  bottom: 0;
97
- right: var(--zd_size12);
98
- margin: auto 0 auto var(--zd_size25);
99
126
  height: var(--zd_size25);
127
+ }
128
+
129
+ [dir=ltr] .secondary .close {
130
+ right: var(--zd_size12);
131
+ margin: auto 0 auto var(--zd_size25);
132
+ }
133
+
134
+ [dir=rtl] .secondary .close {
135
+ left: var(--zd_size12);
136
+ margin: auto var(--zd_size25) auto 0;
100
137
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
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); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -31,9 +31,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
31
31
 
32
32
  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
33
 
34
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
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
35
 
36
- 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); }
36
+ 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); }
37
37
 
38
38
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
39
 
@@ -97,7 +97,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
97
97
  dropBoxClass = _this$props2.dropBoxClass,
98
98
  isBoxPaddingNeed = _this$props2.isBoxPaddingNeed,
99
99
  getContainerRef = _this$props2.getContainerRef,
100
- getTargetRef = _this$props2.getTargetRef;
100
+ getTargetRef = _this$props2.getTargetRef,
101
+ removeChildrenTooltip = _this$props2.removeChildrenTooltip;
101
102
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
102
103
  alignBox: "row",
103
104
  isCover: false,
@@ -114,7 +115,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
114
115
  size: "medium",
115
116
  customClass: {
116
117
  customButton: _ActionButtonModule["default"].btn
117
- }
118
+ },
119
+ text: text
118
120
  })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
119
121
  flexible: true,
120
122
  onClick: onClick,
@@ -136,9 +138,9 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
136
138
  }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
137
139
  shrink: true,
138
140
  className: _ActionButtonModule["default"].txt,
139
- "data-title": text
141
+ "data-title": removeChildrenTooltip ? null : text
140
142
  }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
141
- "data-title": subText,
143
+ "data-title": removeChildrenTooltip ? null : subText,
142
144
  className: _ActionButtonModule["default"].subTxt
143
145
  }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
144
146
  onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
@@ -184,7 +186,8 @@ ActionButton.defaultProps = {
184
186
  dropBoxClass: '',
185
187
  arrowBoxSize: 'medium',
186
188
  isBoxPaddingNeed: true,
187
- palette: 'primaryFilled'
189
+ palette: 'primaryFilled',
190
+ removeChildrenTooltip: false
188
191
  };
189
192
  ActionButton.propTypes = {
190
193
  arrowBoxDataId: _propTypes["default"].string,
@@ -211,7 +214,8 @@ ActionButton.propTypes = {
211
214
  subText: _propTypes["default"].string,
212
215
  text: _propTypes["default"].string,
213
216
  getContainerRef: _propTypes["default"].func,
214
- getTargetRef: _propTypes["default"].func
217
+ getTargetRef: _propTypes["default"].func,
218
+ removeChildrenTooltip: _propTypes["default"].bool
215
219
  };
216
220
  ActionButton.docs = {
217
221
  componentGroup: 'Atom'
@@ -21,9 +21,12 @@
21
21
  .primaryBtn, .primaryArw {
22
22
  border: 1px solid var(--buttonBorder);
23
23
  }
24
- .primaryBtn {
24
+ [dir=ltr] .primaryBtn {
25
25
  border-right: none;
26
26
  }
27
+ [dir=rtl] .primaryBtn {
28
+ border-left: none;
29
+ }
27
30
  .contentBox,
28
31
  .arrowWrapper {
29
32
  transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
@@ -31,9 +34,12 @@
31
34
  .clickable {
32
35
  cursor: pointer;
33
36
  }
34
- .contentBoxBdr {
37
+ [dir=ltr] .contentBoxBdr {
35
38
  border-radius: var(--zd_size4) 0 0 var(--zd_size4);
36
39
  }
40
+ [dir=rtl] .contentBoxBdr {
41
+ border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
42
+ }
37
43
  .contentBoxBdrRds {
38
44
  border-radius: var(--zd_size4);
39
45
  }
@@ -53,8 +59,7 @@
53
59
  .small_btnBox {
54
60
  padding: 0 var(--zd_size8);
55
61
  }
56
- .medium_btnBox,
57
- .large_btnBox {
62
+ .medium_btnBox, .large_btnBox {
58
63
  padding: 0 var(--zd_size10);
59
64
  }
60
65
  .txt {
@@ -77,12 +82,20 @@
77
82
  }
78
83
  .arrowWrapper {
79
84
  position: relative;
80
- border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
81
- cursor: pointer;
82
85
  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
86
+ cursor: pointer;
83
87
  }
84
- .primaryFilledArw {
85
- border-left: 1px solid var(--buttonSeparatorBorder);
88
+ [dir=ltr] .arrowWrapper {
89
+ border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
90
+ }
91
+ [dir=rtl] .arrowWrapper {
92
+ border-radius: var(--zd_size4) 0 0 var(--zd_size4);
93
+ }
94
+ [dir=ltr] .primaryFilledArw {
95
+ border-left: 1px solid var(--buttonSeparatorBorder);
96
+ }
97
+ [dir=rtl] .primaryFilledArw {
98
+ border-right: 1px solid var(--buttonSeparatorBorder);
86
99
  }
87
100
  .small_arrowBox {
88
101
  width: var(--zd_size20);
@@ -106,6 +119,7 @@
106
119
  .btn {
107
120
  height: 100%;
108
121
  width: 100%;
122
+ color:var(--dot_mirror)
109
123
  }
110
124
  .popupWrapper {
111
125
  padding: var(--zd_size10) 0;
@@ -115,6 +129,9 @@
115
129
  .iconClr {
116
130
  color: var(--buttonText);
117
131
  }
118
- .iconMrgn {
132
+ [dir=ltr] .iconMrgn {
119
133
  margin-right: var(--zd_size6);
120
134
  }
135
+ [dir=rtl] .iconMrgn {
136
+ margin-left: var(--zd_size6);
137
+ }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
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); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -33,9 +33,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
33
33
 
34
34
  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); } }
35
35
 
36
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
36
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
37
37
 
38
- 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); }
38
+ 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); }
39
39
 
40
40
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
41
41