@zohodesk/dot 1.0.0-temp-152 → 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 (347) hide show
  1. package/README.md +1300 -1279
  2. package/assets/Appearance/dark/mode/{dotDarkMode.module.css → Dot_DarkMode.module.css} +6 -6
  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} +4 -4
  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 -159
  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 -190
  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 +2 -5
  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 -66
  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 -11
  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 -47
  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 -183
  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.module.css +770 -770
  80. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  81. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  82. package/es/form/layout/Field/Field.js +0 -0
  83. package/es/form/layout/Field/Field.module.css +22 -22
  84. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  85. package/es/form/layout/Section/Section.js +0 -0
  86. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -3
  87. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  88. package/es/layout/SetupDetailLayout/props/propTypes.js +0 -1
  89. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  90. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  91. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  92. package/es/list/Comment/Comment.module.css +29 -29
  93. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  94. package/es/list/Dot/Dot.module.css +15 -15
  95. package/es/list/DotNew/DotNew.module.css +24 -24
  96. package/es/list/GridStencils/GridStencils.module.css +146 -146
  97. package/es/list/Icons/Icons.module.css +16 -16
  98. package/es/list/ListLayout/ListLayout.module.css +57 -57
  99. package/es/list/ListStencils/ListStencils.module.css +67 -67
  100. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  101. package/es/list/SecondaryText/Website.js +0 -0
  102. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  103. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  104. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  105. package/es/list/Subject/Subject.module.css +27 -27
  106. package/es/list/TagNew/TagNew.module.css +116 -116
  107. package/es/list/Thread/Thread.module.css +42 -42
  108. package/es/list/UserTime/UserTime.module.css +58 -58
  109. package/es/list/listCommon.module.css +60 -60
  110. package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  111. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  112. package/es/list/status/StatusListItem/StatusListItem.module.css +109 -109
  113. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  114. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  115. package/es/lookup/Lookup/Lookup.js +0 -0
  116. package/es/lookup/Lookup/Lookup.module.css +26 -26
  117. package/es/lookup/Section/LookupSection.module.css +7 -7
  118. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  119. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  120. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  121. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  122. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  123. package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
  124. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  125. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  126. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  127. package/es/setup/header/Search/Search.module.css +68 -68
  128. package/es/setup/header/Views/Views.module.css +37 -37
  129. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  130. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  131. package/es/setup/helptips/Link/Link.js +0 -0
  132. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  133. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  134. package/es/setup/helptips/Title/Title.js +0 -0
  135. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  136. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  137. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  138. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  139. package/es/setup/table/Text/TableText.module.css +37 -37
  140. package/es/setup/table/Text/Text.js +0 -0
  141. package/es/svg/PlusIcon.js +1 -1
  142. package/es/svg/SnippetIcon.js +2 -2
  143. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  144. package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  145. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  146. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  147. package/es/version2/lookup/AlertHeader/AlertHeader.js +75 -58
  148. package/{lib/version2/lookup/AlertHeader → es/version2/lookup/AlertHeader/css}/AlertHeaderNew.module.css +87 -87
  149. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +20 -0
  150. package/es/version2/lookup/AlertHeader/props/defaultProps.js +8 -2
  151. package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -2
  152. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  153. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
  154. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  155. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  156. package/install.md +12 -12
  157. package/lib/ActionButton/ActionButton.module.css +139 -139
  158. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  159. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  160. package/lib/Attachment/Attachment.module.css +159 -159
  161. package/lib/AttachmentViewer/AttachmentImage.js +1 -1
  162. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  163. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  164. package/lib/Drawer/Drawer.js +0 -0
  165. package/lib/Drawer/Drawer.module.css +190 -190
  166. package/lib/ExternalLink/ExternalLink.js +1 -1
  167. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  168. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  169. package/lib/FlipCard/FlipCard.module.css +44 -44
  170. package/lib/FormAction/FormAction.module.css +82 -82
  171. package/lib/FreezeLayer/FreezeLayer.js +2 -8
  172. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  173. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  174. package/lib/Hooks/Dragger/props/defaultProps.js +17 -0
  175. package/lib/Hooks/Dragger/props/propTypes.js +19 -0
  176. package/lib/Hooks/Dragger/useDragger.js +91 -62
  177. package/lib/Hooks/Dragger/utils/DraggerUtil.js +3 -44
  178. package/lib/IconButton/IconButton.module.css +22 -22
  179. package/lib/Image/Image.module.css +11 -11
  180. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  181. package/lib/Link/Link.js +0 -0
  182. package/lib/Link/Link.module.css +3 -3
  183. package/lib/Loader/Loader.module.css +47 -47
  184. package/lib/Message/Message.module.css +102 -102
  185. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  186. package/lib/NewStar/NewStar.module.css +183 -183
  187. package/lib/PlusIcon/PlusIcon.js +0 -0
  188. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  189. package/lib/Separator/Separator.module.css +34 -34
  190. package/lib/TagWithIcon/TagWithIcon.module.css +56 -56
  191. package/lib/ToastMessage/ToastMessage.js +1 -2
  192. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  193. package/lib/Upload/Upload.module.css +125 -125
  194. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  195. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  196. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  197. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  198. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  199. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  200. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  201. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  202. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  203. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  204. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  205. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  206. package/lib/common/dot_animation.module.css +26 -26
  207. package/lib/common/dot_boxShadow.module.css +37 -37
  208. package/lib/common/dot_common.module.css +3 -3
  209. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  210. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  211. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  212. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  213. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  214. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  215. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  216. package/lib/errorstate/EmptyStates.module.css +87 -87
  217. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  218. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  219. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  220. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  221. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  222. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  223. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  224. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  225. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  226. package/lib/form/fields/CurrencyField/CurrencyField.js +1 -1
  227. package/lib/form/fields/DateField/DateField.js +1 -1
  228. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  229. package/lib/form/fields/Fields.module.css +183 -183
  230. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  231. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  232. package/lib/form/fields/RadioField/RadioField.js +1 -1
  233. package/lib/form/fields/SelectField/SelectField.js +1 -1
  234. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  235. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +1 -1
  236. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  237. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  238. package/lib/form/fields/TextEditor/TextEditor.js +1 -2
  239. package/lib/form/fields/TextEditor/TextEditor.module.css +770 -770
  240. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  241. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  242. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  243. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  244. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  245. package/lib/form/layout/Field/Field.js +0 -0
  246. package/lib/form/layout/Field/Field.module.css +22 -22
  247. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  248. package/lib/form/layout/Section/Section.js +0 -0
  249. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +4 -7
  250. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  251. package/lib/layout/SetupDetailLayout/props/propTypes.js +0 -1
  252. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  253. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  254. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  255. package/lib/list/Comment/Comment.module.css +29 -29
  256. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  257. package/lib/list/Dot/Dot.module.css +15 -15
  258. package/lib/list/DotNew/DotNew.module.css +24 -24
  259. package/lib/list/GridStencils/GridStencils.module.css +146 -146
  260. package/lib/list/Icons/Icons.module.css +16 -16
  261. package/lib/list/ListLayout/ListLayout.module.css +57 -57
  262. package/lib/list/ListStencils/ListStencils.js +1 -1
  263. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  264. package/lib/list/SecondaryText/AccountName.js +1 -1
  265. package/lib/list/SecondaryText/Email.js +1 -1
  266. package/lib/list/SecondaryText/HappinessRating.js +1 -1
  267. package/lib/list/SecondaryText/PhoneNumber.js +1 -1
  268. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  269. package/lib/list/SecondaryText/Website.js +1 -1
  270. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  271. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  272. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  273. package/lib/list/Subject/Subject.module.css +27 -27
  274. package/lib/list/TagNew/TagNew.module.css +116 -116
  275. package/lib/list/Thread/Thread.module.css +42 -42
  276. package/lib/list/UserTime/UserTime.module.css +58 -58
  277. package/lib/list/listCommon.module.css +60 -60
  278. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  279. package/lib/list/status/StatusListItem/StatusListItem.js +1 -1
  280. package/lib/list/status/StatusListItem/StatusListItem.module.css +109 -109
  281. package/lib/lookup/EmptyPage/EmptyPage.js +1 -1
  282. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  283. package/lib/lookup/Lookup/Lookup.js +1 -1
  284. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  285. package/lib/lookup/Section/LookupSection.module.css +7 -7
  286. package/lib/lookup/header/Close/Close.js +1 -1
  287. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  288. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  289. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  290. package/lib/lookup/header/Search/Search.js +1 -1
  291. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  292. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  293. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  294. package/lib/lookup/header/Title/Title.js +1 -1
  295. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  296. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  297. package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
  298. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  299. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  300. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  301. package/lib/setup/header/Search/Search.module.css +68 -68
  302. package/lib/setup/header/Views/Views.module.css +37 -37
  303. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  304. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  305. package/lib/setup/helptips/Link/Link.js +0 -0
  306. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  307. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  308. package/lib/setup/helptips/Title/Title.js +0 -0
  309. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  310. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  311. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  312. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  313. package/lib/setup/table/Text/TableText.module.css +37 -37
  314. package/lib/setup/table/Text/Text.js +0 -0
  315. package/lib/svg/PlusIcon.js +1 -1
  316. package/lib/svg/SnippetIcon.js +2 -2
  317. package/lib/version2/AlertClose/AlertClose.js +1 -1
  318. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  319. package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  320. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  321. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  322. package/lib/version2/lookup/AlertHeader/AlertHeader.js +77 -81
  323. package/{es/version2/lookup/AlertHeader → lib/version2/lookup/AlertHeader/css}/AlertHeaderNew.module.css +87 -87
  324. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +23 -0
  325. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +10 -4
  326. package/lib/version2/lookup/AlertHeader/props/propTypes.js +11 -4
  327. package/lib/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  328. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  329. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  330. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  331. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  332. package/package.json +114 -113
  333. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -16
  334. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -16
  335. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -16
  336. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -16
  337. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -16
  338. /package/assets/Appearance/dark/themes/blue/{blueDarkDotTheme.module.css → blue_DotTheme_DarkTheme.module.css} +0 -0
  339. /package/assets/Appearance/dark/themes/green/{greenDarkDotTheme.module.css → green_DotTheme_DarkTheme.module.css} +0 -0
  340. /package/assets/Appearance/dark/themes/orange/{orangeDarkDotTheme.module.css → orange_DotTheme_DarkTheme.module.css} +0 -0
  341. /package/assets/Appearance/dark/themes/red/{redDarkDotTheme.module.css → red_DotTheme_DarkTheme.module.css} +0 -0
  342. /package/assets/Appearance/dark/themes/yellow/{yellowDarkDotTheme.module.css → yellow_DotTheme_DarkTheme.module.css} +0 -0
  343. /package/assets/Appearance/pureDark/themes/blue/{bluePureDarkDotTheme.module.css → blue_DotTheme_PureDarkTheme.module.css} +0 -0
  344. /package/assets/Appearance/pureDark/themes/green/{greenPureDarkDotTheme.module.css → green_DotTheme_PureDarkTheme.module.css} +0 -0
  345. /package/assets/Appearance/pureDark/themes/orange/{orangePureDarkDotTheme.module.css → orange_DotTheme_PureDarkTheme.module.css} +0 -0
  346. /package/assets/Appearance/pureDark/themes/red/{redPureDarkDotTheme.module.css → red_DotTheme_PureDarkTheme.module.css} +0 -0
  347. /package/assets/Appearance/pureDark/themes/yellow/{yellowPureDarkDotTheme.module.css → yellow_DotTheme_PureDarkTheme.module.css} +0 -0
