@zohodesk/dot 1.0.0-temp-151 → 1.0.0-temp-153

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 (364) hide show
  1. package/README.md +1300 -1261
  2. package/assets/Appearance/dark/mode/{dotDarkMode.module.css → Dot_DarkMode.module.css} +7 -7
  3. package/assets/Appearance/{default/mode/dotDefaultMode.module.css → light/mode/Dot_LightMode.module.css} +281 -281
  4. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -0
  5. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -0
  6. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -0
  7. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -0
  8. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -0
  9. package/assets/Appearance/pureDark/mode/{dotPureDarkMode.module.css → Dot_PureDarkMode.module.css} +5 -5
  10. package/es/ActionButton/ActionButton.module.css +139 -139
  11. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  12. package/es/Attachment/Attachment.module.css +159 -157
  13. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  14. package/es/ChannelIcon/ChannelIcon.module.css +217 -217
  15. package/es/Drawer/Drawer.js +0 -0
  16. package/es/Drawer/Drawer.module.css +190 -189
  17. package/es/ExternalLink/ExternalLink.js +0 -0
  18. package/es/ExternalLink/ExternalLink.module.css +3 -3
  19. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  20. package/es/FlipCard/FlipCard.module.css +44 -44
  21. package/es/FormAction/FormAction.module.css +82 -82
  22. package/es/FreezeLayer/FreezeLayer.js +3 -14
  23. package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
  24. package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
  25. package/es/Hooks/Dragger/props/defaultProps.js +10 -0
  26. package/es/Hooks/Dragger/props/propTypes.js +11 -0
  27. package/es/Hooks/Dragger/useDragger.js +93 -61
  28. package/es/Hooks/Dragger/utils/DraggerUtil.js +3 -42
  29. package/es/IconButton/IconButton.module.css +22 -22
  30. package/es/Image/Image.module.css +11 -10
  31. package/es/ImportantNotes/ImportantNotes.module.css +20 -20
  32. package/es/Link/Link.js +0 -0
  33. package/es/Link/Link.module.css +3 -3
  34. package/es/Loader/Loader.module.css +47 -46
  35. package/es/Message/Message.module.css +102 -102
  36. package/es/MessageBanner/MessageBanner.module.css +46 -46
  37. package/es/NewStar/NewStar.module.css +183 -175
  38. package/es/PlusIcon/PlusIcon.js +0 -0
  39. package/es/PlusIcon/PlusIcon.module.css +18 -18
  40. package/es/Separator/Separator.module.css +34 -34
  41. package/es/TagWithIcon/TagWithIcon.module.css +56 -56
  42. package/es/ToastMessage/ToastMessage.js +0 -0
  43. package/es/ToastMessage/ToastMessage.module.css +328 -328
  44. package/es/Upload/Upload.module.css +125 -125
  45. package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
  46. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  47. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  48. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  49. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  50. package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
  51. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  52. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  53. package/es/avatar/AvatarUser/AvatarUser.js +0 -0
  54. package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
  55. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  56. package/es/common/dot_animation.module.css +26 -26
  57. package/es/common/dot_boxShadow.module.css +37 -37
  58. package/es/common/dot_common.module.css +3 -3
  59. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  60. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  61. package/es/deprecated/utils/KeyboardApi.js +25 -25
  62. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  63. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  64. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  65. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  66. package/es/errorstate/EmptyStates.module.css +87 -87
  67. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  68. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  69. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  70. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  71. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  72. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  73. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  74. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  75. package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  76. package/es/form/fields/Fields.module.css +183 -183
  77. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  78. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  79. package/es/form/fields/TextEditor/TextEditor.js +10 -11
  80. package/es/form/fields/TextEditor/TextEditor.module.css +770 -763
  81. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -36
  82. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  83. package/es/form/layout/Field/Field.js +0 -0
  84. package/es/form/layout/Field/Field.module.css +22 -22
  85. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  86. package/es/form/layout/Section/Section.js +0 -0
  87. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +15 -2
  88. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  89. package/es/layout/SetupDetailLayout/props/defaultProps.js +4 -2
  90. package/es/layout/SetupDetailLayout/props/propTypes.js +9 -2
  91. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  92. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  93. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  94. package/es/list/Comment/Comment.module.css +29 -29
  95. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  96. package/es/list/Dot/Dot.module.css +15 -15
  97. package/es/list/DotNew/DotNew.module.css +24 -24
  98. package/es/list/GridStencils/GridStencils.module.css +146 -146
  99. package/es/list/Icons/AddNewIcon.js +2 -3
  100. package/es/list/Icons/CompleteIcon.js +2 -2
  101. package/es/list/Icons/DeleteIcon.js +3 -4
  102. package/es/list/Icons/EditIcon.js +3 -5
  103. package/es/list/Icons/Icons.module.css +16 -16
  104. package/es/list/Icons/ReadUnreadIcon.js +3 -5
  105. package/es/list/Icons/SmartIcon.js +3 -5
  106. package/es/list/ListLayout/ListLayout.module.css +57 -73
  107. package/es/list/ListStencils/ListStencils.module.css +67 -67
  108. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  109. package/es/list/SecondaryText/Website.js +0 -0
  110. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  111. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  112. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  113. package/es/list/Subject/Subject.module.css +27 -27
  114. package/es/list/TagNew/TagNew.module.css +116 -116
  115. package/es/list/Thread/Thread.module.css +42 -42
  116. package/es/list/UserTime/UserTime.module.css +58 -58
  117. package/es/list/listCommon.module.css +60 -82
  118. package/es/list/status/StatusDropdown/StatusDropdown.js +2 -9
  119. package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  120. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  121. package/es/list/status/StatusListItem/StatusListItem.module.css +109 -109
  122. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  123. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  124. package/es/lookup/Lookup/Lookup.js +0 -0
  125. package/es/lookup/Lookup/Lookup.module.css +26 -26
  126. package/es/lookup/Section/LookupSection.module.css +7 -7
  127. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  128. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  129. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  130. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  131. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  132. package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
  133. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  134. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  135. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  136. package/es/setup/header/Search/Search.module.css +68 -68
  137. package/es/setup/header/Views/Views.module.css +37 -37
  138. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  139. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  140. package/es/setup/helptips/Link/Link.js +0 -0
  141. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  142. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  143. package/es/setup/helptips/Title/Title.js +0 -0
  144. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  145. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  146. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  147. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  148. package/es/setup/table/Text/TableText.module.css +37 -37
  149. package/es/setup/table/Text/Text.js +0 -0
  150. package/es/svg/PlusIcon.js +1 -1
  151. package/es/svg/SnippetIcon.js +2 -2
  152. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  153. package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  154. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  155. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  156. package/es/version2/lookup/AlertHeader/AlertHeader.js +75 -58
  157. package/{lib/version2/lookup/AlertHeader → es/version2/lookup/AlertHeader/css}/AlertHeaderNew.module.css +87 -87
  158. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +20 -0
  159. package/es/version2/lookup/AlertHeader/props/defaultProps.js +8 -2
  160. package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -2
  161. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  162. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
  163. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  164. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  165. package/install.md +12 -12
  166. package/lib/ActionButton/ActionButton.module.css +139 -139
  167. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  168. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  169. package/lib/Attachment/Attachment.module.css +159 -157
  170. package/lib/AttachmentViewer/AttachmentImage.js +1 -1
  171. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  172. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  173. package/lib/Drawer/Drawer.js +0 -0
  174. package/lib/Drawer/Drawer.module.css +190 -189
  175. package/lib/ExternalLink/ExternalLink.js +1 -1
  176. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  177. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  178. package/lib/FlipCard/FlipCard.module.css +44 -44
  179. package/lib/FormAction/FormAction.module.css +82 -82
  180. package/lib/FreezeLayer/FreezeLayer.js +3 -17
  181. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  182. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  183. package/lib/Hooks/Dragger/props/defaultProps.js +17 -0
  184. package/lib/Hooks/Dragger/props/propTypes.js +19 -0
  185. package/lib/Hooks/Dragger/useDragger.js +91 -57
  186. package/lib/Hooks/Dragger/utils/DraggerUtil.js +3 -44
  187. package/lib/IconButton/IconButton.module.css +22 -22
  188. package/lib/Image/Image.module.css +11 -10
  189. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  190. package/lib/Link/Link.js +0 -0
  191. package/lib/Link/Link.module.css +3 -3
  192. package/lib/Loader/Loader.module.css +47 -46
  193. package/lib/Message/Message.module.css +102 -102
  194. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  195. package/lib/NewStar/NewStar.module.css +183 -175
  196. package/lib/PlusIcon/PlusIcon.js +0 -0
  197. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  198. package/lib/Separator/Separator.module.css +34 -34
  199. package/lib/TagWithIcon/TagWithIcon.module.css +56 -56
  200. package/lib/ToastMessage/ToastMessage.js +1 -2
  201. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  202. package/lib/Upload/Upload.module.css +125 -125
  203. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  204. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  205. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  206. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  207. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  208. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  209. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  210. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  211. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  212. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  213. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  214. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  215. package/lib/common/dot_animation.module.css +26 -26
  216. package/lib/common/dot_boxShadow.module.css +37 -37
  217. package/lib/common/dot_common.module.css +3 -3
  218. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  219. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  220. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  221. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  222. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  223. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  224. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  225. package/lib/errorstate/EmptyStates.module.css +87 -87
  226. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  227. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  228. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  229. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  230. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  231. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  232. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  233. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  234. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  235. package/lib/form/fields/CurrencyField/CurrencyField.js +1 -1
  236. package/lib/form/fields/DateField/DateField.js +1 -1
  237. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  238. package/lib/form/fields/Fields.module.css +183 -183
  239. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  240. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  241. package/lib/form/fields/RadioField/RadioField.js +1 -1
  242. package/lib/form/fields/SelectField/SelectField.js +1 -1
  243. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  244. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +1 -1
  245. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  246. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  247. package/lib/form/fields/TextEditor/TextEditor.js +11 -13
  248. package/lib/form/fields/TextEditor/TextEditor.module.css +770 -763
  249. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  250. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  251. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -36
  252. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  253. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  254. package/lib/form/layout/Field/Field.js +0 -0
  255. package/lib/form/layout/Field/Field.module.css +22 -22
  256. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  257. package/lib/form/layout/Section/Section.js +0 -0
  258. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +14 -2
  259. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  260. package/lib/layout/SetupDetailLayout/props/defaultProps.js +4 -2
  261. package/lib/layout/SetupDetailLayout/props/propTypes.js +9 -2
  262. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  263. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  264. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  265. package/lib/list/Comment/Comment.module.css +29 -29
  266. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  267. package/lib/list/Dot/Dot.module.css +15 -15
  268. package/lib/list/DotNew/DotNew.module.css +24 -24
  269. package/lib/list/GridStencils/GridStencils.module.css +146 -146
  270. package/lib/list/Icons/AddNewIcon.js +2 -3
  271. package/lib/list/Icons/CompleteIcon.js +2 -2
  272. package/lib/list/Icons/DeleteIcon.js +3 -4
  273. package/lib/list/Icons/EditIcon.js +3 -5
  274. package/lib/list/Icons/Icons.module.css +16 -16
  275. package/lib/list/Icons/ReadUnreadIcon.js +3 -5
  276. package/lib/list/Icons/SmartIcon.js +3 -5
  277. package/lib/list/ListLayout/ListLayout.module.css +57 -73
  278. package/lib/list/ListStencils/ListStencils.js +1 -1
  279. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  280. package/lib/list/SecondaryText/AccountName.js +1 -1
  281. package/lib/list/SecondaryText/Email.js +1 -1
  282. package/lib/list/SecondaryText/HappinessRating.js +1 -1
  283. package/lib/list/SecondaryText/PhoneNumber.js +1 -1
  284. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  285. package/lib/list/SecondaryText/Website.js +1 -1
  286. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  287. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  288. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  289. package/lib/list/Subject/Subject.module.css +27 -27
  290. package/lib/list/TagNew/TagNew.module.css +116 -116
  291. package/lib/list/Thread/Thread.module.css +42 -42
  292. package/lib/list/UserTime/UserTime.module.css +58 -58
  293. package/lib/list/listCommon.module.css +60 -82
  294. package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -9
  295. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  296. package/lib/list/status/StatusListItem/StatusListItem.js +1 -1
  297. package/lib/list/status/StatusListItem/StatusListItem.module.css +109 -109
  298. package/lib/lookup/EmptyPage/EmptyPage.js +1 -1
  299. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  300. package/lib/lookup/Lookup/Lookup.js +1 -1
  301. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  302. package/lib/lookup/Section/LookupSection.module.css +7 -7
  303. package/lib/lookup/header/Close/Close.js +1 -1
  304. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  305. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  306. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  307. package/lib/lookup/header/Search/Search.js +1 -1
  308. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  309. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  310. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  311. package/lib/lookup/header/Title/Title.js +1 -1
  312. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  313. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  314. package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
  315. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  316. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  317. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  318. package/lib/setup/header/Search/Search.module.css +68 -68
  319. package/lib/setup/header/Views/Views.module.css +37 -37
  320. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  321. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  322. package/lib/setup/helptips/Link/Link.js +0 -0
  323. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  324. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  325. package/lib/setup/helptips/Title/Title.js +0 -0
  326. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  327. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  328. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  329. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  330. package/lib/setup/table/Text/TableText.module.css +37 -37
  331. package/lib/setup/table/Text/Text.js +0 -0
  332. package/lib/svg/PlusIcon.js +1 -1
  333. package/lib/svg/SnippetIcon.js +2 -2
  334. package/lib/version2/AlertClose/AlertClose.js +1 -1
  335. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  336. package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  337. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  338. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  339. package/lib/version2/lookup/AlertHeader/AlertHeader.js +77 -81
  340. package/{es/version2/lookup/AlertHeader → lib/version2/lookup/AlertHeader/css}/AlertHeaderNew.module.css +87 -87
  341. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +23 -0
  342. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +10 -4
  343. package/lib/version2/lookup/AlertHeader/props/propTypes.js +11 -4
  344. package/lib/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  345. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  346. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  347. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  348. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  349. package/package.json +114 -99
  350. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -16
  351. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -16
  352. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -16
  353. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -16
  354. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -16
  355. /package/assets/Appearance/dark/themes/blue/{blueDarkDotTheme.module.css → blue_DotTheme_DarkTheme.module.css} +0 -0
  356. /package/assets/Appearance/dark/themes/green/{greenDarkDotTheme.module.css → green_DotTheme_DarkTheme.module.css} +0 -0
  357. /package/assets/Appearance/dark/themes/orange/{orangeDarkDotTheme.module.css → orange_DotTheme_DarkTheme.module.css} +0 -0
  358. /package/assets/Appearance/dark/themes/red/{redDarkDotTheme.module.css → red_DotTheme_DarkTheme.module.css} +0 -0
  359. /package/assets/Appearance/dark/themes/yellow/{yellowDarkDotTheme.module.css → yellow_DotTheme_DarkTheme.module.css} +0 -0
  360. /package/assets/Appearance/pureDark/themes/blue/{bluePureDarkDotTheme.module.css → blue_DotTheme_PureDarkTheme.module.css} +0 -0
  361. /package/assets/Appearance/pureDark/themes/green/{greenPureDarkDotTheme.module.css → green_DotTheme_PureDarkTheme.module.css} +0 -0
  362. /package/assets/Appearance/pureDark/themes/orange/{orangePureDarkDotTheme.module.css → orange_DotTheme_PureDarkTheme.module.css} +0 -0
  363. /package/assets/Appearance/pureDark/themes/red/{redPureDarkDotTheme.module.css → red_DotTheme_PureDarkTheme.module.css} +0 -0
  364. /package/assets/Appearance/pureDark/themes/yellow/{yellowPureDarkDotTheme.module.css → yellow_DotTheme_PureDarkTheme.module.css} +0 -0
