@uploadcare/file-uploader 0.50.1 → 1.1.0

package/blocks/UploadList/upload-list.css

@@ -1,4 +1,4 @@
-lr-upload-list {
+uc-upload-list {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -8,7 +8,7 @@ lr-upload-list {
   transition: opacity var(--uc-transition);
 }
 
-[lr-modal] lr-upload-list {
+[uc-modal] uc-upload-list {
   width: min(
     calc(var(--uc-dialog-width) - var(--uc-padding) * 2),
     calc(var(--uc-dialog-max-width) - var(--uc-padding) * 2),
@@ -18,12 +18,12 @@ lr-upload-list {
   max-height: var(--modal-max-content-height);
 }
 
-lr-upload-list .uc-no-files {
+uc-upload-list .uc-no-files {
   height: 32px;
   padding: 20px;
 }
 
-lr-upload-list .uc-files {
+uc-upload-list .uc-files {
   display: block;
   flex: 1;
   min-height: 32px;
@@ -31,7 +31,7 @@ lr-upload-list .uc-files {
   overflow: auto;
 }
 
-lr-upload-list .uc-toolbar {
+uc-upload-list .uc-toolbar {
   display: flex;
   gap: 4px;
   justify-content: space-between;
@@ -39,11 +39,11 @@ lr-upload-list .uc-toolbar {
   background-color: var(--uc-background);
 }
 
-lr-upload-list .uc-toolbar-spacer {
+uc-upload-list .uc-toolbar-spacer {
   flex: 1;
 }
 
-lr-upload-list lr-drop-area {
+uc-upload-list uc-drop-area {
   position: absolute;
   top: 0;
   left: 0;
@@ -53,11 +53,11 @@ lr-upload-list lr-drop-area {
   border-radius: var(--uc-radius);
 }
 
-lr-upload-list lr-activity-header > .uc-header-text {
+uc-upload-list uc-activity-header > .uc-header-text {
   padding: 0 var(--uc-padding);
 }
 
-lr-upload-list .uc-common-error {
+uc-upload-list .uc-common-error {
   border-radius: var(--uc-radius);
   color: var(--uc-destructive-foreground);
   background-color: var(--uc-destructive);
@@ -69,6 +69,6 @@ lr-upload-list .uc-common-error {
   font-size: 0.925em;
 }
 
-lr-upload-list .uc-add-more-btn lr-icon {
+uc-upload-list .uc-add-more-btn uc-icon {
   display: none;
 }

package/blocks/UrlSource/UrlSource.js

@@ -37,18 +37,18 @@ export class UrlSource extends UploaderBlock {
 }
 
 UrlSource.template = /* HTML */ `
-  <lr-activity-header>
+  <uc-activity-header>
     <button type="button" class="uc-mini-btn" set="onclick: *historyBack">
-      <lr-icon name="back"></lr-icon>
+      <uc-icon name="back"></uc-icon>
     </button>
     <div>
-      <lr-icon name="url"></lr-icon>
+      <uc-icon name="url"></uc-icon>
       <span l10n="caption-from-url"></span>
     </div>
     <button type="button" class="uc-mini-btn uc-close-btn" set="onclick: *closeModal">
-      <lr-icon name="close"></lr-icon>
+      <uc-icon name="close"></uc-icon>
     </button>
-  </lr-activity-header>
+  </uc-activity-header>
   <form class="uc-content">
     <input placeholder="https://" class="uc-url-input" type="text" ref="input" set="oninput: onInput" />
     <button

package/blocks/UrlSource/url-source.css

@@ -1,9 +1,9 @@
-lr-url-source {
+uc-url-source {
   display: block;
   background-color: var(--uc-background);
 }
 
-[lr-modal] lr-url-source {
+[uc-modal] uc-url-source {
   width: min(
     calc(var(--uc-dialog-width) - var(--uc-padding) * 2),
     calc(var(--uc-dialog-max-width) - var(--uc-padding) * 2),
@@ -11,7 +11,7 @@ lr-url-source {
   );
 }
 
-lr-url-source > .uc-content {
+uc-url-source > .uc-content {
   display: grid;
   grid-gap: 4px;
   grid-template-columns: 1fr min-content;
@@ -19,6 +19,6 @@ lr-url-source > .uc-content {
   padding-top: 0;
 }
 
-lr-url-source .uc-url-input {
+uc-url-source .uc-url-input {
   display: flex;
 }

package/blocks/themes/{lr-basic → uc-basic}/common.css

@@ -1,27 +1,27 @@
-:where([lr-wgt-common]) {
+:where([uc-wgt-common]) {
   color: var(--uc-foreground);
   font-size: var(--uc-font-size);
   line-height: var(--uc-line-height);
   font-family: var(--uc-font-family);
 }
 
-:where([lr-wgt-common]) * {
+:where([uc-wgt-common]) * {
   box-sizing: border-box;
 }
 
-:where([lr-wgt-common]) [hidden] {
+:where([uc-wgt-common]) [hidden] {
   display: none !important;
 }
 
-:where([lr-wgt-common]) [activity]:not([active]) {
+:where([uc-wgt-common]) [activity]:not([active]) {
   display: none;
 }
 
-:where([lr-wgt-common]) dialog:not([open]) [activity] {
+:where([uc-wgt-common]) dialog:not([open]) [activity] {
   display: none;
 }
 
-:where([lr-wgt-common]) button {
+:where([uc-wgt-common]) button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -38,51 +38,51 @@
   transition: background-color var(--uc-transition);
 }
 
-:where([lr-wgt-common]) button.uc-primary-btn {
+:where([uc-wgt-common]) button.uc-primary-btn {
   color: var(--uc-primary-foreground);
   background-color: var(--uc-primary);
 }
 
-:where([lr-wgt-common]) button.uc-primary-btn:hover {
+:where([uc-wgt-common]) button.uc-primary-btn:hover {
   background-color: var(--uc-primary-hover);
 }
 
-:where([lr-wgt-common]) button.uc-secondary-btn {
+:where([uc-wgt-common]) button.uc-secondary-btn {
   color: var(--uc-secondary-foreground);
   background-color: var(--uc-secondary);
 }
 
-:where([lr-wgt-common]) button.uc-secondary-btn:hover {
+:where([uc-wgt-common]) button.uc-secondary-btn:hover {
   background-color: var(--uc-secondary-hover);
 }
 
-:where([lr-wgt-common]) button.uc-mini-btn {
+:where([uc-wgt-common]) button.uc-mini-btn {
   height: var(--uc-button-size);
   padding: 0;
   background-color: transparent;
   color: var(--uc-secondary-foreground);
 }
 
-:where([lr-wgt-common]) button.uc-mini-btn:hover {
+:where([uc-wgt-common]) button.uc-mini-btn:hover {
   background-color: var(--uc-secondary);
 }
 
-:where([lr-wgt-common]) :is(button[disabled], button.uc-primary-btn[disabled], button.uc-secondary-btn[disabled]) {
+:where([uc-wgt-common]) :is(button[disabled], button.uc-primary-btn[disabled], button.uc-secondary-btn[disabled]) {
   opacity: 0.5;
   pointer-events: none;
 }
 
-:where([lr-wgt-common]) a {
+:where([uc-wgt-common]) a {
   color: var(--uc-primary);
   text-decoration: none;
 }
 
 /* TODO: if we're using disabled <a> somewhere, we should stop */
-:where([lr-wgt-common]) a[disabled] {
+:where([uc-wgt-common]) a[disabled] {
   pointer-events: none;
 }
 
-:where([lr-wgt-common]) input[type='text'] {
+:where([uc-wgt-common]) input[type='text'] {
   display: flex;
   width: 100%;
   height: var(--uc-button-size);
@@ -100,17 +100,17 @@
     outline-color var(--uc-transition);
 }
 
-:where([lr-wgt-common]) input[type='text']::placeholder {
+:where([uc-wgt-common]) input[type='text']::placeholder {
   color: var(--uc-muted-foreground);
 }
 
-:where([lr-wgt-common]) input[type='text']:focus {
+:where([uc-wgt-common]) input[type='text']:focus {
   outline-color: var(--uc-primary-hover);
   border-color: var(--uc-primary-hover);
 }
 
 /* TODO: check if there's any necessity of disabled input */
-:where([lr-wgt-common]) input[disabled] {
+:where([uc-wgt-common]) input[disabled] {
   opacity: 0.6;
   pointer-events: none;
 }

package/blocks/themes/{lr-basic → uc-basic}/config.css

@@ -1,4 +1,4 @@
-:where([lr-wgt-common]) {
+:where([uc-wgt-common]) {
   --cfg-init-activity: 'start-from';
   --cfg-done-activity: '';
 }

package/blocks/themes/{lr-basic → uc-basic}/theme.css

@@ -1,4 +1,4 @@
-:where([lr-wgt-common]) {
+:where([uc-wgt-common]) {
   /* Font */
   --uc-font-family: system-ui;
   --uc-font-size: 14px;
@@ -39,7 +39,7 @@
 }
 
 @supports not (color: oklch(0% 0 0)) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     /* Light colors RGB fallback */
     --uc-primary-rgb-light: 54 112 253;
     --uc-primary-light: rgb(var(--uc-primary-rgb-light));
@@ -85,7 +85,7 @@
 }
 
 @supports (color: oklch(0% 0 0)) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     /* Light colors OKLCH */
     --uc-primary-oklch-light: 59% 0.22 264; /* Quick customization: change this value to your brand color */
     --uc-primary-light: oklch(var(--uc-primary-oklch-light));
@@ -131,20 +131,20 @@
 }
 
 @media only screen and (max-height: 600px) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     --uc-dialog-max-height: 100%;
   }
 }
 
 @media only screen and (max-width: 430px) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     --uc-dialog-max-width: 100vw;
     --uc-dialog-max-height: var(--uploadcare-blocks-window-height);
   }
 }
 
 @media (prefers-color-scheme: light) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     --uc-background: var(--uc-background-light);
     --uc-foreground: var(--uc-foreground-light);
     --uc-primary: var(--uc-primary-light);
@@ -167,7 +167,7 @@
 }
 
 @media (prefers-color-scheme: dark) {
-  :where([lr-wgt-common]) {
+  :where([uc-wgt-common]) {
     --uc-background: var(--uc-background-dark);
     --uc-foreground: var(--uc-foreground-dark);
     --uc-primary: var(--uc-primary-dark);

package/env.d.ts

@@ -1,4 +1,4 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "0.50.1";
+export const PACKAGE_VERSION: "1.1.0";
 //# sourceMappingURL=env.d.ts.map

package/env.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["env.js"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,oCAAqC;AACrC,uCAAwC"}
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["env.js"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,oCAAqC;AACrC,sCAAuC"}

package/env.js

@@ -1,3 +1,3 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME = 'blocks';
-export const PACKAGE_VERSION = '0.50.1';
+export const PACKAGE_VERSION = '1.1.0';

package/index.ssr.d.ts

@@ -45,6 +45,15 @@ export const Block: {
     is: string;
     bindAttributes: () => void;
 };
+export const BtnUi: {
+    new (): {};
+    observedAttributes: string[];
+    template: string;
+    reg: () => void;
+    styleAttrs: any[];
+    is: string;
+    bindAttributes: () => void;
+};
 export const CameraSource: {
     new (): {};
     template: string;
@@ -501,15 +510,6 @@ export const LineLoaderUi: {
     is: string;
     bindAttributes: () => void;
 };
-export const LrBtnUi: {
-    new (): {};
-    observedAttributes: string[];
-    template: string;
-    reg: () => void;
-    styleAttrs: any[];
-    is: string;
-    bindAttributes: () => void;
-};
 export const Modal: {
     new (): {};
     styleAttrs: any[];
@@ -520,7 +520,7 @@ export const Modal: {
     bindAttributes: () => void;
 };
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "0.50.1";
+export const PACKAGE_VERSION: "1.1.0";
 export const PresenceToggle: {
     new (): {};
     template: string;

package/index.ssr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EA0FE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA0IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAYE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAYE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;EAgBE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEE;AACK,0CAAkC;AAClC,qCAA6B;AAC7B,uCAA+B;AAC/B,oCAA4B"}
+{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EA0FE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA0IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAYE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,sCAAuC;AACvC;;;;;;;EAME;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;EAgBE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEE;AACK,0CAAkC;AAClC,qCAA6B;AAC7B,uCAA+B;AAC/B,oCAA4B"}