@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,244 +1,244 @@
1
- .star {
2
- position: absolute;
3
- height: var(--zd_size20) ;
4
- width: var(--zd_size21) ;
5
- pointer-events: none;
6
- }
7
- .topLeft {
8
- top: 0 ;
9
- }
10
- [dir=ltr] .topLeft {
11
- transform: translate(-45%, -45%);
12
- left: 0 ;
13
- }
14
- [dir=rtl] .topLeft {
15
- transform: translate(45%, -45%);
16
- right: 0 ;
17
- }
18
- .topRight {
19
- top: 0 ;
20
- }
21
- [dir=ltr] .topRight {
22
- transform: translate(45%, -45%);
23
- right: 0 ;
24
- }
25
- [dir=rtl] .topRight {
26
- transform: translate(-45%, -45%);
27
- left: 0 ;
28
- }
29
- .bottomLeft {
30
- bottom: 0 ;
31
- }
32
- [dir=ltr] .bottomLeft {
33
- transform: translate(-45%, 45%);
34
- left: 0 ;
35
- }
36
- [dir=rtl] .bottomLeft {
37
- transform: translate(45%, 45%);
38
- right: 0 ;
39
- }
40
- .bottomRight {
41
- bottom: 0 ;
42
- }
43
- [dir=ltr] .bottomRight {
44
- transform: translate(45%, 45%);
45
- right: 0 ;
46
- }
47
- [dir=rtl] .bottomRight {
48
- transform: translate(-45%, 45%);
49
- left: 0 ;
50
- }
51
-
52
- .stars {
53
- position: absolute;
54
- }
55
-
56
- [dir=ltr] .stars {
57
- animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
58
- }
59
-
60
- [dir=rtl] .stars {
61
- animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
62
- }
63
- .green::before {
64
- color: var(--zdt_newstar_green_text);
65
- }
66
- .yellow::before {
67
- color: var(--zdt_newstar_yellow_text);
68
- }
69
- .blue::before {
70
- color: var(--zdt_newstar_blue_text);
71
- }
72
- .starOne {
73
- composes: stars;
74
- }
75
- .starTwo {
76
- composes: stars;
77
- }
78
- [dir=ltr] .starTwo {
79
- animation-delay: 0.5s;
80
- }
81
- [dir=rtl] .starTwo {
82
- animation-delay: 0.5s;
83
- }
84
- .starThree {
85
- composes: stars;
86
- }
87
- [dir=ltr] .starThree {
88
- animation-delay: 1s;
89
- }
90
- [dir=rtl] .starThree {
91
- animation-delay: 1s;
92
- }
93
-
94
- .topLeft .starOne {
95
- top: 0 ;
96
- }
97
-
98
- [dir=ltr] .topLeft .starOne {
99
- left: 0 ;
100
- }
101
-
102
- [dir=rtl] .topLeft .starOne {
103
- right: 0 ;
104
- }
105
- .topLeft .starTwo {
106
- top: 0 ;
107
- /* Variable:Ignore */
108
- }
109
- [dir=ltr] .topLeft .starTwo {
110
- left: var(--zd_size10) ;
111
- }
112
- [dir=rtl] .topLeft .starTwo {
113
- right: var(--zd_size10) ;
114
- }
115
- .topLeft .starThree {
116
- /* Variable:Ignore */
117
- top: 10px;
118
- }
119
- [dir=ltr] .topLeft .starThree {
120
- left: 0 ;
121
- }
122
- [dir=rtl] .topLeft .starThree {
123
- right: 0 ;
124
- }
125
-
126
- .topRight .starOne {
127
- top: 0 ;
128
- }
129
-
130
- [dir=ltr] .topRight .starOne {
131
- right: 0 ;
132
- }
133
-
134
- [dir=rtl] .topRight .starOne {
135
- left: 0 ;
136
- }
137
- .topRight .starTwo {
138
- top: 0 ;
139
- /* Variable:Ignore */
140
- }
141
- [dir=ltr] .topRight .starTwo {
142
- right: var(--zd_size10) ;
143
- }
144
- [dir=rtl] .topRight .starTwo {
145
- left: var(--zd_size10) ;
146
- }
147
- .topRight .starThree {
148
- /* Variable:Ignore */
149
- top: 10px;
150
- }
151
- [dir=ltr] .topRight .starThree {
152
- right: 0 ;
153
- }
154
- [dir=rtl] .topRight .starThree {
155
- left: 0 ;
156
- }
157
-
158
- .bottomLeft .starOne {
159
- bottom: 0 ;
160
- }
161
-
162
- [dir=ltr] .bottomLeft .starOne {
163
- left: 0 ;
164
- }
165
-
166
- [dir=rtl] .bottomLeft .starOne {
167
- right: 0 ;
168
- }
169
- .bottomLeft .starTwo {
170
- bottom: 0 ;
171
- /* Variable:Ignore */
172
- }
173
- [dir=ltr] .bottomLeft .starTwo {
174
- left: var(--zd_size10) ;
175
- }
176
- [dir=rtl] .bottomLeft .starTwo {
177
- right: var(--zd_size10) ;
178
- }
179
- .bottomLeft .starThree {
180
- /* Variable:Ignore */
181
- bottom: 10px;
182
- }
183
- [dir=ltr] .bottomLeft .starThree {
184
- left: 0 ;
185
- }
186
- [dir=rtl] .bottomLeft .starThree {
187
- right: 0 ;
188
- }
189
-
190
- .bottomRight .starOne {
191
- bottom: 0 ;
192
- }
193
-
194
- [dir=ltr] .bottomRight .starOne {
195
- right: 0 ;
196
- }
197
-
198
- [dir=rtl] .bottomRight .starOne {
199
- left: 0 ;
200
- }
201
- .bottomRight .starTwo {
202
- bottom: 0 ;
203
- /* Variable:Ignore */
204
- }
205
- [dir=ltr] .bottomRight .starTwo {
206
- right: var(--zd_size10) ;
207
- }
208
- [dir=rtl] .bottomRight .starTwo {
209
- left: var(--zd_size10) ;
210
- }
211
- .bottomRight .starThree {
212
- /* Variable:Ignore */
213
- bottom: 10px;
214
- }
215
- [dir=ltr] .bottomRight .starThree {
216
- right: 0 ;
217
- }
218
- [dir=rtl] .bottomRight .starThree {
219
- left: 0 ;
220
- }
221
-
222
- @keyframes twinkle {
223
- 0% {
224
- opacity: 0.5;
225
- }
226
- 50% {
227
- opacity: 1;
228
- }
229
- 100% {
230
- opacity: 0.6;
231
- }
232
- }
233
-
234
- @keyframes star-scale {
235
- 0% {
236
- transform: perspective(1px) scale(0.7);
237
- }
238
- 50% {
239
- transform: perspective(1px) scale(1, 1);
240
- }
241
- 100% {
242
- transform: perspective(1px) scale(0.7);
243
- }
244
- }
1
+ .star {
2
+ position: absolute;
3
+ height: var(--zd_size20) ;
4
+ width: var(--zd_size21) ;
5
+ pointer-events: none;
6
+ }
7
+ .topLeft {
8
+ top: 0 ;
9
+ }
10
+ [dir=ltr] .topLeft {
11
+ transform: translate(-45%, -45%);
12
+ left: 0 ;
13
+ }
14
+ [dir=rtl] .topLeft {
15
+ transform: translate(45%, -45%);
16
+ right: 0 ;
17
+ }
18
+ .topRight {
19
+ top: 0 ;
20
+ }
21
+ [dir=ltr] .topRight {
22
+ transform: translate(45%, -45%);
23
+ right: 0 ;
24
+ }
25
+ [dir=rtl] .topRight {
26
+ transform: translate(-45%, -45%);
27
+ left: 0 ;
28
+ }
29
+ .bottomLeft {
30
+ bottom: 0 ;
31
+ }
32
+ [dir=ltr] .bottomLeft {
33
+ transform: translate(-45%, 45%);
34
+ left: 0 ;
35
+ }
36
+ [dir=rtl] .bottomLeft {
37
+ transform: translate(45%, 45%);
38
+ right: 0 ;
39
+ }
40
+ .bottomRight {
41
+ bottom: 0 ;
42
+ }
43
+ [dir=ltr] .bottomRight {
44
+ transform: translate(45%, 45%);
45
+ right: 0 ;
46
+ }
47
+ [dir=rtl] .bottomRight {
48
+ transform: translate(-45%, 45%);
49
+ left: 0 ;
50
+ }
51
+
52
+ .stars {
53
+ position: absolute;
54
+ }
55
+
56
+ [dir=ltr] .stars {
57
+ animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
58
+ }
59
+
60
+ [dir=rtl] .stars {
61
+ animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
62
+ }
63
+ .green::before {
64
+ color: var(--zdt_newstar_green_text);
65
+ }
66
+ .yellow::before {
67
+ color: var(--zdt_newstar_yellow_text);
68
+ }
69
+ .blue::before {
70
+ color: var(--zdt_newstar_blue_text);
71
+ }
72
+ .starOne {
73
+ composes: stars;
74
+ }
75
+ .starTwo {
76
+ composes: stars;
77
+ }
78
+ [dir=ltr] .starTwo {
79
+ animation-delay: 0.5s;
80
+ }
81
+ [dir=rtl] .starTwo {
82
+ animation-delay: 0.5s;
83
+ }
84
+ .starThree {
85
+ composes: stars;
86
+ }
87
+ [dir=ltr] .starThree {
88
+ animation-delay: 1s;
89
+ }
90
+ [dir=rtl] .starThree {
91
+ animation-delay: 1s;
92
+ }
93
+
94
+ .topLeft .starOne {
95
+ top: 0 ;
96
+ }
97
+
98
+ [dir=ltr] .topLeft .starOne {
99
+ left: 0 ;
100
+ }
101
+
102
+ [dir=rtl] .topLeft .starOne {
103
+ right: 0 ;
104
+ }
105
+ .topLeft .starTwo {
106
+ top: 0 ;
107
+ /* Variable:Ignore */
108
+ }
109
+ [dir=ltr] .topLeft .starTwo {
110
+ left: var(--zd_size10) ;
111
+ }
112
+ [dir=rtl] .topLeft .starTwo {
113
+ right: var(--zd_size10) ;
114
+ }
115
+ .topLeft .starThree {
116
+ /* Variable:Ignore */
117
+ top: 10px;
118
+ }
119
+ [dir=ltr] .topLeft .starThree {
120
+ left: 0 ;
121
+ }
122
+ [dir=rtl] .topLeft .starThree {
123
+ right: 0 ;
124
+ }
125
+
126
+ .topRight .starOne {
127
+ top: 0 ;
128
+ }
129
+
130
+ [dir=ltr] .topRight .starOne {
131
+ right: 0 ;
132
+ }
133
+
134
+ [dir=rtl] .topRight .starOne {
135
+ left: 0 ;
136
+ }
137
+ .topRight .starTwo {
138
+ top: 0 ;
139
+ /* Variable:Ignore */
140
+ }
141
+ [dir=ltr] .topRight .starTwo {
142
+ right: var(--zd_size10) ;
143
+ }
144
+ [dir=rtl] .topRight .starTwo {
145
+ left: var(--zd_size10) ;
146
+ }
147
+ .topRight .starThree {
148
+ /* Variable:Ignore */
149
+ top: 10px;
150
+ }
151
+ [dir=ltr] .topRight .starThree {
152
+ right: 0 ;
153
+ }
154
+ [dir=rtl] .topRight .starThree {
155
+ left: 0 ;
156
+ }
157
+
158
+ .bottomLeft .starOne {
159
+ bottom: 0 ;
160
+ }
161
+
162
+ [dir=ltr] .bottomLeft .starOne {
163
+ left: 0 ;
164
+ }
165
+
166
+ [dir=rtl] .bottomLeft .starOne {
167
+ right: 0 ;
168
+ }
169
+ .bottomLeft .starTwo {
170
+ bottom: 0 ;
171
+ /* Variable:Ignore */
172
+ }
173
+ [dir=ltr] .bottomLeft .starTwo {
174
+ left: var(--zd_size10) ;
175
+ }
176
+ [dir=rtl] .bottomLeft .starTwo {
177
+ right: var(--zd_size10) ;
178
+ }
179
+ .bottomLeft .starThree {
180
+ /* Variable:Ignore */
181
+ bottom: 10px;
182
+ }
183
+ [dir=ltr] .bottomLeft .starThree {
184
+ left: 0 ;
185
+ }
186
+ [dir=rtl] .bottomLeft .starThree {
187
+ right: 0 ;
188
+ }
189
+
190
+ .bottomRight .starOne {
191
+ bottom: 0 ;
192
+ }
193
+
194
+ [dir=ltr] .bottomRight .starOne {
195
+ right: 0 ;
196
+ }
197
+
198
+ [dir=rtl] .bottomRight .starOne {
199
+ left: 0 ;
200
+ }
201
+ .bottomRight .starTwo {
202
+ bottom: 0 ;
203
+ /* Variable:Ignore */
204
+ }
205
+ [dir=ltr] .bottomRight .starTwo {
206
+ right: var(--zd_size10) ;
207
+ }
208
+ [dir=rtl] .bottomRight .starTwo {
209
+ left: var(--zd_size10) ;
210
+ }
211
+ .bottomRight .starThree {
212
+ /* Variable:Ignore */
213
+ bottom: 10px;
214
+ }
215
+ [dir=ltr] .bottomRight .starThree {
216
+ right: 0 ;
217
+ }
218
+ [dir=rtl] .bottomRight .starThree {
219
+ left: 0 ;
220
+ }
221
+
222
+ @keyframes twinkle {
223
+ 0% {
224
+ opacity: 0.5;
225
+ }
226
+ 50% {
227
+ opacity: 1;
228
+ }
229
+ 100% {
230
+ opacity: 0.6;
231
+ }
232
+ }
233
+
234
+ @keyframes star-scale {
235
+ 0% {
236
+ transform: perspective(1px) scale(0.7);
237
+ }
238
+ 50% {
239
+ transform: perspective(1px) scale(1, 1);
240
+ }
241
+ 100% {
242
+ transform: perspective(1px) scale(0.7);
243
+ }
244
+ }
@@ -1,19 +1,19 @@
1
- .container {
2
- composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
3
- border-radius: 50%;
4
- box-shadow: var(--zd_bs_plusicon_container);
5
- cursor: pointer;
6
- background-color: var(--zdt_plusicon_bg);
7
- }
8
-
9
- .plusIcon {
10
- border: 1px solid var(--zdt_plusicon_border);
11
- }
12
-
13
- .icon {
14
- color: var(--zdt_plusicon_text);
15
- }
16
-
17
- .plusIcon:hover {
18
- border-color: var(--zdt_plusicon_hover_border);
1
+ .container {
2
+ composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
3
+ border-radius: 50%;
4
+ box-shadow: var(--zd_bs_plusicon_container);
5
+ cursor: pointer;
6
+ background-color: var(--zdt_plusicon_bg);
7
+ }
8
+
9
+ .plusIcon {
10
+ border: 1px solid var(--zdt_plusicon_border);
11
+ }
12
+
13
+ .icon {
14
+ color: var(--zdt_plusicon_text);
15
+ }
16
+
17
+ .plusIcon:hover {
18
+ border-color: var(--zdt_plusicon_hover_border);
19
19
  }