@ckeditor/ckeditor5-uploadcare 0.0.0-nightly-20251218.0 → 0.0.0-nightly-20251220.0

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 (176) hide show
  1. package/build/uploadcare.js +1 -1
  2. package/dist/index-editor.css +38 -74
  3. package/dist/index.css +40 -78
  4. package/dist/index.js +3 -3
  5. package/dist/translations/af.js +1 -1
  6. package/dist/translations/af.umd.js +1 -1
  7. package/dist/translations/ar.js +1 -1
  8. package/dist/translations/ar.umd.js +1 -1
  9. package/dist/translations/ast.js +1 -1
  10. package/dist/translations/ast.umd.js +1 -1
  11. package/dist/translations/az.js +1 -1
  12. package/dist/translations/az.umd.js +1 -1
  13. package/dist/translations/be.js +1 -1
  14. package/dist/translations/be.umd.js +1 -1
  15. package/dist/translations/bg.js +1 -1
  16. package/dist/translations/bg.umd.js +1 -1
  17. package/dist/translations/bn.js +1 -1
  18. package/dist/translations/bn.umd.js +1 -1
  19. package/dist/translations/bs.js +1 -1
  20. package/dist/translations/bs.umd.js +1 -1
  21. package/dist/translations/ca.js +1 -1
  22. package/dist/translations/ca.umd.js +1 -1
  23. package/dist/translations/cs.js +1 -1
  24. package/dist/translations/cs.umd.js +1 -1
  25. package/dist/translations/da.js +1 -1
  26. package/dist/translations/da.umd.js +1 -1
  27. package/dist/translations/de-ch.js +1 -1
  28. package/dist/translations/de-ch.umd.js +1 -1
  29. package/dist/translations/de.js +1 -1
  30. package/dist/translations/de.umd.js +1 -1
  31. package/dist/translations/el.js +1 -1
  32. package/dist/translations/el.umd.js +1 -1
  33. package/dist/translations/en-au.js +1 -1
  34. package/dist/translations/en-au.umd.js +1 -1
  35. package/dist/translations/en-gb.js +1 -1
  36. package/dist/translations/en-gb.umd.js +1 -1
  37. package/dist/translations/en.js +1 -1
  38. package/dist/translations/en.umd.js +1 -1
  39. package/dist/translations/eo.js +1 -1
  40. package/dist/translations/eo.umd.js +1 -1
  41. package/dist/translations/es-co.js +1 -1
  42. package/dist/translations/es-co.umd.js +1 -1
  43. package/dist/translations/es.js +1 -1
  44. package/dist/translations/es.umd.js +1 -1
  45. package/dist/translations/et.js +1 -1
  46. package/dist/translations/et.umd.js +1 -1
  47. package/dist/translations/eu.js +1 -1
  48. package/dist/translations/eu.umd.js +1 -1
  49. package/dist/translations/fa.js +1 -1
  50. package/dist/translations/fa.umd.js +1 -1
  51. package/dist/translations/fi.js +1 -1
  52. package/dist/translations/fi.umd.js +1 -1
  53. package/dist/translations/fr.js +1 -1
  54. package/dist/translations/fr.umd.js +1 -1
  55. package/dist/translations/gl.js +1 -1
  56. package/dist/translations/gl.umd.js +1 -1
  57. package/dist/translations/gu.js +1 -1
  58. package/dist/translations/gu.umd.js +1 -1
  59. package/dist/translations/he.js +1 -1
  60. package/dist/translations/he.umd.js +1 -1
  61. package/dist/translations/hi.js +1 -1
  62. package/dist/translations/hi.umd.js +1 -1
  63. package/dist/translations/hr.js +1 -1
  64. package/dist/translations/hr.umd.js +1 -1
  65. package/dist/translations/hu.js +1 -1
  66. package/dist/translations/hu.umd.js +1 -1
  67. package/dist/translations/hy.js +1 -1
  68. package/dist/translations/hy.umd.js +1 -1
  69. package/dist/translations/id.js +1 -1
  70. package/dist/translations/id.umd.js +1 -1
  71. package/dist/translations/it.js +1 -1
  72. package/dist/translations/it.umd.js +1 -1
  73. package/dist/translations/ja.js +1 -1
  74. package/dist/translations/ja.umd.js +1 -1
  75. package/dist/translations/jv.js +1 -1
  76. package/dist/translations/jv.umd.js +1 -1
  77. package/dist/translations/kk.js +1 -1
  78. package/dist/translations/kk.umd.js +1 -1
  79. package/dist/translations/km.js +1 -1
  80. package/dist/translations/km.umd.js +1 -1
  81. package/dist/translations/kn.js +1 -1
  82. package/dist/translations/kn.umd.js +1 -1
  83. package/dist/translations/ko.js +1 -1
  84. package/dist/translations/ko.umd.js +1 -1
  85. package/dist/translations/ku.js +1 -1
  86. package/dist/translations/ku.umd.js +1 -1
  87. package/dist/translations/lt.js +1 -1
  88. package/dist/translations/lt.umd.js +1 -1
  89. package/dist/translations/lv.js +1 -1
  90. package/dist/translations/lv.umd.js +1 -1
  91. package/dist/translations/ms.js +1 -1
  92. package/dist/translations/ms.umd.js +1 -1
  93. package/dist/translations/nb.js +1 -1
  94. package/dist/translations/nb.umd.js +1 -1
  95. package/dist/translations/ne.js +1 -1
  96. package/dist/translations/ne.umd.js +1 -1
  97. package/dist/translations/nl.js +1 -1
  98. package/dist/translations/nl.umd.js +1 -1
  99. package/dist/translations/no.js +1 -1
  100. package/dist/translations/no.umd.js +1 -1
  101. package/dist/translations/oc.js +1 -1
  102. package/dist/translations/oc.umd.js +1 -1
  103. package/dist/translations/pl.js +1 -1
  104. package/dist/translations/pl.umd.js +1 -1
  105. package/dist/translations/pt-br.js +1 -1
  106. package/dist/translations/pt-br.umd.js +1 -1
  107. package/dist/translations/pt.js +1 -1
  108. package/dist/translations/pt.umd.js +1 -1
  109. package/dist/translations/ro.js +1 -1
  110. package/dist/translations/ro.umd.js +1 -1
  111. package/dist/translations/ru.js +1 -1
  112. package/dist/translations/ru.umd.js +1 -1
  113. package/dist/translations/si.js +1 -1
  114. package/dist/translations/si.umd.js +1 -1
  115. package/dist/translations/sk.js +1 -1
  116. package/dist/translations/sk.umd.js +1 -1
  117. package/dist/translations/sl.js +1 -1
  118. package/dist/translations/sl.umd.js +1 -1
  119. package/dist/translations/sq.js +1 -1
  120. package/dist/translations/sq.umd.js +1 -1
  121. package/dist/translations/sr-latn.js +1 -1
  122. package/dist/translations/sr-latn.umd.js +1 -1
  123. package/dist/translations/sr.js +1 -1
  124. package/dist/translations/sr.umd.js +1 -1
  125. package/dist/translations/sv.js +1 -1
  126. package/dist/translations/sv.umd.js +1 -1
  127. package/dist/translations/th.js +1 -1
  128. package/dist/translations/th.umd.js +1 -1
  129. package/dist/translations/ti.js +1 -1
  130. package/dist/translations/ti.umd.js +1 -1
  131. package/dist/translations/tk.js +1 -1
  132. package/dist/translations/tk.umd.js +1 -1
  133. package/dist/translations/tr.js +1 -1
  134. package/dist/translations/tr.umd.js +1 -1
  135. package/dist/translations/tt.js +1 -1
  136. package/dist/translations/tt.umd.js +1 -1
  137. package/dist/translations/ug.js +1 -1
  138. package/dist/translations/ug.umd.js +1 -1
  139. package/dist/translations/uk.js +1 -1
  140. package/dist/translations/uk.umd.js +1 -1
  141. package/dist/translations/ur.js +1 -1
  142. package/dist/translations/ur.umd.js +1 -1
  143. package/dist/translations/uz.js +1 -1
  144. package/dist/translations/uz.umd.js +1 -1
  145. package/dist/translations/vi.js +1 -1
  146. package/dist/translations/vi.umd.js +1 -1
  147. package/dist/translations/zh-cn.js +1 -1
  148. package/dist/translations/zh-cn.umd.js +1 -1
  149. package/dist/translations/zh.js +1 -1
  150. package/dist/translations/zh.umd.js +1 -1
  151. package/package.json +9 -9
  152. package/src/index.js +1 -1
  153. package/src/ui/uploadcarecontroller.js +2 -2
  154. package/src/ui/uploadcareformview.js +1 -1
  155. package/src/uploadcare.js +1 -1
  156. package/src/uploadcarecommand.js +1 -1
  157. package/src/uploadcareconfig.js +1 -1
  158. package/src/uploadcareediting.js +1 -1
  159. package/src/uploadcareimageedit/ui/uploadcareimageeditcontroller.js +2 -2
  160. package/src/uploadcareimageedit/ui/uploadcareimageeditformeditingview.js +1 -1
  161. package/src/uploadcareimageedit/ui/uploadcareimageeditformerrorview.js +1 -1
  162. package/src/uploadcareimageedit/ui/uploadcareimageeditformloadingview.js +1 -1
  163. package/src/uploadcareimageedit/ui/uploadcareimageeditformview.js +1 -1
  164. package/src/uploadcareimageedit/uploadcareimageeditcommand.js +1 -1
  165. package/src/uploadcareimageedit/uploadcareimageeditediting.js +1 -1
  166. package/src/uploadcareimageedit/uploadcareimageeditui.js +1 -1
  167. package/src/uploadcareimageedit/uploadcareimagereplacecommand.js +1 -1
  168. package/src/uploadcareimageedit.js +1 -1
  169. package/src/uploadcareui.js +1 -1
  170. package/src/uploadcareuploadadapter.js +1 -1
  171. package/src/utils/common-translations.js +1 -1
  172. package/src/utils/dialogfocusmanagerview.js +1 -1
  173. package/src/utils/editingutils.js +1 -1
  174. package/src/utils/isancestor.js +1 -1
  175. package/src/utils/uploadutils.js +1 -1
  176. package/theme/uploadcare-form.css +4 -1
