@uploadcare/file-uploader 1.28.0-alpha.1 → 1.28.0-alpha.111

package/web/uc-cloud-image-editor.layered.min.css

@@ -1,19 +1,11 @@
-@layer uc.components {
-  uc-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--uc-button-size);
-    height: var(--uc-button-size);
-  }
-
-  uc-icon svg {
-    width: calc(var(--uc-button-size) / 2);
-    height: calc(var(--uc-button-size) / 2);
-    overflow: visible;
-  }
-}
+/**
+ * @license
+ * Package: @uploadcare/file-uploader@1.28.0-alpha.111 (MIT)
+ * License: https://github.com/uploadcare/blob/main/LICENSE
+ * Built: 2026-03-03T12:19:32.556Z
+ */
 @layer uc, uc.base, uc.components, uc.rules, uc.solutions, uc.post-reset;
+
 @layer uc.base {
   :where([uc-wgt-common]) {
     /* Font */
@@ -307,7 +299,9 @@
     --uc-foreground-dark: oklch(100% 0 0);
   }
 }
+
 /** biome-ignore-all lint/complexity/noImportantStyles: TODO: Refactor styles to get rid of !important rules */
+
 @layer uc.solutions {
   /* TODO: we should use basic theme there  */
 
@@ -351,7 +345,7 @@
     --modal-header-height: var(--size-panel-heading);
     --modal-toolbar-height: var(--size-panel-heading);
 
-    --transparent-pixel: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
+    --transparent-pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
 
     display: block;
     width: 100%;
@@ -1549,6 +1543,7 @@
     margin-right: calc(3 * var(--cldtr-gap-mid-1));
   }
 }
+
 @layer uc.solutions {
   :where([uc-cloud-image-editor]) uc-icon {
     display: flex;
@@ -1562,11 +1557,138 @@
     height: calc(var(--uc-button-size) / 2);
   }
 }
+
+
+
+
+
+
+
+
+
+
 @layer uc.components {
   uc-config {
     display: none;
   }
 }
+
+@layer uc.components {
+  uc-url-source {
+    display: block;
+    background-color: var(--uc-background);
+  }
+
+  uc-url-source > .uc-content {
+    display: grid;
+    gap: 4px;
+    grid-template-columns: 1fr min-content;
+    padding: var(--uc-padding);
+    padding-top: 0;
+  }
+
+  uc-url-source .uc-url-input {
+    display: flex;
+  }
+}
+
+@layer uc.components {
+  uc-external-source {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    background-color: var(--uc-background);
+    overflow: hidden;
+    position: relative;
+  }
+
+  [uc-modal] > dialog:has([activity="external"][active]) {
+    width: 100%;
+    height: 100%;
+  }
+
+  uc-external-source > .uc-content {
+    position: relative;
+    display: grid;
+    flex: 1;
+    grid-template-rows: 1fr min-content;
+  }
+
+  uc-external-source iframe {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+
+  uc-external-source .uc-iframe-wrapper {
+    overflow: hidden;
+  }
+
+  uc-external-source .uc-toolbar {
+    display: flex;
+    width: 100%;
+    gap: var(--uc-padding);
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--uc-padding);
+    border-top: 1px solid var(--uc-border);
+  }
+
+  uc-external-source .uc-back-btn {
+    padding-left: 0;
+  }
+
+  uc-external-source .uc-selection-status-box {
+    color: var(--uc-foreground);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  uc-external-source .uc-selection-status-box button {
+    color: var(--uc-primary);
+    height: auto;
+    padding: 0;
+    background: none;
+  }
+
+  uc-external-source .uc-selection-status-box button:hover {
+    text-decoration: underline;
+  }
+
+  uc-external-source uc-activity-header {
+    position: absolute;
+    width: 100%;
+    justify-content: flex-end;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+  }
+
+  uc-external-source uc-activity-header .uc-close-btn {
+    pointer-events: auto;
+  }
+
+  uc-external-source .uc-done-btn > span.uc-hidden {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  uc-external-source .uc-done-btn > uc-spinner {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
 @layer uc.components {
   uc-camera-source {
     position: relative;
@@ -1752,6 +1874,7 @@
     margin: 0 auto;
   }
 }
+
 @layer uc.components {
   uc-cloud-image-editor-activity {
     position: relative;
@@ -1767,118 +1890,20 @@
     height: 100%;
   }
 }
-@layer uc.components {
-  uc-external-source {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    background-color: var(--uc-background);
-    overflow: hidden;
-    position: relative;
-  }
-
-  [uc-modal] > dialog:has([activity="external"][active]) {
-    width: 100%;
-    height: 100%;
-  }
-
-  uc-external-source > .uc-content {
-    position: relative;
-    display: grid;
-    flex: 1;
-    grid-template-rows: 1fr min-content;
-  }
 
-  uc-external-source iframe {
-    display: block;
-    width: 100%;
-    height: 100%;
-    border: none;
-  }
-
-  uc-external-source .uc-iframe-wrapper {
-    overflow: hidden;
-  }
-
-  uc-external-source .uc-toolbar {
-    display: flex;
-    width: 100%;
-    gap: var(--uc-padding);
-    align-items: center;
-    justify-content: space-between;
-    padding: var(--uc-padding);
-    border-top: 1px solid var(--uc-border);
-  }
-
-  uc-external-source .uc-back-btn {
-    padding-left: 0;
-  }
-
-  uc-external-source .uc-selection-status-box {
-    color: var(--uc-foreground);
-    display: flex;
-    flex-direction: column;
+@layer uc.components {
+  uc-icon {
+    display: inline-flex;
     align-items: center;
     justify-content: center;
+    width: var(--uc-button-size);
+    height: var(--uc-button-size);
   }
 
-  uc-external-source .uc-selection-status-box button {
-    color: var(--uc-primary);
-    height: auto;
-    padding: 0;
-    background: none;
-  }
-
-  uc-external-source .uc-selection-status-box button:hover {
-    text-decoration: underline;
-  }
-
-  uc-external-source uc-activity-header {
-    position: absolute;
-    width: 100%;
-    justify-content: flex-end;
-    z-index: 1;
-    left: 0;
-    top: 0;
-    right: 0;
-    pointer-events: none;
-  }
-
-  uc-external-source uc-activity-header .uc-close-btn {
-    pointer-events: auto;
-  }
-
-  uc-external-source .uc-done-btn > span.uc-hidden {
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  uc-external-source .uc-done-btn > uc-spinner {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  uc-icon svg {
+    width: calc(var(--uc-button-size) / 2);
+    height: calc(var(--uc-button-size) / 2);
+    overflow: visible;
   }
 }
-@layer uc.components {
-  uc-url-source {
-    display: block;
-    background-color: var(--uc-background);
-  }
-
-  uc-url-source > .uc-content {
-    display: grid;
-    gap: 4px;
-    grid-template-columns: 1fr min-content;
-    padding: var(--uc-padding);
-    padding-top: 0;
-  }
 
-  uc-url-source .uc-url-input {
-    display: flex;
-  }
-}
-/*$vite$:1*/