@zohodesk/dot 1.4.8 → 1.4.10

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 (51) hide show
  1. package/README.md +19 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +0 -1
  3. package/assets/Appearance/light/mode/Dot_LightMode.module.css +0 -1
  4. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +0 -1
  5. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  6. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  7. package/coverage/ExternalLink/index.html +1 -1
  8. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  9. package/coverage/ExternalLink/props/index.html +1 -1
  10. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  11. package/coverage/IconButton/IconButton.js.html +1 -1
  12. package/coverage/IconButton/IconButton.module.css.html +1 -1
  13. package/coverage/IconButton/index.html +1 -1
  14. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  15. package/coverage/IconButton/props/index.html +1 -1
  16. package/coverage/IconButton/props/propTypes.js.html +1 -1
  17. package/coverage/Image/Image.js.html +1 -1
  18. package/coverage/Image/Image.module.css.html +1 -1
  19. package/coverage/Image/index.html +1 -1
  20. package/coverage/Image/props/defaultProps.js.html +1 -1
  21. package/coverage/Image/props/index.html +1 -1
  22. package/coverage/Image/props/propTypes.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  28. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  29. package/coverage/index.html +1 -1
  30. package/es/NewStar/NewStar.module.css +128 -67
  31. package/es/common/dot_boxShadow.module.css +3 -1
  32. package/es/form/fields/TextEditor/TextEditor.module.css +63 -47
  33. package/es/v1/GlobalNotification/GlobalNotification.js +51 -19
  34. package/es/v1/GlobalNotification/props/defaultProps.js +3 -1
  35. package/es/v1/GlobalNotification/props/propTypes.js +12 -2
  36. package/es/version2/GlobalNotification/GlobalNotification.js +52 -26
  37. package/es/version2/GlobalNotification/GlobalNotification.module.css +57 -6
  38. package/es/version2/GlobalNotification/props/defaultProps.js +3 -1
  39. package/es/version2/GlobalNotification/props/propTypes.js +12 -4
  40. package/lib/NewStar/NewStar.module.css +128 -67
  41. package/lib/common/dot_boxShadow.module.css +3 -1
  42. package/lib/form/fields/TextEditor/TextEditor.module.css +63 -47
  43. package/lib/v1/GlobalNotification/GlobalNotification.js +66 -17
  44. package/lib/v1/GlobalNotification/props/defaultProps.js +3 -1
  45. package/lib/v1/GlobalNotification/props/propTypes.js +17 -4
  46. package/lib/version2/GlobalNotification/GlobalNotification.js +52 -29
  47. package/lib/version2/GlobalNotification/GlobalNotification.module.css +57 -6
  48. package/lib/version2/GlobalNotification/props/defaultProps.js +3 -1
  49. package/lib/version2/GlobalNotification/props/propTypes.js +12 -4
  50. package/package.json +5 -5
  51. package/result.json +1 -1
package/es/version2/GlobalNotification/props/defaultProps.js CHANGED
@@ -1,4 +1,6 @@
1
1
  export const defaultProps = {
2
2
  customProps: {},
3
- dataSelectorId: 'globalNotification'
3
+ dataSelectorId: 'globalNotification',
4
+ needAutoClose: true,
5
+ hideTime: 3000
4
6
  };
package/es/version2/GlobalNotification/props/propTypes.js CHANGED
@@ -9,19 +9,27 @@ export const propTypes = {
9
9
  i18nKeys: PropTypes.object,
10
10
  customProps: PropTypes.shape({
11
11
  ExtraProps: PropTypes.object
12
- })
12
+ }),
13
+ id: PropTypes.number,
14
+ hideTime: PropTypes.number,
15
+ needAutoClose: PropTypes.bool,
16
+ isCollapseView: PropTypes.bool,
17
+ shadowCount: PropTypes.number,
18
+ needShadow: PropTypes.bool
13
19
  };
14
20
  export const UI_propTypes = {
15
21
  dataSelectorId: PropTypes.string,
16
- onClose: PropTypes.func,
17
22
  closeTitle: PropTypes.string,
18
- hideMessage: PropTypes.func,
19
23
  message: PropTypes.string,
20
24
  onClick: PropTypes.func,
21
25
  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
22
26
  customProps: PropTypes.shape({
23
27
  ExtraProps: PropTypes.object
24
- })
28
+ }),
29
+ needShadow: PropTypes.bool,
30
+ shadowCount: PropTypes.number,
31
+ id: PropTypes.number,
32
+ onClose: PropTypes.func
25
33
  };
