@zohodesk/dot 1.0.0-temp-145 → 1.0.0-temp-146

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 (116) hide show
  1. package/README.md +16 -0
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +304 -303
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +299 -298
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
  14. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +307 -306
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
  20. package/css_error.log +1 -0
  21. package/es/AttachmentViewer/AttachmentViewer.module.css +4 -5
  22. package/es/Drawer/Drawer.module.css +42 -3
  23. package/es/FreezeLayer/FreezeLayer.js +2 -7
  24. package/es/FreezeLayer/props/propTypes.js +2 -1
  25. package/es/FreezeLayer/useFreezeLayer.js +0 -2
  26. package/es/Message/Message.module.css +1 -1
  27. package/es/PlusIcon/PlusIcon.module.css +5 -2
  28. package/es/Provider/Config.js +1 -2
  29. package/es/TagWithIcon/TagWithIcon.js +41 -0
  30. package/es/TagWithIcon/TagWithIcon.module.css +56 -0
  31. package/es/TagWithIcon/props/defaultProps.js +8 -0
  32. package/es/TagWithIcon/props/propTypes.js +12 -0
  33. package/es/ToastMessage/ToastMessage.module.css +7 -6
  34. package/es/common/dot_boxShadow.module.css +38 -0
  35. package/es/common/dot_docStyle.module.css +35 -0
  36. package/es/form/fields/TextEditor/TextEditor.js +16 -10
  37. package/es/form/fields/TextEditor/TextEditor.module.css +161 -63
  38. package/es/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  39. package/es/list/DotNew/DotNew.module.css +8 -5
  40. package/es/list/TagNew/TagNew.module.css +4 -2
  41. package/es/lookup/Section/LookupSection.module.css +2 -2
  42. package/es/lookup/Section/Section.js +0 -1
  43. package/es/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  44. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -2
  45. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +0 -1
  46. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  47. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  48. package/lib/AttachmentViewer/AttachmentImage.js +1 -1
  49. package/lib/AttachmentViewer/AttachmentViewer.module.css +4 -5
  50. package/lib/Drawer/Drawer.module.css +42 -3
  51. package/lib/ExternalLink/ExternalLink.js +1 -1
  52. package/lib/FreezeLayer/FreezeLayer.js +2 -10
  53. package/lib/FreezeLayer/props/propTypes.js +4 -2
  54. package/lib/FreezeLayer/useFreezeLayer.js +0 -2
  55. package/lib/Message/Message.module.css +1 -1
  56. package/lib/PlusIcon/PlusIcon.module.css +5 -2
  57. package/lib/Provider/Config.js +1 -2
  58. package/lib/TagWithIcon/TagWithIcon.js +71 -0
  59. package/lib/TagWithIcon/TagWithIcon.module.css +56 -0
  60. package/lib/TagWithIcon/props/defaultProps.js +15 -0
  61. package/lib/TagWithIcon/props/propTypes.js +20 -0
  62. package/lib/ToastMessage/ToastMessage.js +2 -1
  63. package/lib/ToastMessage/ToastMessage.module.css +7 -6
  64. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  65. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  66. package/lib/common/dot_boxShadow.module.css +38 -0
  67. package/lib/common/dot_docStyle.module.css +35 -0
  68. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  69. package/lib/form/fields/CurrencyField/CurrencyField.js +1 -1
  70. package/lib/form/fields/DateField/DateField.js +1 -1
  71. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  72. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  73. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  74. package/lib/form/fields/RadioField/RadioField.js +1 -1
  75. package/lib/form/fields/SelectField/SelectField.js +1 -1
  76. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +1 -1
  77. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  78. package/lib/form/fields/TextEditor/TextEditor.js +18 -11
  79. package/lib/form/fields/TextEditor/TextEditor.module.css +161 -63
  80. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  81. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  82. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  83. package/lib/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  84. package/lib/list/DotNew/DotNew.module.css +8 -5
  85. package/lib/list/ListStencils/ListStencils.js +1 -1
  86. package/lib/list/SecondaryText/AccountName.js +1 -1
  87. package/lib/list/SecondaryText/Email.js +1 -1
  88. package/lib/list/SecondaryText/HappinessRating.js +1 -1
  89. package/lib/list/SecondaryText/PhoneNumber.js +1 -1
  90. package/lib/list/SecondaryText/Website.js +1 -1
  91. package/lib/list/SecondryPanel/SecondryPanel.js +1 -1
  92. package/lib/list/TagNew/TagNew.module.css +4 -2
  93. package/lib/list/status/StatusListItem/StatusListItem.js +1 -1
  94. package/lib/lookup/EmptyPage/EmptyPage.js +1 -1
  95. package/lib/lookup/Lookup/Lookup.js +1 -1
  96. package/lib/lookup/Section/LookupSection.module.css +2 -2
  97. package/lib/lookup/Section/Section.js +0 -1
  98. package/lib/lookup/header/Close/Close.js +1 -1
  99. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  100. package/lib/lookup/header/Search/Search.js +1 -1
  101. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  102. package/lib/lookup/header/Title/Title.js +1 -1
  103. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  104. package/lib/version2/AlertClose/AlertClose.js +1 -1
  105. package/lib/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  106. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -2
  107. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +0 -1
  108. package/lib/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  109. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  110. package/package.json +10 -18
  111. package/es/Hooks/Dragger/css/Dragger.module.css +0 -3
  112. package/es/Hooks/Dragger/useDragger.js +0 -74
  113. package/es/Hooks/Dragger/utils/DraggerUtil.js +0 -33
  114. package/lib/Hooks/Dragger/css/Dragger.module.css +0 -3
  115. package/lib/Hooks/Dragger/useDragger.js +0 -80
  116. package/lib/Hooks/Dragger/utils/DraggerUtil.js +0 -65
