@iyulab/u-widgets 0.11.0 → 0.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/u-widgets",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Declarative, data-driven widget system for visualization and input",
   "type": "module",
   "module": "./dist/u-widgets.js",

package/dist/tokens-byMop3gk.js

@@ -1,64 +0,0 @@
-import { css as e } from "lit";
-const g = e`
-  :host {
-    /* ── Colors (Light defaults) ── */
-    --u-widget-bg: #fff;
-    --u-widget-surface: #f1f5f9;
-    --u-widget-text: #1a1a2e;
-    --u-widget-text-secondary: #64748b;
-    --u-widget-border: #e2e8f0;
-    --u-widget-primary: #4f46e5;
-    --u-widget-positive: #16a34a;
-    --u-widget-negative: #dc2626;
-    --u-widget-warning: #d97706;
-
-    /* ── Spacing ── */
-    --u-widget-gap: 16px;
-    --u-widget-radius: 6px;
-
-    /* ── Typography ── */
-    --u-widget-font-family: system-ui, -apple-system, sans-serif;
-    --u-widget-font-size: 0.875rem;
-
-    /* ── Chart ── */
-    --u-widget-chart-height: 300px;
-
-    /* ── Shadow ── */
-    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
-    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host(:not([theme="light"])) {
-      --u-widget-bg: #1e1e2e;
-      --u-widget-surface: #2a2a3e;
-      --u-widget-text: #e2e8f0;
-      --u-widget-text-secondary: #94a3b8;
-      --u-widget-border: #374151;
-      --u-widget-primary: #818cf8;
-      --u-widget-positive: #4ade80;
-      --u-widget-negative: #f87171;
-      --u-widget-warning: #fbbf24;
-      --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
-      --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);
-    }
-  }
-
-  :host([theme="dark"]) {
-    --u-widget-bg: #1e1e2e;
-    --u-widget-surface: #2a2a3e;
-    --u-widget-text: #e2e8f0;
-    --u-widget-text-secondary: #94a3b8;
-    --u-widget-border: #374151;
-    --u-widget-primary: #818cf8;
-    --u-widget-positive: #4ade80;
-    --u-widget-negative: #f87171;
-    --u-widget-warning: #fbbf24;
-    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
-    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);
-  }
-`;
-export {
-  g as t
-};
-//# sourceMappingURL=tokens-byMop3gk.js.map

package/dist/tokens-byMop3gk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-byMop3gk.js","sources":["../src/styles/tokens.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Shared CSS custom property tokens for all u-widget elements.\n *\n * **Token categories:**\n * - Colors: bg, surface, text, text-secondary, border, primary, positive, negative, warning\n * - Spacing: gap, radius\n * - Typography: font-family, font-size\n * - Chart: chart-height, chart-color-1..10\n *\n * **Theme modes:**\n * 1. Light mode: `:host` sets explicit color defaults for all tokens.\n * 2. Dark mode via `prefers-color-scheme: dark` (automatic, unless `theme=\"light\"`)\n * 3. Dark mode via `theme=\"dark\"` attribute (manual override)\n *\n * Host applications can override any `--u-widget-*` variable by styling the\n * element directly (e.g., `u-widget { --u-widget-text: blue; }`).\n * The `theme=\"dark\"` attribute is still useful for component-specific overrides\n * (e.g., code syntax highlight colors).\n */\nexport const themeStyles = css`\n  :host {\n    /* ── Colors (Light defaults) ── */\n    --u-widget-bg: #fff;\n    --u-widget-surface: #f1f5f9;\n    --u-widget-text: #1a1a2e;\n    --u-widget-text-secondary: #64748b;\n    --u-widget-border: #e2e8f0;\n    --u-widget-primary: #4f46e5;\n    --u-widget-positive: #16a34a;\n    --u-widget-negative: #dc2626;\n    --u-widget-warning: #d97706;\n\n    /* ── Spacing ── */\n    --u-widget-gap: 16px;\n    --u-widget-radius: 6px;\n\n    /* ── Typography ── */\n    --u-widget-font-family: system-ui, -apple-system, sans-serif;\n    --u-widget-font-size: 0.875rem;\n\n    /* ── Chart ── */\n    --u-widget-chart-height: 300px;\n\n    /* ── Shadow ── */\n    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);\n    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host(:not([theme=\"light\"])) {\n      --u-widget-bg: #1e1e2e;\n      --u-widget-surface: #2a2a3e;\n      --u-widget-text: #e2e8f0;\n      --u-widget-text-secondary: #94a3b8;\n      --u-widget-border: #374151;\n      --u-widget-primary: #818cf8;\n      --u-widget-positive: #4ade80;\n      --u-widget-negative: #f87171;\n      --u-widget-warning: #fbbf24;\n      --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);\n      --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);\n    }\n  }\n\n  :host([theme=\"dark\"]) {\n    --u-widget-bg: #1e1e2e;\n    --u-widget-surface: #2a2a3e;\n    --u-widget-text: #e2e8f0;\n    --u-widget-text-secondary: #94a3b8;\n    --u-widget-border: #374151;\n    --u-widget-primary: #818cf8;\n    --u-widget-positive: #4ade80;\n    --u-widget-negative: #f87171;\n    --u-widget-warning: #fbbf24;\n    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);\n    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);\n  }\n`;\n"],"names":["themeStyles","css"],"mappings":";AAqBO,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}