26
34
  export const new_propTypes = {
27
35
  Element: PropTypes.element,
package/lib/NewStar/NewStar.module.css CHANGED
@@ -2,6 +2,7 @@
2
2
  position: absolute;
3
3
  height: var(--zd_size20) ;
4
4
  width: var(--zd_size21) ;
5
+ pointer-events: none;
5
6
  }
6
7
  .topLeft {
7
8
  top: 0 ;
@@ -90,73 +91,133 @@
90
91
  animation-delay: 1s;
91
92
  }
92
93
 
93
- .topLeft .starOne{top:0 }
94
-
95
- [dir=ltr] .topLeft .starOne{
96
- left:0 }
97
-
98
- [dir=rtl] .topLeft .starOne{right:0 }
99
- .topLeft .starTwo{top:0
100
- /* Variable:Ignore */}
101
- [dir=ltr] .topLeft .starTwo{
102
- left:var(--zd_size10) }
103
- [dir=rtl] .topLeft .starTwo{right:var(--zd_size10) }
104
- .topLeft .starThree{
105
- /* Variable:Ignore */top:10px}
106
- [dir=ltr] .topLeft .starThree{
107
- left:0 }
108
- [dir=rtl] .topLeft .starThree{right:0 }
109
-
110
- .topRight .starOne{top:0 }
111
-
112
- [dir=ltr] .topRight .starOne{
113
- right:0 }
114
-
115
- [dir=rtl] .topRight .starOne{left:0 }
116
- .topRight .starTwo{top:0
117
- /* Variable:Ignore */}
118
- [dir=ltr] .topRight .starTwo{
119
- right:var(--zd_size10) }
120
- [dir=rtl] .topRight .starTwo{left:var(--zd_size10) }
121
- .topRight .starThree{
122
- /* Variable:Ignore */top:10px}
123
- [dir=ltr] .topRight .starThree{
124
- right:0 }
125
- [dir=rtl] .topRight .starThree{left:0 }
126
-
127
- .bottomLeft .starOne{bottom:0 }
128
-
129
- [dir=ltr] .bottomLeft .starOne{
130
- left:0 }
131
-
132
- [dir=rtl] .bottomLeft .starOne{right:0 }
133
- .bottomLeft .starTwo{bottom:0
134
- /* Variable:Ignore */}
135
- [dir=ltr] .bottomLeft .starTwo{
136
- left:var(--zd_size10) }
137
- [dir=rtl] .bottomLeft .starTwo{right:var(--zd_size10) }
138
- .bottomLeft .starThree{
139
- /* Variable:Ignore */bottom:10px}
140
- [dir=ltr] .bottomLeft .starThree{
141
- left:0 }
142
- [dir=rtl] .bottomLeft .starThree{right:0 }
143
-
144
- .bottomRight .starOne{bottom:0 }
145
-
146
- [dir=ltr] .bottomRight .starOne{
147
- right:0 }
148
-
149
- [dir=rtl] .bottomRight .starOne{left:0 }
150
- .bottomRight .starTwo{bottom:0
151
- /* Variable:Ignore */}
152
- [dir=ltr] .bottomRight .starTwo{
153
- right:var(--zd_size10) }
154
- [dir=rtl] .bottomRight .starTwo{left:var(--zd_size10) }
155
- .bottomRight .starThree{
156
- /* Variable:Ignore */bottom:10px}
157
- [dir=ltr] .bottomRight .starThree{
158
- right:0 }
159
- [dir=rtl] .bottomRight .starThree{left:0 }
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
+ }
160
221
 
161
222
  @keyframes twinkle {
162
223
  0% {
package/lib/common/dot_boxShadow.module.css CHANGED
@@ -31,8 +31,10 @@
31
31
  --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
32
32
 
33
33
  /* global notification */
34
- --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--globalnotification_box_shadow));
34
+ --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0px 4px 4px 0px var(--zdt_message_default_box_shadow));
35
35
 
36
36
  /* desktop notification */
37
37
  --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
+
39
+
38
40
  }
