@zohodesk/dot 1.0.0-temp-198.3.3 → 1.0.0-temp-187.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/.cli/UnValidatedFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +28 -0
  4. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +1 -0
  5. package/assets/Appearance/light/mode/Dot_LightMode.module.css +1 -0
  6. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +1 -0
  7. package/es/ActionButton/ActionButton.module.css +192 -192
  8. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  9. package/es/AttachmentViewer/AttachmentImage.js +68 -32
  10. package/es/AttachmentViewer/AttachmentViewer.js +120 -41
  11. package/es/AttachmentViewer/AttachmentViewer.module.css +364 -352
  12. package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js +63 -13
  13. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +9 -5
  14. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +16 -117
  15. package/es/AttachmentViewer/props/defaultProps.js +5 -1
  16. package/es/AttachmentViewer/props/propTypes.js +7 -3
  17. package/es/AttachmentViewer/utils.js +49 -0
  18. package/es/ChannelIcon/ChannelIcon.module.css +225 -225
  19. package/es/FormAction/FormAction.module.css +100 -100
  20. package/es/IconButton/IconButton.module.css +22 -22
  21. package/es/Image/Image.js +6 -2
  22. package/es/Image/props/propTypes.js +3 -1
  23. package/es/TagWithIcon/TagWithIcon.module.css +66 -66
  24. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  25. package/es/common/dot_boxShadow.module.css +2 -0
  26. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  27. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -2
  28. package/es/form/fields/TextEditor/TextEditor.js +64 -64
  29. package/es/form/fields/TextEditor/TextEditor.module.css +73 -61
  30. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +1 -1
  31. package/es/form/fields/TextEditor/props/defaultProps.js +4 -1
  32. package/es/form/fields/TextEditor/props/propTypes.js +10 -3
  33. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  34. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  35. package/es/list/Comment/Comment.module.css +29 -29
  36. package/es/list/DepartmentDropDown/DepartmentDropDown.js +7 -2
  37. package/es/list/DepartmentDropDown/props/defaultProps.js +2 -1
  38. package/es/list/DepartmentDropDown/props/propTypes.js +2 -1
  39. package/es/list/Dot/Dot.module.css +15 -15
  40. package/es/list/ListLayout/ListLayout.module.css +79 -79
  41. package/es/list/Subject/Subject.module.css +34 -34
  42. package/es/list/Thread/Thread.module.css +42 -42
  43. package/es/list/status/StatusListItem/StatusListItem.module.css +35 -5
  44. package/es/utils/editorUtils.js +6 -6
  45. package/es/v1/AttachmentViewer/AttachmentImage.js +44 -23
  46. package/es/v1/AttachmentViewer/AttachmentViewer.js +120 -41
  47. package/es/v1/AttachmentViewer/props/propTypes.js +7 -3
  48. package/es/v1/Image/Image.js +6 -2
  49. package/es/v1/Image/props/propTypes.js +3 -1
  50. package/es/v1/form/fields/TextEditor/TextEditor.js +63 -64
  51. package/es/v1/form/fields/TextEditor/props/defaultProps.js +4 -1
  52. package/es/v1/form/fields/TextEditor/props/propTypes.js +10 -3
  53. package/es/v1/utils/editorUtils.js +6 -6
  54. package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  55. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  56. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  57. package/lib/ActionButton/ActionButton.module.css +192 -192
  58. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  59. package/lib/AttachmentViewer/AttachmentImage.js +74 -36
  60. package/lib/AttachmentViewer/AttachmentViewer.js +151 -70
  61. package/lib/AttachmentViewer/AttachmentViewer.module.css +364 -352
  62. package/lib/AttachmentViewer/__tests__/AttachmentImage.spec.js +64 -13
  63. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +9 -5
  64. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +16 -117
  65. package/lib/AttachmentViewer/props/defaultProps.js +5 -1
  66. package/lib/AttachmentViewer/props/propTypes.js +7 -3
  67. package/lib/AttachmentViewer/utils.js +60 -1
  68. package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
  69. package/lib/FormAction/FormAction.module.css +100 -100
  70. package/lib/IconButton/IconButton.module.css +22 -22
  71. package/lib/Image/Image.js +6 -2
  72. package/lib/Image/props/propTypes.js +3 -1
  73. package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
  74. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  75. package/lib/common/dot_boxShadow.module.css +2 -0
  76. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  77. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -3
  78. package/lib/form/fields/TextEditor/TextEditor.js +74 -74
  79. package/lib/form/fields/TextEditor/TextEditor.module.css +73 -61
  80. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +1 -1
  81. package/lib/form/fields/TextEditor/props/defaultProps.js +4 -1
  82. package/lib/form/fields/TextEditor/props/propTypes.js +10 -3
  83. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  84. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  85. package/lib/list/Comment/Comment.module.css +29 -29
  86. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +8 -3
  87. package/lib/list/DepartmentDropDown/props/defaultProps.js +2 -1
  88. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  89. package/lib/list/Dot/Dot.module.css +15 -15
  90. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  91. package/lib/list/Subject/Subject.module.css +34 -34
  92. package/lib/list/Thread/Thread.module.css +42 -42
  93. package/lib/list/status/StatusListItem/StatusListItem.module.css +35 -5
  94. package/lib/utils/editorUtils.js +6 -5
  95. package/lib/v1/AttachmentViewer/AttachmentImage.js +52 -24
  96. package/lib/v1/AttachmentViewer/AttachmentViewer.js +151 -70
  97. package/lib/v1/AttachmentViewer/props/propTypes.js +7 -3
  98. package/lib/v1/Image/Image.js +6 -2
  99. package/lib/v1/Image/props/propTypes.js +3 -1
  100. package/lib/v1/form/fields/TextEditor/TextEditor.js +73 -74
  101. package/lib/v1/form/fields/TextEditor/props/defaultProps.js +4 -1
  102. package/lib/v1/form/fields/TextEditor/props/propTypes.js +10 -3
  103. package/lib/v1/utils/editorUtils.js +6 -5
  104. package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  105. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  106. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  107. package/package.json +3 -3
  108. package/result.json +1 -1
  109. package/unittest/index.html +1 -1
  110. package/es/DotProvider/DotProvider.js +0 -60
  111. package/es/DotProvider/hooks/useDotProvider.js +0 -55
  112. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +0 -97
  113. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -3
  114. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -3
  115. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -3
  116. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -3
  117. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -3
  118. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -3
  119. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -3
  120. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -3
  121. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -3
  122. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -3
  123. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -3
  124. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -3
  125. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -3
  126. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -3
  127. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -3
  128. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -1
  129. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -1
  130. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -1
  131. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -1
  132. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -1
  133. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -1
  134. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -1
  135. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -1
  136. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -1
  137. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -1
  138. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -1
  139. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -1
  140. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -1
  141. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -1
  142. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -1
  143. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -1
  144. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -1
  145. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -1
  146. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -1
  147. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -1
  148. package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -1
  149. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -1
  150. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -1
  151. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -1
  152. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -1
  153. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -1
  154. package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -1
  155. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -1
  156. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -1
  157. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -1
  158. package/es/DotProvider/props/defaultProps.js +0 -11
  159. package/es/DotProvider/props/propTypes.js +0 -16
  160. package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +0 -4
  161. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +0 -28
  162. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +0 -29
  163. package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +0 -4
  164. package/es/DotProvider/utils/constants.js +0 -14
  165. package/es/DotProvider/utils/errorValidation.js +0 -17
  166. package/es/DotProvider/utils/getAssetsImportPromises.js +0 -17
  167. package/es/DotProvider/utils/sizeAssetsConfig.js +0 -12
  168. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +0 -47
  169. package/es/DotProvider/utils/themeColorAssetsConfig.js +0 -221
  170. package/lib/DotProvider/DotProvider.js +0 -88
  171. package/lib/DotProvider/hooks/useDotProvider.js +0 -83
  172. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +0 -119
  173. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -7
  174. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -7
  175. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -7
  176. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -7
  177. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -7
  178. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -7
  179. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -7
  180. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -7
  181. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -7
  182. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -7
  183. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -7
  184. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -7
  185. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -7
  186. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -7
  187. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -7
  188. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -3
  189. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -3
  190. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -3
  191. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -3
  192. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -3
  193. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -3
  194. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -3
  195. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -3
  196. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -3
  197. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -3
  198. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -3
  199. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -3
  200. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -3
  201. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -3
  202. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -3
  203. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -3
  204. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -3
  205. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -3
  206. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -3
  207. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -3
  208. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -3
  209. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -3
  210. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -3
  211. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -3
  212. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -3
  213. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -3
  214. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -3
  215. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -3
  216. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -3
  217. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -3
  218. package/lib/DotProvider/props/defaultProps.js +0 -20
  219. package/lib/DotProvider/props/propTypes.js +0 -28
  220. package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +0 -12
  221. package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +0 -39
  222. package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +0 -40
  223. package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +0 -12
  224. package/lib/DotProvider/utils/constants.js +0 -34
  225. package/lib/DotProvider/utils/errorValidation.js +0 -25
  226. package/lib/DotProvider/utils/getAssetsImportPromises.js +0 -22
  227. package/lib/DotProvider/utils/sizeAssetsConfig.js +0 -31
  228. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +0 -69
  229. package/lib/DotProvider/utils/themeColorAssetsConfig.js +0 -249
