x-next 1.5.0 → 1.7.0

package/dist/components/upload/interface.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Upload 公开类型。
+ *
+ * 状态模型沿用 init / uploading / done / error 四态：外部传入且无 status 的
+ * 历史文件按 done 处理，cancel 回到 init 便于直接重试（不同于 Arco 的 error）。
+ */
+export type UploadStatus = 'init' | 'uploading' | 'done' | 'error';
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+export type UploadRequestMethod = 'post' | 'put' | 'patch';
+/** 文件被拒绝的原因：类型 / 数量 / 前置钩子 / 目录读取失败 */
+export type UploadRejectReason = 'accept' | 'limit' | 'beforeUpload' | 'read';
+export interface UploadFile<T = unknown> {
+    /** 文件唯一标识；外部列表未提供时组件会自动生成并保持稳定 */
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    lastModified?: number;
+    /** 默认 done；上传中 uploading；失败 error；待上传 init */
+    status?: UploadStatus;
+    /** 上传进度，0 ~ 1（与 x-next Progress 组件一致） */
+    percent?: number;
+    /** 文件地址；上传成功后可由 responseUrlKey 从响应中提取 */
+    url?: string;
+    /** 缩略图地址；图片文件加入列表时自动生成本地预览地址 */
+    thumbUrl?: string;
+    /** 上传接口响应体 */
+    response?: T;
+    /** 上传失败的错误对象 */
+    error?: unknown;
+    /** 原始 File 对象；外部历史文件通常没有 */
+    file?: File;
+}
+export type UploadBeforeUploadResult = void | boolean | File | Blob | string;
+/**
+ * 上传前置钩子。
+ *
+ * - 返回 false / Promise<false>：不加入列表
+ * - 返回 File / Blob / string：替换原始文件后上传
+ * - 抛错或 reject：按拒绝处理并触发 reject 事件
+ */
+export type UploadBeforeUpload = (file: File, fileList: File[]) => UploadBeforeUploadResult | Promise<UploadBeforeUploadResult>;
+export type UploadBeforeRemove = (file: UploadFile) => boolean | void | Promise<boolean | void>;
+/** 上传地址；传函数时按文件动态解析，支持异步 */
+export type UploadAction = string | ((file: File) => string | Promise<string>);
+/** 附加表单字段；传函数时按文件动态解析 */
+export type UploadData = Record<string, unknown> | ((file: UploadFile) => Record<string, unknown> | Promise<Record<string, unknown>>);
+/** 文件字段名；默认 file */
+export type UploadName = string | ((file: UploadFile) => string);
+/** 从响应体中提取文件地址的字段名或解析函数；字符串支持 `data.url` 形式的路径 */
+export type UploadResponseUrlKey = string | ((file: UploadFile, response?: unknown) => string | undefined);
+export interface UploadRequestOption {
+    action: string;
+    method: UploadRequestMethod;
+    /** 文件字段名 */
+    name: string;
+    /** 原始文件对象 */
+    file: File;
+    /** 列表项，可读取 uid / 业务附加字段 */
+    fileItem: UploadFile;
+    data?: Record<string, unknown>;
+    headers?: Record<string, string>;
+    withCredentials: boolean;
+    /** 超时毫秒数，0 表示不超时 */
+    timeout: number;
+    /**
+     * 每次尝试独立的中止信号；取消上传、移除文件或组件卸载时触发 abort。
+     * 可直接透传给 fetch / axios 的 signal；环境不支持 AbortController 时为 undefined。
+     */
+    signal?: AbortSignal;
+    /** 进度回调，percent 为 0 ~ 1 */
+    onProgress: (percent: number, event?: ProgressEvent) => void;
+    onSuccess: (response?: unknown) => void;
+    onError: (error?: unknown) => void;
+}
+export interface UploadRequest {
+    abort?: () => void;
+}
+/**
+ * 自定义上传请求。
+ *
+ * 三种收尾方式，按所需控制力度选择：
+ * - 返回 Promise：resolve 即成功（结果写入 `file.response`），reject 即失败，
+ *   适合直接调用业务已有的上传方法（axios / fetch / flyio 均可）；
+ * - 返回 `{ abort }`：自行调用 `onProgress` / `onSuccess` / `onError`，
+ *   组件在取消、移除、卸载时调用 `abort`；
+ * - 返回 undefined：完全手动回调，取消时仅失效后续回调。
+ */
+export type UploadCustomRequest = (option: UploadRequestOption) => UploadRequest | Promise<unknown> | void;
+export interface UploadChangeInfo {
+    file: UploadFile;
+    fileList: UploadFile[];
+}
+export interface UploadProgressInfo extends UploadChangeInfo {
+    percent: number;
+    event?: ProgressEvent;
+}
+export interface UploadExceedInfo {
+    /** 因超出 limit 被拒绝的文件 */
+    files: File[];
+    fileList: UploadFile[];
+}
+export interface UploadRejectInfo {
+    files: File[];
+    reason: UploadRejectReason;
+}
+export interface UploadShowUploadButton {
+    /** 已达 limit 时仍显示上传入口，选中文件后触发 exceed 事件 */
+    showOnExceedLimit?: boolean;
+}