@@ -11,47 +11,59 @@
11
11
  color: inherit;
12
12
  fill: currentColor;
13
13
  }
14
+
14
15
  .small {
15
16
  width: var(--zd_size15);
16
17
  height: var(--zd_size15);
17
18
  }
19
+
18
20
  .threeDotIcon {
19
21
  display: inline-block;
20
22
  }
23
+
21
24
  [dir=ltr] .threeDotIcon {
22
25
  transform: rotate(90deg);
23
26
  }
27
+
24
28
  [dir=rtl] .threeDotIcon {
25
29
  transform: rotate(-90deg);
26
30
  }
31
+
27
32
  .textEditor * {
28
33
  box-sizing: initial;
29
34
  line-height: initial;
30
35
  font-family: var(--zd_regular);
31
36
  }
37
+
32
38
  .textEditor {
33
39
  height: 100%;
34
40
  width: 100%;
35
41
  }
42
+
36
43
  .textEditor :global .KB_Editor {
37
44
  box-sizing: border-box;
38
45
  }
46
+
39
47
  .light :global .KB_Editor {
40
48
  color: var(--zdt_texteditor_default_text);
41
49
  background-color: var(--zdt_texteditor_default_bg);
42
50
  }
51
+
43
52
  .night :global .KB_Editor {
44
53
  color: var(--zdt_texteditor_night_text);
45
54
  background-color: var(--zdt_texteditor_night_bg);
46
55
  }
56
+
47
57
  .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {
48
58
  background-color: var(--zdt_texteditor_menu_bg);
49
59
  box-shadow: none;
50
60
  }
61
+
51
62
  .medium.borderTop :global .KB_Editor, .large.borderTop :global .KB_Editor, .xlarge.borderTop :global .KB_Editor, .default.borderTop :global .KB_Editor {
52
63
  border: 0;
53
64
  border-top: 1px solid var(--zdt_texteditor_default_border);
54
65
  }
66
+
55
67
  .medium.borderAll :global .KB_Editor, .large.borderAll :global .KB_Editor, .xlarge.borderAll :global .KB_Editor, .default.borderAll :global .KB_Editor {
56
68
  border: solid 1px var(--zdt_texteditor_default_border);
57
69
  }
@@ -65,37 +77,39 @@
65
77
  background-color: transparent;
66
78
  }
67
79
 
68
- .small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
69
- .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
70
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
71
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
72
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
73
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
74
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
75
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
76
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
77
- .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 {
78
90
  color: var(--zdt_texteditor_default_text);
79
91
  }
80
92
 
81
- .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 {
82
94
  background-color: var(--zdt_texteditor_menu_li_bg);
83
95
  }
84
96
 