@@ -74,13 +74,12 @@
74
74
  --ck-uploadcare-color-icon-error:hsl(15, 100%, 43%);
75
75
  --ck-uploadcare-color-skeleton:hsl(0, 0%, 98%);
76
76
  }
77
-
78
- .ck .ck-uploadcare-form{
77
+ .ck .ck-uploadcare-form,
78
+ .ck .ck-uploadcare-form:not(#\#){
79
79
  max-width:100%;
80
80
  width:var(--ck-uploadcare-form-view-width);
81
81
  }
82
-
83
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner{
82
+ .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner{
84
83
  width:100%;
85
84
  height:var(--ck-uploadcare-external-source-view-height);
86
85
  background-color:var(--ck-uploadcare-color-image-background);
@@ -90,12 +89,10 @@
90
89
  justify-content:center;
91
90
  flex-direction:column;
92
91
  }
93
-
94
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container{
92
+ .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container{
95
93
  margin-bottom:10px;
96
94
  }
97
-
98
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents{
95
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents{
99
96
  width:100%;
100
97
  height:var(--ck-uploadcare-external-source-view-height);
101
98
  background-color:var(--ck-uploadcare-color-image-background);
@@ -106,27 +103,22 @@
106
103
  flex-direction:column;
107
104
  gap:5px;
108
105
  }
109
-
110
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3{
106
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3{
111
107
  font-weight:700;
112
108
  padding:0;
113
109
  margin:0;
114
110
  }
115
-
116
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon{
111
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon{
117
112
  color:var(--ck-uploadcare-color-icon-error);
118
113
  }
119
-
120
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button{
114
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button{
121
115
  margin-top:10px;
122
116
  }
123
-
124
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton{
117
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton{
125
118
  width:100%;
126
119
  height:115px;
127
120
  }
128
-
129
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div{
121
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div{
130
122
  height:50%;
131
123
  display:flex;
132
124
  box-sizing:border-box;
@@ -135,129 +127,101 @@
135
127
  justify-content:center;
136
128
  align-items:center;
137
129
  }
138
-
139
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span{
130
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div span{
140
131
  display:block;
141
132
  width:32px;
142
133
  height:32px;
143
134
  background-color:var(--ck-uploadcare-color-skeleton);
144
135
  }
145
-
146
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div{
136
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div{
147
137
  gap:20px;
148
138
  }
149
-
150
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child{
139
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:first-child{
151
140
  position:absolute;
152
141
  left:8px;
153
142
  width:80px;
154
143
  }
155
-
156
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child{
144
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:last-child{
157
145
  position:absolute;
158
146
  right:8px;
159
147
  width:80px;
160
148
  }
161
-
162
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child{
149
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div:first-child{
163
150
  gap:4px;
164
151
  }
165
-
166
- .ck .ck-uploadcare-form .mini-btn{
152
+ .ck .ck-uploadcare-form .mini-btn, .ck .ck-uploadcare-form:not(#\#) .mini-btn{
167
153
  display:none;
168
154
  }
169
-
170
- .ck .ck-uploadcare-form .uc-viewport{
155
+ .ck .ck-uploadcare-form .uc-viewport, .ck .ck-uploadcare-form:not(#\#) .uc-viewport{
171
156
  height:var(--ck-uploadcare-external-source-view-height);
172
157
  }
173
-
174
- .ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn{
158
+ .ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn{
175
159
  padding:var(--ck-spacing-tiny) var(--ck-spacing-standard);
176
160
  min-width:var(--ck-ui-component-min-height);
177
161
  min-height:var(--ck-ui-component-min-height);
178
162
  }
179
-
180
- .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button{
163
+ .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button{
181
164
  background:var(--ck-color-button-action-background);
182
165
  }
183
-
184
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover{
166
+ .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):hover{
185
167
  background:var(--ck-color-button-action-hover-background);
186
168
  }
187
-
188
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active{
169
+ .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):active{
189
170
  background:var(--ck-color-button-action-active-background);
190
171
  }
191
-
192
- .ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled{
172
+ .ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button.ck-disabled{
193
173
  background:var(--ck-color-button-action-disabled-background);
194
174
  }
195
-
196
- .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button{
175
+ .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button{
197
176
  background:var(--ck-color-button-default-background);
198
177
  }
199
-
200
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover{
178
+ .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):hover{
201
179
  background:var(--ck-color-button-default-hover-background);
202
180
  }
203
-
204
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active{
181
+ .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):active{
205
182
  background:var(--ck-color-button-default-active-background);
206
183
  }
207
-
208
- .ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled{
184
+ .ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button.ck-disabled{
209
185
  background:var(--ck-color-button-default-disabled-background);
210
186
  }
211
-
212
- .ck .ck-uploadcare-form uc-upload-list .uc-toolbar{
187
+ .ck .ck-uploadcare-form uc-upload-list .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-toolbar{
213
188
  gap:var(--ck-spacing-large);
214
189
 
215
190
  }
216
-
217
- .ck .ck-uploadcare-form uc-upload-list .uc-files{
191
+ .ck .ck-uploadcare-form uc-upload-list .uc-files, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-files{
218
192
  padding-top:var(--ck-spacing-large);
219
193
  max-height:var(--ck-uploadcare-external-source-view-height);
220
194
  overflow-y:auto;
221
195
  }
222
-
223
- .ck .ck-uploadcare-form .uc-content{
196
+ .ck .ck-uploadcare-form .uc-content, .ck .ck-uploadcare-form:not(#\#) .uc-content{
224
197
  padding:var(--ck-spacing-large);
225
198
  gap:var(--ck-spacing-large);
226
199
  }
227
-
228
- .ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper{
200
+ .ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-iframe-wrapper{
229
201
  height:var(--ck-uploadcare-external-source-view-height);
230
202
  }
231
-
232
- .ck .ck-uploadcare-form .uc-content > .uc-toolbar{
203
+ .ck .ck-uploadcare-form .uc-content > .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-toolbar{
233
204
  padding:var(--ck-spacing-large) 0 0;
234
205
  }
235
-
236
- .ck .ck-uploadcare-form uc-start-from .uc-content{
206
+ .ck .ck-uploadcare-form uc-start-from .uc-content, .ck .ck-uploadcare-form:not(#\#) uc-start-from .uc-content{
237
207
  gap:0;
238
208
  }
239
-
240
- .ck .ck-uploadcare-form uc-file-item > .uc-inner{
209
+ .ck .ck-uploadcare-form uc-file-item > .uc-inner, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner{
241
210
  font-size:1em;
242
211
  }
243
-
244
- .ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge{
212
+ .ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner:where([finished]) .uc-badge{
245
213
  background:var(--ck-color-button-action-active-background);
246
214
  }
247
-
248
- .ck .ck-uploadcare-form uc-external-source .uc-cancel-btn{
215
+ .ck .ck-uploadcare-form uc-external-source .uc-cancel-btn, .ck .ck-uploadcare-form:not(#\#) uc-external-source .uc-cancel-btn{
249
216
  visibility:hidden;
250
217
  pointer-events:none;
251
218
  }
252
-
253
- .ck .ck-uploadcare-form uc-activity-header{
219
+ .ck .ck-uploadcare-form uc-activity-header, .ck .ck-uploadcare-form:not(#\#) uc-activity-header{
254
220
  display:none;
255
221
  }
256
-
257
- .ck .ck-uploadcare-form uc-source-list{
222
+ .ck .ck-uploadcare-form uc-source-list, .ck .ck-uploadcare-form:not(#\#) uc-source-list{
258
223
  display:none;
259
224
  }
260
-
261
- .ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left{
225
+ .ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left, .ck .ck-uploadcare-form:not(#\#) uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left{
262
226
  transform:rotate(90deg);
263
227
  }
package/dist/index.css CHANGED
@@ -165,12 +165,13 @@
165
165
  --ck-uploadcare-color-skeleton: hsl(0, 0%, 98%);
166
166
  }
167
167
 
168
- .ck .ck-uploadcare-form {
168
+ /* stylelint-disable no-descending-specificity */
169
+ .ck .ck-uploadcare-form,
170
+ .ck .ck-uploadcare-form:not(#\#) {
169
171
  max-width: 100%;
170
172
  width: var(--ck-uploadcare-form-view-width);
171
173
  }
172
-
173
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner {
174
+ .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner {
174
175
  width: 100%;
175
176
  height: var(--ck-uploadcare-external-source-view-height);
176
177
  background-color: var(--ck-uploadcare-color-image-background);
@@ -180,12 +181,10 @@
180
181
  justify-content: center;
181
182
  flex-direction: column;
182
183
  }
183
-
184
- .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container {
184
+ .ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container {
185
185
  margin-bottom: 10px;
186
186
  }
187
-
188
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents {
187
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents {
189
188
  width: 100%;
190
189
  height: var(--ck-uploadcare-external-source-view-height);
191
190
  background-color: var(--ck-uploadcare-color-image-background);
@@ -196,27 +195,22 @@
196
195
  flex-direction: column;
197
196
  gap: 5px;
198
197
  }
199
-
200
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3 {
198
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3 {
201
199
  font-weight: 700;
202
200
  padding: 0;
203
201
  margin: 0;
204
202
  }
205
-
206
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon {
203
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon {
207
204
  color: var(--ck-uploadcare-color-icon-error);
208
205
  }
209
-
210
- .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button {
206
+ .ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button {
211
207
  margin-top: 10px;
212
208
  }
213
-
214
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton {
209
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton {
215
210
  width: 100%;
216
211
  height: 115px;
217
212
  }
218
-
219
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div {
213
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div {
220
214
  height: 50%;
221
215
  display: flex;
222
216
  box-sizing: border-box;
@@ -225,139 +219,107 @@
225
219
  justify-content: center;
226
220
  align-items: center;
227
221
  }
228
-
229
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span {
222
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div span {
230
223
  display: block;
231
224
  width: 32px;
232
225
  height: 32px;
233
226
  background-color: var(--ck-uploadcare-color-skeleton);
234
227
  }
235
-
236
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div {
228
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div {
237
229
  gap: 20px;
238
230
  }
239
-
240
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child {
231
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:first-child {
241
232
  position: absolute;
242
233
  left: 8px;
243
234
  width: 80px;
244
235
  }
245
-
246
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child {
236
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div + div span:last-child {
247
237
  position: absolute;
248
238
  right: 8px;
249
239
  width: 80px;
250
240
  }
251
-
252
- .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child {
241
+ .ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child, .ck .ck-uploadcare-form:not(#\#) .ck-uploadcare-form__skeleton div:first-child {
253
242
  gap: 4px;
254
243
  }
255
-
256
244
  /* The following styles overrides the default Uploadcare styles */
257
-
258
245
  /* stylelint-disable selector-type-no-unknown */
259
-
260
- .ck .ck-uploadcare-form .mini-btn {
246
+ .ck .ck-uploadcare-form .mini-btn, .ck .ck-uploadcare-form:not(#\#) .mini-btn {
261
247
  display: none;
262
248
  }
263
-
264
- .ck .ck-uploadcare-form .uc-viewport {
249
+ .ck .ck-uploadcare-form .uc-viewport, .ck .ck-uploadcare-form:not(#\#) .uc-viewport {
265
250
  height: var(--ck-uploadcare-external-source-view-height);
266
251
  }
267
-
268
- .ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn {
252
+ .ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn {
269
253
  padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
270
254
  min-width: var(--ck-ui-component-min-height);
271
255
  min-height: var(--ck-ui-component-min-height);
272
256
  }
273
-
274
- .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button {
257
+ .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button {
275
258
  background: var(--ck-color-button-action-background);
276
259
  }
277
-
278
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover {
260
+ .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):hover {
279
261
  background: var(--ck-color-button-action-hover-background);
280
262
  }
281
-
282
- .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active {
263
+ .ck .ck-uploadcare-form .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button:not(.ck-disabled):active {
283
264
  background: var(--ck-color-button-action-active-background);
284
265
  }
285
-
286
266
  /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
287
-
288
- .ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled {
267
+ .ck .ck-uploadcare-form .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-primary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-primary button.ck-disabled {
289
268
  background: var(--ck-color-button-action-disabled-background);
290
269
  }
291
-
292
- .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button {
270
+ .ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button {
293
271
  background: var(--ck-color-button-default-background);
294
272
  }
295
-
296
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover {
273
+ .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):hover, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):hover, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):hover {
297
274
  background: var(--ck-color-button-default-hover-background);
298
275
  }
299
-
300
- .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active {
276
+ .ck .ck-uploadcare-form .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn:not(.ck-disabled):active, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button:not(.ck-disabled):active, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button:not(.ck-disabled):active {
301
277
  background: var(--ck-color-button-default-active-background);
302
278
  }
303
-
304
279
  /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
305
-
306
- .ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled {
280
+ .ck .ck-uploadcare-form .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form:not(#\#) .uc-secondary-btn.ck-disabled, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button.ck-disabled, .ck .ck-uploadcare-form:not(#\#) uc-btn-ui.uc-secondary button.ck-disabled {
307
281
  background: var(--ck-color-button-default-disabled-background);
308
282
  }
309
-
310
- .ck .ck-uploadcare-form uc-upload-list .uc-toolbar {
283
+ .ck .ck-uploadcare-form uc-upload-list .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-toolbar {
311
284
  gap: var(--ck-spacing-large);
312
285
 
313
286
  }
314
-
315
- .ck .ck-uploadcare-form uc-upload-list .uc-files {
287
+ .ck .ck-uploadcare-form uc-upload-list .uc-files, .ck .ck-uploadcare-form:not(#\#) uc-upload-list .uc-files {
316
288
  padding-top: var(--ck-spacing-large);
317
289
  max-height: var(--ck-uploadcare-external-source-view-height);
318
290
  overflow-y: auto;
319
291
  }
320
-
321
- .ck .ck-uploadcare-form .uc-content {
292
+ .ck .ck-uploadcare-form .uc-content, .ck .ck-uploadcare-form:not(#\#) .uc-content {
322
293
  padding: var(--ck-spacing-large);
323
294
  gap: var(--ck-spacing-large);
324
295
  }
325
-
326
- .ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper {
296
+ .ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-iframe-wrapper {
327
297
  height: var(--ck-uploadcare-external-source-view-height);
328
298
  }
329
-
330
- .ck .ck-uploadcare-form .uc-content > .uc-toolbar {
299
+ .ck .ck-uploadcare-form .uc-content > .uc-toolbar, .ck .ck-uploadcare-form:not(#\#) .uc-content > .uc-toolbar {
331
300
  padding: var(--ck-spacing-large) 0 0;
332
301
  }
333
-
334
- .ck .ck-uploadcare-form uc-start-from .uc-content {
302
+ .ck .ck-uploadcare-form uc-start-from .uc-content, .ck .ck-uploadcare-form:not(#\#) uc-start-from .uc-content {
335
303
  gap: 0;
336
304
  }
337
-
338
- .ck .ck-uploadcare-form uc-file-item > .uc-inner {
305
+ .ck .ck-uploadcare-form uc-file-item > .uc-inner, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner {
339
306
  font-size: 1em;
340
307
  }
341
-
342
- .ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge {
308
+ .ck .ck-uploadcare-form uc-file-item > .uc-inner:where([finished]) .uc-badge, .ck .ck-uploadcare-form:not(#\#) uc-file-item > .uc-inner:where([finished]) .uc-badge {
343
309
  background: var(--ck-color-button-action-active-background);
344
310
  }
345
-
346
- .ck .ck-uploadcare-form uc-external-source .uc-cancel-btn {
311
+ .ck .ck-uploadcare-form uc-external-source .uc-cancel-btn, .ck .ck-uploadcare-form:not(#\#) uc-external-source .uc-cancel-btn {
347
312
  visibility: hidden;
348
313
  pointer-events: none;
349
314
  }
350
-
351
- .ck .ck-uploadcare-form uc-activity-header {
315
+ .ck .ck-uploadcare-form uc-activity-header, .ck .ck-uploadcare-form:not(#\#) uc-activity-header {
352
316
  display: none;
353
317
  }
354
-
355
- .ck .ck-uploadcare-form uc-source-list {
318
+ .ck .ck-uploadcare-form uc-source-list, .ck .ck-uploadcare-form:not(#\#) uc-source-list {
356
319
  display: none;
357
320
  }
358
-
359
- .ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left {
321
+ .ck .ck-uploadcare-form uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left, .ck .ck-uploadcare-form:not(#\#) uc-cloud-image-editor-block [icon="closeMax"] .uc-icon_left {
360
322
  transform: rotate(90deg);
361
323
  }
362
-
363
324
  /* stylelint-enable selector-type-no-unknown */
325
+ /* stylelint-enable no-descending-specificity */