package/dist/components/upload/props.d.ts

@@ -0,0 +1,321 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { UploadAction, UploadBeforeRemove, UploadBeforeUpload, UploadCustomRequest, UploadData, UploadFile, UploadListType, UploadName, UploadRequestMethod, UploadResponseUrlKey, UploadShowUploadButton } from './interface';
+export declare const uploadProps: {
+    /**
+     * @zh 文件列表，支持 v-model:file-list 受控
+     * @en File list, controlled by v-model:file-list
+     * @vModel
+     */
+    fileList: {
+        type: PropType<UploadFile[]>;
+        default: undefined;
+    };
+    /**
+     * @zh 非受控模式下的初始文件列表
+     * @en Initial file list in uncontrolled mode
+     * @defaultValue []
+     */
+    defaultFileList: {
+        type: PropType<UploadFile[]>;
+        default: () => never[];
+    };
+    /**
+     * @zh 上传地址，传函数时按文件动态解析并支持异步
+     * @en Upload URL; a function is resolved per file and may be async
+     */
+    action: {
+        type: PropType<UploadAction>;
+        default: undefined;
+    };
+    /**
+     * @zh 上传请求方法
+     * @en Upload request method
+     * @values 'post', 'put', 'patch'
+     * @defaultValue 'post'
+     */
+    method: {
+        type: PropType<UploadRequestMethod>;
+        default: string;
+    };
+    /**
+     * @zh 请求头
+     * @en Request headers
+     */
+    headers: {
+        type: PropType<Record<string, string>>;
+        default: undefined;
+    };
+    /**
+     * @zh 附加表单字段，传函数时按文件动态解析
+     * @en Extra form fields; a function is resolved per file
+     */
+    data: {
+        type: PropType<UploadData>;
+        default: undefined;
+    };
+    /**
+     * @zh 文件字段名，传函数时按文件动态解析
+     * @en File field name; a function is resolved per file
+     * @defaultValue 'file'
+     */
+    name: {
+        type: PropType<UploadName>;
+        default: string;
+    };
+    /**
+     * @zh 是否携带 Cookie
+     * @en Whether to send cookies
+     * @defaultValue false
+     */
+    withCredentials: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 请求超时毫秒数，0 表示不超时
+     * @en Request timeout in milliseconds; 0 disables the timeout
+     * @defaultValue 0
+     */
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 自定义上传请求；返回 Promise 时自动接管状态与结果，返回 `{ abort }` 时手动回调
+     * @en Custom upload request; a returned Promise drives the state automatically, an `{ abort }` handle keeps manual control
+     */
+    customRequest: {
+        type: PropType<UploadCustomRequest>;
+        default: undefined;
+    };
+    /**
+     * @zh 接受的文件类型，同原生 accept
+     * @en Accepted file types, same as the native accept attribute
+     */
+    accept: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 是否允许选择多个文件
+     * @en Whether multiple files can be selected
+     * @defaultValue false
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否支持选择文件夹（含拖拽目录递归）
+     * @en Whether directory selection is enabled, including recursive drop traversal
+     * @defaultValue false
+     */
+    directory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 移动端捕获来源，透传给原生 input
+     * @en Capture source passed to the native input on mobile
+     * @values true, 'user', 'environment'
+     */
+    capture: {
+        type: PropType<boolean | "user" | "environment">;
+        default: undefined;
+    };
+    /**
+     * @zh 是否支持聚焦后粘贴文件（如截图后 Ctrl / Cmd + V）
+     * @en Whether pasting files is enabled while focused, e.g. a screenshot with Ctrl / Cmd + V
+     * @defaultValue false
+     */
+    paste: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否渲染为拖拽上传区域
+     * @en Whether to render a drag and drop area
+     * @defaultValue false
+     */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether the upload is disabled
+     * @defaultValue false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 是否选择后立即上传；关闭后需调用 submit 或点击开始上传
+     * @en Whether to upload immediately after selection; disable it to call submit manually
+     * @defaultValue true
+     */
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 最大文件数量，0 表示不限；超出部分触发 exceed 事件
+     * @en Maximum number of files, 0 means unlimited; extra files trigger the exceed event
+     * @defaultValue 0
+     */
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 上传前置钩子，可拦截或替换文件
+     * @en Pre-upload hook that can intercept or replace files
+     */
+    beforeUpload: {
+        type: PropType<UploadBeforeUpload>;
+        default: undefined;
+    };
+    /**
+     * @zh 移除前置钩子，返回 false 或 reject 可阻止移除
+     * @en Pre-remove hook; returning false or rejecting prevents removal
+     */
+    beforeRemove: {
+        type: PropType<UploadBeforeRemove>;
+        default: undefined;
+    };
+    /**
+     * @zh 列表展示形态
+     * @en List display type
+     * @values 'text', 'picture', 'picture-card'
+     * @defaultValue 'text'
+     */
+    listType: {
+        type: PropType<UploadListType>;
+        default: string;
+    };
+    /**
+     * @zh 提示文案，拖拽区和图片卡中显示
+     * @en Tip text shown in the dragger and picture card
+     */
+    tip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 是否展示文件列表
+     * @en Whether to show the file list
+     * @defaultValue true
+     */
+    showFileList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示上传入口；对象形式可配置达到 limit 后仍显示
+     * @en Whether to show the upload trigger; the object form keeps it visible on limit
+     * @defaultValue true
+     */
+    showUploadButton: {
+        type: PropType<boolean | UploadShowUploadButton>;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示移除按钮
+     * @en Whether to show the remove button
+     * @defaultValue true
+     */
+    showRemoveButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示重试 / 开始上传按钮
+     * @en Whether to show retry / start buttons
+     * @defaultValue true
+     */
+    showRetryButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示取消上传按钮
+     * @en Whether to show the cancel button
+     * @defaultValue true
+     */
+    showCancelButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示预览按钮
+     * @en Whether to show the preview button
+     * @defaultValue true
+     */
+    showPreviewButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示下载按钮
+     * @en Whether to show the download button
+     * @defaultValue false
+     */
+    showDownloadButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 链接是否带 download 属性，点击直接下载
+     * @en Whether links carry the download attribute
+     * @defaultValue false
+     */
+    download: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 有地址时是否渲染为链接
+     * @en Whether to render files with a URL as links
+     * @defaultValue true
+     */
+    showLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 内置图片预览，点击图片用 ImagePreview 打开
+     * @en Built-in image preview using ImagePreview on click
+     * @defaultValue false
+     */
+    imagePreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 缩略图的原生 loading 策略
+     * @en Native loading strategy for thumbnails
+     * @values 'eager', 'lazy'
+     */
+    imageLoading: {
+        type: PropType<"eager" | "lazy">;
+        default: undefined;
+    };
+    /**
+     * @zh 上传成功后从响应中提取 url 的字段名（支持 `data.url` 嵌套路径）或解析函数
+     * @en Field name (nested paths like `data.url` supported) or resolver extracting the file URL from the response
+     */
+    responseUrlKey: {
+        type: PropType<UploadResponseUrlKey>;
+        default: undefined;
+    };
+    /**
+     * @zh 上传入口的无障碍名称
+     * @en Accessible name of the upload trigger
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+};
+export type UploadProps = ExtractPropTypes<typeof uploadProps>;

package/dist/components/upload/upload-list-item.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { UploadFile } from './interface';
+/** 列表项：文本 / 图片两种行内形态共用，图片卡由 upload-picture-item 承担 */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    file: {
+        type: PropType<UploadFile>;
+        required: true;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    file: {
+        type: PropType<UploadFile>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/upload/upload-list.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 文件列表。
+ *
+ * - text / picture：入口在上，列表在下
+ * - picture-card：卡片瓦片与入口并排折行，tip 渲染在入口卡片下方
+ *
+ * 列表项走 upload-item 插槽替换时保留容器结构，业务只替换内容即可，
+ * 不必重做布局。
+ */
+declare const _default: import('vue').DefineComponent<{}, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/upload/upload-picture-item.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+import { UploadFile } from './interface';
+/**
+ * 图片卡列表项。
+ *
+ * 状态分层：上传中显示圆形进度并禁用操作；失败态瓦片内显示错误图标，
+ * 悬浮遮罩提供重试 / 移除；完成态悬浮遮罩提供预览 / 下载 / 移除。
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    file: {
+        type: PropType<UploadFile>;
+        required: true;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    file: {
+        type: PropType<UploadFile>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/upload/upload-trigger.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 上传入口：隐藏 input + 可点击 / 可聚焦 / 可拖拽的触发区。
+ *
+ * 触发区始终带 role="button" 与 tabindex，Enter / Space 可唤起文件选择，
+ * 拖拽模式额外绑定拖入高亮与释放上传。
+ */
+declare const _default: import('vue').DefineComponent<{}, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/upload/utils.d.ts

@@ -0,0 +1,48 @@
+import { UploadFile, UploadRequest, UploadRequestOption } from './interface';
+/** 生成列表项 uid，同时刻多次调用也能保持唯一 */
+export declare const genUid: () => string;
+export declare const normalizeMime: (mime?: string) => string;
+export declare const getExtension: (name: string) => string;
+/** 按原生 accept 规则校验文件，用于选择与拖拽两条路径 */
+export declare const matchAccept: (file: File, accept?: string) => boolean;
+export declare const isImageMime: (mime?: string) => boolean;
+/** 判断 File 是否为图片：优先 MIME，缺失时按扩展名 */
+export declare const isImageFile: (file: File) => boolean;
+/** 判断列表项是否可作为图片预览 */
+export declare const isImageItem: (item: UploadFile) => boolean;
+/**
+ * 规范化外部file列表项：补 uid 与默认状态。
+ * 用 WeakMap 缓存生成的 uid，保证同一对象多次渲染标识稳定。
+ */
+export declare const normalizeFile: (item: UploadFile) => UploadFile;
+export declare const normalizeFileList: (list?: UploadFile[]) => UploadFile[];
+export declare const createThumbUrl: (file: File) => string | undefined;
+/** 只回收组件自己创建的 blob 地址，外部传入的地址不动 */
+export declare const revokeThumbUrl: (url?: string) => void;
+/**
+ * 判断 customRequest 的返回值是否为 Promise。
+ *
+ * 用 thenable 判定而不是 `instanceof Promise` / `isPromise`：
+ * axios、flyio、async 函数与跨 iframe 的 Promise 都能命中，
+ * 同时兼容自定义 thenable。
+ */
+export declare const isPromiseLike: (value: unknown) => value is PromiseLike<unknown>;
+/** 取出 Promise / 请求句柄上挂载的 abort 方法 */
+export declare const resolveAbortHandle: (value: unknown) => (() => void) | undefined;
+/**
+ * Promise 模式下 resolve 值的归一化。
+ *
+ * 业务方法直接返回 fetch 的 Response 时：`!ok` 按失败处理，JSON / text 解析后
+ * 写入 file.response（与内置 XHR 的 parseResponse 行为一致），二进制等其它类型
+ * 保留 Response 本体；axios / flyio 等已解析的响应原样返回。
+ */
+export declare const normalizePromiseResponse: (value: unknown) => Promise<unknown>;
+/** 内置 XHR 上传，customRequest 未提供时使用 */
+export declare const uploadRequest: (option: UploadRequestOption) => UploadRequest;
+/**
+ * 从拖拽数据中收集文件。
+ * directory 模式下递归读取目录，并补 webkitRelativePath，便于展示相对路径。
+ */
+export declare const collectDropFiles: (dataTransfer: DataTransfer) => Promise<File[]>;
+/** 从粘贴板数据中取文件 */
+export declare const collectPasteFiles: (dataTransfer: DataTransfer | null) => File[];

package/dist/components/watermark/Watermark.d.ts

@@ -231,13 +231,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     rotate: number;
     repeat: boolean;
     content: string | string[];
+    alpha: number;
     height: number;
     width: number;
     zIndex: number;
     font: WatermarkFont;
     gap: WatermarkGap;
     offset: WatermarkGap;
-    alpha: number;
     antiTamper: boolean;
     grayscale: boolean;
     staggered: boolean;

package/dist/components/watermark/index.d.ts

@@ -64,13 +64,13 @@ export declare const Watermark: {
         rotate: number;
         repeat: boolean;
         content: string | string[];
+        alpha: number;
         height: number;
         width: number;
         zIndex: number;
         font: import('./interface').WatermarkFont;
         gap: import('./interface').WatermarkGap;
         offset: import('./interface').WatermarkGap;
-        alpha: number;
         antiTamper: boolean;
         grayscale: boolean;
         staggered: boolean;
@@ -143,13 +143,13 @@ export declare const Watermark: {
         rotate: number;
         repeat: boolean;
         content: string | string[];
+        alpha: number;
         height: number;
         width: number;
         zIndex: number;
         font: import('./interface').WatermarkFont;
         gap: import('./interface').WatermarkGap;
         offset: import('./interface').WatermarkGap;
-        alpha: number;
         antiTamper: boolean;
         grayscale: boolean;
         staggered: boolean;
@@ -219,13 +219,13 @@ export declare const Watermark: {
     rotate: number;
     repeat: boolean;
     content: string | string[];
+    alpha: number;
     height: number;
     width: number;
     zIndex: number;
     font: import('./interface').WatermarkFont;
     gap: import('./interface').WatermarkGap;
     offset: import('./interface').WatermarkGap;
-    alpha: number;
     antiTamper: boolean;
     grayscale: boolean;
     staggered: boolean;

package/dist/es/_styles/palette-aliases.js

@@ -13,6 +13,8 @@ const r = {
     "--x-color-border-focus": "var(--x-color-primary-6)",
     "--x-color-menu-dark-hover": "var(--x-color-primary)",
     "--x-color-menu-dark-submenu-selected-bg": "color-mix(in srgb, var(--x-color-primary) 45%, transparent)",
+    "--x-color-picker-color-swatch_active": "var(--x-color-primary-text)",
+    "--x-color-picker-color-text_active": "var(--x-color-primary-text)",
     "--x-color-primary-button-text": "var(--x-color-primary-text)",
     "--x-color-primary-light-1": "var(--x-color-primary-1)",
     "--x-color-primary-light-2": "var(--x-color-primary-light-1)",
@@ -40,9 +42,12 @@ const r = {
     "--x-field-status-validating-text": "var(--x-color-primary-text)",
     "--x-focus-bc": "var(--x-color-primary)",
     "--x-form-border-color-focus": "var(--x-field-color-border-focus)",
+    "--x-heatmap-color-level-1": "var(--x-color-primary-1)",
+    "--x-heatmap-color-level-2": "var(--x-color-primary-2)",
+    "--x-heatmap-color-level-3": "var(--x-color-primary-3)",
+    "--x-heatmap-color-level-4": "var(--x-color-primary-5)",
+    "--x-heatmap-color-level-5": "var(--x-color-primary-6)",
     "--x-hover-color": "var(--x-color-primary)",
-    "--x-image-preview-color-action-hover-bg": "var(--x-color-primary-subtle)",
-    "--x-image-preview-color-action-hover-text": "var(--x-color-primary-solid)",
     "--x-input-color-border_focus": "var(--x-field-color-border-focus)",
     "--x-input-color-shadow_focus": "var(--x-field-color-shadow-focus)",
     "--x-input-feedback-icon-color_validating": "var(--x-field-status-validating-icon)",
@@ -81,6 +86,7 @@ const r = {
     "--x-radio-color-bg_checked_disabled": "var(--x-color-primary-light-3)",
     "--x-select-bc": "var(--x-color-primary)",
     "--x-select-color": "var(--x-color-primary)",
+    "--x-spin-tip-shimmer-color-highlight": "color-mix( in srgb, var(--x-color-primary-text) 30%, var(--x-color-white) )",
     "--x-table-color-bg-body-row_active": "var(--x-color-primary-subtle)",
     "--x-table-color-border_resizing": "var(--x-color-primary-6)",
     "--x-table-color-header-filters-icon_active": "var(--x-color-primary-6)",
@@ -96,7 +102,8 @@ const r = {
     "--x-time-picker-confirm-color": "var(--x-color-primary-text)",
     "--x-time-range-selector-color-default": "var(--x-color-primary-6)",
     "--x-timeline-dot-hollow-shadow": "0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) )",
-    "--x-timeline-dot-shadow": "0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent))"
+    "--x-timeline-dot-shadow": "0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent))",
+    "--x-upload-color-border-hover": "var(--x-color-primary)"
   },
   success: {
     "--x-button-color-bg-success-solid": "var(--x-color-success-solid)",
@@ -159,7 +166,6 @@ const r = {
     "--x-field-status-error-shadow-color-focus": "var(--x-color-danger-2)",
     "--x-field-status-error-text": "var(--x-color-danger-text)",
     "--x-form-border-color-error": "var(--x-field-color-border-error)",
-    "--x-image-color-error-bg": "var(--x-color-danger-solid)",
     "--x-input-color-bg_error": "var(--x-field-color-bg-error)",
     "--x-input-color-bg_error_hover": "var(--x-field-color-bg-error-hover)",
     "--x-input-color-border_error": "var(--x-field-color-border-error)",