package/lib/form/fields/TextEditor/TextEditor.module.css CHANGED
@@ -77,20 +77,20 @@
77
77
  background-color: transparent;
78
78
  }
79
79
 
80
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
81
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
82
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
83
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
84
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
85
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
86
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
87
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
88
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
89
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
80
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
81
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
82
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
83
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
84
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
85
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
86
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
87
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
88
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
89
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
90
90
  color: var(--zdt_texteditor_default_text);
91
91
  }
92
92
 
93
- .small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
93
+ .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
94
94
  background-color: var(--zdt_texteditor_menu_li_bg);
95
95
  }
96
96
 
@@ -101,10 +101,10 @@
101
101
  /* large type editor - ticket add form editor */
102
102
  .large :global .KB_Editor,
103
103
  .large :global .KB_Editor_menus .KB_Editor_MultiTools,
104
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
104
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
105
105
  .default :global .KB_Editor,
106
106
  .default :global .KB_Editor_menus .KB_Editor_MultiTools,
107
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
107
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
108
108
  display: -webkit-box;
109
109
  display: -ms-flexbox;
110
110
  display: flex;
@@ -160,24 +160,24 @@
160
160
  min-height: inherit ;
161
161
  }
162
162
 
163
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
164
- .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
163
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
164
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
165
165
  height: unset;
166
166
  -webkit-box-align: center;
167
167
  -ms-flex-align: center;
168
168
  align-items: center;
169
169
  }
170
170
 
171
- .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
171
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
172
172
  padding: 0 ;
173
173
  float: unset;
174
174
  }
175
175
 
176
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
176
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
177
177
  margin-right: 0 ;
178
178
  }
179
179
 
180
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
180
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
181
181
  margin-left: 0 ;
182
182
  }
183
183
 
@@ -190,14 +190,14 @@
190
190
  float: unset !important;
191
191
  }
192
192
 
193
- .large :global .KB_Editor_menus>ul>li>span>svg,
194
- .default :global .KB_Editor_menus>ul>li>span>svg {
193
+ .large :global .KB_Editor_menus > ul > li > span > svg,
194
+ .default :global .KB_Editor_menus > ul > li > span > svg {
195
195
  width: var(--zd_size28) ;
196
196
  height: var(--zd_size28) ;
197
197
  }
198
198
 
199
- .large :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg,
200
- .default :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
199
+ .large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
200
+ .default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
201
201
  width: var(--zd_size8) ;
202
202
  height: var(--zd_size8) ;
203
203
  }
@@ -241,18 +241,18 @@
241
241
  left: 0 ;
242
242
  }
243
243
 
244
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
244
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
245
245
  margin-right: var(--zd_size2) ;
246
246
  }
247
247
 
248
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
248
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
249
249
  margin-left: var(--zd_size2) ;
250
250
  }
251
251
 
252
252
  /* xlarge type editor - reply area, blue print cases - full height hover style */
253
253
  .xlarge :global .KB_Editor,
254
254
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
255
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
255
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
256
256
  display: -webkit-box;
257
257
  display: -ms-flexbox;
258
258
  display: flex;
@@ -293,7 +293,7 @@
293
293
  min-height: inherit ;
294
294
  }
295
295
 
296
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
296
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
297
297
  height: unset;
298
298
  -webkit-box-align: center;
299
299
  -ms-flex-align: center;
@@ -302,11 +302,11 @@
302
302
  float: unset;
303
303
  }
304
304
 
305
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
305
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
306
306
  margin-right: 0 ;
307
307
  }
308
308
 
309
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
309
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
310
310
  margin-left: 0 ;
311
311
  }
312
312
 
@@ -324,12 +324,12 @@
324
324
  padding: var(--zd_size6) ;
325
325
  }
326
326
 
327
- .xlarge :global .KB_Editor_menus>ul>li>span>svg {
327
+ .xlarge :global .KB_Editor_menus > ul > li > span > svg {
328
328
  width: var(--zd_size22) ;
329
329
  height: var(--zd_size22) ;
330
330
  }
331
331
 
332
- .xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
332
+ .xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
333
333
  width: var(--zd_size8) ;
334
334
  height: var(--zd_size8) ;
335
335
  }
@@ -354,13 +354,13 @@
354
354
  left: 0 ;
355
355
  }
356
356
 
357
- .xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
357
+ .xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
358
358
  width: var(--zd_size17) ;
