@veltra/styles 1.2.34 → 1.3.1

package/dist/normalize/normalize.css

@@ -2,7 +2,7 @@ html {
   font-family: var(--u-font-family);
   font-weight: normal;
   color: var(--u-text-color-main);
-  line-height: 1.4;
+  line-height: 1.5;
 }
 html.small {
   font-size: var(--u-font-size-main-small);

package/dist/theme/component-css-vars.js

@@ -10,10 +10,11 @@ function themeTokenVar(basename, ...nodes) {
 const T = themeTokenVar;
 /** 亮色（及与暗色相同的尺寸类）下组件 token */
 const componentCssVarsLight = {
-	"--u-table-border-color": "#e9e9e9",
-	"--u-table-header-bg": "#f4f5f7",
+	"--u-focus-ring": `0 0 0 3px ${T("color", "primary", "a", "28")}`,
+	"--u-table-border-color": T("border", "color"),
+	"--u-table-header-bg": T("bg-color", "hover"),
 	"--u-table-header-color": T("text-color", "title"),
-	"--u-table-stripe-bg": "#f8fafc",
+	"--u-table-stripe-bg": T("bg-color", "middle"),
 	"--u-table-stripe-color": "inherit",
 	"--u-table-hover-bg": T("bg-color", "hover"),
 	"--u-table-hover-color": "inherit",
@@ -21,10 +22,10 @@ const componentCssVarsLight = {
 	"--u-table-current-color": "inherit",
 	"--u-table-checked-bg": T("color", "primary", "light-9"),
 	"--u-table-checked-color": "inherit",
-	"--u-nav-color": "#0f172a",
-	"--u-nav-hover-bg": "rgba(148, 163, 184, 0.12)",
+	"--u-nav-color": T("text-color", "title"),
+	"--u-nav-hover-bg": T("text-color", "title", "a", "8"),
 	"--u-nav-hover-color": T("text-color", "title"),
-	"--u-nav-active-bg": "rgba(59, 130, 246, 0.12)",
+	"--u-nav-active-bg": T("color", "primary", "a", "10"),
 	"--u-nav-active-color": T("color", "primary", "dark", "1"),
 	"--u-nav-height-small": "32px",
 	"--u-nav-height-default": "36px",
@@ -87,26 +88,31 @@ const componentCssVarsLight = {
 	"--u-tag-info-border": T("color", "info"),
 	"--u-file-picker-hover-bg": T("color", "primary", "light", "9"),
 	"--u-card-header-bg": "rgba(0, 0, 0, 0.015)",
-	"--u-card-action-bg": "rgba(0, 0, 0, 0.015)"
+	"--u-card-action-bg": "rgba(0, 0, 0, 0.015)",
+	"--u-card-padding-small": "8px",
+	"--u-card-padding-default": "12px",
+	"--u-card-padding-large": "16px",
+	"--u-card-radius": T("radius", "large")
 };
 /** 暗色下组件 token（含与亮色相同的尺寸项，保证暗色 html 块自洽） */
 const componentCssVarsDark = {
 	...componentCssVarsLight,
-	"--u-table-border-color": "#404040",
-	"--u-table-header-bg": "#2a2a2a",
+	"--u-focus-ring": `0 0 0 3px ${T("color", "primary", "a", "35")}`,
+	"--u-table-border-color": T("border", "color"),
+	"--u-table-header-bg": T("bg-color", "hover"),
 	"--u-table-header-color": T("text-color", "main"),
-	"--u-table-stripe-bg": "#2a2a2a",
+	"--u-table-stripe-bg": T("bg-color", "middle"),
 	"--u-table-stripe-color": T("text-color", "main"),
-	"--u-table-hover-bg": "#333333",
+	"--u-table-hover-bg": T("text-color", "title", "a", "5"),
 	"--u-table-hover-color": T("text-color", "title"),
 	"--u-table-current-bg": T("bg-color", "hover"),
 	"--u-table-current-color": "inherit",
 	"--u-table-checked-bg": T("color", "primary", "dark", "1"),
 	"--u-table-checked-color": "inherit",
 	"--u-nav-color": T("text-color", "main"),
-	"--u-nav-hover-bg": "rgba(148, 163, 184, 0.14)",
+	"--u-nav-hover-bg": T("text-color", "title", "a", "8"),
 	"--u-nav-hover-color": T("text-color", "title"),
-	"--u-nav-active-bg": "rgba(96, 165, 250, 0.2)",
+	"--u-nav-active-bg": T("color", "primary", "a", "16"),
 	"--u-nav-active-color": T("text-color", "white"),
 	"--u-nav-bg-color": T("bg-color", "middle"),
 	"--u-radio-border": "#595959",

package/dist/theme/component-css-vars.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-css-vars.js","names":[],"sources":["../../src/theme/component-css-vars.ts"],"sourcesContent":["/**\n * 桌面组件级 `--u-*` token，与内置主题一起在 `UITheme.injectBuiltInThemes` 中注入 `html`。\n * 修改此处即可在 TS 侧统一调整组件外观，无需在各组件 `style.scss` 重复声明。\n */\n\n/** 与 SCSS `fn.use-var($basename, $nodes...)` 输出一致 */\nexport function themeTokenVar(basename: string, ...nodes: Array<string | number>): string {\n  const suffix = nodes.length ? `-${nodes.map(String).join('-')}` : ''\n  return `var(--u-${basename}${suffix})`\n}\n\nconst T = themeTokenVar\n\n/** 亮色（及与暗色相同的尺寸类）下组件 token */\nexport const componentCssVarsLight: Record<string, string> = {\n  '--u-table-border-color': '#e9e9e9',\n  '--u-table-header-bg': '#f4f5f7',\n  '--u-table-header-color': T('text-color', 'title'),\n  '--u-table-stripe-bg': '#f8fafc',\n  '--u-table-stripe-color': 'inherit',\n  '--u-table-hover-bg': T('bg-color', 'hover'),\n  '--u-table-hover-color': 'inherit',\n  '--u-table-current-bg': T('bg-color', 'hover'),\n  '--u-table-current-color': 'inherit',\n  '--u-table-checked-bg': T('color', 'primary', 'light-9'),\n  '--u-table-checked-color': 'inherit',\n  '--u-nav-color': '#0f172a',\n  '--u-nav-hover-bg': 'rgba(148, 163, 184, 0.12)',\n  '--u-nav-hover-color': T('text-color', 'title'),\n  '--u-nav-active-bg': 'rgba(59, 130, 246, 0.12)',\n  '--u-nav-active-color': T('color', 'primary', 'dark', '1'),\n  '--u-nav-height-small': '32px',\n  '--u-nav-height-default': '36px',\n  '--u-nav-height-large': '40px',\n  '--u-nav-bg-color': T('bg-color', 'top'),\n  '--u-nav-bg-image': 'none',\n  '--u-nav-rail-width': '56px',\n  '--u-nav-rail-labeled-width': '72px',\n  '--u-collapse-title-color': T('text-color', 'main'),\n  '--u-tag-small': '20px',\n  '--u-tag-default': '24px',\n  '--u-tag-large': '28px',\n  '--u-switch-height-small': '18px',\n  '--u-switch-height-default': '20px',\n  '--u-switch-height-large': '24px',\n  '--u-breadcrumb-small': '20px',\n  '--u-breadcrumb-default': '22px',\n  '--u-breadcrumb-large': '24px',\n\n  // ─── Button (default & plain states) ───\n  '--u-button-default-bg': T('bg-color', 'top'),\n  '--u-button-default-border': T('border', 'color'),\n  '--u-button-default-color': T('text-color', 'main'),\n  '--u-button-default-hover-bg': T('bg-color', 'hover'),\n  '--u-button-default-hover-border': T('border', 'color'),\n  '--u-button-primary-plain-bg': T('color', 'primary', 'light', '9'),\n  '--u-button-primary-plain-shadow': T('color', 'primary', 'light', '5'),\n  '--u-button-success-plain-bg': T('color', 'success', 'light', '9'),\n  '--u-button-success-plain-shadow': T('color', 'success', 'light', '5'),\n  '--u-button-warning-plain-bg': T('color', 'warning', 'light', '9'),\n  '--u-button-warning-plain-shadow': T('color', 'warning', 'light', '5'),\n  '--u-button-danger-plain-bg': T('color', 'danger', 'light', '9'),\n  '--u-button-danger-plain-shadow': T('color', 'danger', 'light', '5'),\n  '--u-button-info-plain-bg': T('color', 'info', 'light', '9'),\n  '--u-button-info-plain-shadow': T('color', 'info', 'light', '5'),\n\n  // ─── Tree selection ───\n  '--u-tree-node-selected-bg': T('color', 'primary', 'light', '9'),\n  '--u-tree-node-selected-color': T('color', 'primary'),\n\n  // ─── Cascade option active ───\n  '--u-cascade-node-active-bg': T('color', 'primary', 'light', '9'),\n  '--u-cascade-node-active-color': T('color', 'primary'),\n\n  // ─── Expression Editor Chip ───\n  '--u-expression-editor-chip-bg': T('color', 'primary', 'light', '9'),\n  '--u-expression-editor-chip-color': T('color', 'primary'),\n\n  // ─── Paginator active buttons ───\n  '--u-paginator-btn-hover-bg': T('color', 'primary', 'light', '9'),\n  '--u-paginator-btn-hover-color': T('text-color', 'title'),\n  '--u-paginator-btn-active-bg': T('color', 'primary', 'light', '9'),\n  '--u-paginator-btn-active-color': T('color', 'primary'),\n\n  // ─── Tabs List background ───\n  '--u-tabs-bar-bg': T('bg-color', 'hover'),\n  '--u-tabs-active-bg': T('bg-color', 'top'),\n\n  // ─── Tag Component Colors ───\n  '--u-tag-primary-bg': T('color', 'primary', 'light', '9'),\n  '--u-tag-primary-color': T('color', 'primary'),\n  '--u-tag-primary-border': T('color', 'primary'),\n  '--u-tag-success-bg': T('color', 'success', 'light', '9'),\n  '--u-tag-success-color': T('color', 'success'),\n  '--u-tag-success-border': T('color', 'success'),\n  '--u-tag-warning-bg': T('color', 'warning', 'light', '9'),\n  '--u-tag-warning-color': T('color', 'warning'),\n  '--u-tag-warning-border': T('color', 'warning'),\n  '--u-tag-danger-bg': T('color', 'danger', 'light', '9'),\n  '--u-tag-danger-color': T('color', 'danger'),\n  '--u-tag-danger-border': T('color', 'danger'),\n  '--u-tag-info-bg': T('color', 'info', 'light', '9'),\n  '--u-tag-info-color': T('color', 'info'),\n  '--u-tag-info-border': T('color', 'info'),\n\n  // ─── File Picker Colors ───\n  '--u-file-picker-hover-bg': T('color', 'primary', 'light', '9'),\n  '--u-card-header-bg': 'rgba(0, 0, 0, 0.015)',\n  '--u-card-action-bg': 'rgba(0, 0, 0, 0.015)'\n}\n\n/** 暗色下组件 token（含与亮色相同的尺寸项，保证暗色 html 块自洽） */\nexport const componentCssVarsDark: Record<string, string> = {\n  ...componentCssVarsLight,\n  '--u-table-border-color': '#404040',\n  '--u-table-header-bg': '#2a2a2a',\n  '--u-table-header-color': T('text-color', 'main'),\n  '--u-table-stripe-bg': '#2a2a2a',\n  '--u-table-stripe-color': T('text-color', 'main'),\n  '--u-table-hover-bg': '#333333',\n  '--u-table-hover-color': T('text-color', 'title'),\n  '--u-table-current-bg': T('bg-color', 'hover'),\n  '--u-table-current-color': 'inherit',\n  '--u-table-checked-bg': T('color', 'primary', 'dark', '1'),\n  '--u-table-checked-color': 'inherit',\n  '--u-nav-color': T('text-color', 'main'),\n  '--u-nav-hover-bg': 'rgba(148, 163, 184, 0.14)',\n  '--u-nav-hover-color': T('text-color', 'title'),\n  '--u-nav-active-bg': 'rgba(96, 165, 250, 0.2)',\n  '--u-nav-active-color': T('text-color', 'white'),\n  '--u-nav-bg-color': T('bg-color', 'middle'),\n  '--u-radio-border': '#595959',\n  '--u-checkbox-border': '#595959',\n\n  // ─── Button (plain & text colors in dark mode) ───\n  '--u-button-primary-plain-bg': T('color', 'primary', 'dark', '9'),\n  '--u-button-primary-plain-shadow': T('color', 'primary', 'dark', '7'),\n  '--u-button-success-plain-bg': T('color', 'success', 'dark', '9'),\n  '--u-button-success-plain-shadow': T('color', 'success', 'dark', '7'),\n  '--u-button-warning-plain-bg': T('color', 'warning', 'dark', '9'),\n  '--u-button-warning-plain-shadow': T('color', 'warning', 'dark', '7'),\n  '--u-button-danger-plain-bg': T('color', 'danger', 'dark', '9'),\n  '--u-button-danger-plain-shadow': T('color', 'danger', 'dark', '7'),\n  '--u-button-info-plain-bg': T('color', 'info', 'dark', '9'),\n  '--u-button-info-plain-shadow': T('color', 'info', 'dark', '7'),\n\n  // ─── Tree selection ───\n  '--u-tree-node-selected-bg': T('color', 'primary', 'dark', '9'),\n  '--u-tree-node-selected-color': T('color', 'primary'),\n\n  // ─── Cascade option active ───\n  '--u-cascade-node-active-bg': T('color', 'primary', 'dark', '9'),\n  '--u-cascade-node-active-color': T('color', 'primary'),\n\n  // ─── Expression Editor Chip ───\n  '--u-expression-editor-chip-bg': T('color', 'primary', 'dark', '9'),\n  '--u-expression-editor-chip-color': T('color', 'primary'),\n\n  // ─── Paginator active buttons ───\n  '--u-paginator-btn-hover-bg': T('color', 'primary', 'dark', '9'),\n  '--u-paginator-btn-hover-color': T('color', 'primary'),\n  '--u-paginator-btn-active-bg': T('color', 'primary', 'dark', '9'),\n  '--u-paginator-btn-active-color': T('color', 'primary'),\n\n  // ─── Tabs List background (improved dark contrast) ───\n  '--u-tabs-bar-bg': T('bg-color', 'bottom'),\n  '--u-tabs-active-bg': T('bg-color', 'top'),\n\n  // ─── Tag Component Colors ───\n  '--u-tag-primary-bg': T('color', 'primary', 'dark', '9'),\n  '--u-tag-primary-color': T('color', 'primary'),\n  '--u-tag-primary-border': T('color', 'primary'),\n  '--u-tag-success-bg': T('color', 'success', 'dark', '9'),\n  '--u-tag-success-color': T('color', 'success'),\n  '--u-tag-success-border': T('color', 'success'),\n  '--u-tag-warning-bg': T('color', 'warning', 'dark', '9'),\n  '--u-tag-warning-color': T('color', 'warning'),\n  '--u-tag-warning-border': T('color', 'warning'),\n  '--u-tag-danger-bg': T('color', 'danger', 'dark', '9'),\n  '--u-tag-danger-color': T('color', 'danger'),\n  '--u-tag-danger-border': T('color', 'danger'),\n  '--u-tag-info-bg': T('color', 'info', 'dark', '9'),\n  '--u-tag-info-color': T('color', 'info'),\n  '--u-tag-info-border': T('color', 'info'),\n\n  // ─── File Picker Colors ───\n  '--u-file-picker-hover-bg': T('color', 'primary', 'dark', '9'),\n  '--u-card-header-bg': 'rgba(255, 255, 255, 0.015)',\n  '--u-card-action-bg': 'rgba(255, 255, 255, 0.015)'\n}\n\nfunction recordToDeclList(record: Record<string, string>): string[] {\n  return Object.entries(record).map(([k, v]) => `${k}: ${v}`)\n}\n\nexport const componentCssVarsLightDecls: string[] = recordToDeclList(componentCssVarsLight)\n\nexport const componentCssVarsDarkDecls: string[] = recordToDeclList(componentCssVarsDark)\n"],"mappings":"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"}
+{"version":3,"file":"component-css-vars.js","names":[],"sources":["../../src/theme/component-css-vars.ts"],"sourcesContent":["/**\n * 桌面组件级 `--u-*` token，与内置主题一起在 `UITheme.injectBuiltInThemes` 中注入 `html`。\n * 修改此处即可在 TS 侧统一调整组件外观，无需在各组件 `style.scss` 重复声明。\n */\n\n/** 与 SCSS `fn.use-var($basename, $nodes...)` 输出一致 */\nexport function themeTokenVar(basename: string, ...nodes: Array<string | number>): string {\n  const suffix = nodes.length ? `-${nodes.map(String).join('-')}` : ''\n  return `var(--u-${basename}${suffix})`\n}\n\nconst T = themeTokenVar\n\n/** 亮色（及与暗色相同的尺寸类）下组件 token */\nexport const componentCssVarsLight: Record<string, string> = {\n  '--u-focus-ring': `0 0 0 3px ${T('color', 'primary', 'a', '28')}`,\n  '--u-table-border-color': T('border', 'color'),\n  '--u-table-header-bg': T('bg-color', 'hover'),\n  '--u-table-header-color': T('text-color', 'title'),\n  '--u-table-stripe-bg': T('bg-color', 'middle'),\n  '--u-table-stripe-color': 'inherit',\n  '--u-table-hover-bg': T('bg-color', 'hover'),\n  '--u-table-hover-color': 'inherit',\n  '--u-table-current-bg': T('bg-color', 'hover'),\n  '--u-table-current-color': 'inherit',\n  '--u-table-checked-bg': T('color', 'primary', 'light-9'),\n  '--u-table-checked-color': 'inherit',\n  '--u-nav-color': T('text-color', 'title'),\n  '--u-nav-hover-bg': T('text-color', 'title', 'a', '8'),\n  '--u-nav-hover-color': T('text-color', 'title'),\n  '--u-nav-active-bg': T('color', 'primary', 'a', '10'),\n  '--u-nav-active-color': T('color', 'primary', 'dark', '1'),\n  '--u-nav-height-small': '32px',\n  '--u-nav-height-default': '36px',\n  '--u-nav-height-large': '40px',\n  '--u-nav-bg-color': T('bg-color', 'top'),\n  '--u-nav-bg-image': 'none',\n  '--u-nav-rail-width': '56px',\n  '--u-nav-rail-labeled-width': '72px',\n  '--u-collapse-title-color': T('text-color', 'main'),\n  '--u-tag-small': '20px',\n  '--u-tag-default': '24px',\n  '--u-tag-large': '28px',\n  '--u-switch-height-small': '18px',\n  '--u-switch-height-default': '20px',\n  '--u-switch-height-large': '24px',\n  '--u-breadcrumb-small': '20px',\n  '--u-breadcrumb-default': '22px',\n  '--u-breadcrumb-large': '24px',\n\n  // ─── Button (default & plain states) ───\n  '--u-button-default-bg': T('bg-color', 'top'),\n  '--u-button-default-border': T('border', 'color'),\n  '--u-button-default-color': T('text-color', 'main'),\n  '--u-button-default-hover-bg': T('bg-color', 'hover'),\n  '--u-button-default-hover-border': T('border', 'color'),\n  '--u-button-primary-plain-bg': T('color', 'primary', 'light', '9'),\n  '--u-button-primary-plain-shadow': T('color', 'primary', 'light', '5'),\n  '--u-button-success-plain-bg': T('color', 'success', 'light', '9'),\n  '--u-button-success-plain-shadow': T('color', 'success', 'light', '5'),\n  '--u-button-warning-plain-bg': T('color', 'warning', 'light', '9'),\n  '--u-button-warning-plain-shadow': T('color', 'warning', 'light', '5'),\n  '--u-button-danger-plain-bg': T('color', 'danger', 'light', '9'),\n  '--u-button-danger-plain-shadow': T('color', 'danger', 'light', '5'),\n  '--u-button-info-plain-bg': T('color', 'info', 'light', '9'),\n  '--u-button-info-plain-shadow': T('color', 'info', 'light', '5'),\n\n  // ─── Tree selection ───\n  '--u-tree-node-selected-bg': T('color', 'primary', 'light', '9'),\n  '--u-tree-node-selected-color': T('color', 'primary'),\n\n  // ─── Cascade option active ───\n  '--u-cascade-node-active-bg': T('color', 'primary', 'light', '9'),\n  '--u-cascade-node-active-color': T('color', 'primary'),\n\n  // ─── Expression Editor Chip ───\n  '--u-expression-editor-chip-bg': T('color', 'primary', 'light', '9'),\n  '--u-expression-editor-chip-color': T('color', 'primary'),\n\n  // ─── Paginator active buttons ───\n  '--u-paginator-btn-hover-bg': T('color', 'primary', 'light', '9'),\n  '--u-paginator-btn-hover-color': T('text-color', 'title'),\n  '--u-paginator-btn-active-bg': T('color', 'primary', 'light', '9'),\n  '--u-paginator-btn-active-color': T('color', 'primary'),\n\n  // ─── Tabs List background ───\n  '--u-tabs-bar-bg': T('bg-color', 'hover'),\n  '--u-tabs-active-bg': T('bg-color', 'top'),\n\n  // ─── Tag Component Colors ───\n  '--u-tag-primary-bg': T('color', 'primary', 'light', '9'),\n  '--u-tag-primary-color': T('color', 'primary'),\n  '--u-tag-primary-border': T('color', 'primary'),\n  '--u-tag-success-bg': T('color', 'success', 'light', '9'),\n  '--u-tag-success-color': T('color', 'success'),\n  '--u-tag-success-border': T('color', 'success'),\n  '--u-tag-warning-bg': T('color', 'warning', 'light', '9'),\n  '--u-tag-warning-color': T('color', 'warning'),\n  '--u-tag-warning-border': T('color', 'warning'),\n  '--u-tag-danger-bg': T('color', 'danger', 'light', '9'),\n  '--u-tag-danger-color': T('color', 'danger'),\n  '--u-tag-danger-border': T('color', 'danger'),\n  '--u-tag-info-bg': T('color', 'info', 'light', '9'),\n  '--u-tag-info-color': T('color', 'info'),\n  '--u-tag-info-border': T('color', 'info'),\n\n  // ─── File Picker Colors ───\n  '--u-file-picker-hover-bg': T('color', 'primary', 'light', '9'),\n  '--u-card-header-bg': 'rgba(0, 0, 0, 0.015)',\n  '--u-card-action-bg': 'rgba(0, 0, 0, 0.015)',\n  '--u-card-padding-small': '8px',\n  '--u-card-padding-default': '12px',\n  '--u-card-padding-large': '16px',\n  '--u-card-radius': T('radius', 'large')\n}\n\n/** 暗色下组件 token（含与亮色相同的尺寸项，保证暗色 html 块自洽） */\nexport const componentCssVarsDark: Record<string, string> = {\n  ...componentCssVarsLight,\n  '--u-focus-ring': `0 0 0 3px ${T('color', 'primary', 'a', '35')}`,\n  '--u-table-border-color': T('border', 'color'),\n  '--u-table-header-bg': T('bg-color', 'hover'),\n  '--u-table-header-color': T('text-color', 'main'),\n  '--u-table-stripe-bg': T('bg-color', 'middle'),\n  '--u-table-stripe-color': T('text-color', 'main'),\n  '--u-table-hover-bg': T('text-color', 'title', 'a', '5'),\n  '--u-table-hover-color': T('text-color', 'title'),\n  '--u-table-current-bg': T('bg-color', 'hover'),\n  '--u-table-current-color': 'inherit',\n  '--u-table-checked-bg': T('color', 'primary', 'dark', '1'),\n  '--u-table-checked-color': 'inherit',\n  '--u-nav-color': T('text-color', 'main'),\n  '--u-nav-hover-bg': T('text-color', 'title', 'a', '8'),\n  '--u-nav-hover-color': T('text-color', 'title'),\n  '--u-nav-active-bg': T('color', 'primary', 'a', '16'),\n  '--u-nav-active-color': T('text-color', 'white'),\n  '--u-nav-bg-color': T('bg-color', 'middle'),\n  '--u-radio-border': '#595959',\n  '--u-checkbox-border': '#595959',\n\n  // ─── Button (plain & text colors in dark mode) ───\n  '--u-button-primary-plain-bg': T('color', 'primary', 'dark', '9'),\n  '--u-button-primary-plain-shadow': T('color', 'primary', 'dark', '7'),\n  '--u-button-success-plain-bg': T('color', 'success', 'dark', '9'),\n  '--u-button-success-plain-shadow': T('color', 'success', 'dark', '7'),\n  '--u-button-warning-plain-bg': T('color', 'warning', 'dark', '9'),\n  '--u-button-warning-plain-shadow': T('color', 'warning', 'dark', '7'),\n  '--u-button-danger-plain-bg': T('color', 'danger', 'dark', '9'),\n  '--u-button-danger-plain-shadow': T('color', 'danger', 'dark', '7'),\n  '--u-button-info-plain-bg': T('color', 'info', 'dark', '9'),\n  '--u-button-info-plain-shadow': T('color', 'info', 'dark', '7'),\n\n  // ─── Tree selection ───\n  '--u-tree-node-selected-bg': T('color', 'primary', 'dark', '9'),\n  '--u-tree-node-selected-color': T('color', 'primary'),\n\n  // ─── Cascade option active ───\n  '--u-cascade-node-active-bg': T('color', 'primary', 'dark', '9'),\n  '--u-cascade-node-active-color': T('color', 'primary'),\n\n  // ─── Expression Editor Chip ───\n  '--u-expression-editor-chip-bg': T('color', 'primary', 'dark', '9'),\n  '--u-expression-editor-chip-color': T('color', 'primary'),\n\n  // ─── Paginator active buttons ───\n  '--u-paginator-btn-hover-bg': T('color', 'primary', 'dark', '9'),\n  '--u-paginator-btn-hover-color': T('color', 'primary'),\n  '--u-paginator-btn-active-bg': T('color', 'primary', 'dark', '9'),\n  '--u-paginator-btn-active-color': T('color', 'primary'),\n\n  // ─── Tabs List background (improved dark contrast) ───\n  '--u-tabs-bar-bg': T('bg-color', 'bottom'),\n  '--u-tabs-active-bg': T('bg-color', 'top'),\n\n  // ─── Tag Component Colors ───\n  '--u-tag-primary-bg': T('color', 'primary', 'dark', '9'),\n  '--u-tag-primary-color': T('color', 'primary'),\n  '--u-tag-primary-border': T('color', 'primary'),\n  '--u-tag-success-bg': T('color', 'success', 'dark', '9'),\n  '--u-tag-success-color': T('color', 'success'),\n  '--u-tag-success-border': T('color', 'success'),\n  '--u-tag-warning-bg': T('color', 'warning', 'dark', '9'),\n  '--u-tag-warning-color': T('color', 'warning'),\n  '--u-tag-warning-border': T('color', 'warning'),\n  '--u-tag-danger-bg': T('color', 'danger', 'dark', '9'),\n  '--u-tag-danger-color': T('color', 'danger'),\n  '--u-tag-danger-border': T('color', 'danger'),\n  '--u-tag-info-bg': T('color', 'info', 'dark', '9'),\n  '--u-tag-info-color': T('color', 'info'),\n  '--u-tag-info-border': T('color', 'info'),\n\n  // ─── File Picker Colors ───\n  '--u-file-picker-hover-bg': T('color', 'primary', 'dark', '9'),\n  '--u-card-header-bg': 'rgba(255, 255, 255, 0.015)',\n  '--u-card-action-bg': 'rgba(255, 255, 255, 0.015)'\n}\n\nfunction recordToDeclList(record: Record<string, string>): string[] {\n  return Object.entries(record).map(([k, v]) => `${k}: ${v}`)\n}\n\nexport const componentCssVarsLightDecls: string[] = recordToDeclList(componentCssVarsLight)\n\nexport const componentCssVarsDarkDecls: string[] = recordToDeclList(componentCssVarsDark)\n"],"mappings":"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"}

package/dist/theme/helper.d.ts

@@ -17,6 +17,8 @@ declare function hexWithAlpha(hex: `#${string}`, alphaPercent: number): string;
 declare function mixColorWithAlpha(color: `#${string}`, ratio: number): string;
 /** 剥离 `#RRGGBBAA` 的 alpha 通道，返回 `#RRGGBB` */
 declare function hexRgbOnly(hex: string): `#${string}`;
+/** 校验是否为 `#RRGGBB` 形式的 6 位 hex 颜色 */
+declare function isHexColor(value: string): value is `#${string}`;
 declare function defineBySize(variable: Record<'small' | 'default' | 'large', number>): Record<'small' | 'default' | 'large', number>;
 /**
  * 引用全局主题 CSS 变量（`--u-*` 命名空间）
@@ -24,5 +26,5 @@ declare function defineBySize(variable: Record<'small' | 'default' | 'large', nu
  */
 declare function cssVar(prop: string): string;
 //#endregion
-export { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, mixColor, mixColorWithAlpha };
+export { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, isHexColor, mixColor, mixColorWithAlpha };
 //# sourceMappingURL=helper.d.ts.map

package/dist/theme/helper.js

@@ -56,6 +56,10 @@ function hexRgbOnly(hex) {
 	if (normalized.length === 8) return `#${normalized.slice(0, 6)}`;
 	return hex;
 }
+/** 校验是否为 `#RRGGBB` 形式的 6 位 hex 颜色 */
+function isHexColor(value) {
+	return /^#[0-9a-fA-F]{6}$/.test(value);
+}
 function defineBySize(variable) {
 	return variable;
 }
@@ -67,6 +71,6 @@ function cssVar(prop) {
 	return `var(--u-${prop})`;
 }
 //#endregion
-export { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, mixColor, mixColorWithAlpha };
+export { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, isHexColor, mixColor, mixColorWithAlpha };
 
 //# sourceMappingURL=helper.js.map

package/dist/theme/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../src/theme/helper.ts"],"sourcesContent":["import type { RGBColor } from './type'\n\n/** 实现十六进制颜色转RGB颜色，包括透明度 */\nexport function HEXToRGB(color: string): RGBColor {\n  // 移除可能存在的 '#' 前缀\n  let hex = color.replace(/^#/, '')\n  let [r, g, b] = [0, 0, 0]\n\n  if (hex.length === 3) {\n    const [r10, g10, b10] = [hex[0]!, hex[1]!, hex[2]!]\n    hex = `${r10}${r10}${g10}${g10}${b10}${b10}`\n  }\n\n  r = parseInt(hex.slice(0, 2), 16)\n  g = parseInt(hex.slice(2, 4), 16)\n  b = parseInt(hex.slice(4, 6), 16)\n\n  return [r, g, b]\n}\n\n/**\n * 混合两个颜色，并返回混合结果的十六进制表示。\n * @param color1 - 第一个颜色，格式为`#RRGGBB`。\n * @param color2 - 第二个颜色，格式为`#RRGGBB`。\n * @param ratio - 颜色混合的比例，取值范围为0到1。\n * @returns 混合结果的十六进制表示。\n */\nexport function mixColor(color1: `#${string}`, color2: `#${string}`, ratio: number): string {\n  if (ratio > 1) throw new Error('ratio的值在0-1之间')\n  const color1RGB = HEXToRGB(color1)\n  const color2RGB = HEXToRGB(color2)\n\n  const color1Ratio = 1 - ratio\n\n  return (\n    '#' +\n    color1RGB\n      .map((n, i) => {\n        const hex = Math.floor(color1Ratio * n + color2RGB[i]! * ratio).toString(16)\n        return hex.length === 1 ? '0' + hex : hex\n      })\n      .join('')\n  )\n}\n\n/** 将 `#RRGGBB` 转为指定不透明度百分比的 `rgba()`（等价于 color-mix N% + transparent） */\nexport function hexWithAlpha(hex: `#${string}`, alphaPercent: number): string {\n  const [r, g, b] = HEXToRGB(hex)\n  const alpha = Math.round((alphaPercent / 100) * 1000) / 1000\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/** 别名：`ratio` 为 0–1 时不透明度（0.08 → 8%） */\nexport function mixColorWithAlpha(color: `#${string}`, ratio: number): string {\n  return hexWithAlpha(color, ratio * 100)\n}\n\n/** 剥离 `#RRGGBBAA` 的 alpha 通道，返回 `#RRGGBB` */\nexport function hexRgbOnly(hex: string): `#${string}` {\n  const normalized = hex.replace(/^#/, '')\n  if (normalized.length === 8) {\n    return `#${normalized.slice(0, 6)}` as `#${string}`\n  }\n  return hex as `#${string}`\n}\n\nexport function defineBySize(\n  variable: Record<'small' | 'default' | 'large', number>\n): Record<'small' | 'default' | 'large', number> {\n  return variable\n}\n\n/**\n * 引用全局主题 CSS 变量（`--u-*` 命名空间）\n * @param prop - 与 Theme 结构对应的连字符路径，如 `text-color-title`、`bg-color-hover`\n */\nexport function cssVar(prop: string): string {\n  return `var(--u-${prop})`\n}\n"],"mappings":";;AAGA,SAAgB,SAAS,OAAyB;CAEhD,IAAI,MAAM,MAAM,QAAQ,MAAM,EAAE;CAChC,IAAI,CAAC,GAAG,GAAG,KAAK;EAAC;EAAG;EAAG;CAAC;CAExB,IAAI,IAAI,WAAW,GAAG;EACpB,MAAM,CAAC,KAAK,KAAK,OAAO;GAAC,IAAI;GAAK,IAAI;GAAK,IAAI;EAAG;EAClD,MAAM,GAAG,MAAM,MAAM,MAAM,MAAM,MAAM;CACzC;CAEA,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAEhC,OAAO;EAAC;EAAG;EAAG;CAAC;AACjB;;;;;;;;AASA,SAAgB,SAAS,QAAsB,QAAsB,OAAuB;CAC1F,IAAI,QAAQ,GAAG,MAAM,IAAI,MAAM,eAAe;CAC9C,MAAM,YAAY,SAAS,MAAM;CACjC,MAAM,YAAY,SAAS,MAAM;CAEjC,MAAM,cAAc,IAAI;CAExB,OACE,MACA,UACG,KAAK,GAAG,MAAM;EACb,MAAM,MAAM,KAAK,MAAM,cAAc,IAAI,UAAU,KAAM,KAAK,CAAC,CAAC,SAAS,EAAE;EAC3E,OAAO,IAAI,WAAW,IAAI,MAAM,MAAM;CACxC,CAAC,CAAC,CACD,KAAK,EAAE;AAEd;;AAGA,SAAgB,aAAa,KAAmB,cAA8B;CAC5E,MAAM,CAAC,GAAG,GAAG,KAAK,SAAS,GAAG;CAE9B,OAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IADf,KAAK,MAAO,eAAe,MAAO,GAAI,IAAI,IACjB;AACzC;;AAGA,SAAgB,kBAAkB,OAAqB,OAAuB;CAC5E,OAAO,aAAa,OAAO,QAAQ,GAAG;AACxC;;AAGA,SAAgB,WAAW,KAA2B;CACpD,MAAM,aAAa,IAAI,QAAQ,MAAM,EAAE;CACvC,IAAI,WAAW,WAAW,GACxB,OAAO,IAAI,WAAW,MAAM,GAAG,CAAC;CAElC,OAAO;AACT;AAEA,SAAgB,aACd,UAC+C;CAC/C,OAAO;AACT;;;;;AAMA,SAAgB,OAAO,MAAsB;CAC3C,OAAO,WAAW,KAAK;AACzB"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../src/theme/helper.ts"],"sourcesContent":["import type { RGBColor } from './type'\n\n/** 实现十六进制颜色转RGB颜色，包括透明度 */\nexport function HEXToRGB(color: string): RGBColor {\n  // 移除可能存在的 '#' 前缀\n  let hex = color.replace(/^#/, '')\n  let [r, g, b] = [0, 0, 0]\n\n  if (hex.length === 3) {\n    const [r10, g10, b10] = [hex[0]!, hex[1]!, hex[2]!]\n    hex = `${r10}${r10}${g10}${g10}${b10}${b10}`\n  }\n\n  r = parseInt(hex.slice(0, 2), 16)\n  g = parseInt(hex.slice(2, 4), 16)\n  b = parseInt(hex.slice(4, 6), 16)\n\n  return [r, g, b]\n}\n\n/**\n * 混合两个颜色，并返回混合结果的十六进制表示。\n * @param color1 - 第一个颜色，格式为`#RRGGBB`。\n * @param color2 - 第二个颜色，格式为`#RRGGBB`。\n * @param ratio - 颜色混合的比例，取值范围为0到1。\n * @returns 混合结果的十六进制表示。\n */\nexport function mixColor(color1: `#${string}`, color2: `#${string}`, ratio: number): string {\n  if (ratio > 1) throw new Error('ratio的值在0-1之间')\n  const color1RGB = HEXToRGB(color1)\n  const color2RGB = HEXToRGB(color2)\n\n  const color1Ratio = 1 - ratio\n\n  return (\n    '#' +\n    color1RGB\n      .map((n, i) => {\n        const hex = Math.floor(color1Ratio * n + color2RGB[i]! * ratio).toString(16)\n        return hex.length === 1 ? '0' + hex : hex\n      })\n      .join('')\n  )\n}\n\n/** 将 `#RRGGBB` 转为指定不透明度百分比的 `rgba()`（等价于 color-mix N% + transparent） */\nexport function hexWithAlpha(hex: `#${string}`, alphaPercent: number): string {\n  const [r, g, b] = HEXToRGB(hex)\n  const alpha = Math.round((alphaPercent / 100) * 1000) / 1000\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/** 别名：`ratio` 为 0–1 时不透明度（0.08 → 8%） */\nexport function mixColorWithAlpha(color: `#${string}`, ratio: number): string {\n  return hexWithAlpha(color, ratio * 100)\n}\n\n/** 剥离 `#RRGGBBAA` 的 alpha 通道，返回 `#RRGGBB` */\nexport function hexRgbOnly(hex: string): `#${string}` {\n  const normalized = hex.replace(/^#/, '')\n  if (normalized.length === 8) {\n    return `#${normalized.slice(0, 6)}` as `#${string}`\n  }\n  return hex as `#${string}`\n}\n\n/** 校验是否为 `#RRGGBB` 形式的 6 位 hex 颜色 */\nexport function isHexColor(value: string): value is `#${string}` {\n  return /^#[0-9a-fA-F]{6}$/.test(value)\n}\n\nexport function defineBySize(\n  variable: Record<'small' | 'default' | 'large', number>\n): Record<'small' | 'default' | 'large', number> {\n  return variable\n}\n\n/**\n * 引用全局主题 CSS 变量（`--u-*` 命名空间）\n * @param prop - 与 Theme 结构对应的连字符路径，如 `text-color-title`、`bg-color-hover`\n */\nexport function cssVar(prop: string): string {\n  return `var(--u-${prop})`\n}\n"],"mappings":";;AAGA,SAAgB,SAAS,OAAyB;CAEhD,IAAI,MAAM,MAAM,QAAQ,MAAM,EAAE;CAChC,IAAI,CAAC,GAAG,GAAG,KAAK;EAAC;EAAG;EAAG;CAAC;CAExB,IAAI,IAAI,WAAW,GAAG;EACpB,MAAM,CAAC,KAAK,KAAK,OAAO;GAAC,IAAI;GAAK,IAAI;GAAK,IAAI;EAAG;EAClD,MAAM,GAAG,MAAM,MAAM,MAAM,MAAM,MAAM;CACzC;CAEA,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAEhC,OAAO;EAAC;EAAG;EAAG;CAAC;AACjB;;;;;;;;AASA,SAAgB,SAAS,QAAsB,QAAsB,OAAuB;CAC1F,IAAI,QAAQ,GAAG,MAAM,IAAI,MAAM,eAAe;CAC9C,MAAM,YAAY,SAAS,MAAM;CACjC,MAAM,YAAY,SAAS,MAAM;CAEjC,MAAM,cAAc,IAAI;CAExB,OACE,MACA,UACG,KAAK,GAAG,MAAM;EACb,MAAM,MAAM,KAAK,MAAM,cAAc,IAAI,UAAU,KAAM,KAAK,CAAC,CAAC,SAAS,EAAE;EAC3E,OAAO,IAAI,WAAW,IAAI,MAAM,MAAM;CACxC,CAAC,CAAC,CACD,KAAK,EAAE;AAEd;;AAGA,SAAgB,aAAa,KAAmB,cAA8B;CAC5E,MAAM,CAAC,GAAG,GAAG,KAAK,SAAS,GAAG;CAE9B,OAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IADf,KAAK,MAAO,eAAe,MAAO,GAAI,IAAI,IACjB;AACzC;;AAGA,SAAgB,kBAAkB,OAAqB,OAAuB;CAC5E,OAAO,aAAa,OAAO,QAAQ,GAAG;AACxC;;AAGA,SAAgB,WAAW,KAA2B;CACpD,MAAM,aAAa,IAAI,QAAQ,MAAM,EAAE;CACvC,IAAI,WAAW,WAAW,GACxB,OAAO,IAAI,WAAW,MAAM,GAAG,CAAC;CAElC,OAAO;AACT;;AAGA,SAAgB,WAAW,OAAsC;CAC/D,OAAO,oBAAoB,KAAK,KAAK;AACvC;AAEA,SAAgB,aACd,UAC+C;CAC/C,OAAO;AACT;;;;;AAMA,SAAgB,OAAO,MAAsB;CAC3C,OAAO,WAAW,KAAK;AACzB"}

package/dist/theme/index.d.ts

@@ -6,5 +6,5 @@ import { heroDarkTheme, heroLightTheme } from "./presets/hero.js";
 import { shadcnDarkTheme, shadcnLightTheme } from "./presets/shadcn.js";
 import { glassDarkTheme, glassLightTheme } from "./presets/glass.js";
 import { currentTheme, loadTheme, setTheme } from "./load-theme.js";
-import { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, mixColor, mixColorWithAlpha } from "./helper.js";
-export { HEXToRGB, type RGBColor, type Theme, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
+import { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, isHexColor, mixColor, mixColorWithAlpha } from "./helper.js";
+export { HEXToRGB, type RGBColor, type Theme, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };

package/dist/theme/index.js

@@ -1,4 +1,4 @@
-import { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, mixColor, mixColorWithAlpha } from "./helper.js";
+import { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, isHexColor, mixColor, mixColorWithAlpha } from "./helper.js";
 import { UITheme } from "./ui-theme.js";
 import { lightTheme } from "./presets/light.js";
 import { darkTheme } from "./presets/dark.js";
@@ -6,4 +6,4 @@ import { heroDarkTheme, heroLightTheme } from "./presets/hero.js";
 import { shadcnDarkTheme, shadcnLightTheme } from "./presets/shadcn.js";
 import { glassDarkTheme, glassLightTheme } from "./presets/glass.js";
 import { currentTheme, loadTheme, setTheme } from "./load-theme.js";
-export { HEXToRGB, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
+export { HEXToRGB, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };

package/dist/theme/presets/dark.js

@@ -2,20 +2,20 @@ import { lightTheme } from "./light.js";
 //#region src/theme/presets/dark.ts
 const darkTheme = lightTheme.new({
 	color: {
-		primary: "#4f8ff7",
-		success: "#52c41a",
-		warning: "#faad14",
-		danger: "#ff4d4f",
-		info: "#13c2c2",
-		disabled: "#212020",
-		default: "#595959"
+		primary: "#3b82f6",
+		success: "#22c55e",
+		warning: "#f59e0b",
+		danger: "#ef4444",
+		info: "#06b6d4",
+		disabled: "#27272a",
+		default: "#27272a"
 	},
 	bg: {
 		color: {
-			bottom: "#0f0f0f",
-			middle: "#1a1a1a",
-			top: "#262626",
-			hover: "#303030",
+			bottom: "#0c0c0e",
+			middle: "#141417",
+			top: "#1c1c21",
+			hover: "#26262c",
 			black: "#000000"
 		},
 		filter: {
@@ -24,25 +24,27 @@ const darkTheme = lightTheme.new({
 		}
 	},
 	"text-color": {
-		title: "#f0f0f0",
-		main: "#d9d9d9",
-		second: "#a6a6a6",
-		placeholder: "#737373",
-		assist: "#595959",
-		disabled: "#434343",
+		title: "#f4f4f5",
+		main: "#d4d4d8",
+		second: "#a1a1aa",
+		placeholder: "#71717a",
+		assist: "#52525b",
+		disabled: "#3f3f46",
 		white: "#ffffff"
 	},
 	border: {
-		color: "#404040",
-		mutedColor: "#404040"
+		color: "#37373f",
+		mutedColor: "#42424c"
 	},
 	shadow: {
-		color: "rgba(255, 255, 255, 0.2)",
+		color: "#00000066",
 		x: 0,
-		y: 2,
-		blur: 8,
+		y: 1,
+		blur: 3,
 		spread: 0,
-		emboss: "none"
+		emboss: "none",
+		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+		lg: "0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)"
 	}
 });
 //#endregion

package/dist/theme/presets/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.js","names":[],"sources":["../../../src/theme/presets/dark.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const darkTheme = lightTheme.new({\n  color: {\n    primary: '#4f8ff7',\n    success: '#52c41a',\n    warning: '#faad14',\n    danger: '#ff4d4f',\n    info: '#13c2c2',\n    disabled: '#212020',\n    default: '#595959'\n  },\n\n  bg: {\n    color: {\n      bottom: '#0f0f0f',\n      middle: '#1a1a1a',\n      top: '#262626',\n      hover: '#303030',\n      black: '#000000'\n    },\n    filter: { blur: 'none', saturate: 'none' }\n  },\n\n  'text-color': {\n    title: '#f0f0f0',\n    main: '#d9d9d9',\n    second: '#a6a6a6',\n    placeholder: '#737373',\n    assist: '#595959',\n    disabled: '#434343',\n    white: '#ffffff'\n  },\n\n  border: { color: '#404040', mutedColor: '#404040' },\n\n  shadow: { color: 'rgba(255, 255, 255, 0.2)', x: 0, y: 2, blur: 8, spread: 0, emboss: 'none' }\n})\n"],"mappings":";;AAEA,MAAa,YAAY,WAAW,IAAI;CACtC,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CAEA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAO;CAC3C;CAEA,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CAEA,QAAQ;EAAE,OAAO;EAAW,YAAY;CAAU;CAElD,QAAQ;EAAE,OAAO;EAA4B,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;CAAO;AAC9F,CAAC"}
+{"version":3,"file":"dark.js","names":[],"sources":["../../../src/theme/presets/dark.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const darkTheme = lightTheme.new({\n  color: {\n    primary: '#3b82f6',\n    success: '#22c55e',\n    warning: '#f59e0b',\n    danger: '#ef4444',\n    info: '#06b6d4',\n    disabled: '#27272a',\n    default: '#27272a'\n  },\n\n  bg: {\n    color: {\n      bottom: '#0c0c0e',\n      middle: '#141417',\n      top: '#1c1c21',\n      hover: '#26262c',\n      black: '#000000'\n    },\n    filter: { blur: 'none', saturate: 'none' }\n  },\n\n  'text-color': {\n    title: '#f4f4f5',\n    main: '#d4d4d8',\n    second: '#a1a1aa',\n    placeholder: '#71717a',\n    assist: '#52525b',\n    disabled: '#3f3f46',\n    white: '#ffffff'\n  },\n\n  border: { color: '#37373f', mutedColor: '#42424c' },\n\n  shadow: {\n    color: '#00000066',\n    x: 0,\n    y: 1,\n    blur: 3,\n    spread: 0,\n    emboss: 'none',\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\n    lg: '0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)'\n  }\n})\n"],"mappings":";;AAEA,MAAa,YAAY,WAAW,IAAI;CACtC,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CAEA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAO;CAC3C;CAEA,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CAEA,QAAQ;EAAE,OAAO;EAAW,YAAY;CAAU;CAElD,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,IAAI;EACJ,IAAI;CACN;AACF,CAAC"}

package/dist/theme/presets/glass.js

@@ -24,8 +24,8 @@ const glassLightTheme = lightTheme.new({
 		}
 	},
 	border: {
-		color: "rgba(255, 255, 255, 0.5)",
-		mutedColor: "rgba(255, 255, 255, 0.5)",
+		color: "rgba(15, 23, 42, 0.14)",
+		mutedColor: "rgba(15, 23, 42, 0.08)",
 		width: 1,
 		style: "solid"
 	},
@@ -39,7 +39,7 @@ const glassLightTheme = lightTheme.new({
 		white: "#FFFFFF"
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.08)",
+		color: "#00000014",
 		x: 0,
 		y: 4,
 		blur: 24,
@@ -66,8 +66,8 @@ const glassDarkTheme = glassLightTheme.new({
 		}
 	},
 	border: {
-		color: "rgba(255, 255, 255, 0.12)",
-		mutedColor: "rgba(255, 255, 255, 0.12)"
+		color: "rgba(255, 255, 255, 0.18)",
+		mutedColor: "rgba(255, 255, 255, 0.1)"
 	},
 	"text-color": {
 		title: "#F8FAFC",
@@ -79,12 +79,14 @@ const glassDarkTheme = glassLightTheme.new({
 		white: "#ffffff"
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.35)",
+		color: "#00000059",
 		x: 0,
 		y: 4,
 		blur: 32,
 		spread: 0,
-		emboss: "none"
+		emboss: "none",
+		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+		lg: "0 8px 24px 0 rgba(0, 0, 0, 0.55), 0 2px 6px 0 rgba(0, 0, 0, 0.35)"
 	}
 });
 //#endregion

package/dist/theme/presets/glass.js.map

@@ -1 +1 @@
-{"version":3,"file":"glass.js","names":[],"sources":["../../../src/theme/presets/glass.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const glassLightTheme = lightTheme.new({\n  color: {\n    primary: '#3B82F6',\n    success: '#10B981',\n    warning: '#F59E0B',\n    danger: '#EF4444',\n    info: '#06B6D4',\n    disabled: '#E5E7EB',\n    default: '#F3F4F6'\n  },\n  bg: {\n    color: {\n      bottom: 'rgba(255, 255, 255, 0.45)',\n      middle: 'rgba(255, 255, 255, 0.55)',\n      top: 'rgba(255, 255, 255, 0.6)',\n      hover: 'rgba(255, 255, 255, 0.75)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(24px)', saturate: 'saturate(180%)' }\n  },\n  border: {\n    color: 'rgba(255, 255, 255, 0.5)',\n    mutedColor: 'rgba(255, 255, 255, 0.5)',\n    width: 1,\n    style: 'solid'\n  },\n  'text-color': {\n    title: '#1E293B',\n    main: '#334155',\n    placeholder: '#94A3B8',\n    second: '#64748B',\n    assist: '#CBD5E1',\n    disabled: '#94A3B8',\n    white: '#FFFFFF'\n  },\n  shadow: { color: 'rgba(0, 0, 0, 0.08)', x: 0, y: 4, blur: 24, spread: 0, emboss: 'none' }\n})\n\nexport const glassDarkTheme = glassLightTheme.new({\n  color: { disabled: '#374151', default: '#1E293B' },\n  bg: {\n    color: {\n      bottom: 'rgba(15, 23, 42, 0.6)',\n      middle: 'rgba(15, 23, 42, 0.7)',\n      top: 'rgba(15, 23, 42, 0.75)',\n      hover: 'rgba(30, 41, 59, 0.85)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(20px)', saturate: 'saturate(200%)' }\n  },\n  border: { color: 'rgba(255, 255, 255, 0.12)', mutedColor: 'rgba(255, 255, 255, 0.12)' },\n  'text-color': {\n    title: '#F8FAFC',\n    main: '#F1F5F9',\n    second: '#94A3B8',\n    placeholder: '#64748B',\n    assist: '#64748B',\n    disabled: '#475569',\n    white: '#ffffff'\n  },\n  shadow: { color: 'rgba(0, 0, 0, 0.35)', x: 0, y: 4, blur: 32, spread: 0, emboss: 'none' }\n})\n"],"mappings":";;AAEA,MAAa,kBAAkB,WAAW,IAAI;CAC5C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CACA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAc,UAAU;EAAiB;CAC3D;CACA,QAAQ;EACN,OAAO;EACP,YAAY;EACZ,OAAO;EACP,OAAO;CACT;CACA,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EAAE,OAAO;EAAuB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;EAAG,QAAQ;CAAO;AAC1F,CAAC;AAED,MAAa,iBAAiB,gBAAgB,IAAI;CAChD,OAAO;EAAE,UAAU;EAAW,SAAS;CAAU;CACjD,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAc,UAAU;EAAiB;CAC3D;CACA,QAAQ;EAAE,OAAO;EAA6B,YAAY;CAA4B;CACtF,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EAAE,OAAO;EAAuB,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;EAAG,QAAQ;CAAO;AAC1F,CAAC"}
+{"version":3,"file":"glass.js","names":[],"sources":["../../../src/theme/presets/glass.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const glassLightTheme = lightTheme.new({\n  color: {\n    primary: '#3B82F6',\n    success: '#10B981',\n    warning: '#F59E0B',\n    danger: '#EF4444',\n    info: '#06B6D4',\n    disabled: '#E5E7EB',\n    default: '#F3F4F6'\n  },\n  bg: {\n    color: {\n      bottom: 'rgba(255, 255, 255, 0.45)',\n      middle: 'rgba(255, 255, 255, 0.55)',\n      top: 'rgba(255, 255, 255, 0.6)',\n      hover: 'rgba(255, 255, 255, 0.75)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(24px)', saturate: 'saturate(180%)' }\n  },\n  border: {\n    color: 'rgba(15, 23, 42, 0.14)',\n    mutedColor: 'rgba(15, 23, 42, 0.08)',\n    width: 1,\n    style: 'solid'\n  },\n  'text-color': {\n    title: '#1E293B',\n    main: '#334155',\n    placeholder: '#94A3B8',\n    second: '#64748B',\n    assist: '#CBD5E1',\n    disabled: '#94A3B8',\n    white: '#FFFFFF'\n  },\n  shadow: { color: '#00000014', x: 0, y: 4, blur: 24, spread: 0, emboss: 'none' }\n})\n\nexport const glassDarkTheme = glassLightTheme.new({\n  color: { disabled: '#374151', default: '#1E293B' },\n  bg: {\n    color: {\n      bottom: 'rgba(15, 23, 42, 0.6)',\n      middle: 'rgba(15, 23, 42, 0.7)',\n      top: 'rgba(15, 23, 42, 0.75)',\n      hover: 'rgba(30, 41, 59, 0.85)',\n      black: '#000000'\n    },\n    filter: { blur: 'blur(20px)', saturate: 'saturate(200%)' }\n  },\n  border: { color: 'rgba(255, 255, 255, 0.18)', mutedColor: 'rgba(255, 255, 255, 0.1)' },\n  'text-color': {\n    title: '#F8FAFC',\n    main: '#F1F5F9',\n    second: '#94A3B8',\n    placeholder: '#64748B',\n    assist: '#64748B',\n    disabled: '#475569',\n    white: '#ffffff'\n  },\n  shadow: {\n    color: '#00000059',\n    x: 0,\n    y: 4,\n    blur: 32,\n    spread: 0,\n    emboss: 'none',\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\n    lg: '0 8px 24px 0 rgba(0, 0, 0, 0.55), 0 2px 6px 0 rgba(0, 0, 0, 0.35)'\n  }\n})\n"],"mappings":";;AAEA,MAAa,kBAAkB,WAAW,IAAI;CAC5C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CACA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAc,UAAU;EAAiB;CAC3D;CACA,QAAQ;EACN,OAAO;EACP,YAAY;EACZ,OAAO;EACP,OAAO;CACT;CACA,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EAAE,OAAO;EAAa,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;EAAG,QAAQ;CAAO;AAChF,CAAC;AAED,MAAa,iBAAiB,gBAAgB,IAAI;CAChD,OAAO;EAAE,UAAU;EAAW,SAAS;CAAU;CACjD,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EACA,QAAQ;GAAE,MAAM;GAAc,UAAU;EAAiB;CAC3D;CACA,QAAQ;EAAE,OAAO;EAA6B,YAAY;CAA2B;CACrF,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,IAAI;EACJ,IAAI;CACN;AACF,CAAC"}

package/dist/theme/presets/hero.js

@@ -13,7 +13,7 @@ const heroLightTheme = lightTheme.new({
 	border: {
 		width: 2,
 		color: "#dcdfe6",
-		mutedColor: "transparent"
+		mutedColor: "#e4e4e7"
 	},
 	"text-color": {
 		title: "#11181C",
@@ -30,7 +30,7 @@ const heroLightTheme = lightTheme.new({
 		large: 14
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.08)",
+		color: "#00000014",
 		x: 0,
 		y: 4,
 		blur: 14,
@@ -54,7 +54,7 @@ const heroDarkTheme = heroLightTheme.new({
 	} },
 	border: {
 		color: "#3f3f46",
-		mutedColor: "transparent"
+		mutedColor: "#3f3f46"
 	},
 	"text-color": {
 		title: "#ECEDEE",
@@ -66,12 +66,14 @@ const heroDarkTheme = heroLightTheme.new({
 		white: "#FFFFFF"
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.2)",
+		color: "#00000033",
 		x: 0,
 		y: 4,
 		blur: 14,
 		spread: 0,
-		emboss: "0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f"
+		emboss: "0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f",
+		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+		lg: "0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)"
 	},
 	button: { "default-bg": "var(--u-bg-color-top)" }
 });

package/dist/theme/presets/hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"hero.js","names":[],"sources":["../../../src/theme/presets/hero.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const heroLightTheme = lightTheme.new({\n  color: {\n    primary: '#7828c8', // purple\n    success: '#17c964',\n    warning: '#f5a524',\n    danger: '#f31260',\n    info: '#006fee',\n    disabled: '#f4f4f5',\n    default: '#f4f4f5'\n  },\n  border: { width: 2, color: '#dcdfe6', mutedColor: 'transparent' },\n  'text-color': {\n    title: '#11181C',\n    main: '#11181C',\n    second: '#71717A',\n    placeholder: '#A1A1AA',\n    assist: '#A1A1AA',\n    disabled: '#A1A1AA',\n    white: '#FFFFFF'\n  },\n  radius: { small: 8, default: 12, large: 14 },\n  shadow: {\n    color: 'rgba(0, 0, 0, 0.08)',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 3px 0px #0000000f'\n  },\n  button: { 'default-bg': '#ebebec' }\n})\n\nexport const heroDarkTheme = heroLightTheme.new({\n  color: { primary: '#9353d3', disabled: '#27272a', default: '#27272a' },\n  bg: {\n    color: {\n      bottom: '#000000',\n      middle: '#18181b',\n      top: '#27272a',\n      hover: '#3f3f46',\n      black: '#000000'\n    }\n  },\n  border: { color: '#3f3f46', mutedColor: 'transparent' },\n  'text-color': {\n    title: '#ECEDEE',\n    main: '#ECEDEE',\n    second: '#A1A1AA',\n    placeholder: '#71717A',\n    assist: '#71717A',\n    disabled: '#71717A',\n    white: '#FFFFFF'\n  },\n  shadow: {\n    color: 'rgba(0, 0, 0, 0.2)',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f'\n  },\n  button: { 'default-bg': 'var(--u-bg-color-top)' }\n})\n"],"mappings":";;AAEA,MAAa,iBAAiB,WAAW,IAAI;CAC3C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CACA,QAAQ;EAAE,OAAO;EAAG,OAAO;EAAW,YAAY;CAAc;CAChE,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EAAE,OAAO;EAAG,SAAS;EAAI,OAAO;CAAG;CAC3C,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;CACV;CACA,QAAQ,EAAE,cAAc,UAAU;AACpC,CAAC;AAED,MAAa,gBAAgB,eAAe,IAAI;CAC9C,OAAO;EAAE,SAAS;EAAW,UAAU;EAAW,SAAS;CAAU;CACrE,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;EACP,OAAO;CACT,EACF;CACA,QAAQ;EAAE,OAAO;EAAW,YAAY;CAAc;CACtD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;CACV;CACA,QAAQ,EAAE,cAAc,wBAAwB;AAClD,CAAC"}
+{"version":3,"file":"hero.js","names":[],"sources":["../../../src/theme/presets/hero.ts"],"sourcesContent":["import { lightTheme } from './light'\n\nexport const heroLightTheme = lightTheme.new({\n  color: {\n    primary: '#7828c8', // purple\n    success: '#17c964',\n    warning: '#f5a524',\n    danger: '#f31260',\n    info: '#006fee',\n    disabled: '#f4f4f5',\n    default: '#f4f4f5'\n  },\n  border: { width: 2, color: '#dcdfe6', mutedColor: '#e4e4e7' },\n  'text-color': {\n    title: '#11181C',\n    main: '#11181C',\n    second: '#71717A',\n    placeholder: '#A1A1AA',\n    assist: '#A1A1AA',\n    disabled: '#A1A1AA',\n    white: '#FFFFFF'\n  },\n  radius: { small: 8, default: 12, large: 14 },\n  shadow: {\n    color: '#00000014',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 3px 0px #0000000f'\n  },\n  button: { 'default-bg': '#ebebec' }\n})\n\nexport const heroDarkTheme = heroLightTheme.new({\n  color: { primary: '#9353d3', disabled: '#27272a', default: '#27272a' },\n  bg: {\n    color: {\n      bottom: '#000000',\n      middle: '#18181b',\n      top: '#27272a',\n      hover: '#3f3f46',\n      black: '#000000'\n    }\n  },\n  border: { color: '#3f3f46', mutedColor: '#3f3f46' },\n  'text-color': {\n    title: '#ECEDEE',\n    main: '#ECEDEE',\n    second: '#A1A1AA',\n    placeholder: '#71717A',\n    assist: '#71717A',\n    disabled: '#71717A',\n    white: '#FFFFFF'\n  },\n  shadow: {\n    color: '#00000033',\n    x: 0,\n    y: 4,\n    blur: 14,\n    spread: 0,\n    emboss: '0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f',\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\n    lg: '0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)'\n  },\n  button: { 'default-bg': 'var(--u-bg-color-top)' }\n})\n"],"mappings":";;AAEA,MAAa,iBAAiB,WAAW,IAAI;CAC3C,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CACA,QAAQ;EAAE,OAAO;EAAG,OAAO;EAAW,YAAY;CAAU;CAC5D,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EAAE,OAAO;EAAG,SAAS;EAAI,OAAO;CAAG;CAC3C,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;CACV;CACA,QAAQ,EAAE,cAAc,UAAU;AACpC,CAAC;AAED,MAAa,gBAAgB,eAAe,IAAI;CAC9C,OAAO;EAAE,SAAS;EAAW,UAAU;EAAW,SAAS;CAAU;CACrE,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;EACP,OAAO;CACT,EACF;CACA,QAAQ;EAAE,OAAO;EAAW,YAAY;CAAU;CAClD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,aAAa;EACb,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CACA,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,IAAI;EACJ,IAAI;CACN;CACA,QAAQ,EAAE,cAAc,wBAAwB;AAClD,CAAC"}

package/dist/theme/presets/light.js

@@ -3,20 +3,20 @@ import { UITheme } from "../ui-theme.js";
 //#region src/theme/presets/light.ts
 const lightTheme = new UITheme({
 	color: {
-		primary: "#1E88E5",
-		success: "#2ba471",
-		warning: "#e37318",
-		danger: "#d54941",
-		info: "#009688",
-		disabled: "#f5f7fa",
-		default: "#f1f5f9"
+		primary: "#2563eb",
+		success: "#16a34a",
+		warning: "#d97706",
+		danger: "#dc2626",
+		info: "#0891b2",
+		disabled: "#f4f4f5",
+		default: "#f4f4f5"
 	},
 	bg: {
 		color: {
-			bottom: "#f5f5f5",
+			bottom: "#f4f4f5",
 			middle: "#fafafa",
 			top: "#ffffff",
-			hover: "#f5f7fa",
+			hover: "#f4f4f5",
 			black: "#000000"
 		},
 		filter: {
@@ -25,24 +25,24 @@ const lightTheme = new UITheme({
 		}
 	},
 	border: {
-		color: "#dcdfe6",
-		mutedColor: "#dcdfe6",
+		color: "#e4e4e7",
+		mutedColor: "#d4d4d8",
 		width: 1,
 		style: "solid"
 	},
 	"text-color": {
-		title: "#303133",
-		main: "#606266",
-		placeholder: "#a8abb2",
-		second: "#979797",
-		assist: "#c0c4cc",
-		disabled: "#a8abb2",
+		title: "#18181b",
+		main: "#3f3f46",
+		placeholder: "#a1a1aa",
+		second: "#71717a",
+		assist: "#d4d4d8",
+		disabled: "#a1a1aa",
 		white: "#fff"
 	},
 	radius: defineBySize({
-		small: 4,
-		default: 6,
-		large: 8
+		small: 6,
+		default: 8,
+		large: 12
 	}),
 	"form-component-height": defineBySize({
 		small: 24,
@@ -51,7 +51,7 @@ const lightTheme = new UITheme({
 	}),
 	"font-family": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif",
 	"font-size-title": defineBySize({
-		small: 16,
+		small: 14,
 		default: 16,
 		large: 18
 	}),
@@ -66,12 +66,21 @@ const lightTheme = new UITheme({
 		large: 14
 	}),
 	shadow: {
-		color: "#0000001a",
+		color: "#00000014",
 		x: 0,
-		y: 0,
-		blur: 4,
-		spread: 1,
-		emboss: "none"
+		y: 1,
+		blur: 3,
+		spread: 0,
+		emboss: "none",
+		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+		lg: "0 8px 24px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.06)"
+	},
+	transition: {
+		fast: "0.15s",
+		normal: "0.25s",
+		slow: "0.35s",
+		ease: "cubic-bezier(0.4, 0, 0.2, 1)",
+		easeOut: "cubic-bezier(0, 0, 0.2, 1)"
 	},
 	gap: defineBySize({
 		small: 6,

package/dist/theme/presets/light.js.map

@@ -1 +1 @@
-{"version":3,"file":"light.js","names":[],"sources":["../../../src/theme/presets/light.ts"],"sourcesContent":["import { defineBySize } from '../helper'\nimport { UITheme } from '../ui-theme'\n\nexport const lightTheme: UITheme = new UITheme(\n  {\n    color: {\n      primary: '#1E88E5',\n      success: '#2ba471',\n      warning: '#e37318',\n      danger: '#d54941',\n      info: '#009688',\n      disabled: '#f5f7fa',\n      default: '#f1f5f9'\n    },\n\n    bg: {\n      color: {\n        bottom: '#f5f5f5',\n        middle: '#fafafa',\n        top: '#ffffff',\n        hover: '#f5f7fa',\n        black: '#000000'\n      },\n\n      filter: { blur: 'none', saturate: 'none' }\n    },\n\n    border: { color: '#dcdfe6', mutedColor: '#dcdfe6', width: 1, style: 'solid' },\n\n    'text-color': {\n      title: '#303133',\n      main: '#606266',\n      placeholder: '#a8abb2',\n      second: '#979797',\n      assist: '#c0c4cc',\n      disabled: '#a8abb2',\n      white: '#fff'\n    },\n\n    radius: defineBySize({ small: 4, default: 6, large: 8 }),\n\n    'form-component-height': defineBySize({ small: 24, default: 32, large: 40 }),\n\n    'font-family':\n      'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif',\n\n    'font-size-title': defineBySize({ small: 16, default: 16, large: 18 }),\n\n    'font-size-main': defineBySize({ small: 12, default: 14, large: 16 }),\n\n    'font-size-assist': defineBySize({ small: 12, default: 12, large: 14 }),\n\n    shadow: { color: '#0000001a', x: 0, y: 0, blur: 4, spread: 1, emboss: 'none' },\n\n    gap: defineBySize({ small: 6, default: 8, large: 12 }),\n\n    breakpoint: { xs: 600, sm: 960, md: 1280, lg: 1920 },\n\n    button: { 'default-bg': 'var(--u-bg-color-top)' }\n  },\n  { reactive: false }\n)\n"],"mappings":";;;AAGA,MAAa,aAAsB,IAAI,QACrC;CACE,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CAEA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EAEA,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAO;CAC3C;CAEA,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW,OAAO;EAAG,OAAO;CAAQ;CAE5E,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CAEA,QAAQ,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;CAAE,CAAC;CAEvD,yBAAyB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAE3E,eACE;CAEF,mBAAmB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAErE,kBAAkB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAEpE,oBAAoB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAEtE,QAAQ;EAAE,OAAO;EAAa,GAAG;EAAG,GAAG;EAAG,MAAM;EAAG,QAAQ;EAAG,QAAQ;CAAO;CAE7E,KAAK,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;CAAG,CAAC;CAErD,YAAY;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAM,IAAI;CAAK;CAEnD,QAAQ,EAAE,cAAc,wBAAwB;AAClD,GACA,EAAE,UAAU,MAAM,CACpB"}
+{"version":3,"file":"light.js","names":[],"sources":["../../../src/theme/presets/light.ts"],"sourcesContent":["import { defineBySize } from '../helper'\nimport { UITheme } from '../ui-theme'\n\nexport const lightTheme: UITheme = new UITheme(\n  {\n    color: {\n      primary: '#2563eb',\n      success: '#16a34a',\n      warning: '#d97706',\n      danger: '#dc2626',\n      info: '#0891b2',\n      disabled: '#f4f4f5',\n      default: '#f4f4f5'\n    },\n\n    bg: {\n      color: {\n        bottom: '#f4f4f5',\n        middle: '#fafafa',\n        top: '#ffffff',\n        hover: '#f4f4f5',\n        black: '#000000'\n      },\n\n      filter: { blur: 'none', saturate: 'none' }\n    },\n\n    // color 用于结构分隔线（保持安静）；mutedColor 用于表单控件/卡片描边（需要清晰的 affordance）\n    border: { color: '#e4e4e7', mutedColor: '#d4d4d8', width: 1, style: 'solid' },\n\n    'text-color': {\n      title: '#18181b',\n      main: '#3f3f46',\n      placeholder: '#a1a1aa',\n      second: '#71717a',\n      assist: '#d4d4d8',\n      disabled: '#a1a1aa',\n      white: '#fff'\n    },\n\n    // 对齐 Tailwind rounded-md / rounded-lg / rounded-xl\n    radius: defineBySize({ small: 6, default: 8, large: 12 }),\n\n    'form-component-height': defineBySize({ small: 24, default: 32, large: 40 }),\n\n    'font-family':\n      'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif',\n\n    'font-size-title': defineBySize({ small: 14, default: 16, large: 18 }),\n\n    'font-size-main': defineBySize({ small: 12, default: 14, large: 16 }),\n\n    'font-size-assist': defineBySize({ small: 12, default: 12, large: 14 }),\n\n    shadow: {\n      color: '#00000014',\n      x: 0,\n      y: 1,\n      blur: 3,\n      spread: 0,\n      emboss: 'none',\n      sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n      lg: '0 8px 24px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.06)'\n    },\n\n    transition: {\n      fast: '0.15s',\n      normal: '0.25s',\n      slow: '0.35s',\n      ease: 'cubic-bezier(0.4, 0, 0.2, 1)',\n      easeOut: 'cubic-bezier(0, 0, 0.2, 1)'\n    },\n\n    gap: defineBySize({ small: 6, default: 8, large: 12 }),\n\n    breakpoint: { xs: 600, sm: 960, md: 1280, lg: 1920 },\n\n    button: { 'default-bg': 'var(--u-bg-color-top)' }\n  },\n  { reactive: false }\n)\n"],"mappings":";;;AAGA,MAAa,aAAsB,IAAI,QACrC;CACE,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;EACR,MAAM;EACN,UAAU;EACV,SAAS;CACX;CAEA,IAAI;EACF,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,KAAK;GACL,OAAO;GACP,OAAO;EACT;EAEA,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAO;CAC3C;CAGA,QAAQ;EAAE,OAAO;EAAW,YAAY;EAAW,OAAO;EAAG,OAAO;CAAQ;CAE5E,cAAc;EACZ,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;CACT;CAGA,QAAQ,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;CAAG,CAAC;CAExD,yBAAyB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAE3E,eACE;CAEF,mBAAmB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAErE,kBAAkB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAEpE,oBAAoB,aAAa;EAAE,OAAO;EAAI,SAAS;EAAI,OAAO;CAAG,CAAC;CAEtE,QAAQ;EACN,OAAO;EACP,GAAG;EACH,GAAG;EACH,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,IAAI;EACJ,IAAI;CACN;CAEA,YAAY;EACV,MAAM;EACN,QAAQ;EACR,MAAM;EACN,MAAM;EACN,SAAS;CACX;CAEA,KAAK,aAAa;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;CAAG,CAAC;CAErD,YAAY;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAM,IAAI;CAAK;CAEnD,QAAQ,EAAE,cAAc,wBAAwB;AAClD,GACA,EAAE,UAAU,MAAM,CACpB"}

package/dist/theme/presets/shadcn.js

@@ -36,7 +36,7 @@ const shadcnLightTheme = lightTheme.new({
 		large: 8
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.05)",
+		color: "#0000000d",
 		x: 0,
 		y: 1,
 		blur: 2,
@@ -76,12 +76,14 @@ const shadcnDarkTheme = shadcnLightTheme.new({
 		white: "#ffffff"
 	},
 	shadow: {
-		color: "rgba(0, 0, 0, 0.4)",
+		color: "#00000066",
 		x: 0,
 		y: 1,
 		blur: 2,
 		spread: 0,
-		emboss: "none"
+		emboss: "none",
+		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+		lg: "0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)"
 	},
 	button: {
 		"primary-text-color": "#000000",