@zohodesk/dot 1.0.0-temp-193.10 → 1.0.0-temp-195

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 (182) hide show
  1. package/.cli/UnValidatedFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +13 -0
  4. package/es/ActionButton/ActionButton.module.css +192 -192
  5. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  6. package/es/AttachmentViewer/AttachmentViewer.js +0 -1
  7. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  8. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +0 -1
  9. package/es/ChannelIcon/ChannelIcon.module.css +225 -225
  10. package/es/FormAction/FormAction.module.css +100 -100
  11. package/es/IconButton/IconButton.module.css +22 -22
  12. package/es/TagWithIcon/TagWithIcon.module.css +66 -66
  13. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  14. package/es/common/dot_boxShadow.module.css +2 -0
  15. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  16. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  17. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  18. package/es/list/Comment/Comment.module.css +29 -29
  19. package/es/list/Dot/Dot.module.css +15 -15
  20. package/es/list/ListLayout/ListLayout.module.css +79 -79
  21. package/es/list/Subject/Subject.js +7 -3
  22. package/es/list/Subject/Subject.module.css +34 -34
  23. package/es/list/Subject/__tests__/Subject.spec.js +9 -0
  24. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +56 -1
  25. package/es/list/Subject/props/defaultProps.js +2 -1
  26. package/es/list/Subject/props/propTypes.js +2 -1
  27. package/es/list/Thread/Thread.module.css +42 -42
  28. package/es/v1/AttachmentViewer/AttachmentViewer.js +0 -1
  29. package/es/v1/list/Subject/Subject.js +7 -3
  30. package/es/v1/list/Subject/props/defaultProps.js +2 -1
  31. package/es/v1/list/Subject/props/propTypes.js +2 -1
  32. package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  33. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  34. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  35. package/lib/ActionButton/ActionButton.module.css +192 -192
  36. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  37. package/lib/AttachmentViewer/AttachmentViewer.js +0 -1
  38. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  39. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +0 -1
  40. package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
  41. package/lib/FormAction/FormAction.module.css +100 -100
  42. package/lib/IconButton/IconButton.module.css +22 -22
  43. package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
  44. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  45. package/lib/common/dot_boxShadow.module.css +2 -0
  46. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  47. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  48. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  49. package/lib/list/Comment/Comment.module.css +29 -29
  50. package/lib/list/Dot/Dot.module.css +15 -15
  51. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  52. package/lib/list/Subject/Subject.js +10 -5
  53. package/lib/list/Subject/Subject.module.css +34 -34
  54. package/lib/list/Subject/__tests__/Subject.spec.js +9 -0
  55. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +56 -1
  56. package/lib/list/Subject/props/defaultProps.js +2 -1
  57. package/lib/list/Subject/props/propTypes.js +2 -1
  58. package/lib/list/Thread/Thread.module.css +42 -42
  59. package/lib/v1/AttachmentViewer/AttachmentViewer.js +0 -1
  60. package/lib/v1/list/Subject/Subject.js +10 -5
  61. package/lib/v1/list/Subject/props/defaultProps.js +2 -1
  62. package/lib/v1/list/Subject/props/propTypes.js +2 -1
  63. package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  64. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  65. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  66. package/package.json +5 -5
  67. package/result.json +1 -1
  68. package/unittest/index.html +1 -1
  69. package/es/v1/DotProvider/DotProvider.js +0 -67
  70. package/es/v1/DotProvider/hooks/useDotProvider.js +0 -55
  71. package/es/v1/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +0 -88
  72. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -3
  73. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -3
  74. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -3
  75. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -3
  76. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -3
  77. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -3
  78. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -3
  79. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -3
  80. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -3
  81. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -3
  82. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -3
  83. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -3
  84. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -3
  85. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -3
  86. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -3
  87. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -1
  88. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -1
  89. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -1
  90. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -1
  91. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -1
  92. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -1
  93. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -1
  94. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -1
  95. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -1
  96. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -1
  97. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -1
  98. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -1
  99. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -1
  100. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -1
  101. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -1
  102. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -1
  103. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -1
  104. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -1
  105. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -1
  106. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -1
  107. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -1
  108. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -1
  109. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -1
  110. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -1
  111. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -1
  112. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -1
  113. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -1
  114. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -1
  115. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -1
  116. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -1
  117. package/es/v1/DotProvider/props/defaultProps.js +0 -11
  118. package/es/v1/DotProvider/props/propTypes.js +0 -16
  119. package/es/v1/DotProvider/utils/assetPromiseHandlers.js +0 -61
  120. package/es/v1/DotProvider/utils/constants.js +0 -14
  121. package/es/v1/DotProvider/utils/errorValidation.js +0 -14
  122. package/es/v1/DotProvider/utils/getAssetsImportPromises.js +0 -17
  123. package/es/v1/DotProvider/utils/sizeAssetsConfig.js +0 -12
  124. package/es/v1/DotProvider/utils/themeAppearanceAssetsConfig.js +0 -47
  125. package/es/v1/DotProvider/utils/themeColorAssetsConfig.js +0 -221
  126. package/lib/v1/DotProvider/DotProvider.js +0 -110
  127. package/lib/v1/DotProvider/hooks/useDotProvider.js +0 -83
  128. package/lib/v1/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +0 -107
  129. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -7
  130. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -7
  131. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -7
  132. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -7
  133. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -7
  134. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -7
  135. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -7
  136. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -7
  137. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -7
  138. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -7
  139. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -7
  140. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -7
  141. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -7
  142. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -7
  143. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -7
  144. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -3
  145. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -3
  146. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -3
  147. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -3
  148. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -3
  149. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -3
  150. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -3
  151. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -3
  152. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -3
  153. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -3
  154. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -3
  155. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -3
  156. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -3
  157. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -3
  158. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -3
  159. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -3
  160. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -3
  161. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -3
  162. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -3
  163. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -3
  164. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -3
  165. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -3
  166. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -3
  167. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -3
  168. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -3
  169. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -3
  170. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -3
  171. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -3
  172. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -3
  173. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -3
  174. package/lib/v1/DotProvider/props/defaultProps.js +0 -20
  175. package/lib/v1/DotProvider/props/propTypes.js +0 -28
  176. package/lib/v1/DotProvider/utils/assetPromiseHandlers.js +0 -80
  177. package/lib/v1/DotProvider/utils/constants.js +0 -34
  178. package/lib/v1/DotProvider/utils/errorValidation.js +0 -22
  179. package/lib/v1/DotProvider/utils/getAssetsImportPromises.js +0 -22
  180. package/lib/v1/DotProvider/utils/sizeAssetsConfig.js +0 -31
  181. package/lib/v1/DotProvider/utils/themeAppearanceAssetsConfig.js +0 -69
  182. package/lib/v1/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
+ }