@@ -1,88 +1,88 @@
1
- .varClass {
2
- --commonalert_border_color: var(--zdt_commonalert_default_border);
3
- }
4
- .container {
5
- composes: varClass;
6
- position: relative;
7
- background-color: var(--zdt_alertlookup_bg);
8
- border-style: solid;
9
- border-color: var(--commonalert_border_color);
10
- border-width: 2px 0 0 0;
11
- }
12
- .headerLayout {
13
- min-height: var(--zd_size54) ;
14
- }
15
- [dir=ltr] .headerLayout {
16
- padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
17
- }
18
- [dir=rtl] .headerLayout {
19
- padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
20
- }
21
-
22
- .success {
23
- --commonalert_border_color: var(--zdt_commonalert_success_border);
24
- }
25
-
26
- .info,.notification {
27
- --commonalert_border_color: var(--zdt_commonalert_info_border);
28
- }
29
-
30
- .danger {
31
- --commonalert_border_color: var(--zdt_commonalert_danger_border);
32
- }
33
-
34
- .error {
35
- --commonalert_border_color: var(--zdt_commonalert_error_border);
36
- }
37
-
38
- .warning {
39
- --commonalert_border_color: var(--zdt_commonalert_warning_border);
40
- }
41
-
42
- [dir=ltr] .extraSmall {
43
- padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
44
- }
45
-
46
- [dir=rtl] .extraSmall {
47
- padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
48
- }
49
-
50
- .iconContainer {
51
- height: var(--zd_size51) ;
52
- width: var(--zd_size51) ;
53
- }
54
-
55
- .title {
56
- color: var(--zdt_alertlookupnew_text);
57
- font-size: var(--zd_font_size18) ;
58
- line-height: 1.2222;
59
- font-family: var(--zd_bold);
60
- composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
61
- vertical-align: middle;
62
- cursor: default;
63
- }
64
-
65
- [dir=ltr] .title {
66
- margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
67
- }
68
-
69
- [dir=rtl] .title {
70
- margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
71
- }
72
-
73
- .iconStyle {
74
- display: block;
75
- }
76
-
77
- .close {
78
- position: absolute;
79
- top: var(--zd_size12) ;
80
- }
81
-
82
- [dir=ltr] .close {
83
- right: var(--zd_size12) ;
84
- }
85
-
86
- [dir=rtl] .close {
87
- left: var(--zd_size12) ;
1
+ .varClass {
2
+ --commonalert_border_color: var(--zdt_commonalert_default_border);
3
+ }
4
+ .container {
5
+ composes: varClass;
6
+ position: relative;
7
+ background-color: var(--zdt_alertlookup_bg);
8
+ border-style: solid;
9
+ border-color: var(--commonalert_border_color);
10
+ border-width: 2px 0 0 0;
11
+ }
12
+ .headerLayout {
13
+ min-height: var(--zd_size54) ;
14
+ }
15
+ [dir=ltr] .headerLayout {
16
+ padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
17
+ }
18
+ [dir=rtl] .headerLayout {
19
+ padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
20
+ }
21
+
22
+ .success {
23
+ --commonalert_border_color: var(--zdt_commonalert_success_border);
24
+ }
25
+
26
+ .info,.notification {
27
+ --commonalert_border_color: var(--zdt_commonalert_info_border);
28
+ }
29
+
30
+ .danger {
31
+ --commonalert_border_color: var(--zdt_commonalert_danger_border);
32
+ }
33
+
34
+ .error {
35
+ --commonalert_border_color: var(--zdt_commonalert_error_border);
36
+ }
37
+
38
+ .warning {
39
+ --commonalert_border_color: var(--zdt_commonalert_warning_border);
40
+ }
41
+
42
+ [dir=ltr] .extraSmall {
43
+ padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
44
+ }
45
+
46
+ [dir=rtl] .extraSmall {
47
+ padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
48
+ }
49
+
50
+ .iconContainer {
51
+ height: var(--zd_size51) ;
52
+ width: var(--zd_size51) ;
53
+ }
54
+
55
+ .title {
56
+ color: var(--zdt_alertlookupnew_text);
57
+ font-size: var(--zd_font_size18) ;
58
+ line-height: 1.2222;
59
+ font-family: var(--zd_bold);
60
+ composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
61
+ vertical-align: middle;
62
+ cursor: default;
63
+ }
64
+
65
+ [dir=ltr] .title {
66
+ margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
67
+ }
68
+
69
+ [dir=rtl] .title {
70
+ margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
71
+ }
72
+
73
+ .iconStyle {
74
+ display: block;
75
+ }
76
+
77
+ .close {
78
+ position: absolute;
79
+ top: var(--zd_size12) ;
80
+ }
81
+
82
+ [dir=ltr] .close {
83
+ right: var(--zd_size12) ;
84
+ }
85
+
86
+ [dir=rtl] .close {
87
+ left: var(--zd_size12) ;
88
88
  }
@@ -1,132 +1,132 @@
1
- .varClass {
2
- --commonalert_border_color: var(--zdt_commonalert_default_border);
3
- }
4
- .container {
5
- composes: varClass;
6
- min-height: var(--zd_size54) ;
7
- position: relative;
8
- color: var(--zdt_desktopnotification_text);
9
- background-color: var(--alert_lookup_bg_color);
10
- border-style: solid;
11
- border-color: var(--commonalert_border_color);
12
- border-width: 2px 0 0 0;
13
- }
14
-
15
- .title {
16
- composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
17
- }
18
-
19
- [dir=ltr] .title {
20
- margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
21
- }
22
-
23
- [dir=rtl] .title {
24
- margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
25
- }
26
-
27
- .infoText {
28
- max-width: 100% ;
29
- }
30
-
31
- /* Palette */
32
-
33
- .success {
34
- --commonalert_border_color: var(--zdt_commonalert_success_border);
35
- }
36
-
37
- .info,.notification,.alarm {
38
- --commonalert_border_color: var(--zdt_commonalert_info_border);
39
- }
40
-
41
- .danger {
42
- --commonalert_border_color: var(--zdt_commonalert_danger_border);
43
- }
44
-
45
- .error {
46
- --commonalert_border_color: var(--zdt_commonalert_error_border);
47
- }
48
-
49
- .warning {
50
- --commonalert_border_color: var(--zdt_commonalert_warning_border);
51
- }
52
-
53
-
54
- /* Primary Header */
55
- [dir=ltr] .primary {
56
- padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
57
- }
58
- [dir=rtl] .primary {
59
- padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
60
- }
61
-
62
- .primary .iconContainer {
63
- height: var(--zd_size51) ;
64
- width: var(--zd_size51) ;
65
- }
66
-
67
- .primary .infoText {
68
- line-height: 1;
69
- }
70
-
71
- .primary .close {
72
- position: absolute;
73
- top: var(--zd_size12) ;
74
- }
75
-
76
- [dir=ltr] .primary .close {
77
- right: var(--zd_size12) ;
78
- }
79
-
80
- [dir=rtl] .primary .close {
81
- left: var(--zd_size12) ;
82
- }
83
-
84
- /* Secondary Header */
85
- .secondary {
86
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
87
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
88
- }
89
- [dir=ltr] .secondary {
90
- padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
91
- }
92
- [dir=rtl] .secondary {
93
- padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
94
- }
95
-
96
- .secondary .infoText {
97
- line-height: 1.4286;
98
- }
99
-
100
- .secondary .iconContainer {
101
- height: var(--zd_size44) ;
102
- width: var(--zd_size44) ;
103
- position: absolute;
104
- top: 0 ;
105
- bottom: 0 ;
106
- margin: auto 0 ;
107
- }
108
-
109
- [dir=ltr] .secondary .iconContainer {
110
- left: var(--zd_size18) ;
111
- }
112
-
113
- [dir=rtl] .secondary .iconContainer {
114
- right: var(--zd_size18) ;
115
- }
116
-
117
- .secondary .close {
118
- position: absolute;
119
- top: 0 ;
120
- bottom: 0 ;
121
- height: var(--zd_size25) ;
122
- }
123
-
124
- [dir=ltr] .secondary .close {
125
- right: var(--zd_size12) ;
126
- margin: auto 0 auto var(--zd_size25) ;
127
- }
128
-
129
- [dir=rtl] .secondary .close {
130
- left: var(--zd_size12) ;
131
- margin: auto var(--zd_size25) auto 0 ;
132
- }
1
+ .varClass {
2
+ --commonalert_border_color: var(--zdt_commonalert_default_border);
3
+ }
4
+ .container {
5
+ composes: varClass;
6
+ min-height: var(--zd_size54) ;
7
+ position: relative;
8
+ color: var(--zdt_desktopnotification_text);
9
+ background-color: var(--alert_lookup_bg_color);
10
+ border-style: solid;
11
+ border-color: var(--commonalert_border_color);
12
+ border-width: 2px 0 0 0;
13
+ }
14
+
15
+ .title {
16
+ composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
17
+ }
18
+
19
+ [dir=ltr] .title {
20
+ margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
21
+ }
22
+
23
+ [dir=rtl] .title {
24
+ margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
25
+ }
26
+
27
+ .infoText {
28
+ max-width: 100% ;
29
+ }
30
+
31
+ /* Palette */
32
+
33
+ .success {
34
+ --commonalert_border_color: var(--zdt_commonalert_success_border);
35
+ }
36
+
37
+ .info,.notification,.alarm {
38
+ --commonalert_border_color: var(--zdt_commonalert_info_border);
39
+ }
40
+
41
+ .danger {
42
+ --commonalert_border_color: var(--zdt_commonalert_danger_border);
43
+ }
44
+
45
+ .error {
46
+ --commonalert_border_color: var(--zdt_commonalert_error_border);
47
+ }
48
+
49
+ .warning {
50
+ --commonalert_border_color: var(--zdt_commonalert_warning_border);
51
+ }
52
+
53
+
54
+ /* Primary Header */
55
+ [dir=ltr] .primary {
56
+ padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
57
+ }
58
+ [dir=rtl] .primary {
59
+ padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
60
+ }
61
+
62
+ .primary .iconContainer {
63
+ height: var(--zd_size51) ;
64
+ width: var(--zd_size51) ;
65
+ }
66
+
67
+ .primary .infoText {
68
+ line-height: 1;
69
+ }
70
+
71
+ .primary .close {
72
+ position: absolute;
73
+ top: var(--zd_size12) ;
74
+ }
75
+
76
+ [dir=ltr] .primary .close {
77
+ right: var(--zd_size12) ;
78
+ }
79
+
80
+ [dir=rtl] .primary .close {
81
+ left: var(--zd_size12) ;
82
+ }
83
+
84
+ /* Secondary Header */
85
+ .secondary {
86
+ composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
87
+ border-radius: 0 0 var(--zd_size10) var(--zd_size10);
88
+ }
89
+ [dir=ltr] .secondary {
90
+ padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
91
+ }
92
+ [dir=rtl] .secondary {
93
+ padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
94
+ }
95
+
96
+ .secondary .infoText {
97
+ line-height: 1.4286;
98
+ }
99
+
100
+ .secondary .iconContainer {
101
+ height: var(--zd_size44) ;
102
+ width: var(--zd_size44) ;
103
+ position: absolute;
104
+ top: 0 ;
105
+ bottom: 0 ;
106
+ margin: auto 0 ;
107
+ }
108
+
109
+ [dir=ltr] .secondary .iconContainer {
110
+ left: var(--zd_size18) ;
111
+ }
112
+
113
+ [dir=rtl] .secondary .iconContainer {
114
+ right: var(--zd_size18) ;
115
+ }
116
+
117
+ .secondary .close {
118
+ position: absolute;
119
+ top: 0 ;
120
+ bottom: 0 ;
121
+ height: var(--zd_size25) ;
122
+ }
123
+
124
+ [dir=ltr] .secondary .close {
125
+ right: var(--zd_size12) ;
126
+ margin: auto 0 auto var(--zd_size25) ;
127
+ }
128
+
129
+ [dir=rtl] .secondary .close {
130
+ left: var(--zd_size12) ;
131
+ margin: auto var(--zd_size25) auto 0 ;
132
+ }