package/lib/form/fields/TextEditor/TextEditor.module.css CHANGED
@@ -1,764 +1,771 @@
1
- /* point 1 - in case if anyone want to set height use min-height instead of height. Don't set height because it needs to wrap below */
2
-
3
- /* editor common css */
4
- .icon {
5
- position: relative;
6
- top: calc(var(--zd_size1) * -1);
7
- display: inline-block;
8
- vertical-align: middle;
9
- width: var(--zd_size24);
10
- height: var(--zd_size24);
11
- color: inherit;
12
- fill: currentColor;
13
- }
14
-
15
- .small {
16
- width: var(--zd_size15);
17
- height: var(--zd_size15);
18
- }
19
-
20
- .threeDotIcon {
21
- display: inline-block;
22
- }
23
-
24
- [dir=ltr] .threeDotIcon {
25
- transform: rotate(90deg);
26
- }
27
-
28
- [dir=rtl] .threeDotIcon {
29
- transform: rotate(-90deg);
30
- }
31
-
32
- .textEditor * {
33
- box-sizing: initial;
34
- line-height: initial;
35
- font-family: var(--zd_regular);
36
- }
37
-
38
- .textEditor {
39
- height: 100%;
40
- width: 100%;
41
- }
42
-
43
- .textEditor :global .KB_Editor {
44
- box-sizing: border-box;
45
- }
46
-
47
- .light :global .KB_Editor {
48
- color: var(--zdt_texteditor_default_text);
49
- background-color: var(--zdt_texteditor_default_bg);
50
- }
51
-
52
- .night :global .KB_Editor {
53
- color: var(--zdt_texteditor_night_text);
54
- background-color: var(--zdt_texteditor_night_bg);
55
- }
56
-
57
- .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {
58
- background-color: var(--zdt_texteditor_menu_bg);
59
- box-shadow: none;
60
- }
61
-
62
- .medium.borderTop :global .KB_Editor, .large.borderTop :global .KB_Editor, .xlarge.borderTop :global .KB_Editor, .default.borderTop :global .KB_Editor {
63
- border: 0;
64
- border-top: 1px solid var(--zdt_texteditor_default_border);
65
- }
66
-
67
- .medium.borderAll :global .KB_Editor, .large.borderAll :global .KB_Editor, .xlarge.borderAll :global .KB_Editor, .default.borderAll :global .KB_Editor {
68
- border: solid 1px var(--zdt_texteditor_default_border);
69
- }
70
-
71
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type {
72
- border: solid 1px var(--zdt_texteditor_default_border);
73
- background-color: transparent;
74
- }
75
-
76
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
77
- background-color: transparent;
78
- }
79
-
80
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
81
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
82
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
83
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
84
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
85
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
86
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
87
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
88
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
89
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
90
- color: var(--zdt_texteditor_default_text);
91
- }
92
-
93
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
94
- background-color: var(--zdt_texteditor_menu_li_bg);
95
- }
96
-
97
- .textEditor :global .KB_Editor_MultiTools li .Kbeditor_more_icon svg {
98
- fill: var(--zdt_texteditor_more_icon_fill);
99
- }
100
-
101
- /* large type editor - ticket add form editor */
102
- .large :global .KB_Editor,
103
- .large :global .KB_Editor_menus .KB_Editor_MultiTools,
104
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
105
- .default :global .KB_Editor,
106
- .default :global .KB_Editor_menus .KB_Editor_MultiTools,
107
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
108
- display: -webkit-box;
109
- display: -ms-flexbox;
110
- display: flex;
111
- }
112
-
113
- .large :global .KB_Editor,
114
- .default :global .KB_Editor {
115
- width: 100%;
116
- position: relative;
117
- -webkit-box-orient: vertical;
118
- -webkit-box-direction: normal;
119
- -webkit-flex-direction: column;
120
- -ms-flex-direction: column;
121
- flex-direction: column;
122
- }
123
-
124
- .large :global .KB_Editor {
125
- height: var(--zd_size270);
126
- }
127
-
128
- .default :global .KB_Editor {
129
- height: 100%;
130
- }
131
-
132
- .large :global .KB_Editor_iframe,
133
- .large :global .KB_Editor .ze_area,
134
- .default :global .KB_Editor_iframe,
135
- .default :global .KB_Editor .ze_area {
136
- height: 100%;
137
- -webkit-box-flex: 1;
138
- -ms-flex-positive: 1;
139
- flex-grow: 1;
140
- min-width: 0;
141
- min-height: auto;
142
- }
143
-
144
- .large :global .KB_Editor_menus,
145
- .default :global .KB_Editor_menus {
146
- min-height: unset;
147
- /* check point 1 */
148
- flex: 0 0 auto;
149
- }
150
-
151
- .large :global .KB_Editor_menus, .default :global .KB_Editor_menus {
152
- padding: var(--zd_size6);
153
- border-bottom: 0;
154
- }
155
-
156
- .large :global .KB_Editor_menus .KB_Editor_MultiTools,
157
- .default :global .KB_Editor_menus .KB_Editor_MultiTools {
158
- -ms-flex-wrap: wrap;
159
- flex-wrap: wrap;
160
- min-height: inherit;
161
- }
162
-
163
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
164
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
165
- height: unset;
166
- -webkit-box-align: center;
167
- -ms-flex-align: center;
168
- align-items: center;
169
- }
170
-
171
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
172
- padding: 0;
173
- float: unset;
174
- }
175
-
176
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
177
- margin-right: 0;
178
- }
179
-
180
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
181
- margin-left: 0;
182
- }
183
-
184
- .large :global .KB_Editor_menus .KB_Editor_MultiTools li span,
185
- .default :global .KB_Editor_menus .KB_Editor_MultiTools li span {
186
- line-height: 0;
187
- }
188
-
189
- .large :global .KB_Editor_menus .KB_Editor_MultiTools li.fright, .defaults :global .KB_Editor_menus .KB_Editor_MultiTools li.fright {
190
- float: unset !important;
191
- }
192
-
193
- .large :global .KB_Editor_menus>ul>li>span>svg,
194
- .default :global .KB_Editor_menus>ul>li>span>svg {
195
- width: var(--zd_size28);
196
- height: var(--zd_size28);
197
- }
198
-
199
- .large :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg,
200
- .default :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
201
- width: var(--zd_size8);
202
- height: var(--zd_size8);
203
- }
204
-
205
- .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg,
206
- .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
207
- height: var(--zd_size10);
208
- width: var(--zd_size17);
209
- }
210
-
211
- .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg, .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
212
- padding: var(--zd_size7) var(--zd_size5);
213
- }
214
-
215
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
216
- .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
217
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
218
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
219
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
220
- .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
221
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
222
- .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
223
- line-height: unset;
224
- }
225
-
226
- .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
227
- padding: var(--zd_size3) var(--zd_size6);
228
- }
229
-
230
- .large :global .KB_Editor_menus .ze_spell,
231
- .default :global .KB_Editor_menus .ze_spell {
232
- top: initial;
233
- bottom: calc(var(--zd_size32) * -1);
234
- }
235
-
236
- [dir=ltr] .large :global .KB_Editor_menus .ze_spell, [dir=ltr] .default :global .KB_Editor_menus .ze_spell {
237
- right: 0;
238
- }
239
-
240
- [dir=rtl] .large :global .KB_Editor_menus .ze_spell, [dir=rtl] .default :global .KB_Editor_menus .ze_spell {
241
- left: 0;
242
- }
243
-
244
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
245
- margin-right: var(--zd_size2);
246
- }
247
-
248
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
249
- margin-left: var(--zd_size2);
250
- }
251
-
252
- /* xlarge type editor - reply area, blue print cases - full height hover style */
253
- .xlarge :global .KB_Editor,
254
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
255
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
256
- display: -webkit-box;
257
- display: -ms-flexbox;
258
- display: flex;
259
- }
260
-
261
- .xlarge :global .KB_Editor {
262
- height: 100%;
263
- width: 100%;
264
- position: relative;
265
- -webkit-box-orient: vertical;
266
- -webkit-box-direction: normal;
267
- -webkit-flex-direction: column;
268
- -ms-flex-direction: column;
269
- flex-direction: column;
270
- }
271
-
272
- .xlarge :global .KB_Editor_iframe,
273
- .xlarge :global .KB_Editor .ze_area {
274
- height: 100%;
275
- -webkit-box-flex: 1;
276
- -ms-flex-positive: 1;
277
- flex-grow: 1;
278
- min-height: 0;
279
- min-width: 0;
280
- }
281
-
282
- .xlarge :global .KB_Editor_menus {
283
- min-height: 37px;
284
- /* check point 1 */
285
- flex: 0 0 auto;
286
- padding: 0;
287
- }
288
-
289
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools {
290
- -ms-flex-wrap: wrap;
291
- flex-wrap: wrap;
292
- min-height: inherit;
293
- }
294
-
295
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
296
- height: unset;
297
- -webkit-box-align: center;
298
- -ms-flex-align: center;
299
- align-items: center;
300
- padding: 0;
301
- float: unset;
302
- }
303
-
304
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
305
- margin-right: 0;
306
- }
307
-
308
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
309
- margin-left: 0;
310
- }
311
-
312
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools li span {
313
- line-height: 0;
314
- }
315
-
316
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
317
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
318
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
319
- line-height: 0;
320
- }
321
-
322
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
323
- padding: var(--zd_size6);
324
- }
325
-
326
- .xlarge :global .KB_Editor_menus>ul>li>span>svg {
327
- width: var(--zd_size22);
328
- height: var(--zd_size22);
329
- }
330
-
331
- .xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
332
- width: var(--zd_size8);
333
- height: var(--zd_size8);
334
- }
335
-
336
- .xlarge :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
337
- height: var(--zd_size9);
338
- width: var(--zd_size17);
339
- padding: var(--zd_size7) var(--zd_size5);
340
- }
341
-
342
- .xlarge :global .KB_Editor_menus .ze_spell {
343
- top: initial;
344
- bottom: -32px;
345
- }
346
-
347
- [dir=ltr] .xlarge :global .KB_Editor_menus .ze_spell {
348
- right: 0;
349
- }
350
-
351
- [dir=rtl] .xlarge :global .KB_Editor_menus .ze_spell {
352
- left: 0;
353
- }
354
-
355
- .xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
356
- width: var(--zd_size17);
357
- height: var(--zd_size21);
358
- padding: 0 var(--zd_size7);
359
- }
360
-
361
- .xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
362
- width: var(--zd_size16);
363
- height: var(--zd_size16);
364
- padding: 0 var(--zd_size9);
365
- }
366
-
367
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon {
368
- position: relative;
369
- }
370
-
371
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
372
- content: '';
373
- position: absolute;
374
- height: 100%;
375
- width: var(--zd_size1);
376
- top: 0;
377
- }
378
-
379
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
380
- border-right: 1px solid var(--zdt_texteditor_default_border);
381
- right: 0;
382
- }
383
-
384
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
385
- border-left: 1px solid var(--zdt_texteditor_default_border);
386
- left: 0;
387
- }
388
-
389
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
390
- top: initial;
391
- padding: 0 var(--zd_size7);
392
- }
393
-
394
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
395
- width: var(--zd_size12);
396
- height: var(--zd_size12);
397
- }
398
-
399
- .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
400
- height: var(--zd_size21);
401
- }
402
-
403
- .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)>svg {
404
- width: var(--zd_size21);
405
- height: var(--zd_size21);
406
- padding: 0 var(--zd_size4);
407
- }
408
-
409
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
410
- padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
411
- }
412
-
413
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
414
- padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
415
- }
416
-
417
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
418
- padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
419
- }
420
-
421
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
422
- padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
423
- }
424
-
425
- /* medium type editor - snippet, bug tracker cases */
426
- .medium :global .KB_Editor,
427
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
428
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
429
- display: -webkit-box;
430
- display: -ms-flexbox;
431
- display: flex;
432
- }
433
-
434
- .medium :global .KB_Editor {
435
- height: 100%;
436
- width: 100%;
437
- position: relative;
438
- -webkit-box-orient: vertical;
439
- -webkit-box-direction: normal;
440
- -webkit-flex-direction: column;
441
- -ms-flex-direction: column;
442
- flex-direction: column;
443
- }
444
-
445
- .medium :global .KB_Editor_iframe,
446
- .medium :global .KB_Editor .ze_area {
447
- height: 100%;
448
- -webkit-box-flex: 1;
449
- -ms-flex-positive: 1;
450
- flex-grow: 1;
451
- min-height: 0;
452
- min-width: 0;
453
- }
454
-
455
- .medium :global .KB_Editor_menus {
456
- min-height: unset;
457
- /* check point 1 */
458
- flex: 0 0 auto;
459
- padding: 0;
460
- border-bottom: 0;
461
- }
462
-
463
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools {
464
- -ms-flex-wrap: wrap;
465
- flex-wrap: wrap;
466
- min-height: inherit;
467
- }
468
-
469
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
470
- height: unset;
471
- -webkit-box-align: center;
472
- -ms-flex-align: center;
473
- align-items: center;
474
- padding: var(--zd_size3) var(--zd_size1);
475
- float: unset;
476
- }
477
-
478
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools li span {
479
- line-height: 0;
480
- }
481
-
482
- .medium :global .KB_Editor_menus>ul>li>span>svg {
483
- width: var(--zd_size22);
484
- height: var(--zd_size22);
485
- }
486
-
487
- .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
488
- width: var(--zd_size8);
489
- height: var(--zd_size8);
490
- }
491
-
492
- [dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
493
- padding: 0 0 0 var(--zd_size2);
494
- }
495
-
496
- [dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
497
- padding: 0 var(--zd_size2) 0 0;
498
- }
499
-
500
- .medium :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
501
- height: var(--zd_size10);
502
- width: var(--zd_size17);
503
- padding: var(--zd_size7) var(--zd_size2);
504
- }
505
-
506
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div,
507
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
508
- line-height: 0;
509
- }
510
-
511
- .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
512
- padding: var(--zd_size7);
513
- }
514
-
515
- .medium :global .KB_Editor_menus .ze_spell {
516
- top: initial;
517
- bottom: calc(var(--zd_size32) * -1);
518
- }
519
-
520
- [dir=ltr] .medium :global .KB_Editor_menus .ze_spell {
521
- right: 0;
522
- }
523
-
524
- [dir=rtl] .medium :global .KB_Editor_menus .ze_spell {
525
- left: 0;
526
- }
527
-
528
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
529
- top: initial;
530
- padding: 0 var(--zd_size3);
531
- }
532
-
533
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
534
- width: var(--zd_size12);
535
- height: var(--zd_size12);
536
- }
537
-
538
- /* small, mini type - ticket detail view comment, feeds comment, blueprint comment */
539
- .small :global .KB_Editor,
540
- .mini :global .KB_Editor {
541
- height: 100%;
542
- }
543
- .small :global .KB_Editor, .mini :global .KB_Editor {
544
- border: 0;
545
- }
546
-
547
- .small :global .KB_Editor_iframe,
548
- .mini :global .KB_Editor_iframe {
549
- max-height: var(--zd_size225);
550
- min-height: var(--zd_size80);
551
- height: var(--zd_size80);
552
- }
553
-
554
- .small.borderNone :global .KB_Editor, .mini.borderNone :global .KB_Editor, .medium.borderNone :global .KB_Editor, .large.borderNone :global .KB_Editor, .xlarge.borderNone :global .KB_Editor, .default.borderNone :global .KB_Editor {
555
- border: 0;
556
- }
557
-
558
- .small :global .KB_Editor_menus,
559
- .mini :global .KB_Editor_menus {
560
- bottom: 0;
561
- z-index: 1;
562
- min-height: auto;
563
- height: var(--zd_size40);
564
- width: var(--zd_size406);
565
- transition: opacity var(--zd_transition3);
566
- position: absolute;
567
- }
568
-
569
- .small :global .KB_Editor_menus, .mini :global .KB_Editor_menus {
570
- border: 0;
571
- padding: 0;
572
- }
573
-
574
- [dir=ltr] .small :global .KB_Editor_menus, [dir=ltr] .mini :global .KB_Editor_menus {
575
- left: 0;
576
- }
577
-
578
- [dir=rtl] .small :global .KB_Editor_menus, [dir=rtl] .mini :global .KB_Editor_menus {
579
- right: 0;
580
- }
581
-
582
- .small :global .KB_Editor_MultiTools,
583
- .mini :global .KB_Editor_MultiTools {
584
- display: -webkit-box;
585
- display: -ms-flexbox;
586
- display: flex;
587
- height: 100%;
588
- }
589
-
590
- .small :global .KB_Editor_MultiTools li,
591
- .mini :global .KB_Editor_MultiTools li {
592
- height: 100%;
593
- }
594
-
595
- .small :global .KB_Editor_MultiTools li, .mini :global .KB_Editor_MultiTools li {
596
- padding: 0;
597
- float: unset;
598
- }
599
-
600
- .small :global .KB_Editor_MultiTools li span,
601
- .mini :global .KB_Editor_MultiTools li span {
602
- height: 100%;
603
- display: inline-flex;
604
- display: -webkit-inline-flex;
605
- display: -ms-inline-flexbox;
606
- -webkit-box-align: center;
607
- -ms-flex-align: center;
608
- align-items: center;
609
- max-height: unset;
610
- line-height: 0;
611
- }
612
-
613
- .small :global .KB_Editor_menus>ul>li>span>svg,
614
- .mini :global .KB_Editor_menus>ul>li>span>svg {
615
- width: var(--zd_size25);
616
- height: var(--zd_size25);
617
- }
618
-
619
- .small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
620
- padding: 0 var(--zd_size6);
621
- }
622
-
623
- .mini :global .KB_Editor_menus:after {
624
- content: '';
625
- position: absolute;
626
- bottom: calc(var(--zd_size5) * -1);
627
- height: var(--zd_size10);
628
- width: var(--zd_size10);
629
- z-index: -1;
630
- box-shadow: var(--zd_bs_texteditor_menu);
631
- background-color: var(--zdt_texteditor_menu_after_bg);
632
- }
633
-
634
- [dir=ltr] .mini :global .KB_Editor_menus:after {
635
- left: var(--zd_size95);
636
- -webkit-transform: rotateZ(-45deg);
637
- -moz-transform: rotateZ(-45deg);
638
- -ms-transform: rotateZ(-45deg);
639
- -o-transform: rotateZ(-45deg);
640
- transform: rotateZ(-45deg);
641
- }
642
-
643
- [dir=rtl] .mini :global .KB_Editor_menus:after {
644
- right: var(--zd_size95);
645
- -webkit-transform: rotateZ(45deg);
646
- -moz-transform: rotateZ(45deg);
647
- -ms-transform: rotateZ(45deg);
648
- -o-transform: rotateZ(45deg);
649
- transform: rotateZ(45deg);
650
- }
651
-
652
- :global .hideTools .KB_Editor_menus {
653
- height: 0;
654
- overflow: hidden;
655
- opacity: 0;
656
- box-shadow: 0 0 0 transparent;
657
- border: 0;
658
- }
659
-
660
- /* mini type - tdv left area comment */
661
- .mini :global .KB_Editor_menus {
662
- width: var(--zd_size205);
663
- }
664
-
665
- [dir=ltr] .mini :global .KB_Editor_menus:after {
666
- left: var(--zd_size55);
667
- }
668
-
669
- [dir=rtl] .mini :global .KB_Editor_menus:after {
670
- right: var(--zd_size55);
671
- }
672
-
673
- :global .KB_Editor_UploadImage.hide,
674
- :global .KB_Editor_UploadImage .hide,
675
- :global .KB_Editor_UploadImage .KB_Editor_ImageUrlDisc.hide {
676
- display: none;
677
- }
678
-
679
- .textEditor :global .KB_Editor_AnimateInput::placeholder {
680
- color: var(--zdt_texteditor_input_placeholder_text);
681
- }
682
-
683
- .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
684
- width: 15px;
685
- height: 15px;
686
- top: -5px;
687
- }
688
-
689
- [dir=ltr] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
690
- left: 5px;
691
- }
692
-
693
- [dir=rtl] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
694
- right: 5px;
695
- }
696
-
697
- .textEditor :global .KB_Editor_common_DropDown {
698
- padding: 0 !important;
699
- }
700
-
701
- .textEditor :global .KB_Editor_common_DropDown ul {
702
- max-height: 210px;
703
- overflow: auto;
704
- box-shadow: var(--zd_bs_texteditor_ul);
705
- padding: 0;
706
- }
707
-
708
- .textEditor :global .KB_Editor_common_DropDown li {
709
- color: var(--zdt_texteditor_default_text);
710
- }
711
-
712
- :global .KB_Editor textarea.ze_area {
713
- font-family: var(--zd_regular) !important;
714
- font-size: var(--zd_size14) !important;
715
- padding: var(--zd_size15) var(--zd_size20) !important;
716
- }
717
-
718
- .textEditor :global .KB_Editor li[editor-command='styletext'] {
719
- display: none !important;
720
- }
721
-
722
- .textEditor :global .KB_Editor li[editor-command='plaintext'] {
723
- order: 100;
724
- }
725
-
726
- .readOnly {
727
- position: relative;
728
- cursor: not-allowed;
729
- }
730
-
731
- .readOnlyMask {
732
- position: absolute;
733
- top: 0;
734
- bottom: 0;
735
- }
736
-
737
- [dir=ltr] .readOnlyMask {
738
- left: 0;
739
- right: 0;
740
- }
741
-
742
- [dir=rtl] .readOnlyMask {
743
- right: 0;
744
- left: 0;
745
- }
746
-
747
- .readOnly :global .KB_Editor_menus {
748
- display: none !important;
749
- }
750
-
751
- .editorHide :global .KB_Editor {
752
- position: absolute !important;
753
- top: 0;
754
- opacity: 0;
755
- visibility: hidden;
756
- }
757
-
758
- [dir=ltr] .editorHide :global .KB_Editor {
759
- left: 0;
760
- }
761
-
762
- [dir=rtl] .editorHide :global .KB_Editor {
763
- right: 0;
1
+ /* point 1 - in case if anyone want to set height use min-height instead of height. Don't set height because it needs to wrap below */
2
+
3
+ /* editor common css */
4
+ .icon {
5
+ position: relative;
6
+ top: -1px;
7
+ display: inline-block;
8
+ vertical-align: middle;
9
+ width: 24px;
10
+ height: 24px;
11
+ color: inherit;
12
+ fill: currentColor;
13
+ }
14
+
15
+ .small {
16
+ width: 15px;
17
+ height: 15px;
18
+ }
19
+
20
+ .threeDotIcon {
21
+ display: inline-block;
22
+ }
23
+
24
+ [dir=ltr] .threeDotIcon {
25
+ transform: rotate(90deg);
26
+ }
27
+
28
+ [dir=rtl] .threeDotIcon {
29
+ transform: rotate(-90deg);
30
+ }
31
+
32
+ .textEditor * {
33
+ box-sizing: initial;
34
+ line-height: initial;
35
+ font-family: var(--zd_regular);
36
+ }
37
+
38
+ .textEditor {
39
+ height: 100%;
40
+ width: 100%;
41
+ }
42
+
43
+ .textEditor :global .KB_Editor {
44
+ box-sizing: border-box;
45
+ }
46
+
47
+ .light :global .KB_Editor {
48
+ color: var(--zdt_texteditor_default_text);
49
+ background-color: var(--zdt_texteditor_default_bg);
50
+ }
51
+
52
+ .night :global .KB_Editor {
53
+ color: var(--zdt_texteditor_night_text);
54
+ background-color: var(--zdt_texteditor_night_bg);
55
+ }
56
+
57
+ .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {
58
+ background-color: var(--zdt_texteditor_menu_bg);
59
+ box-shadow: none;
60
+ }
61
+
62
+ .medium.borderTop :global .KB_Editor, .large.borderTop :global .KB_Editor, .xlarge.borderTop :global .KB_Editor, .default.borderTop :global .KB_Editor {
63
+ border: 0;
64
+ border-top: 1px solid var(--zdt_texteditor_default_border);
65
+ }
66
+
67
+ .medium.borderAll :global .KB_Editor, .large.borderAll :global .KB_Editor, .xlarge.borderAll :global .KB_Editor, .default.borderAll :global .KB_Editor {
68
+ border: solid 1px var(--zdt_texteditor_default_border);
69
+ }
70
+
71
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .xlarge :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.TextSize_Type, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Text_Type {
72
+ border: solid 1px var(--zdt_texteditor_default_border);
73
+ background-color: transparent;
74
+ }
75
+
76
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .medium :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
77
+ background-color: transparent;
78
+ }
79
+
80
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
81
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
82
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
83
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
84
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
85
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
86
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
87
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
88
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
89
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
90
+ color: var(--zdt_texteditor_default_text);
91
+ }
92
+
93
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
94
+ background-color: var(--zdt_texteditor_menu_li_bg);
95
+ }
96
+
97
+ .textEditor :global .KB_Editor_MultiTools li .Kbeditor_more_icon svg {
98
+ fill: var(--zdt_texteditor_more_icon_fill);
99
+ }
100
+
101
+ /* large type editor - ticket add form editor */
102
+ .large :global .KB_Editor,
103
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools,
104
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
105
+ .default :global .KB_Editor,
106
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools,
107
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
108
+ display: -webkit-box;
109
+ display: -ms-flexbox;
110
+ display: flex;
111
+ }
112
+
113
+ .large :global .KB_Editor,
114
+ .default :global .KB_Editor {
115
+ width: 100%;
116
+ position: relative;
117
+ -webkit-box-orient: vertical;
118
+ -webkit-box-direction: normal;
119
+ -webkit-flex-direction: column;
120
+ -ms-flex-direction: column;
121
+ flex-direction: column;
122
+ }
123
+
124
+ .large :global .KB_Editor {
125
+ height: 270px;
126
+ }
127
+
128
+ .default :global .KB_Editor {
129
+ height: 100%;
130
+ }
131
+
132
+ .large :global .KB_Editor_iframe,
133
+ .large :global .KB_Editor .ze_area,
134
+ .default :global .KB_Editor_iframe,
135
+ .default :global .KB_Editor .ze_area {
136
+ height: 100%;
137
+ -webkit-box-flex: 1;
138
+ -ms-flex-positive: 1;
139
+ flex-grow: 1;
140
+ min-width: 0;
141
+ min-height: auto;
142
+ }
143
+
144
+ .large :global .KB_Editor_menus,
145
+ .default :global .KB_Editor_menus {
146
+ min-height: unset;
147
+ /* check point 1 */
148
+ flex: 0 0 auto;
149
+ }
150
+
151
+ .large :global .KB_Editor_menus, .default :global .KB_Editor_menus {
152
+ padding: 6px;
153
+ border-bottom: 0;
154
+ }
155
+
156
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools,
157
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools {
158
+ -ms-flex-wrap: wrap;
159
+ flex-wrap: wrap;
160
+ min-height: inherit;
161
+ }
162
+
163
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
164
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
165
+ height: unset;
166
+ -webkit-box-align: center;
167
+ -ms-flex-align: center;
168
+ align-items: center;
169
+ }
170
+
171
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
172
+ padding: 0;
173
+ float: unset;
174
+ }
175
+
176
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
177
+ margin-right: 0;
178
+ }
179
+
180
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
181
+ margin-left: 0;
182
+ }
183
+
184
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools li span,
185
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools li span {
186
+ line-height: 0;
187
+ }
188
+
189
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools li.fright, .defaults :global .KB_Editor_menus .KB_Editor_MultiTools li.fright {
190
+ float: unset !important;
191
+ }
192
+
193
+ .large :global .KB_Editor_menus>ul>li>span>svg,
194
+ .default :global .KB_Editor_menus>ul>li>span>svg {
195
+ width: 28px;
196
+ height: 28px;
197
+ }
198
+
199
+ .large :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg,
200
+ .default :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
201
+ width: 8px;
202
+ height: 8px;
203
+ }
204
+
205
+ .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg,
206
+ .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
207
+ height: 10px;
208
+ width: 17px;
209
+ }
210
+
211
+ .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg, .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
212
+ padding: 7px 5px;
213
+ }
214
+
215
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
216
+ .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
217
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
218
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext,
219
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
220
+ .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
221
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
222
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
223
+ line-height: unset;
224
+ }
225
+
226
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
227
+ padding: 3px 6px;
228
+ }
229
+
230
+ .large :global .KB_Editor_menus .ze_spell,
231
+ .default :global .KB_Editor_menus .ze_spell {
232
+ top: initial;
233
+ bottom: -32px;
234
+ }
235
+
236
+ [dir=ltr] .large :global .KB_Editor_menus .ze_spell, [dir=ltr] .default :global .KB_Editor_menus .ze_spell {
237
+ right: 0;
238
+ }
239
+
240
+ [dir=rtl] .large :global .KB_Editor_menus .ze_spell, [dir=rtl] .default :global .KB_Editor_menus .ze_spell {
241
+ left: 0;
242
+ }
243
+
244
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
245
+ margin-right: 2px;
246
+ }
247
+
248
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
249
+ margin-left: 2px;
250
+ }
251
+
252
+ /* xlarge type editor - reply area, blue print cases - full height hover style */
253
+ .xlarge :global .KB_Editor,
254
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
255
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
256
+ display: -webkit-box;
257
+ display: -ms-flexbox;
258
+ display: flex;
259
+ }
260
+
261
+ .xlarge :global .KB_Editor {
262
+ height: 100%;
263
+ width: 100%;
264
+ position: relative;
265
+ -webkit-box-orient: vertical;
266
+ -webkit-box-direction: normal;
267
+ -webkit-flex-direction: column;
268
+ -ms-flex-direction: column;
269
+ flex-direction: column;
270
+ }
271
+
272
+ .xlarge :global .KB_Editor_iframe,
273
+ .xlarge :global .KB_Editor .ze_area {
274
+ height: 100%;
275
+ -webkit-box-flex: 1;
276
+ -ms-flex-positive: 1;
277
+ flex-grow: 1;
278
+ min-height: 0;
279
+ min-width: 0;
280
+ }
281
+
282
+ .xlarge :global .KB_Editor_menus {
283
+ /* Variable:Ignore */
284
+ min-height: 37px;
285
+ /* check point 1 */
286
+ flex: 0 0 auto;
287
+ padding: 0;
288
+ }
289
+
290
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools {
291
+ -ms-flex-wrap: wrap;
292
+ flex-wrap: wrap;
293
+ min-height: inherit;
294
+ }
295
+
296
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
297
+ height: unset;
298
+ -webkit-box-align: center;
299
+ -ms-flex-align: center;
300
+ align-items: center;
301
+ padding: 0;
302
+ float: unset;
303
+ }
304
+
305
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
306
+ margin-right: 0;
307
+ }
308
+
309
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
310
+ margin-left: 0;
311
+ }
312
+
313
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools li span {
314
+ line-height: 0;
315
+ }
316
+
317
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
318
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
319
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
320
+ line-height: 0;
321
+ }
322
+
323
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
324
+ padding: 6px;
325
+ }
326
+
327
+ .xlarge :global .KB_Editor_menus>ul>li>span>svg {
328
+ width: 22px;
329
+ height: 22px;
330
+ }
331
+
332
+ .xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
333
+ width: 8px;
334
+ height: 8px;
335
+ }
336
+
337
+ .xlarge :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
338
+ height: 9px;
339
+ width: 17px;
340
+ padding: 7px 5px;
341
+ }
342
+
343
+ .xlarge :global .KB_Editor_menus .ze_spell {
344
+ top: initial;
345
+ /* Variable:Ignore */
346
+ bottom: -32px;
347
+ }
348
+
349
+ [dir=ltr] .xlarge :global .KB_Editor_menus .ze_spell {
350
+ right: 0;
351
+ }
352
+
353
+ [dir=rtl] .xlarge :global .KB_Editor_menus .ze_spell {
354
+ left: 0;
355
+ }
356
+
357
+ .xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
358
+ width: 17px;
359
+ height: 21px;
360
+ padding: 0 7px;
361
+ }
362
+
363
+ .xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
364
+ width: 16px;
365
+ height: 16px;
366
+ padding: 0 9px;
367
+ }
368
+
369
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon {
370
+ position: relative;
371
+ }
372
+
373
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
374
+ content: '';
375
+ position: absolute;
376
+ height: 100%;
377
+ width: 1px;
378
+ top: 0;
379
+ }
380
+
381
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
382
+ border-right: 1px solid var(--zdt_texteditor_default_border);
383
+ right: 0;
384
+ }
385
+
386
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
387
+ border-left: 1px solid var(--zdt_texteditor_default_border);
388
+ left: 0;
389
+ }
390
+
391
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
392
+ top: initial;
393
+ padding: 0 7px;
394
+ }
395
+
396
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
397
+ width: 12px;
398
+ height: 12px;
399
+ }
400
+
401
+ .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
402
+ height: 21px;
403
+ }
404
+
405
+ .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)>svg {
406
+ width: 21px;
407
+ height: 21px;
408
+ padding: 0 4px;
409
+ }
410
+
411
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
412
+ padding: 8px 8px 7px 4px;
413
+ }
414
+
415
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
416
+ padding: 8px 4px 7px 8px;
417
+ }
418
+
419
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
420
+ padding: 8px 4px 7px 8px;
421
+ }
422
+
423
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
424
+ padding: 8px 8px 7px 4px;
425
+ }
426
+
427
+ /* medium type editor - snippet, bug tracker cases */
428
+ .medium :global .KB_Editor,
429
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
430
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
431
+ display: -webkit-box;
432
+ display: -ms-flexbox;
433
+ display: flex;
434
+ }
435
+
436
+ .medium :global .KB_Editor {
437
+ height: 100%;
438
+ width: 100%;
439
+ position: relative;
440
+ -webkit-box-orient: vertical;
441
+ -webkit-box-direction: normal;
442
+ -webkit-flex-direction: column;
443
+ -ms-flex-direction: column;
444
+ flex-direction: column;
445
+ }
446
+
447
+ .medium :global .KB_Editor_iframe,
448
+ .medium :global .KB_Editor .ze_area {
449
+ height: 100%;
450
+ -webkit-box-flex: 1;
451
+ -ms-flex-positive: 1;
452
+ flex-grow: 1;
453
+ min-height: 0;
454
+ min-width: 0;
455
+ }
456
+
457
+ .medium :global .KB_Editor_menus {
458
+ min-height: unset;
459
+ /* check point 1 */
460
+ flex: 0 0 auto;
461
+ padding: 0;
462
+ border-bottom: 0;
463
+ }
464
+
465
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools {
466
+ -ms-flex-wrap: wrap;
467
+ flex-wrap: wrap;
468
+ min-height: inherit;
469
+ }
470
+
471
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
472
+ height: unset;
473
+ -webkit-box-align: center;
474
+ -ms-flex-align: center;
475
+ align-items: center;
476
+ padding: 3px 1px;
477
+ float: unset;
478
+ }
479
+
480
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools li span {
481
+ line-height: 0;
482
+ }
483
+
484
+ .medium :global .KB_Editor_menus>ul>li>span>svg {
485
+ width: 22px;
486
+ height: 22px;
487
+ }
488
+
489
+ .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
490
+ width: 8px;
491
+ height: 8px;
492
+ }
493
+
494
+ [dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
495
+ padding: 0 0 0 2px;
496
+ }
497
+
498
+ [dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
499
+ padding: 0 2px 0 0;
500
+ }
501
+
502
+ .medium :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
503
+ height: 10px;
504
+ width: 17px;
505
+ padding: 7px 2px;
506
+ }
507
+
508
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div,
509
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
510
+ line-height: 0;
511
+ }
512
+
513
+ .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
514
+ padding: 7px;
515
+ }
516
+
517
+ .medium :global .KB_Editor_menus .ze_spell {
518
+ top: initial;
519
+ bottom: -32px;
520
+ }
521
+
522
+ [dir=ltr] .medium :global .KB_Editor_menus .ze_spell {
523
+ right: 0;
524
+ }
525
+
526
+ [dir=rtl] .medium :global .KB_Editor_menus .ze_spell {
527
+ left: 0;
528
+ }
529
+
530
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
531
+ top: initial;
532
+ padding: 0 3px;
533
+ }
534
+
535
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
536
+ width: 12px;
537
+ height: 12px;
538
+ }
539
+
540
+ /* small, mini type - ticket detail view comment, feeds comment, blueprint comment */
541
+ .small :global .KB_Editor,
542
+ .mini :global .KB_Editor {
543
+ height: 100%;
544
+ }
545
+ .small :global .KB_Editor, .mini :global .KB_Editor {
546
+ border: 0;
547
+ }
548
+
549
+ .small :global .KB_Editor_iframe,
550
+ .mini :global .KB_Editor_iframe {
551
+ max-height: 225px;
552
+ min-height: 80px;
553
+ height: 80px;
554
+ }
555
+
556
+ .small.borderNone :global .KB_Editor, .mini.borderNone :global .KB_Editor, .medium.borderNone :global .KB_Editor, .large.borderNone :global .KB_Editor, .xlarge.borderNone :global .KB_Editor, .default.borderNone :global .KB_Editor {
557
+ border: 0;
558
+ }
559
+
560
+ .small :global .KB_Editor_menus,
561
+ .mini :global .KB_Editor_menus {
562
+ bottom: 0;
563
+ z-index: 1;
564
+ min-height: auto;
565
+ height: 40px;
566
+ width: 406px;
567
+ transition: opacity var(--zd_transition3);
568
+ position: absolute;
569
+ }
570
+
571
+ .small :global .KB_Editor_menus, .mini :global .KB_Editor_menus {
572
+ border: 0;
573
+ padding: 0;
574
+ }
575
+
576
+ [dir=ltr] .small :global .KB_Editor_menus, [dir=ltr] .mini :global .KB_Editor_menus {
577
+ left: 0;
578
+ }
579
+
580
+ [dir=rtl] .small :global .KB_Editor_menus, [dir=rtl] .mini :global .KB_Editor_menus {
581
+ right: 0;
582
+ }
583
+
584
+ .small :global .KB_Editor_MultiTools,
585
+ .mini :global .KB_Editor_MultiTools {
586
+ display: -webkit-box;
587
+ display: -ms-flexbox;
588
+ display: flex;
589
+ height: 100%;
590
+ }
591
+
592
+ .small :global .KB_Editor_MultiTools li,
593
+ .mini :global .KB_Editor_MultiTools li {
594
+ height: 100%;
595
+ }
596
+
597
+ .small :global .KB_Editor_MultiTools li, .mini :global .KB_Editor_MultiTools li {
598
+ padding: 0;
599
+ float: unset;
600
+ }
601
+
602
+ .small :global .KB_Editor_MultiTools li span,
603
+ .mini :global .KB_Editor_MultiTools li span {
604
+ height: 100%;
605
+ display: inline-flex;
606
+ display: -webkit-inline-flex;
607
+ display: -ms-inline-flexbox;
608
+ -webkit-box-align: center;
609
+ -ms-flex-align: center;
610
+ align-items: center;
611
+ max-height: unset;
612
+ line-height: 0;
613
+ }
614
+
615
+ .small :global .KB_Editor_menus>ul>li>span>svg,
616
+ .mini :global .KB_Editor_menus>ul>li>span>svg {
617
+ width: 25px;
618
+ height: 25px;
619
+ }
620
+
621
+ .small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
622
+ padding: 0 6px;
623
+ }
624
+
625
+ .mini :global .KB_Editor_menus:after {
626
+ content: '';
627
+ position: absolute;
628
+ bottom: -5px;
629
+ height: 10px;
630
+ width: 10px;
631
+ z-index: -1;
632
+ box-shadow: var(--zd_bs_texteditor_menu);
633
+ background-color: var(--zdt_texteditor_menu_after_bg);
634
+ }
635
+
636
+ [dir=ltr] .mini :global .KB_Editor_menus:after {
637
+ left: 95px;
638
+ -webkit-transform: rotateZ(-45deg);
639
+ -moz-transform: rotateZ(-45deg);
640
+ -ms-transform: rotateZ(-45deg);
641
+ -o-transform: rotateZ(-45deg);
642
+ transform: rotateZ(-45deg);
643
+ }
644
+
645
+ [dir=rtl] .mini :global .KB_Editor_menus:after {
646
+ right: 95px;
647
+ -webkit-transform: rotateZ(45deg);
648
+ -moz-transform: rotateZ(45deg);
649
+ -ms-transform: rotateZ(45deg);
650
+ -o-transform: rotateZ(45deg);
651
+ transform: rotateZ(45deg);
652
+ }
653
+
654
+ :global .hideTools .KB_Editor_menus {
655
+ height: 0;
656
+ overflow: hidden;
657
+ opacity: 0;
658
+ box-shadow: 0 0 0 transparent;
659
+ border: 0;
660
+ }
661
+
662
+ /* mini type - tdv left area comment */
663
+ .mini :global .KB_Editor_menus {
664
+ width: 205px;
665
+ }
666
+
667
+ [dir=ltr] .mini :global .KB_Editor_menus:after {
668
+ left: 55px;
669
+ }
670
+
671
+ [dir=rtl] .mini :global .KB_Editor_menus:after {
672
+ right: 55px;
673
+ }
674
+
675
+ :global .KB_Editor_UploadImage.hide,
676
+ :global .KB_Editor_UploadImage .hide,
677
+ :global .KB_Editor_UploadImage .KB_Editor_ImageUrlDisc.hide {
678
+ display: none;
679
+ }
680
+
681
+ .textEditor :global .KB_Editor_AnimateInput::placeholder {
682
+ color: var(--zdt_texteditor_input_placeholder_text);
683
+ }
684
+
685
+ .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
686
+ /* Variable:Ignore */
687
+ width: 15px;
688
+ /* Variable:Ignore */
689
+ height: 15px;
690
+ /* Variable:Ignore */
691
+ top: -5px;
692
+ /* Variable:Ignore */
693
+ }
694
+
695
+ [dir=ltr] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
696
+ left: 5px;
697
+ }
698
+
699
+ [dir=rtl] .textEditor :global .KB_Editor_menus ul .KBEditortools-quote svg {
700
+ right: 5px;
701
+ }
702
+
703
+ .textEditor :global .KB_Editor_common_DropDown {
704
+ padding: 0 !important;
705
+ }
706
+
707
+ .textEditor :global .KB_Editor_common_DropDown ul {
708
+ /* Variable:Ignore */
709
+ max-height: 210px;
710
+ overflow: auto;
711
+ box-shadow: var(--zd_bs_texteditor_ul);
712
+ padding: 0;
713
+ }
714
+
715
+ .textEditor :global .KB_Editor_common_DropDown li {
716
+ color: var(--zdt_texteditor_default_text);
717
+ }
718
+
719
+ :global .KB_Editor textarea.ze_area {
720
+ font-family: var(--zd_regular) !important;
721
+ font-size: 14px !important;
722
+ padding: 15px 20px !important;
723
+ }
724
+
725
+ .textEditor :global .KB_Editor li[editor-command='styletext'] {
726
+ display: none !important;
727
+ }
728
+
729
+ .textEditor :global .KB_Editor li[editor-command='plaintext'] {
730
+ order: 100;
731
+ }
732
+
733
+ .readOnly {
734
+ position: relative;
735
+ cursor: not-allowed;
736
+ }
737
+
738
+ .readOnlyMask {
739
+ position: absolute;
740
+ top: 0;
741
+ bottom: 0;
742
+ }
743
+
744
+ [dir=ltr] .readOnlyMask {
745
+ left: 0;
746
+ right: 0;
747
+ }
748
+
749
+ [dir=rtl] .readOnlyMask {
750
+ right: 0;
751
+ left: 0;
752
+ }
753
+
754
+ .readOnly :global .KB_Editor_menus {
755
+ display: none !important;
756
+ }
757
+
758
+ .editorHide :global .KB_Editor {
759
+ position: absolute !important;
760
+ top: 0;
761
+ opacity: 0;
762
+ visibility: hidden;
763
+ }
764
+
765
+ [dir=ltr] .editorHide :global .KB_Editor {
766
+ left: 0;
767
+ }
768
+
769
+ [dir=rtl] .editorHide :global .KB_Editor {
770
+ right: 0;
764
771
  }