85
97
  .textEditor :global .KB_Editor_MultiTools li .Kbeditor_more_icon svg {
86
98
  fill: var(--zdt_texteditor_more_icon_fill);
87
99
  }
100
+
88
101
  /* large type editor - ticket add form editor */
89
102
  .large :global .KB_Editor,
90
103
  .large :global .KB_Editor_menus .KB_Editor_MultiTools,
91
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
104
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
92
105
  .default :global .KB_Editor,
93
106
  .default :global .KB_Editor_menus .KB_Editor_MultiTools,
94
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
107
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
95
108
  display: -webkit-box;
96
109
  display: -ms-flexbox;
97
110
  display: flex;
98
111
  }
112
+
99
113
  .large :global .KB_Editor,
100
114
  .default :global .KB_Editor {
101
115
  width: 100%;
@@ -106,9 +120,11 @@
106
120
  -ms-flex-direction: column;
107
121
  flex-direction: column;
108
122
  }
123
+
109
124
  .large :global .KB_Editor {
110
125
  height: var(--zd_size270);
111
126
  }
127
+
112
128
  .default :global .KB_Editor {
113
129
  height: 100%;
114
130
  }
@@ -124,63 +140,78 @@
124
140
  min-width: 0;
125
141
  min-height: auto;
126
142
  }
143
+
127
144
  .large :global .KB_Editor_menus,
128
145
  .default :global .KB_Editor_menus {
129
- min-height: unset; /* check point 1 */
146
+ min-height: unset;
147
+ /* check point 1 */
130
148
  flex: 0 0 auto;
131
149
  }
150
+
132
151
  .large :global .KB_Editor_menus, .default :global .KB_Editor_menus {
133
152
  padding: var(--zd_size6);
134
153
  border-bottom: 0;
135
154
  }
155
+
136
156
  .large :global .KB_Editor_menus .KB_Editor_MultiTools,
137
157
  .default :global .KB_Editor_menus .KB_Editor_MultiTools {
138
158
  -ms-flex-wrap: wrap;
139
159
  flex-wrap: wrap;
140
160
  min-height: inherit;
141
161
  }
142
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
143
- .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
162
+
163
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
164
+ .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
144
165
  height: unset;
145
166
  -webkit-box-align: center;
146
167
  -ms-flex-align: center;
147
168
  align-items: center;
148
169
  }
149
- .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
170
+
171
+ .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
150
172
  padding: 0;
151
173
  float: unset;
152
174
  }
153
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
175
+
176
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
154
177
  margin-right: 0;
155
178
  }
156
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
179
+
180
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
157
181
  margin-left: 0;
158
182
  }
183
+
159
184
  .large :global .KB_Editor_menus .KB_Editor_MultiTools li span,
160
185
  .default :global .KB_Editor_menus .KB_Editor_MultiTools li span {
161
186
  line-height: 0;
162
187
  }
188
+
163
189
  .large :global .KB_Editor_menus .KB_Editor_MultiTools li.fright, .defaults :global .KB_Editor_menus .KB_Editor_MultiTools li.fright {
164
190
  float: unset !important;
165
191
  }
166
- .large :global .KB_Editor_menus > ul > li > span > svg,
167
- .default :global .KB_Editor_menus > ul > li > span > svg {
192
+
193
+ .large :global .KB_Editor_menus>ul>li>span>svg,
194
+ .default :global .KB_Editor_menus>ul>li>span>svg {
168
195
  width: var(--zd_size28);
169
196
  height: var(--zd_size28);
170
197
  }
171
- .large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
172
- .default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
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 {
173
201
  width: var(--zd_size8);
174
202
  height: var(--zd_size8);
175
203
  }
204
+
176
205
  .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg,
177
206
  .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
178
207
  height: var(--zd_size10);
179
208
  width: var(--zd_size17);
180
209
  }
210
+
181
211
  .large :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg, .default :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
182
212
  padding: var(--zd_size7) var(--zd_size5);
183
213
  }
214
+
184
215
  .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
185
216
  .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type,
186
217
  .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
@@ -191,35 +222,42 @@
191
222
  .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
192
223
  line-height: unset;
193
224
  }
225
+
194
226
  .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .large :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .large :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .default :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .default :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
195
227
  padding: var(--zd_size3) var(--zd_size6);
196
228
  }
