@pathscale/ui 1.2.6 → 1.2.7

package/dist/styles/themes/light.css

@@ -1,143 +1,143 @@
-@layer theme {
-  :root:not([data-theme]),
-  [data-theme="light"] {
-    /* Base colors */
-    --color-primary: var(--color-blue-600);
-    --color-primary-content: var(--color-white);
-    --color-secondary: var(--color-purple-600);
-    --color-secondary-content: var(--color-white);
-    --color-accent: var(--color-sky-600);
-    --color-accent-content: var(--color-white);
-    --color-accent-foreground: var(--color-white);
-    --color-accent-soft: color-mix(
-      in oklab,
-      var(--color-sky-600) 15%,
-      var(--color-white)
-    );
-    --color-accent-soft-foreground: var(--color-sky-700);
-    --color-accent-soft-hover: color-mix(
-      in oklab,
-      var(--color-sky-600) 22%,
-      var(--color-white)
-    );
-    --color-accent-hover: var(--color-sky-700);
-    --color-neutral: var(--color-gray-600);
-    --color-neutral-content: var(--color-white);
-
-    /* Semantic colors */
-    --color-info: var(--color-blue-500);
-    --color-info-content: var(--color-white);
-    --color-success: var(--color-emerald-600);
-    --color-success-content: var(--color-white);
-    --color-success-foreground: var(--color-white);
-    --color-success-soft: color-mix(
-      in oklab,
-      var(--color-emerald-600) 15%,
-      var(--color-white)
-    );
-    --color-success-soft-foreground: var(--color-emerald-700);
-    --color-warning: var(--color-amber-500);
-    --color-warning-content: var(--color-black);
-    --color-warning-foreground: var(--color-black);
-    --color-warning-soft: color-mix(
-      in oklab,
-      var(--color-amber-500) 15%,
-      var(--color-white)
-    );
-    --color-warning-soft-foreground: var(--color-amber-700);
-    --color-error: var(--color-rose-600);
-    --color-error-content: var(--color-white);
-    --color-danger: var(--color-rose-600);
-    --color-danger-foreground: var(--color-white);
-    --color-danger-soft: color-mix(
-      in oklab,
-      var(--color-rose-600) 15%,
-      var(--color-white)
-    );
-    --color-danger-soft-foreground: var(--color-rose-700);
-
-    /* HeroUI generic tokens */
-    --color-default: var(--color-gray-200);
-    --color-default-foreground: var(--color-gray-800);
-    --color-default-hover: var(--color-gray-300);
-    --color-background: var(--color-white);
-    --color-foreground: var(--color-gray-900);
-
-    /* Base background colors */
-    --color-base-100: var(--color-white);
-    --color-base-200: var(--color-gray-100);
-    --color-base-300: var(--color-gray-200);
-    --color-base-content: var(--color-gray-900);
-
-    /* Legacy support */
-    --color-bg-body: var(--color-white);
-    --color-bg-inverse: var(--color-gray-900);
-    --color-bg-primary: var(--color-gray-100);
-    --color-bg-secondary: var(--color-gray-200);
-    --color-bg-tertiary: var(--color-gray-300);
-    --color-bg-positive: var(--color-emerald-600);
-    --color-bg-destructive: var(--color-rose-600);
-
-    --color-fg-body: var(--color-gray-900);
-    --color-fg-inverse: var(--color-white);
-    --color-fg-primary: var(--color-gray-800);
-    --color-fg-secondary: var(--color-gray-700);
-    --color-fg-tertiary: var(--color-gray-600);
-    --color-fg-positive: var(--color-emerald-700);
-    --color-fg-destructive: var(--color-rose-700);
-
-    /* Daisy-compatible aliases and structural tokens */
-    --b1: var(--color-base-100);
-    --b2: var(--color-base-200);
-    --b3: var(--color-base-300);
-    --bc: var(--color-base-content);
-    --radius-selector: 0.375rem;
-    --radius-field: 0.375rem;
-    --radius-box: 0.75rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --border: 1px;
-    --depth: 0;
-    --noise: 1;
-
-    /* Glass surface tokens */
-    --glass-background-color: white;
-    --glass-background-opacity: 0.96%;
-    --glass-border-color: white;
-    --glass-border-opacity: 30%;
-    --glass-highlight-color: white;
-    --glass-highlight-opacity: 6.4%;
-    --glass-bottom-highlight-opacity: 3.2%;
-    --glass-edge-highlight-opacity: 8%;
-    --glass-inner-glow-rgb: 255 255 255;
-    --glass-inner-glow-alpha: 0.15;
-    --glass-inner-glow-blur: 2px;
-    --glass-inner-glow-spread: 0px;
-    --glass-depth-top-glow-opacity: 8%;
-    --glass-depth-bottom-glow-opacity: 12%;
-    --glass-depth-sheen-opacity: 7.5%;
-    --glass-depth-sheen-size: 70%;
-    --glass-depth-surface-opacity: 0%;
-    --glass-depth-surface-size: 82%;
-    --glass-rim-start-color: var(--color-base-content);
-    --glass-rim-start-opacity: 21%;
-    --glass-rim-end-color: white;
-    --glass-rim-end-opacity: 35%;
-    --glass-glow-ring-opacity: 10%;
-    --glass-liquid-edge-size: 3px;
-    --glass-liquid-inner-blur: 18px;
-    --glass-border-radius: 20px;
-    --glass-blur: 50px;
-    --glass-saturation: 1.2;
-    --glass-brightness: 1;
-    --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
-    --glass-fallback-background-opacity: 78%;
-  }
-}
-
-@layer base {
-  :root:not([data-theme]),
-  [data-theme="light"] {
-    color-scheme: only light;
-  }
-}
+@layer theme {
+  :root:not([data-theme]),
+  [data-theme="light"] {
+    /* Base colors */
+    --color-primary: var(--color-blue-600);
+    --color-primary-content: var(--color-white);
+    --color-secondary: var(--color-purple-600);
+    --color-secondary-content: var(--color-white);
+    --color-accent: var(--color-sky-600);
+    --color-accent-content: var(--color-white);
+    --color-accent-foreground: var(--color-white);
+    --color-accent-soft: color-mix(
+      in oklab,
+      var(--color-sky-600) 15%,
+      var(--color-white)
+    );
+    --color-accent-soft-foreground: var(--color-sky-700);
+    --color-accent-soft-hover: color-mix(
+      in oklab,
+      var(--color-sky-600) 22%,
+      var(--color-white)
+    );
+    --color-accent-hover: var(--color-sky-700);
+    --color-neutral: var(--color-gray-600);
+    --color-neutral-content: var(--color-white);
+
+    /* Semantic colors */
+    --color-info: var(--color-blue-500);
+    --color-info-content: var(--color-white);
+    --color-success: var(--color-emerald-600);
+    --color-success-content: var(--color-white);
+    --color-success-foreground: var(--color-white);
+    --color-success-soft: color-mix(
+      in oklab,
+      var(--color-emerald-600) 15%,
+      var(--color-white)
+    );
+    --color-success-soft-foreground: var(--color-emerald-700);
+    --color-warning: var(--color-amber-500);
+    --color-warning-content: var(--color-black);
+    --color-warning-foreground: var(--color-black);
+    --color-warning-soft: color-mix(
+      in oklab,
+      var(--color-amber-500) 15%,
+      var(--color-white)
+    );
+    --color-warning-soft-foreground: var(--color-amber-700);
+    --color-error: var(--color-rose-600);
+    --color-error-content: var(--color-white);
+    --color-danger: var(--color-rose-600);
+    --color-danger-foreground: var(--color-white);
+    --color-danger-soft: color-mix(
+      in oklab,
+      var(--color-rose-600) 15%,
+      var(--color-white)
+    );
+    --color-danger-soft-foreground: var(--color-rose-700);
+
+    /* HeroUI generic tokens */
+    --color-default: var(--color-gray-200);
+    --color-default-foreground: var(--color-gray-800);
+    --color-default-hover: var(--color-gray-300);
+    --color-background: var(--color-white);
+    --color-foreground: var(--color-gray-900);
+
+    /* Base background colors */
+    --color-base-100: var(--color-white);
+    --color-base-200: var(--color-gray-100);
+    --color-base-300: var(--color-gray-200);
+    --color-base-content: var(--color-gray-900);
+
+    /* Legacy support */
+    --color-bg-body: var(--color-white);
+    --color-bg-inverse: var(--color-gray-900);
+    --color-bg-primary: var(--color-gray-100);
+    --color-bg-secondary: var(--color-gray-200);
+    --color-bg-tertiary: var(--color-gray-300);
+    --color-bg-positive: var(--color-emerald-600);
+    --color-bg-destructive: var(--color-rose-600);
+
+    --color-fg-body: var(--color-gray-900);
+    --color-fg-inverse: var(--color-white);
+    --color-fg-primary: var(--color-gray-800);
+    --color-fg-secondary: var(--color-gray-700);
+    --color-fg-tertiary: var(--color-gray-600);
+    --color-fg-positive: var(--color-emerald-700);
+    --color-fg-destructive: var(--color-rose-700);
+
+    /* Daisy-compatible aliases and structural tokens */
+    --b1: var(--color-base-100);
+    --b2: var(--color-base-200);
+    --b3: var(--color-base-300);
+    --bc: var(--color-base-content);
+    --radius-selector: 0.375rem;
+    --radius-field: 0.375rem;
+    --radius-box: 0.75rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 1;
+
+    /* Glass surface tokens */
+    --glass-background-color: white;
+    --glass-background-opacity: 0.96%;
+    --glass-border-color: white;
+    --glass-border-opacity: 30%;
+    --glass-highlight-color: white;
+    --glass-highlight-opacity: 6.4%;
+    --glass-bottom-highlight-opacity: 3.2%;
+    --glass-edge-highlight-opacity: 8%;
+    --glass-inner-glow-rgb: 255 255 255;
+    --glass-inner-glow-alpha: 0.15;
+    --glass-inner-glow-blur: 2px;
+    --glass-inner-glow-spread: 0px;
+    --glass-depth-top-glow-opacity: 8%;
+    --glass-depth-bottom-glow-opacity: 12%;
+    --glass-depth-sheen-opacity: 7.5%;
+    --glass-depth-sheen-size: 70%;
+    --glass-depth-surface-opacity: 0%;
+    --glass-depth-surface-size: 82%;
+    --glass-rim-start-color: var(--color-base-content);
+    --glass-rim-start-opacity: 21%;
+    --glass-rim-end-color: white;
+    --glass-rim-end-opacity: 35%;
+    --glass-glow-ring-opacity: 10%;
+    --glass-liquid-edge-size: 3px;
+    --glass-liquid-inner-blur: 18px;
+    --glass-border-radius: 20px;
+    --glass-blur: 50px;
+    --glass-saturation: 1.2;
+    --glass-brightness: 1;
+    --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
+    --glass-fallback-background-opacity: 78%;
+  }
+}
+
+@layer base {
+  :root:not([data-theme]),
+  [data-theme="light"] {
+    color-scheme: only light;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -52,44 +52,44 @@
     "./index.css": "./dist/index.css"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@iconify/json": "^2.2.342",
+    "@biomejs/biome": "^2.4.16",
+    "@iconify/json": "^2.2.481",
     "@iconify/utils": "^2.3.0",
-    "@pathscale/rsbuild-plugin-ui-css-purge": "^0.9.5",
-    "@rsbuild/core": "^1.3.20",
-    "@rsbuild/plugin-solid": "^1.0.5",
-    "@rslib/core": "^0.9.0",
-    "@solid-primitives/event-listener": "^2.3.0",
-    "@solid-primitives/intersection-observer": "^2.1.3",
-    "@solid-primitives/keyboard": "^1.2.5",
-    "@solid-primitives/media": "^2.2.5",
-    "@solid-primitives/props": "^3.1.8",
-    "@solid-primitives/resize-observer": "^2.0.22",
-    "@solid-primitives/scheduled": "^1.4.1",
-    "@solid-primitives/scroll": "^2.0.20",
-    "@solid-primitives/storage": "^2.1.1",
-    "@solid-primitives/utils": "^6.2.1",
-    "@standard-schema/spec": "^1.0.0",
-    "@tanstack/solid-form": "^1.29.0",
+    "@pathscale/rsbuild-plugin-ui-css-purge": "^0.9.7",
+    "@rsbuild/core": "^1.7.5",
+    "@rsbuild/plugin-solid": "^1.2.1",
+    "@rslib/core": "^0.9.2",
+    "@solid-primitives/event-listener": "^2.4.5",
+    "@solid-primitives/intersection-observer": "^2.2.4",
+    "@solid-primitives/keyboard": "^1.3.5",
+    "@solid-primitives/media": "^2.3.5",
+    "@solid-primitives/props": "^3.2.3",
+    "@solid-primitives/resize-observer": "^2.1.5",
+    "@solid-primitives/scheduled": "^1.5.3",
+    "@solid-primitives/scroll": "^2.1.5",
+    "@solid-primitives/storage": "^2.1.4",
+    "@solid-primitives/utils": "^6.4.0",
+    "@standard-schema/spec": "^1.1.0",
+    "@tanstack/solid-form": "^1.33.0",
     "@tanstack/solid-table": "^8.21.3",
-    "@types/bun": "^1.2.12",
-    "babel-preset-solid": "^1.9.6",
+    "@types/bun": "^1.3.14",
+    "babel-preset-solid": "^1.9.12",
     "cally": "^0.8.0",
     "clsx": "^2.1.1",
-    "cssnano": "^7.0.7",
-    "postcss": "^8.5.8",
+    "cssnano": "^7.1.9",
+    "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-selector-parser": "^7.1.1",
-    "solid-js": "^1.9.7",
-    "svgo": "^3.3.2",
-    "tailwind-merge": "^3.3.0",
-    "typescript": "^5.8.3"
+    "solid-js": "^1.9.13",
+    "svgo": "^3.3.3",
+    "tailwind-merge": "^3.6.0",
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@iconify/tailwind4": "^1.2.1",
-    "@pathscale/ui": "^1.1.11",
-    "@tanstack/solid-virtual": "^3.13.23",
-    "rsbuild-plugin-iconify": "^1.0.3"
+    "@iconify/tailwind4": "^1.2.3",
+    "@pathscale/rsbuild-plugin-iconify": "^1.0.4",
+    "@pathscale/ui": "^1.2.6",
+    "@tanstack/solid-virtual": "^3.13.26"
   },
   "peerDependencies": {
     "@solid-primitives/event-listener": "^2.3.0",