@pathscale/ui 1.2.10 → 1.2.11

package/dist/styles/base/index.css

@@ -1,43 +1,43 @@
-@layer base {
-  html {
-    scrollbar-color: var(--color-base-300) transparent;
-  }
-
-  body {
-    color: var(--color-base-content);
-    background: var(--color-base-100);
-    overflow-x: clip;
-    touch-action: manipulation;
-  }
-
-  *::selection {
-    color: var(--color-primary-content);
-    background: var(--color-primary);
-  }
-
-  .resize-y {
-    resize: vertical;
-  }
-
-  .resize-x {
-    resize: horizontal;
-  }
-
-  .resize-both {
-    resize: both;
-  }
-
-  .resize-none {
-    resize: none;
-  }
-}
-
-@layer components {
-  .table tr.active {
-    background-color: var(--b2);
-  }
-
-  .table.table-hover tbody tr:hover {
-    background-color: var(--b2);
-  }
-}
+@layer base {
+  html {
+    scrollbar-color: var(--color-base-300) transparent;
+  }
+
+  body {
+    color: var(--color-base-content);
+    background: var(--color-base-100);
+    overflow-x: clip;
+    touch-action: manipulation;
+  }
+
+  *::selection {
+    color: var(--color-primary-content);
+    background: var(--color-primary);
+  }
+
+  .resize-y {
+    resize: vertical;
+  }
+
+  .resize-x {
+    resize: horizontal;
+  }
+
+  .resize-both {
+    resize: both;
+  }
+
+  .resize-none {
+    resize: none;
+  }
+}
+
+@layer components {
+  .table tr.active {
+    background-color: var(--b2);
+  }
+
+  .table.table-hover tbody tr:hover {
+    background-color: var(--b2);
+  }
+}

package/dist/styles/themes/dark.css