@@ -1,183 +1,183 @@
1
- .container,
2
- .checkboxFieldContainer {
3
- position: relative;
4
- word-break: break-word;
5
- }
6
- .fieldContainer {
7
- position: relative;
8
- min-height: 25px;
9
- }
10
- .fieldMargin_medium {
11
- margin-top: 5px;
12
- }
13
- .fieldMargin_small {
14
- margin-top: 0;
15
- }
16
- .radioContainer,
17
- .checkbox {
18
- composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
19
- }
20
- .checkbox {
21
- min-height: 28px;
22
- }
23
- .checkboxRow {
24
- display: inherit;
25
- }
26
- .lineClamp_one,
27
- .lineClamp_two {
28
- composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
29
- }
30
- .lineClamp_one {
31
- -webkit-line-clamp: 1;
32
- }
33
- .lineClamp_two {
34
- -webkit-line-clamp: 2;
35
- }
36
- .checkboxText {
37
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
38
- line-height: normal;
39
- }
40
- [dir=ltr] .checkboxText {
41
- padding-left: 6px;
42
- }
43
- [dir=rtl] .checkboxText {
44
- padding-right: 6px;
45
- }
46
- .cbTextPointer {
47
- cursor: pointer;
48
- }
49
- .disabled, .readonly {
50
- cursor: not-allowed;
51
- }
52
- .cbTextReadonly,
53
- .disabled .fieldLabel,
54
- .readonly .fieldLabel {
55
- --label_cursor: not-allowed;
56
- }
57
- [dir=ltr] .radio {
58
- margin: 5px 32px 5px 0;
59
- }
60
- [dir=rtl] .radio {
61
- margin: 5px 0 5px 32px;
62
- }
63
- [dir=ltr] .duration {
64
- margin-right: 15px;
65
- }
66
- [dir=rtl] .duration {
67
- margin-left: 15px;
68
- }
69
- .durationWidth {
70
- width: 94px;
71
- }
72
- .flex {
73
- composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
74
- }
75
- .periodContainer {
76
- composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
77
- width: 100%;
78
- /*margin-left: var(--zd_size15);*/
79
- }
80
- .phoneIcon {
81
- color: var(--zdt_fields_phoneicon_icon);
82
- display: inline-block;
83
- margin: 15px 10px 0 10px;
84
- cursor: pointer;
85
- }
86
- .phoneIcon:hover {
87
- color: var(--zdt_fields_phoneicon_hover_icon);
88
- }
89
- .newtabIcon {
90
- color: var(--zdt_fields_newtabicon_icon);
91
- cursor: pointer;
92
- }
93
- .newtabIcon:hover {
94
- color: var(--zdt_fields_newtabicon_hover_icon);
95
- }
96
- .labelContainer {
97
- composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
98
- }
99
- .lockIcon,
100
- .infoIcon {
101
- color: var(--zdt_fields_lockicon_icon);
102
- composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
103
- }
104
- [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
105
- margin-left: 5px;
106
- }
107
- [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
108
- margin-right: 5px;
109
- }
110
- /* .infoIcon {
111
- opacity: 0;
112
- visibility: hidden;
113
- }
114
- .container:hover .infoIcon {
115
- opacity: 1;
116
- visibility: visible;
117
- } */
118
- /* .lockIcon {
119
- cursor: pointer;
120
- } */
121
- .lockIcon:hover {
122
- color: var(--zdt_fields_lockicon_hover_icon);
123
- }
124
- .timeFormat {
125
- font-size: 11px;
126
- color: var(--zdt_fields_lockicon_icon);
127
- }
128
- [dir=ltr] .timeFormat {
129
- margin-left: 4px;
130
- }
131
- [dir=rtl] .timeFormat {
132
- margin-right: 4px;
133
- }
134
- .newTab {
135
- color: var(--zdt_fields_lockicon_icon);
136
- font-size: 0;
137
- display: none;
138
- cursor: pointer;
139
- }
140
- [dir=ltr] .newTab {
141
- margin-left: 6px;
142
- }
143
- [dir=rtl] .newTab {
144
- margin-right: 6px;
145
- }
146
- .newTab:hover {
147
- color: var(--zdt_fields_phoneicon_icon);
148
- }
149
- .container:hover .newTab {
150
- display: block;
151
- }
152
- .lockText {
153
- font-size: 13px;
154
- font-style: italic;
155
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
156
- }
157
- .labelMandatory:after {
158
- content: '*';
159
- color: var(--zdt_fields_lockicon_hover_icon);
160
- }
161
- [dir=ltr] .labelMandatory:after {
162
- padding-left: 2px;
163
- }
164
- [dir=rtl] .labelMandatory:after {
165
- padding-right: 2px;
166
- }
167
- .ePhiTag {
168
- composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
169
- color: var(--zdt_fields_phitag_text);
170
- font-size: 12px;
171
- height: 18px;
172
- line-height: var(--zd_size18);
173
- background-color: var(--zdt_fields_phitag_bg);
174
- border: 1px solid var(--zdt_fields_phitag_border);
175
- padding: 0 5px;
176
- border-radius: var(--zd_size3);
177
- }
178
- [dir=ltr] .ePhiTag {
179
- margin-left: 8px;
180
- }
181
- [dir=rtl] .ePhiTag {
182
- margin-right: 8px;
183
- }
1
+ .container,
2
+ .checkboxFieldContainer {
3
+ position: relative;
4
+ word-break: break-word;
5
+ }
6
+ .fieldContainer {
7
+ position: relative;
8
+ min-height: 25px;
9
+ }
10
+ .fieldMargin_medium {
11
+ margin-top: 5px;
12
+ }
13
+ .fieldMargin_small {
14
+ margin-top: 0;
15
+ }
16
+ .radioContainer,
17
+ .checkbox {
18
+ composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
19
+ }
20
+ .checkbox {
21
+ min-height: 28px;
22
+ }
23
+ .checkboxRow {
24
+ display: inherit;
25
+ }
26
+ .lineClamp_one,
27
+ .lineClamp_two {
28
+ composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
29
+ }
30
+ .lineClamp_one {
31
+ -webkit-line-clamp: 1;
32
+ }
33
+ .lineClamp_two {
34
+ -webkit-line-clamp: 2;
35
+ }
36
+ .checkboxText {
37
+ composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
38
+ line-height: normal;
39
+ }
40
+ [dir=ltr] .checkboxText {
41
+ padding-left: 6px;
42
+ }
43
+ [dir=rtl] .checkboxText {
44
+ padding-right: 6px;
45
+ }
46
+ .cbTextPointer {
47
+ cursor: pointer;
48
+ }
49
+ .disabled, .readonly {
50
+ cursor: not-allowed;
51
+ }
52
+ .cbTextReadonly,
53
+ .disabled .fieldLabel,
54
+ .readonly .fieldLabel {
55
+ --label_cursor: not-allowed;
56
+ }
57
+ [dir=ltr] .radio {
58
+ margin: 5px 32px 5px 0;
59
+ }
60
+ [dir=rtl] .radio {
61
+ margin: 5px 0 5px 32px;
62
+ }
63
+ [dir=ltr] .duration {
64
+ margin-right: 15px;
65
+ }
66
+ [dir=rtl] .duration {
67
+ margin-left: 15px;
68
+ }
69
+ .durationWidth {
70
+ width: 94px;
71
+ }
72
+ .flex {
73
+ composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
74
+ }
75
+ .periodContainer {
76
+ composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
77
+ width: 100%;
78
+ /*margin-left: var(--zd_size15);*/
79
+ }
80
+ .phoneIcon {
81
+ color: var(--zdt_fields_phoneicon_icon);
82
+ display: inline-block;
83
+ margin: 15px 10px 0 10px;
84
+ cursor: pointer;
85
+ }
86
+ .phoneIcon:hover {
87
+ color: var(--zdt_fields_phoneicon_hover_icon);
88
+ }
89
+ .newtabIcon {
90
+ color: var(--zdt_fields_newtabicon_icon);
91
+ cursor: pointer;
92
+ }
93
+ .newtabIcon:hover {
94
+ color: var(--zdt_fields_newtabicon_hover_icon);
95
+ }
96
+ .labelContainer {
97
+ composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
98
+ }
99
+ .lockIcon,
100
+ .infoIcon {
101
+ color: var(--zdt_fields_lockicon_icon);
102
+ composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
103
+ }
104
+ [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
105
+ margin-left: 5px;
106
+ }
107
+ [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
108
+ margin-right: 5px;
109
+ }
110
+ /* .infoIcon {
111
+ opacity: 0;
112
+ visibility: hidden;
113
+ }
114
+ .container:hover .infoIcon {
115
+ opacity: 1;
116
+ visibility: visible;
117
+ } */
118
+ /* .lockIcon {
119
+ cursor: pointer;
120
+ } */
121
+ .lockIcon:hover {
122
+ color: var(--zdt_fields_lockicon_hover_icon);
123
+ }
124
+ .timeFormat {
125
+ font-size: 11px;
126
+ color: var(--zdt_fields_lockicon_icon);
127
+ }
128
+ [dir=ltr] .timeFormat {
129
+ margin-left: 4px;
130
+ }
131
+ [dir=rtl] .timeFormat {
132
+ margin-right: 4px;
133
+ }
134
+ .newTab {
135
+ color: var(--zdt_fields_lockicon_icon);
136
+ font-size: 0;
137
+ display: none;
138
+ cursor: pointer;
139
+ }
140
+ [dir=ltr] .newTab {
141
+ margin-left: 6px;
142
+ }
143
+ [dir=rtl] .newTab {
144
+ margin-right: 6px;
145
+ }
146
+ .newTab:hover {
147
+ color: var(--zdt_fields_phoneicon_icon);
148
+ }
149
+ .container:hover .newTab {
150
+ display: block;
151
+ }
152
+ .lockText {
153
+ font-size: 13px;
154
+ font-style: italic;
155
+ composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
156
+ }
157
+ .labelMandatory:after {
158
+ content: '*';
159
+ color: var(--zdt_fields_lockicon_hover_icon);
160
+ }
161
+ [dir=ltr] .labelMandatory:after {
162
+ padding-left: 2px;
163
+ }
164
+ [dir=rtl] .labelMandatory:after {
165
+ padding-right: 2px;
166
+ }
167
+ .ePhiTag {
168
+ composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
169
+ color: var(--zdt_fields_phitag_text);
170
+ font-size: 12px;
171
+ height: 18px;
172
+ line-height: var(--zd_size18);
173
+ background-color: var(--zdt_fields_phitag_bg);
174
+ border: 1px solid var(--zdt_fields_phitag_border);
175
+ padding: 0 5px;
176
+ border-radius: var(--zd_size3);
177
+ }
178
+ [dir=ltr] .ePhiTag {
179
+ margin-left: 8px;
180
+ }
181
+ [dir=rtl] .ePhiTag {
182
+ margin-right: 8px;
183
+ }
@@ -29,7 +29,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
29
29
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
30
30
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
31
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** Components ****/ /** CSS */
32
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
33
33
  var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