359
359
  height: var(--zd_size21) ;
360
360
  padding: 0 var(--zd_size7) ;
361
361
  }
362
362
 
363
- .xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
363
+ .xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
364
364
  width: var(--zd_size16) ;
365
365
  height: var(--zd_size16) ;
366
366
  padding: 0 var(--zd_size9) ;
@@ -393,16 +393,31 @@
393
393
  padding: 0 var(--zd_size7) ;
394
394
  }
395
395
 
396
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
396
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
397
397
  width: var(--zd_size12) ;
398
398
  height: var(--zd_size12) ;
399
399
  }
400
400
 
401
- .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
401
+ .xlarge
402
+ :global
403
+ .KB_Editor_menus
404
+ > ul
405
+ > li
406
+ > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
407
+ .TemplateIcon
408
+ ):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
402
409
  height: var(--zd_size21) ;
403
410
  }
404
411
 
405
- .xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)>svg {
412
+ .xlarge
413
+ :global
414
+ .KB_Editor_menus
415
+ > ul
416
+ > li
417
+ > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
418
+ .TemplateIcon
419
+ )
420
+ > svg {
406
421
  width: var(--zd_size21) ;
407
422
  height: var(--zd_size21) ;
408
423
  padding: 0 var(--zd_size4) ;
@@ -427,7 +442,7 @@
427
442
  /* medium type editor - snippet, bug tracker cases */
428
443
  .medium :global .KB_Editor,
429
444
  .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
430
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
445
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
431
446
  display: -webkit-box;
432
447
  display: -ms-flexbox;
433
448
  display: flex;
@@ -468,7 +483,7 @@
468
483
  min-height: inherit ;
469
484
  }
470
485
 
471
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
486
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
472
487
  height: unset;
473
488
  -webkit-box-align: center;
474
489
  -ms-flex-align: center;
@@ -481,21 +496,21 @@
481
496
  line-height: 0;
482
497
  }
483
498
 
484
- .medium :global .KB_Editor_menus>ul>li>span>svg {
499
+ .medium :global .KB_Editor_menus > ul > li > span > svg {
485
500
  width: var(--zd_size22) ;
486
501
  height: var(--zd_size22) ;
487
502
  }
488
503
 
489
- .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
504
+ .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
490
505
  width: var(--zd_size8) ;
491
506
  height: var(--zd_size8) ;
492
507
  }
493
508
 
494
- [dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
509
+ [dir=ltr] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
495
510
  padding: 0 0 0 var(--zd_size2) ;
496
511
  }
497
512
 
498
- [dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
513
+ [dir=rtl] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
499
514
  padding: 0 var(--zd_size2) 0 0 ;
500
515
  }
501
516
 
@@ -532,7 +547,7 @@
532
547
  padding: 0 var(--zd_size3) ;
533
548
  }
534
549
 
535
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
550
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
536
551
  width: var(--zd_size12) ;
537
552
  height: var(--zd_size12) ;
538
553
  }
@@ -612,13 +627,13 @@
612
627
  line-height: 0;
613
628
  }
614
629
 
615
- .small :global .KB_Editor_menus>ul>li>span>svg,
616
- .mini :global .KB_Editor_menus>ul>li>span>svg {
630
+ .small :global .KB_Editor_menus > ul > li > span > svg,
631
+ .mini :global .KB_Editor_menus > ul > li > span > svg {
617
632
  width: var(--zd_size25) ;
618
633
  height: var(--zd_size25) ;
619
634
  }
620
635
 
621
- .small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
636
+ .small :global .KB_Editor_menus > ul > li > span > svg, .mini :global .KB_Editor_menus > ul > li > span > svg {
622
637
  padding: 0 var(--zd_size6) ;
623
638
  }
624
639
 
@@ -759,7 +774,8 @@
759
774
  position: absolute !important;
760
775
  top: 0 ;
761
776
  opacity: 0;
762
- visibility: hidden;
777
+ /* visibility: hidden; */
778
+ z-index: -1;
763
779
  }
764
780
 
765
781
  [dir=ltr] .editorHide :global .KB_Editor {
@@ -768,4 +784,4 @@
768
784
 
769
785
  [dir=rtl] .editorHide :global .KB_Editor {
770
786
  right: 0 ;
771
- }
787
+ }