229
+
197
230
  .large :global .KB_Editor_menus .ze_spell,
198
231
  .default :global .KB_Editor_menus .ze_spell {
199
232
  top: initial;
200
233
  bottom: calc(var(--zd_size32) * -1);
201
234
  }
235
+
202
236
  [dir=ltr] .large :global .KB_Editor_menus .ze_spell, [dir=ltr] .default :global .KB_Editor_menus .ze_spell {
203
237
  right: 0;
204
238
  }
239
+
205
240
  [dir=rtl] .large :global .KB_Editor_menus .ze_spell, [dir=rtl] .default :global .KB_Editor_menus .ze_spell {
206
241
  left: 0;
207
242
  }
208
- [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
243
+
244
+ [dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
209
245
  margin-right: var(--zd_size2);
210
246
  }
211
- [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
247
+
248
+ [dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
212
249
  margin-left: var(--zd_size2);
213
250
  }
214
251
 
215
252
  /* xlarge type editor - reply area, blue print cases - full height hover style */
216
253
  .xlarge :global .KB_Editor,
217
254
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
218
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
255
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
219
256
  display: -webkit-box;
220
257
  display: -ms-flexbox;
221
258
  display: flex;
222
259
  }
260
+
223
261
  .xlarge :global .KB_Editor {
224
262
  height: 100%;
225
263
  width: 100%;
@@ -240,17 +278,21 @@
240
278
  min-height: 0;
241
279
  min-width: 0;
242
280
  }
281
+
243
282
  .xlarge :global .KB_Editor_menus {
244
- min-height: 37px; /* check point 1 */
283
+ min-height: 37px;
284
+ /* check point 1 */
245
285
  flex: 0 0 auto;
246
286
  padding: 0;
247
287
  }
288
+
248
289
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools {
249
290
  -ms-flex-wrap: wrap;
250
291
  flex-wrap: wrap;
251
292
  min-height: inherit;
252
293
  }
253
- .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
294
+
295
+ .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
254
296
  height: unset;
255
297
  -webkit-box-align: center;
256
298
  -ms-flex-align: center;
@@ -258,60 +300,74 @@
258
300
  padding: 0;
259
301
  float: unset;
260
302
  }
261
- [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
303
+
304
+ [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
262
305
  margin-right: 0;
263
306
  }
264
- [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
307
+
308
+ [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
265
309
  margin-left: 0;
266
310
  }
311
+
267
312
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools li span {
268
313
  line-height: 0;
269
314
  }
315
+
270
316
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div,
271
317
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText,
272
318
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
273
319
  line-height: 0;
274
320
  }
321
+
275
322
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Bdr_div, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
276
323
  padding: var(--zd_size6);
277
324
  }
278
- .xlarge :global .KB_Editor_menus > ul > li > span > svg {
325
+
326
+ .xlarge :global .KB_Editor_menus>ul>li>span>svg {
279
327
  width: var(--zd_size22);
280
328
  height: var(--zd_size22);
281
329
  }
282
- .xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
330
+
331
+ .xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
283
332
  width: var(--zd_size8);
284
333
  height: var(--zd_size8);
285
334
  }
335
+
286
336
  .xlarge :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
287
337
  height: var(--zd_size9);
288
338
  width: var(--zd_size17);
289
339
  padding: var(--zd_size7) var(--zd_size5);
290
340
  }
341
+
291
342
  .xlarge :global .KB_Editor_menus .ze_spell {
292
343
  top: initial;
293
344
  bottom: -32px;
294
345
  }
346
+
295
347
  [dir=ltr] .xlarge :global .KB_Editor_menus .ze_spell {
296
348
  right: 0;
297
349
  }
350
+
298
351
  [dir=rtl] .xlarge :global .KB_Editor_menus .ze_spell {
299
352
  left: 0;
300
353
  }
301
354
 
302
- .xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
355
+ .xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
303
356
  width: var(--zd_size17);
304
357
  height: var(--zd_size21);
305
358
  padding: 0 var(--zd_size7);
306
359
  }
307
- .xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
360
+
361
+ .xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
308
362
  width: var(--zd_size16);
309
363
  height: var(--zd_size16);
310
364
  padding: 0 var(--zd_size9);
311
365
  }
366
+
312
367
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon {
313
368
  position: relative;
314
369
  }
