@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index169.js

@@ -1,152 +1,40 @@
-const r = {
-  input: {
-    class: "hidden"
-  },
-  buttonbar: {
+const t = {
+  root: ({ props: e }) => ({
     class: [
-      // Flexbox
-      "flex",
-      "flex-wrap",
-      // Colors
-      "bg-surface-50",
-      "dark:bg-surface-800",
-      "text-surface-700",
-      "dark:text-white/80",
-      // Spacing
-      "p-5",
-      "gap-2",
-      // Borders
-      "border",
-      "border-solid",
-      "border-surface-200",
-      "dark:border-surface-700",
-      "border-b-0",
-      // Shape
-      "rounded-tr-lg",
-      "rounded-tl-lg"
+      {
+        "opacity-60 select-none pointer-events-none cursor-default": e.disabled
+      }
     ]
-  },
-  chooseButton: {
+  }),
+  button: ({ context: e }) => ({
     class: [
       "relative",
-      // Alignments
-      "items-center inline-flex text-center align-bottom justify-center",
-      // Spacing
-      "px-4 py-3",
-      // Shape
-      "rounded-md",
       // Font
-      "leading-[normal]",
-      "font-bold",
-      // Colors
-      "text-white dark:text-surface-900",
-      "bg-primary-500 dark:bg-primary-400",
-      "border-primary-500 dark:border-primary-400",
-      // States
-      "hover:bg-primary-600 dark:hover:bg-primary-300",
-      // Misc
-      "overflow-hidden",
-      "cursor-pointer"
-    ]
-  },
-  chooseIcon: {
-    class: ["mr-2", "inline-block"]
-  },
-  chooseButtonLabel: {
-    class: ["flex-1", "font-bold"]
-  },
-  uploadbutton: {
-    icon: {
-      class: "mr-2"
-    }
-  },
-  cancelbutton: {
-    icon: {
-      class: "mr-2"
-    }
-  },
-  content: {
-    class: [
-      // Position
-      "relative",
-      // Colors
-      "bg-surface-0",
-      "dark:bg-surface-900",
-      "text-surface-700",
-      "dark:text-white/80",
-      // Spacing
-      "p-8",
-      // Borders
-      "border",
-      "border-surface-200",
-      "dark:border-surface-700",
-      // Shape
-      "rounded-b-lg"
-    ]
-  },
-  file: {
-    class: [
-      // Flexbox
-      "flex",
-      "items-center",
-      "flex-wrap",
+      "leading-normal text-base",
+      // Flex Alignment
+      "inline-flex items-center align-bottom text-center",
       // Spacing
-      "p-4",
-      "mb-2",
-      "last:mb-0",
-      // Borders
-      "border",
-      "border-surface-200",
-      "dark:border-surface-700",
-      "gap-2",
+      "px-4 py-2",
       // Shape
-      "rounded"
+      "rounded-lg",
+      // Color
+      {
+        "bg-gray-0 text-gray-40": !e.active,
+        "button-active bg-white text-inkwell-30": e.active
+      },
+      {
+        "opacity-60 select-none pointer-events-none cursor-default": e.disabled
+      },
+      // Transition
+      "transition duration-200",
+      // Misc
+      "cursor-pointer select-none overflow-hidden"
     ]
-  },
-  thumbnail: {
-    class: "shrink-0"
-  },
-  fileName: {
-    class: "mb-2"
-  },
-  fileSize: {
-    class: "mr-2"
-  },
-  uploadicon: {
-    class: "mr-2"
-  },
-  progressbar: {
-    root: {
-      class: [
-        // Position and Overflow
-        "overflow-hidden",
-        "absolute top-0 left-0",
-        // Shape and Size
-        "border-0",
-        "h-2",
-        "rounded-md",
-        "w-full",
-        // Colors
-        "bg-surface-100 dark:bg-surface-700"
-      ]
-    },
-    value: {
-      class: [
-        // Flexbox & Overflow & Position
-        "absolute flex items-center justify-center overflow-hidden",
-        // Colors
-        "bg-primary-500 dark:bg-primary-400",
-        // Spacing & Sizing
-        "m-0",
-        "h-full w-0",
-        // Shape
-        "border-0",
-        // Transitions
-        "transition-width duration-1000 ease-in-out"
-      ]
-    }
+  }),
+  label: {
+    class: "font-bold"
   }
 };
 export {
-  r as default
+  t as default
 };

package/dist/index17.js

@@ -1,7 +1,7 @@
-import N from "./index89.js";
+import N from "./index90.js";
 import { resolveComponent as m, createElementBlock as r, openBlock as o, mergeProps as v, toHandlerKey as F, createCommentVNode as d, createElementVNode as n, normalizeStyle as p, normalizeClass as t, renderSlot as b, createVNode as u, createSlots as H, renderList as y, withCtx as w, withModifiers as S, normalizeProps as V, guardReactiveProps as B, createTextVNode as $, toDisplayString as g, Fragment as k, createBlock as R } from "vue";
 /* empty css        */
-import T from "./index62.js";
+import T from "./index63.js";
 const M = ["id"], q = ["id"], D = {
   class: /* @__PURE__ */ t([
     "fixed-scrollable overflow-x-auto overflow-y-hidden z-20"