@zohodesk/dot 1.0.0-temp-186 → 1.0.0-temp-187

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 (190) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +344 -344
  2. package/.cli/PropValidationExcludeFilesArray.js +8 -8
  3. package/.cli/propValidation_report.html +1 -1
  4. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  5. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  6. package/coverage/ExternalLink/index.html +1 -1
  7. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  8. package/coverage/ExternalLink/props/index.html +1 -1
  9. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  10. package/coverage/IconButton/IconButton.js.html +1 -1
  11. package/coverage/IconButton/IconButton.module.css.html +1 -1
  12. package/coverage/IconButton/index.html +1 -1
  13. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  14. package/coverage/IconButton/props/index.html +1 -1
  15. package/coverage/IconButton/props/propTypes.js.html +1 -1
  16. package/coverage/Image/Image.js.html +1 -1
  17. package/coverage/Image/Image.module.css.html +1 -1
  18. package/coverage/Image/index.html +1 -1
  19. package/coverage/Image/props/defaultProps.js.html +1 -1
  20. package/coverage/Image/props/index.html +1 -1
  21. package/coverage/Image/props/propTypes.js.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  28. package/coverage/coverage-final.json +16 -16
  29. package/coverage/coverage-summary.json +16 -16
  30. package/coverage/index.html +1 -1
  31. package/css_error.log +1 -1
  32. package/es/ExternalLink/ExternalLink.module.css +3 -3
  33. package/es/FlipCard/FlipCard.module.css +44 -44
  34. package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
  35. package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
  36. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  37. package/es/Image/Image.module.css +11 -11
  38. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -74
  39. package/es/Link/Link.module.css +3 -3
  40. package/es/Loader/Loader.module.css +47 -47
  41. package/es/MessageBanner/MessageBanner.module.css +46 -46
  42. package/es/NewStar/NewStar.module.css +244 -244
  43. package/es/PlusIcon/PlusIcon.module.css +18 -18
  44. package/es/Upload/Upload.module.css +125 -125
  45. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  46. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  47. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  48. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  49. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  50. package/es/common/dot_animation.module.css +26 -26
  51. package/es/common/dot_boxShadow.module.css +39 -39
  52. package/es/common/dot_common.module.css +3 -3
  53. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  54. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +59 -59
  55. package/es/deprecated/utils/KeyboardApi.js +25 -25
  56. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  57. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  58. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  59. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  60. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  61. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  62. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  63. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  64. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  65. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  66. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -4
  67. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  68. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  69. package/es/form/layout/Field/Field.module.css +22 -22
  70. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  71. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  72. package/es/list/DepartmentDropDown/DepartmentDropDown.js +7 -2
  73. package/es/list/DepartmentDropDown/props/defaultProps.js +2 -1
  74. package/es/list/DepartmentDropDown/props/propTypes.js +2 -1
  75. package/es/list/DotNew/DotNew.module.css +24 -24
  76. package/es/list/Icons/Icons.module.css +16 -16
  77. package/es/list/ListStencils/ListStencils.module.css +67 -67
  78. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  79. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  80. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  81. package/es/list/TagNew/TagNew.module.css +116 -116
  82. package/es/list/listCommon.module.css +78 -78
  83. package/es/list/status/StatusListItem/StatusListItem.module.css +35 -5
  84. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  85. package/es/lookup/Section/LookupSection.module.css +8 -8
  86. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  87. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  88. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  89. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  90. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  91. package/es/setup/header/Views/Views.module.css +38 -38
  92. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  93. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  94. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  95. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  96. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  97. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  98. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  99. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  100. package/es/svg/PlusIcon.js +1 -1
  101. package/es/svg/SnippetIcon.js +2 -2
  102. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +1 -2
  103. package/es/v1/svg/PlusIcon.js +1 -1
  104. package/es/v1/svg/SnippetIcon.js +2 -2
  105. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  106. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  107. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  108. package/install.md +12 -12
  109. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  110. package/lib/FlipCard/FlipCard.module.css +44 -44
  111. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  112. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  113. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  114. package/lib/Image/Image.module.css +11 -11
  115. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -74
  116. package/lib/Link/Link.module.css +3 -3
  117. package/lib/Loader/Loader.module.css +47 -47
  118. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  119. package/lib/NewStar/NewStar.module.css +244 -244
  120. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  121. package/lib/Upload/Upload.module.css +125 -125
  122. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  123. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  124. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  125. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  126. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  127. package/lib/common/dot_animation.module.css +26 -26
  128. package/lib/common/dot_boxShadow.module.css +39 -39
  129. package/lib/common/dot_common.module.css +3 -3
  130. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  131. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +59 -59
  132. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  133. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  134. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  135. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  136. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  137. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  138. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  139. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  140. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  141. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  142. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  143. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +6 -5
  144. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  145. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  146. package/lib/form/layout/Field/Field.module.css +22 -22
  147. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  148. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  149. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +8 -3
  150. package/lib/list/DepartmentDropDown/props/defaultProps.js +2 -1
  151. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  152. package/lib/list/DotNew/DotNew.module.css +24 -24
  153. package/lib/list/Icons/Icons.module.css +16 -16
  154. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  155. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  156. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  157. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  158. package/lib/list/TagNew/TagNew.module.css +116 -116
  159. package/lib/list/listCommon.module.css +78 -78
  160. package/lib/list/status/StatusListItem/StatusListItem.module.css +35 -5
  161. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  162. package/lib/lookup/Section/LookupSection.module.css +8 -8
  163. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  164. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  165. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  166. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  167. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  168. package/lib/setup/header/Views/Views.module.css +38 -38
  169. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  170. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  171. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  172. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  173. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  174. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  175. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  176. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  177. package/lib/svg/PlusIcon.js +1 -1
  178. package/lib/svg/SnippetIcon.js +2 -2
  179. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +1 -2
  180. package/lib/v1/svg/PlusIcon.js +1 -1
  181. package/lib/v1/svg/SnippetIcon.js +2 -2
  182. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  183. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  184. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  185. package/package.json +5 -5
  186. package/postPublish.js +8 -8
  187. package/prePublish.js +70 -70
  188. package/propValidationArg.json +11 -11
  189. package/react-cli.config.js +23 -23
  190. package/result.json +1 -1