370
+
315
371
  .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
316
372
  content: '';
317
373
  position: absolute;
@@ -319,50 +375,49 @@
319
375
  width: var(--zd_size1);
320
376
  top: 0;
321
377
  }
378
+
322
379
  [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
323
380
  border-right: 1px solid var(--zdt_texteditor_default_border);
324
381
  right: 0;
325
382
  }
383
+
326
384
  [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .SnippetIcon::after {
327
385
  border-left: 1px solid var(--zdt_texteditor_default_border);
328
386
  left: 0;
329
387
  }
388
+
330
389
  .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
331
390
  top: initial;
332
391
  padding: 0 var(--zd_size7);
333
392
  }
334
- .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
393
+
394
+ .xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
335
395
  width: var(--zd_size12);
336
396
  height: var(--zd_size12);
337
397
  }
338
- .xlarge
339
- :global
340
- .KB_Editor_menus
341
- > ul
342
- > li
343
- > 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) {
398
+
399
+ .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) {
344
400
  height: var(--zd_size21);
345
401
  }
346
- .xlarge
347
- :global
348
- .KB_Editor_menus
349
- > ul
350
- > li
351
- > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)
352
- > svg {
402
+
403
+ .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 {
353
404
  width: var(--zd_size21);
354
405
  height: var(--zd_size21);
355
406
  padding: 0 var(--zd_size4);
356
407
  }
408
+
357
409
  [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
358
410
  padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
359
411
  }
412
+
360
413
  [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_PlainText {
361
414
  padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
362
415
  }
416
+
363
417
  [dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
364
418
  padding: var(--zd_size8) var(--zd_size4) var(--zd_size7) var(--zd_size8);
365
419
  }
420
+
366
421
  [dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools .KB_Editor_Richtext {
367
422
  padding: var(--zd_size8) var(--zd_size8) var(--zd_size7) var(--zd_size4);
368
423
  }
@@ -370,11 +425,12 @@
370
425
  /* medium type editor - snippet, bug tracker cases */
371
426
  .medium :global .KB_Editor,
372
427
  .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
373
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
428
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
374
429
  display: -webkit-box;
375
430
  display: -ms-flexbox;
376
431
  display: flex;
377
432
  }
433
+
378
434
  .medium :global .KB_Editor {
379
435
  height: 100%;
380
436
  width: 100%;
@@ -395,18 +451,22 @@
395
451
  min-height: 0;
396
452
  min-width: 0;
397
453
  }
454
+
398
455
  .medium :global .KB_Editor_menus {
399
- min-height: unset; /* check point 1 */
456
+ min-height: unset;
457
+ /* check point 1 */
400
458
  flex: 0 0 auto;
401
459
  padding: 0;
402
460
  border-bottom: 0;
403
461
  }
462
+
404
463
  .medium :global .KB_Editor_menus .KB_Editor_MultiTools {
405
464
  -ms-flex-wrap: wrap;
406
465
  flex-wrap: wrap;
407
466
  min-height: inherit;
408
467
  }
409
- .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
468
+
469
+ .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
410
470
  height: unset;
411
471
  -webkit-box-align: center;
412
472
  -ms-flex-align: center;
@@ -414,32 +474,40 @@
414
474
  padding: var(--zd_size3) var(--zd_size1);
415
475
  float: unset;
416
476
  }
477
+
417
478
  .medium :global .KB_Editor_menus .KB_Editor_MultiTools li span {
418
479
  line-height: 0;
419
480
  }
420
- .medium :global .KB_Editor_menus > ul > li > span > svg {
481
+
482
+ .medium :global .KB_Editor_menus>ul>li>span>svg {
421
483
  width: var(--zd_size22);
422
484
  height: var(--zd_size22);
423
485
  }
424
- .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
486
+
487
+ .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
425
488
  width: var(--zd_size8);
426
489
  height: var(--zd_size8);
427
490
  }
428
- [dir=ltr] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
491
+
492
+ [dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
429
493
  padding: 0 0 0 var(--zd_size2);
430
494
  }
431
- [dir=rtl] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
495
+
496
+ [dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
432
497
  padding: 0 var(--zd_size2) 0 0;
433
498
  }
499
+
434
500
  .medium :global .KB_Editor_MultiTools .KBEditortools-Block-down-arrow svg {
435
501
  height: var(--zd_size10);
436
502
  width: var(--zd_size17);
437
503
  padding: var(--zd_size7) var(--zd_size2);
438
504
  }
505
+
439
506
  .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div,
440
507
  .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
441
508
  line-height: 0;
442
509
  }