34
34
  _inherits(MultiSelectField, _PureComponent);
35
35
  var _super = _createSuper(MultiSelectField);
@@ -29,7 +29,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
29
29
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
30
30
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
31
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** Components ****/ /**** CSS ****/
32
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
33
33
  var PhoneField = /*#__PURE__*/function (_PureComponent) {
34
34
  _inherits(PhoneField, _PureComponent);
35
35
  var _super = _createSuper(PhoneField);
@@ -27,7 +27,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
27
27
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
28
28
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
29
29
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
30
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** Components ****/ /** Css */
30
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
31
31
  var RadioField = /*#__PURE__*/function (_PureComponent) {
32
32
  _inherits(RadioField, _PureComponent);
33
33
  var _super = _createSuper(RadioField);
@@ -29,7 +29,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
29
29
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
30
30
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
31
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** Components ****/ /**** props ****/ /** CSS */
32
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
33
33
  var SelectField = /*#__PURE__*/function (_PureComponent) {
34
34
  _inherits(SelectField, _PureComponent);
35
35
  var _super = _createSuper(SelectField);
@@ -1,107 +1,107 @@
1
- .tag {
2
- max-width: 100%;
3
- }
4
- [dir=ltr] .moreLess, [dir=ltr] .tag {
5
- margin: 0 6px 6px 0;
6
- }
7
- [dir=rtl] .moreLess, [dir=rtl] .tag {
8
- margin: 0 0 6px 6px;
9
- }
10
- .input {
11
- height: 20px;
12
- width: 100%;
13
- margin-bottom: 4px;
14
- }
15
- .viewpopNew {
16
- max-height: 250px;
17
- }
18
- .tagDiv {
19
- max-height: 160px;
20
- margin-top: 5px;
21
- }
22
- .hasBorder {
23
- transition: border var(--zd_transition2) linear 0s;
24
- border-bottom-style: solid;
25
- border-bottom-width: 1px;
26
- }
27
- .borderColor_transparent {
28
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
29
- }
30
- .borderColor_transparent:hover {
31
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
32
- }
33
- .borderColor_transparent.active {
34
- border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
35
- }
36
- .borderColor_default {
37
- border-bottom-color: var(--zdt_tagsmultiselect_default_border);
38
- }
39
- .borderColor_default:hover {
40
- border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
41
- }
42
- .borderColor_default.active {
43
- border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
44
- }
45
- .borderColor_dark {
46
- border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
47
- }
48
- .borderColor_dark:hover {
49
- border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
50
- }
51
- .borderColor_dark.active {
52
- border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
53
- }
54
- .moreLess {
55
- color: var(--zdt_tagsmultiselect_more_text);
56
- font-size: 13px;
57
- cursor: pointer;
58
- }
59
- .moreLess:hover {
60
- color: var(--zdt_tagsmultiselect_more_hover_text);
61
- }
62
- .inputWrapper {
63
- position: relative;
64
- max-width: 100%;
65
- min-width: 5px;
66
- font-size: 0;
67
- }
68
- .newTagLabel {
69
- color: var(--zdt_tagsmultiselect_labelt_text);
70
- composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
71
- }
72
- [dir=ltr] .newTagLabel {
73
- margin-right: 5px;
74
- }
75
- [dir=rtl] .newTagLabel {
76
- margin-left: 5px;
77
- }
78
- .dotted {
79
- composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
80
- }
81
- .dropdown {
82
- margin-top: 1px;
83
- }
84
- .custmSpan {
85
- height: 25px;
86
- display: inline-block;
87
- vertical-align: middle;
88
- opacity: 0;
89
- overflow: hidden;
90
- white-space: nowrap;
91
- max-width: 100%;
92
- visibility: hidden;
93
- }
94
- .custmInp {
95
- position: absolute;
96
- top: 0;
97
- width: 100%;
98
- }
99
- [dir=ltr] .custmInp {
100
- left: 0;
101
- }
102
- [dir=rtl] .custmInp {
103
- right: 0;
104
- }
105
- .newTagText {
106
- color: var(--zdt_tagsmultiselect_more_text);
107
- }
1
+ .tag {
2
+ max-width: 100%;
3
+ }
4
+ [dir=ltr] .moreLess, [dir=ltr] .tag {
5
+ margin: 0 6px 6px 0;
6
+ }
7
+ [dir=rtl] .moreLess, [dir=rtl] .tag {
8
+ margin: 0 0 6px 6px;
9
+ }
10
+ .input {
11
+ height: 20px;
12
+ width: 100%;
13
+ margin-bottom: 4px;
14
+ }
15
+ .viewpopNew {
16
+ max-height: 250px;
17
+ }
18
+ .tagDiv {
19
+ max-height: 160px;
20
+ margin-top: 5px;
21
+ }
22
+ .hasBorder {
23
+ transition: border var(--zd_transition2) linear 0s;
24
+ border-bottom-style: solid;
25
+ border-bottom-width: 1px;
26
+ }
27
+ .borderColor_transparent {
28
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
29
+ }
30
+ .borderColor_transparent:hover {
31
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
32
+ }
33
+ .borderColor_transparent.active {
34
+ border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
35
+ }
36
+ .borderColor_default {
37
+ border-bottom-color: var(--zdt_tagsmultiselect_default_border);
38
+ }
39
+ .borderColor_default:hover {
40
+ border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
41
+ }
42
+ .borderColor_default.active {
43
+ border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
44
+ }
45
+ .borderColor_dark {
46
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
47
+ }
48
+ .borderColor_dark:hover {
49
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
50
+ }
51
+ .borderColor_dark.active {
52
+ border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
53
+ }
54
+ .moreLess {
55
+ color: var(--zdt_tagsmultiselect_more_text);
56
+ font-size: 13px;
57
+ cursor: pointer;
58
+ }
59
+ .moreLess:hover {
60
+ color: var(--zdt_tagsmultiselect_more_hover_text);
61
+ }
62
+ .inputWrapper {
63
+ position: relative;
64
+ max-width: 100%;
65
+ min-width: 5px;
66
+ font-size: 0;
67
+ }
68
+ .newTagLabel {
69
+ color: var(--zdt_tagsmultiselect_labelt_text);
70
+ composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
71
+ }
72
+ [dir=ltr] .newTagLabel {
73
+ margin-right: 5px;
74
+ }
75
+ [dir=rtl] .newTagLabel {
76
+ margin-left: 5px;
77
+ }
78
+ .dotted {
79
+ composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
80
+ }
81
+ .dropdown {
82
+ margin-top: 1px;
83
+ }
84
+ .custmSpan {
85
+ height: 25px;
86
+ display: inline-block;
87
+ vertical-align: middle;
88
+ opacity: 0;
89
+ overflow: hidden;
90
+ white-space: nowrap;
91
+ max-width: 100%;
92
+ visibility: hidden;
93
+ }
94
+ .custmInp {
95
+ position: absolute;
96
+ top: 0;
97
+ width: 100%;
98
+ }
99
+ [dir=ltr] .custmInp {
100
+ left: 0;
101
+ }
102
+ [dir=rtl] .custmInp {
103
+ right: 0;
104
+ }
105
+ .newTagText {
106
+ color: var(--zdt_tagsmultiselect_more_text);
107
+ }
@@ -25,7 +25,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
25
25
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
26
26
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
27
27
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**** css ****/
28
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
29
  var TagsMultiSelectField = function TagsMultiSelectField(props) {
30
30
  var _useState = (0, _react.useState)(0),
31
31
  _useState2 = _slicedToArray(_useState, 2),
@@ -1,9 +1,9 @@
1
- .count {
2
- color: var(--zdt_tagsmultiselectField_count_text);
3
- font-size: 12px;
4
- word-break: break-word;
5
- }[dir=ltr] .count {
6
- margin-left: 4px;
7
- }[dir=rtl] .count {
8
- margin-right: 4px;
9
- }
1
+ .count {
2
+ color: var(--zdt_tagsmultiselectField_count_text);
3
+ font-size: 12px;
4
+ word-break: break-word;
5
+ }[dir=ltr] .count {
6
+ margin-left: 4px;
7
+ }[dir=rtl] .count {
8
+ margin-right: 4px;
9
+ }
@@ -29,7 +29,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
29
29
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
30
30
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
31
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /**** Libraries ****/ /**** Components ****/ /**** CSS ****/
32
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
33
33
  var TextBoxField = /*#__PURE__*/function (_PureComponent) {
34
34
  _inherits(TextBoxField, _PureComponent);
35
35
  var _super = _createSuper(TextBoxField);