@@ -1,141 +1,141 @@
-@layer theme {
-  [data-theme="dark"] {
-    /* Base colors */
-    --color-primary: var(--color-blue-500);
-    --color-primary-content: var(--color-white);
-    --color-secondary: var(--color-purple-500);
-    --color-secondary-content: var(--color-white);
-    --color-accent: var(--color-sky-500);
-    --color-accent-content: var(--color-white);
-    --color-accent-foreground: var(--color-white);
-    --color-accent-soft: color-mix(
-      in oklab,
-      var(--color-sky-500) 20%,
-      var(--color-gray-900)
-    );
-    --color-accent-soft-foreground: var(--color-sky-400);
-    --color-accent-soft-hover: color-mix(
-      in oklab,
-      var(--color-sky-500) 28%,
-      var(--color-gray-900)
-    );
-    --color-accent-hover: var(--color-sky-400);
-    --color-neutral: var(--color-gray-700);
-    --color-neutral-content: var(--color-gray-100);
-
-    /* Semantic colors */
-    --color-info: var(--color-blue-400);
-    --color-info-content: var(--color-gray-900);
-    --color-success: var(--color-emerald-500);
-    --color-success-content: var(--color-gray-900);
-    --color-success-foreground: var(--color-white);
-    --color-success-soft: color-mix(
-      in oklab,
-      var(--color-emerald-500) 20%,
-      var(--color-gray-900)
-    );
-    --color-success-soft-foreground: var(--color-emerald-400);
-    --color-warning: var(--color-amber-400);
-    --color-warning-content: var(--color-gray-900);
-    --color-warning-foreground: var(--color-gray-900);
-    --color-warning-soft: color-mix(
-      in oklab,
-      var(--color-amber-400) 20%,
-      var(--color-gray-900)
-    );
-    --color-warning-soft-foreground: var(--color-amber-300);
-    --color-error: var(--color-rose-500);
-    --color-error-content: var(--color-white);
-    --color-danger: var(--color-rose-500);
-    --color-danger-foreground: var(--color-white);
-    --color-danger-soft: color-mix(
-      in oklab,
-      var(--color-rose-500) 20%,
-      var(--color-gray-900)
-    );
-    --color-danger-soft-foreground: var(--color-rose-400);
-
-    /* HeroUI generic tokens */
-    --color-default: var(--color-gray-700);
-    --color-default-foreground: var(--color-gray-100);
-    --color-default-hover: var(--color-gray-600);
-    --color-background: var(--color-gray-900);
-    --color-foreground: var(--color-gray-100);
-
-    /* Base background colors */
-    --color-base-100: var(--color-gray-900);
-    --color-base-200: var(--color-gray-800);
-    --color-base-300: var(--color-gray-700);
-    --color-base-content: var(--color-gray-100);
-
-    /* Legacy support */
-    --color-bg-body: var(--color-gray-900);
-    --color-bg-inverse: var(--color-white);
-    --color-bg-primary: var(--color-gray-800);
-    --color-bg-secondary: var(--color-gray-700);
-    --color-bg-tertiary: var(--color-gray-600);
-    --color-bg-positive: var(--color-emerald-500);
-    --color-bg-destructive: var(--color-rose-500);
-
-    --color-fg-body: var(--color-gray-100);
-    --color-fg-inverse: var(--color-gray-900);
-    --color-fg-primary: var(--color-gray-200);
-    --color-fg-secondary: var(--color-gray-300);
-    --color-fg-tertiary: var(--color-gray-400);
-    --color-fg-positive: var(--color-emerald-400);
-    --color-fg-destructive: var(--color-rose-400);
-
-    /* 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 {
-  [data-theme="dark"] {
-    color-scheme: only dark;
-  }
-}
+@layer theme {
+  [data-theme="dark"] {
+    /* Base colors */
+    --color-primary: var(--color-blue-500);
+    --color-primary-content: var(--color-white);
+    --color-secondary: var(--color-purple-500);
+    --color-secondary-content: var(--color-white);
+    --color-accent: var(--color-sky-500);
+    --color-accent-content: var(--color-white);
+    --color-accent-foreground: var(--color-white);
+    --color-accent-soft: color-mix(
+      in oklab,
+      var(--color-sky-500) 20%,
+      var(--color-gray-900)
+    );
+    --color-accent-soft-foreground: var(--color-sky-400);
+    --color-accent-soft-hover: color-mix(
+      in oklab,
+      var(--color-sky-500) 28%,
+      var(--color-gray-900)
+    );
+    --color-accent-hover: var(--color-sky-400);
+    --color-neutral: var(--color-gray-700);
+    --color-neutral-content: var(--color-gray-100);
+
+    /* Semantic colors */
+    --color-info: var(--color-blue-400);
+    --color-info-content: var(--color-gray-900);
+    --color-success: var(--color-emerald-500);
+    --color-success-content: var(--color-gray-900);
+    --color-success-foreground: var(--color-white);
+    --color-success-soft: color-mix(
+      in oklab,
+      var(--color-emerald-500) 20%,
+      var(--color-gray-900)
+    );
+    --color-success-soft-foreground: var(--color-emerald-400);
+    --color-warning: var(--color-amber-400);
+    --color-warning-content: var(--color-gray-900);
+    --color-warning-foreground: var(--color-gray-900);
+    --color-warning-soft: color-mix(
+      in oklab,
+      var(--color-amber-400) 20%,
+      var(--color-gray-900)
+    );
+    --color-warning-soft-foreground: var(--color-amber-300);
+    --color-error: var(--color-rose-500);
+    --color-error-content: var(--color-white);
+    --color-danger: var(--color-rose-500);
+    --color-danger-foreground: var(--color-white);
+    --color-danger-soft: color-mix(
+      in oklab,
+      var(--color-rose-500) 20%,
+      var(--color-gray-900)
+    );
+    --color-danger-soft-foreground: var(--color-rose-400);
+
+    /* HeroUI generic tokens */
+    --color-default: var(--color-gray-700);
+    --color-default-foreground: var(--color-gray-100);
+    --color-default-hover: var(--color-gray-600);
+    --color-background: var(--color-gray-900);
+    --color-foreground: var(--color-gray-100);
+
+    /* Base background colors */
+    --color-base-100: var(--color-gray-900);
+    --color-base-200: var(--color-gray-800);
+    --color-base-300: var(--color-gray-700);
+    --color-base-content: var(--color-gray-100);
+
+    /* Legacy support */
+    --color-bg-body: var(--color-gray-900);
+    --color-bg-inverse: var(--color-white);
+    --color-bg-primary: var(--color-gray-800);
+    --color-bg-secondary: var(--color-gray-700);
+    --color-bg-tertiary: var(--color-gray-600);
+    --color-bg-positive: var(--color-emerald-500);
+    --color-bg-destructive: var(--color-rose-500);
+
+    --color-fg-body: var(--color-gray-100);
+    --color-fg-inverse: var(--color-gray-900);
+    --color-fg-primary: var(--color-gray-200);
+    --color-fg-secondary: var(--color-gray-300);
+    --color-fg-tertiary: var(--color-gray-400);
+    --color-fg-positive: var(--color-emerald-400);
+    --color-fg-destructive: var(--color-rose-400);
+
+    /* 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 {
+  [data-theme="dark"] {
+    color-scheme: only dark;
+  }
+}

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.10",
+  "version": "1.2.11",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -88,7 +88,7 @@
   "dependencies": {
     "@iconify/tailwind4": "^1.2.3",
     "@pathscale/rsbuild-plugin-iconify": "^1.0.4",
-    "@pathscale/ui": "^1.2.9",
+    "@pathscale/ui": "^1.2.10",
     "@tanstack/solid-virtual": "^3.13.27"
   },
   "peerDependencies": {