510
+
443
511
  .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div, .medium :global .KB_Editor_MultiTools .KB_Editor_Bdr_div.Insert_Type {
444
512
  padding: var(--zd_size7);
445
513
  }
@@ -456,11 +524,13 @@
456
524
  [dir=rtl] .medium :global .KB_Editor_menus .ze_spell {
457
525
  left: 0;
458
526
  }
527
+
459
528
  .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon {
460
529
  top: initial;
461
530
  padding: 0 var(--zd_size3);
462
531
  }
463
- .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
532
+
533
+ .medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
464
534
  width: var(--zd_size12);
465
535
  height: var(--zd_size12);
466
536
  }
@@ -473,15 +543,18 @@
473
543
  .small :global .KB_Editor, .mini :global .KB_Editor {
474
544
  border: 0;
475
545
  }
546
+
476
547
  .small :global .KB_Editor_iframe,
477
548
  .mini :global .KB_Editor_iframe {
478
549
  max-height: var(--zd_size225);
479
550
  min-height: var(--zd_size80);
480
551
  height: var(--zd_size80);
481
552
  }
553
+
482
554
  .small.borderNone :global .KB_Editor, .mini.borderNone :global .KB_Editor, .medium.borderNone :global .KB_Editor, .large.borderNone :global .KB_Editor, .xlarge.borderNone :global .KB_Editor, .default.borderNone :global .KB_Editor {
483
555
  border: 0;
484
556
  }
557
+
485
558
  .small :global .KB_Editor_menus,
486
559
  .mini :global .KB_Editor_menus {
487
560
  bottom: 0;
@@ -492,16 +565,20 @@
492
565
  transition: opacity var(--zd_transition3);
493
566
  position: absolute;
494
567
  }
568
+
495
569
  .small :global .KB_Editor_menus, .mini :global .KB_Editor_menus {
496
570
  border: 0;
497
571
  padding: 0;
498
572
  }
573
+
499
574
  [dir=ltr] .small :global .KB_Editor_menus, [dir=ltr] .mini :global .KB_Editor_menus {
500
575
  left: 0;
501
576
  }
577
+
502
578
  [dir=rtl] .small :global .KB_Editor_menus, [dir=rtl] .mini :global .KB_Editor_menus {
503
579
  right: 0;
504
580
  }
581
+
505
582
  .small :global .KB_Editor_MultiTools,
506
583
  .mini :global .KB_Editor_MultiTools {
507
584
  display: -webkit-box;
@@ -509,14 +586,17 @@
509
586
  display: flex;
510
587
  height: 100%;
511
588
  }
589
+
512
590
  .small :global .KB_Editor_MultiTools li,
513
591
  .mini :global .KB_Editor_MultiTools li {
514
592
  height: 100%;
515
593
  }
594
+
516
595
  .small :global .KB_Editor_MultiTools li, .mini :global .KB_Editor_MultiTools li {
517
596
  padding: 0;
518
597
  float: unset;
519
598
  }
599
+
520
600
  .small :global .KB_Editor_MultiTools li span,
521
601
  .mini :global .KB_Editor_MultiTools li span {
522
602
  height: 100%;
@@ -529,14 +609,17 @@
529
609
  max-height: unset;
530
610
  line-height: 0;
531
611
  }