@@ -1,74 +1,74 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Image - checking "isCover" is false 1`] = `
4
- <DocumentFragment>
5
- <img
6
- alt="Lamp"
7
- class=" imgFullSize "
8
- src="https://www.w3schools.com/images/lamp.jpg"
9
- />
10
- </DocumentFragment>
11
- `;
12
-
13
- exports[`Image - rendering "dataid" value 1`] = `
14
- <DocumentFragment>
15
- <img
16
- alt="Lamp"
17
- class=" imgMaxFullSize "
18
- data-id="imageData"
19
- data-test-id="imageData"
20
- src="https://www.w3schools.com/images/lamp.jpg"
21
- />
22
- </DocumentFragment>
23
- `;
24
-
25
- exports[`Image - rendering "Id" value 1`] = `
26
- <DocumentFragment>
27
- <img
28
- alt="Lamp"
29
- class=" imgMaxFullSize "
30
- id="test"
31
- src="https://www.w3schools.com/images/lamp.jpg"
32
- />
33
- </DocumentFragment>
34
- `;
35
-
36
- exports[`Image - rendering "Original" value 1`] = `
37
- <DocumentFragment>
38
- <img
39
- alt="Lamp"
40
- class=" imgMaxFullSize "
41
- data-original="https://www.w3schools.com/images/lamp.jpg"
42
- src="https://www.w3schools.com/images/lamp.jpg"
43
- />
44
- </DocumentFragment>
45
- `;
46
-
47
- exports[`Image - rendering "alt" and "src" value 1`] = `
48
- <DocumentFragment>
49
- <img
50
- alt="Lamp"
51
- class=" imgMaxFullSize "
52
- src="https://www.w3schools.com/images/lamp.jpg"
53
- />
54
- </DocumentFragment>
55
- `;
56
-
57
- exports[`Image - rendering "title" value 1`] = `
58
- <DocumentFragment>
59
- <img
60
- alt="Lamp"
61
- class=" imgMaxFullSize "
62
- data-title="ImageTest Value"
63
- src="https://www.w3schools.com/images/lamp.jpg"
64
- />
65
- </DocumentFragment>
66
- `;
67
-
68
- exports[`Image - rendering the default props 1`] = `
69
- <DocumentFragment>
70
- <img
71
- class=" imgMaxFullSize "
72
- />
73
- </DocumentFragment>
74
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Image - checking "isCover" is false 1`] = `
4
+ <DocumentFragment>
5
+ <img
6
+ alt="Lamp"
7
+ class=" imgFullSize "
8
+ src="https://www.w3schools.com/images/lamp.jpg"
9
+ />
10
+ </DocumentFragment>
11
+ `;
12
+
13
+ exports[`Image - rendering "dataid" value 1`] = `
14
+ <DocumentFragment>
15
+ <img
16
+ alt="Lamp"
17
+ class=" imgMaxFullSize "
18
+ data-id="imageData"
19
+ data-test-id="imageData"
20
+ src="https://www.w3schools.com/images/lamp.jpg"
21
+ />
22
+ </DocumentFragment>
23
+ `;
24
+
25
+ exports[`Image - rendering "Id" value 1`] = `
26
+ <DocumentFragment>
27
+ <img
28
+ alt="Lamp"
29
+ class=" imgMaxFullSize "
30
+ id="test"
31
+ src="https://www.w3schools.com/images/lamp.jpg"
32
+ />
33
+ </DocumentFragment>
34
+ `;
35
+
36
+ exports[`Image - rendering "Original" value 1`] = `
37
+ <DocumentFragment>
38
+ <img
39
+ alt="Lamp"
40
+ class=" imgMaxFullSize "
41
+ data-original="https://www.w3schools.com/images/lamp.jpg"
42
+ src="https://www.w3schools.com/images/lamp.jpg"
43
+ />
44
+ </DocumentFragment>
45
+ `;
46
+
47
+ exports[`Image - rendering "alt" and "src" value 1`] = `
48
+ <DocumentFragment>
49
+ <img
50
+ alt="Lamp"
51
+ class=" imgMaxFullSize "
52
+ src="https://www.w3schools.com/images/lamp.jpg"
53
+ />
54
+ </DocumentFragment>
55
+ `;
56
+
57
+ exports[`Image - rendering "title" value 1`] = `
58
+ <DocumentFragment>
59
+ <img
60
+ alt="Lamp"
61
+ class=" imgMaxFullSize "
62
+ data-title="ImageTest Value"
63
+ src="https://www.w3schools.com/images/lamp.jpg"
64
+ />
65
+ </DocumentFragment>
66
+ `;
67
+
68
+ exports[`Image - rendering the default props 1`] = `
69
+ <DocumentFragment>
70
+ <img
71
+ class=" imgMaxFullSize "
72
+ />
73
+ </DocumentFragment>
74
+ `;
@@ -1,4 +1,4 @@
1
- .container {
2
- text-decoration: none;
3
- color: inherit;
1
+ .container {
2
+ text-decoration: none;
3
+ color: inherit;
4
4
  }
@@ -1,47 +1,47 @@
1
- .ajaxLoader {
2
- position: absolute;
3
- top: 0 ;
4
- }[dir=ltr] .ajaxLoader {
5
- left: 0 ;
6
- right: 0 ;
7
- }[dir=rtl] .ajaxLoader {
8
- right: 0 ;
9
- left: 0 ;
10
- }
11
- .loader {
12
- width: 100% ;
13
- /* Variable:Ignore */
14
- height: 3px;
15
- background-image: var(--zdt_loader_gradient_bg);
16
- background-size: 200% auto;
17
- }
18
- [dir=ltr] .loader {
19
- background-position: 0 100%;
20
- animation: loading-ltr 3s infinite;
21
- animation-fill-mode: forwards;
22
- animation-timing-function: linear;
23
- }
24
- [dir=rtl] .loader {
25
- background-position: 100% 100%;
26
- animation: loading-rtl 3s infinite;
27
- animation-fill-mode: forwards;
28
- animation-timing-function: linear;
29
- }
30
-
31
- @keyframes loading-ltr {
32
- 0% {
33
- background-position: 0 0;
34
- }
35
- 100% {
36
- background-position: -200% 0;
37
- }
38
- }
39
-
40
- @keyframes loading-rtl {
41
- 0% {
42
- background-position: 100% 0;
43
- }
44
- 100% {
45
- background-position: 300% 0;
46
- }
47
- }
1
+ .ajaxLoader {
2
+ position: absolute;
3
+ top: 0 ;
4
+ }[dir=ltr] .ajaxLoader {
5
+ left: 0 ;
6
+ right: 0 ;
7
+ }[dir=rtl] .ajaxLoader {
8
+ right: 0 ;
9
+ left: 0 ;
10
+ }
11
+ .loader {
12
+ width: 100% ;
13
+ /* Variable:Ignore */
14
+ height: 3px;
15
+ background-image: var(--zdt_loader_gradient_bg);
16
+ background-size: 200% auto;
17
+ }
18
+ [dir=ltr] .loader {
19
+ background-position: 0 100%;
20
+ animation: loading-ltr 3s infinite;
21
+ animation-fill-mode: forwards;
22
+ animation-timing-function: linear;
23
+ }
24
+ [dir=rtl] .loader {
25
+ background-position: 100% 100%;
26
+ animation: loading-rtl 3s infinite;
27
+ animation-fill-mode: forwards;
28
+ animation-timing-function: linear;
29
+ }
30
+
31
+ @keyframes loading-ltr {
32
+ 0% {
33
+ background-position: 0 0;
34
+ }
35
+ 100% {
36
+ background-position: -200% 0;
37
+ }
38
+ }
39
+
40
+ @keyframes loading-rtl {
41
+ 0% {
42
+ background-position: 100% 0;
43
+ }
44
+ 100% {
45
+ background-position: 300% 0;
46
+ }
47
+ }
@@ -1,46 +1,46 @@
1
- .type_secondary {
2
- max-width: var(--zd_size468) ;
3
- border-radius: 3px;
4
- margin: 0 auto ;
5
- }
6
- .message {
7
- color: var(--zdt_messagebanner_text);
8
- composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
9
- padding: var(--zd_size10) 0 ;
10
- }
11
- [dir=ltr] .message {
12
- margin-left: var(--zd_size10) ;
13
- }
14
- [dir=rtl] .message {
15
- margin-right: var(--zd_size10) ;
16
- }
17
- .link {
18
- color: var(--zdt_messagebanner_link_text);
19
- }
20
- [dir=ltr] .link {
21
- margin-left: var(--zd_size5) ;
22
- }
23
- [dir=rtl] .link {
24
- margin-right: var(--zd_size5) ;
25
- }
26
- .message,.link{font-size: var(--zd_font_size14) ;}
27
- .close {
28
- color: var(--zdt_messagebanner_close_text);
29
- cursor: pointer;
30
- }
31
- .type_primary .close:hover {
32
- background: var(--zdt_messagebanner_close_hover_bg);
33
- }
34
- .close:hover {
35
- color: var(--zdt_messagebanner_close_hover_text);
36
- }
37
-
38
- .palette_default {
39
- background: var(--zdt_messagebanner_default_bg);
40
- }
41
- .palette_blue {
42
- background: var(--zdt_messagebanner_blue_bg);
43
- }
44
- .palette_white {
45
- background: var(--zdt_messagebanner_white_text);
46
- }
1
+ .type_secondary {
2
+ max-width: var(--zd_size468) ;
3
+ border-radius: 3px;
4
+ margin: 0 auto ;
5
+ }
6
+ .message {
7
+ color: var(--zdt_messagebanner_text);
8
+ composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
9
+ padding: var(--zd_size10) 0 ;
10
+ }
11
+ [dir=ltr] .message {
12
+ margin-left: var(--zd_size10) ;
13
+ }
14
+ [dir=rtl] .message {
15
+ margin-right: var(--zd_size10) ;
16
+ }
17
+ .link {
18
+ color: var(--zdt_messagebanner_link_text);
19
+ }
20
+ [dir=ltr] .link {
21
+ margin-left: var(--zd_size5) ;
22
+ }
23
+ [dir=rtl] .link {
24
+ margin-right: var(--zd_size5) ;
25
+ }
26
+ .message,.link{font-size: var(--zd_font_size14) ;}
27
+ .close {
28
+ color: var(--zdt_messagebanner_close_text);
29
+ cursor: pointer;
30
+ }
31
+ .type_primary .close:hover {
32
+ background: var(--zdt_messagebanner_close_hover_bg);
33
+ }
34
+ .close:hover {
35
+ color: var(--zdt_messagebanner_close_hover_text);
36
+ }
37
+
38
+ .palette_default {
39
+ background: var(--zdt_messagebanner_default_bg);
40
+ }
41
+ .palette_blue {
42
+ background: var(--zdt_messagebanner_blue_bg);
43
+ }
44
+ .palette_white {
45
+ background: var(--zdt_messagebanner_white_text);
46
+ }