@mekari/pixel3-upload 0.0.15 → 0.0.16-dev.0

package/dist/upload-list.js

@@ -92,17 +92,21 @@ function useUploadList(props, emit) {
     isShowDownloadButton,
     isShowRemoveButton
   } = (0, import_vue.toRefs)(props);
+  const {
+    isNextTheme
+  } = (0, import_pixel3_utils.usePixelTheme)();
   const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "upload-list").value;
   const color = (0, import_vue.computed)(() => {
-    let title = "dark";
-    let subtitle = "gray.600";
+    let title = isNextTheme.value ? "text.default" : "dark";
+    let subtitle = isNextTheme.value ? "text.secondary" : "gray.600";
     if (status.value === "success") {
-      title = "blue.700";
+      title = isNextTheme.value ? "text.success" : "blue.700";
     }
     if (status.value === "error") {
-      title = "red.400";
-      subtitle = "red.400";
+      title = isNextTheme.value ? "text.danger" : "red.400";
+      subtitle = isNextTheme.value ? "text.danger" : "red.400";
     }
+    console.log("ada", title, subtitle);
     return {
       title,
       subtitle
@@ -129,8 +133,8 @@ function useUploadList(props, emit) {
     return {
       size: "md",
       name: status.value === "error" ? "error" : iconName.value,
-      color: status.value === "error" ? "red.700" : iconColor.value,
-      variant: status.value === "error" ? "duotone" : iconVariant.value
+      color: status.value === "error" ? isNextTheme.value ? "icon.danger" : "red.700" : iconColor.value,
+      variant: status.value === "error" ? isNextTheme.value ? "outline" : "duotone" : iconVariant.value
     };
   });
   const titleWrapperAttrs = (0, import_vue.computed)(() => {

package/dist/upload-list.mjs

@@ -1,7 +1,7 @@
 import {
   MpUploadList
-} from "./chunk-W6VPDWGC.mjs";
-import "./chunk-IEVDIM2Y.mjs";
+} from "./chunk-DUIAKRG4.mjs";
+import "./chunk-Z5XNNZQB.mjs";
 import "./chunk-VRL243IV.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/upload.d.mts

@@ -112,9 +112,9 @@ declare const MpUpload: vue.DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    id: string;
     isDisabled: boolean;
     isLoading: boolean;
-    id: string;
     placeholder: string;
     loadingText: string;
     buttonText: string;

package/dist/upload.d.ts

@@ -112,9 +112,9 @@ declare const MpUpload: vue.DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    id: string;
     isDisabled: boolean;
     isLoading: boolean;
-    id: string;
     placeholder: string;
     loadingText: string;
     buttonText: string;

package/dist/upload.js

@@ -110,6 +110,9 @@ function useUpload(props, emit) {
   } = (0, import_vue.toRefs)(props);
   const files = (0, import_vue.ref)(fileList == null ? void 0 : fileList.value);
   const fileInput = (0, import_vue.ref)();
+  const {
+    isNextTheme
+  } = (0, import_pixel3_utils.usePixelTheme)();
   const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "upload").value;
   const fileName = (0, import_vue.computed)(() => {
     if (isLoading.value) {
@@ -153,12 +156,10 @@ function useUpload(props, emit) {
       isDisabled: isDisabled.value
     };
   });
-  const textAttrs = (0, import_vue.computed)(() => {
-    return {
-      color: !isLoading.value && totalFiles.value >= 1 ? "dark" : "gray.400",
-      isTruncated: true
-    };
-  });
+  const textAttrs = (0, import_vue.computed)(() => ({
+    color: !isLoading.value && totalFiles.value >= 1 ? isNextTheme ? "text.default" : "dark" : isNextTheme ? "text.secondary" : "gray.400",
+    isTruncated: true
+  }));
   const resetButtonAttrs = (0, import_vue.computed)(() => {
     return {
       class: (0, import_recipes.uploadSlotRecipe)().resetButton,

package/dist/upload.mjs

@@ -1,7 +1,7 @@
 import {
   MpUpload
-} from "./chunk-O5TCYA7V.mjs";
-import "./chunk-IEVDIM2Y.mjs";
+} from "./chunk-ADYWIIBK.mjs";
+import "./chunk-Z5XNNZQB.mjs";
 import "./chunk-VRL243IV.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@mekari/pixel3-upload",
   "description": "Upload component for mekari pixel 3",
-  "version": "0.0.15",
+  "version": "0.0.16-dev.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-button": "0.0.16",
-    "@mekari/pixel3-icon": "0.0.16",
-    "@mekari/pixel3-styled-system": "0.1.1",
-    "@mekari/pixel3-spinner": "0.0.16",
-    "@mekari/pixel3-text": "0.0.15",
-    "@mekari/pixel3-utils": "0.0.6"
+    "@mekari/pixel3-button": "0.0.17-dev.0",
+    "@mekari/pixel3-spinner": "0.0.17-dev.0",
+    "@mekari/pixel3-icon": "0.0.17-dev.0",
+    "@mekari/pixel3-text": "0.0.16-dev.0",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.0",
+    "@mekari/pixel3-utils": "0.0.7-dev.0"
   },
   "peerDependencies": {
     "vue": "^3.4.9"