532
- .small :global .KB_Editor_menus > ul > li > span > svg,
533
- .mini :global .KB_Editor_menus > ul > li > span > svg {
612
+
613
+ .small :global .KB_Editor_menus>ul>li>span>svg,
614
+ .mini :global .KB_Editor_menus>ul>li>span>svg {
534
615
  width: var(--zd_size25);
535
616
  height: var(--zd_size25);
536
617
  }
537
- .small :global .KB_Editor_menus > ul > li > span > svg, .mini :global .KB_Editor_menus > ul > li > span > svg {
618
+
619
+ .small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
538
620
  padding: 0 var(--zd_size6);
539
621
  }
622
+
540
623
  .mini :global .KB_Editor_menus:after {
541
624
  content: '';
542
625
  position: absolute;
@@ -544,26 +627,28 @@
544
627
  height: var(--zd_size10);
545
628
  width: var(--zd_size10);
546
629
  z-index: -1;
630
+ box-shadow: var(--zd_bs_texteditor_menu);
547
631
  background-color: var(--zdt_texteditor_menu_after_bg);
548
632
  }
633
+
549
634
  [dir=ltr] .mini :global .KB_Editor_menus:after {
550
635
  left: var(--zd_size95);
551
- box-shadow: -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
552
636
  -webkit-transform: rotateZ(-45deg);
553
637
  -moz-transform: rotateZ(-45deg);
554
638
  -ms-transform: rotateZ(-45deg);
555
639
  -o-transform: rotateZ(-45deg);
556
640
  transform: rotateZ(-45deg);
557
641
  }
642
+
558
643
  [dir=rtl] .mini :global .KB_Editor_menus:after {
559
644
  right: var(--zd_size95);
560
- box-shadow: 1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow);
561
645
  -webkit-transform: rotateZ(45deg);
562
646
  -moz-transform: rotateZ(45deg);
563
647
  -ms-transform: rotateZ(45deg);
564
648
  -o-transform: rotateZ(45deg);
565
649
  transform: rotateZ(45deg);
566
650
  }
651
+
567
652
  :global .hideTools .KB_Editor_menus {
568
653
  height: 0;
569
654
  overflow: hidden;
@@ -576,9 +661,11 @@
576
661
  .mini :global .KB_Editor_menus {
577
662
  width: var(--zd_size205);
578
663
  }
664
+
579
665
  [dir=ltr] .mini :global .KB_Editor_menus:after {
580
666
  left: var(--zd_size55);
581
667
  }
668
+
582
669
  [dir=rtl] .mini :global .KB_Editor_menus:after {
583
670
  right: var(--zd_size55);
584
671
  }
@@ -588,6 +675,7 @@
588
675
  :global .KB_Editor_UploadImage .KB_Editor_ImageUrlDisc.hide {
589
676
  display: none;
590
677
  }
678
+
591
679
  .textEditor :global .KB_Editor_AnimateInput::placeholder {
592
680
  color: var(--zdt_texteditor_input_placeholder_text);
593
681
  }
@@ -609,10 +697,11 @@
609
697
  .textEditor :global .KB_Editor_common_DropDown {
610
698
  padding: 0 !important;
611
699
  }
700
+
612
701
  .textEditor :global .KB_Editor_common_DropDown ul {
613
702
  max-height: 210px;
614
703
  overflow: auto;
615
- box-shadow: 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow);
704
+ box-shadow: var(--zd_bs_texteditor_ul);
616
705
  padding: 0;
617
706
  }
618
707
 
@@ -629,38 +718,47 @@
629
718
  .textEditor :global .KB_Editor li[editor-command='styletext'] {
630
719
  display: none !important;
631
720
  }
721
+
632
722
  .textEditor :global .KB_Editor li[editor-command='plaintext'] {
633
723
  order: 100;
634
724
  }
725
+
635
726
  .readOnly {
636
727
  position: relative;
637
728
  cursor: not-allowed;
638
729
  }
730
+
639
731
  .readOnlyMask {
640
732
  position: absolute;
641
733
  top: 0;
642
734
  bottom: 0;
643
735
  }
736
+
644
737
  [dir=ltr] .readOnlyMask {
645
738
  left: 0;
646
739
  right: 0;
647
740
  }
741
+
648
742
  [dir=rtl] .readOnlyMask {
649
743
  right: 0;
650
744
  left: 0;
651
745
  }
746
+
652
747
  .readOnly :global .KB_Editor_menus {
653
748
  display: none !important;
654
749
  }
750
+
655
751
  .editorHide :global .KB_Editor {
656
752
  position: absolute !important;
657
753
  top: 0;
658
754
  opacity: 0;
659
755
  visibility: hidden;
660
756
  }
757
+
661
758
  [dir=ltr] .editorHide :global .KB_Editor {
662
759
  left: 0;
663
760
  }
761
+
664
762
  [dir=rtl] .editorHide :global .KB_Editor {
665
763
  right: 0;
666
- }
764
+ }