@novi-ui/raster 0.2.0 → 0.4.0

package/dist/menu/menu.styles.d.mts

@@ -8,12 +8,12 @@
 declare const menuStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
-      popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      popover?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
@@ -23,12 +23,12 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
 } | {
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
-      popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      popover?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
@@ -49,12 +49,12 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
-      popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      popover?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;

package/dist/modal/modal.styles.d.mts

@@ -10,7 +10,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
   size: VariantMap<"sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
 }, {
@@ -25,7 +25,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
   size: VariantMap<"sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
 }, {
@@ -40,7 +40,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
   size: VariantMap<"sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     panel: string;
   }>;
 }, {

package/dist/popover/popover.styles.d.mts

@@ -7,7 +7,7 @@ import { VariantMap } from "@novi-ui/core";
  * const myPopover = tv({ extend: popoverStyles, slots: { content: 'p-6' } })
  */
 declare const popoverStyles: import("tailwind-variants").TVReturnType<{
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
@@ -15,7 +15,7 @@ declare const popoverStyles: import("tailwind-variants").TVReturnType<{
   arrow: string;
   content: string;
 }, undefined, {
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
@@ -23,7 +23,7 @@ declare const popoverStyles: import("tailwind-variants").TVReturnType<{
   arrow: string;
   content: string;
 }, import("tailwind-variants").TVReturnTypeLike<{
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {

package/dist/raster.css

@@ -1,4 +1,4 @@
-/* 自動生成。編集しないこと。src/tokens/raster-tokens.ts を変更して再生成する。 */
+/* 自動生成。編集しないこと。src/tokens/raster-tokens.ts と color-set.ts を変更して再生成する。 */
 
 @layer novi.base {
   :root {
@@ -23,6 +23,7 @@
     --novi-duration-slow: 120ms;
     --novi-ease-standard: cubic-bezier(0.2, 0, 0, 1);
     --novi-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
+    --novi-hue: 268;
     --novi-color-bg: oklch(99% 0 0);
     --novi-color-subtle: oklch(96% 0 0);
     --novi-color-fg: oklch(20% 0 0);
@@ -32,9 +33,9 @@
     --novi-color-overlay: oklch(20% 0 0 / 0.45);
     --novi-color-default: oklch(96% 0 0);
     --novi-color-default-fg: oklch(20% 0 0);
-    --novi-color-primary: oklch(50% 0.19 265);
+    --novi-color-primary: oklch(44% 0.09 268);
     --novi-color-primary-fg: oklch(99% 0 0);
-    --novi-color-secondary: oklch(48% 0.15 300);
+    --novi-color-secondary: oklch(44% 0.09 35);
     --novi-color-secondary-fg: oklch(99% 0 0);
     --novi-color-success: oklch(47% 0.13 155);
     --novi-color-success-fg: oklch(99% 0 0);
@@ -42,6 +43,22 @@
     --novi-color-warning-fg: oklch(99% 0 0);
     --novi-color-danger: oklch(50% 0.19 27);
     --novi-color-danger-fg: oklch(99% 0 0);
+    --novi-swatch-ink: oklch(44% 0.09 268);
+    --novi-swatch-ink-fg: oklch(99% 0 0);
+    --novi-swatch-prussian: oklch(44% 0.09 235);
+    --novi-swatch-prussian-fg: oklch(99% 0 0);
+    --novi-swatch-forest: oklch(44% 0.09 160);
+    --novi-swatch-forest-fg: oklch(99% 0 0);
+    --novi-swatch-olive: oklch(44% 0.09 125);
+    --novi-swatch-olive-fg: oklch(99% 0 0);
+    --novi-swatch-ochre: oklch(44% 0.09 70);
+    --novi-swatch-ochre-fg: oklch(99% 0 0);
+    --novi-swatch-brick: oklch(44% 0.09 35);
+    --novi-swatch-brick-fg: oklch(99% 0 0);
+    --novi-swatch-bordeaux: oklch(44% 0.09 12);
+    --novi-swatch-bordeaux-fg: oklch(99% 0 0);
+    --novi-swatch-graphite: oklch(44% 0.02 270);
+    --novi-swatch-graphite-fg: oklch(99% 0 0);
   }
 
   [data-novi-scheme='dark'] {
@@ -54,9 +71,9 @@
     --novi-color-overlay: oklch(10% 0 0 / 0.6);
     --novi-color-default: oklch(25% 0 0);
     --novi-color-default-fg: oklch(95% 0 0);
-    --novi-color-primary: oklch(76% 0.13 265);
+    --novi-color-primary: oklch(74% 0.09 268);
     --novi-color-primary-fg: oklch(16% 0 0);
-    --novi-color-secondary: oklch(76% 0.12 300);
+    --novi-color-secondary: oklch(74% 0.09 35);
     --novi-color-secondary-fg: oklch(16% 0 0);
     --novi-color-success: oklch(77% 0.13 155);
     --novi-color-success-fg: oklch(16% 0 0);
@@ -64,6 +81,22 @@
     --novi-color-warning-fg: oklch(16% 0 0);
     --novi-color-danger: oklch(73% 0.16 27);
     --novi-color-danger-fg: oklch(16% 0 0);
+    --novi-swatch-ink: oklch(74% 0.09 268);
+    --novi-swatch-ink-fg: oklch(16% 0 0);
+    --novi-swatch-prussian: oklch(74% 0.09 235);
+    --novi-swatch-prussian-fg: oklch(16% 0 0);
+    --novi-swatch-forest: oklch(74% 0.09 160);
+    --novi-swatch-forest-fg: oklch(16% 0 0);
+    --novi-swatch-olive: oklch(74% 0.09 125);
+    --novi-swatch-olive-fg: oklch(16% 0 0);
+    --novi-swatch-ochre: oklch(74% 0.09 70);
+    --novi-swatch-ochre-fg: oklch(16% 0 0);
+    --novi-swatch-brick: oklch(74% 0.09 35);
+    --novi-swatch-brick-fg: oklch(16% 0 0);
+    --novi-swatch-bordeaux: oklch(74% 0.09 12);
+    --novi-swatch-bordeaux-fg: oklch(16% 0 0);
+    --novi-swatch-graphite: oklch(74% 0.017 270);
+    --novi-swatch-graphite-fg: oklch(16% 0 0);
   }
 
   @media (prefers-color-scheme: dark) {
@@ -77,9 +110,9 @@
       --novi-color-overlay: oklch(10% 0 0 / 0.6);
       --novi-color-default: oklch(25% 0 0);
       --novi-color-default-fg: oklch(95% 0 0);
-      --novi-color-primary: oklch(76% 0.13 265);
+      --novi-color-primary: oklch(74% 0.09 268);
       --novi-color-primary-fg: oklch(16% 0 0);
-      --novi-color-secondary: oklch(76% 0.12 300);
+      --novi-color-secondary: oklch(74% 0.09 35);
       --novi-color-secondary-fg: oklch(16% 0 0);
       --novi-color-success: oklch(77% 0.13 155);
       --novi-color-success-fg: oklch(16% 0 0);
@@ -87,6 +120,203 @@
       --novi-color-warning-fg: oklch(16% 0 0);
       --novi-color-danger: oklch(73% 0.16 27);
       --novi-color-danger-fg: oklch(16% 0 0);
+      --novi-swatch-ink: oklch(74% 0.09 268);
+      --novi-swatch-ink-fg: oklch(16% 0 0);
+      --novi-swatch-prussian: oklch(74% 0.09 235);
+      --novi-swatch-prussian-fg: oklch(16% 0 0);
+      --novi-swatch-forest: oklch(74% 0.09 160);
+      --novi-swatch-forest-fg: oklch(16% 0 0);
+      --novi-swatch-olive: oklch(74% 0.09 125);
+      --novi-swatch-olive-fg: oklch(16% 0 0);
+      --novi-swatch-ochre: oklch(74% 0.09 70);
+      --novi-swatch-ochre-fg: oklch(16% 0 0);
+      --novi-swatch-brick: oklch(74% 0.09 35);
+      --novi-swatch-brick-fg: oklch(16% 0 0);
+      --novi-swatch-bordeaux: oklch(74% 0.09 12);
+      --novi-swatch-bordeaux-fg: oklch(16% 0 0);
+      --novi-swatch-graphite: oklch(74% 0.017 270);
+      --novi-swatch-graphite-fg: oklch(16% 0 0);
+    }
+  }
+
+  /* ── カラーセット Print Inks（specs/06-tones-and-colors） ──
+     data-novi-color は data-novi-theme と同じ要素（テーマルート）に置く。
+     未知の色名はどれにも一致せず、既定色 Ink のまま描画される。 */
+  [data-novi-color='ink'] {
+    --novi-hue: 268;
+    --novi-color-primary: oklch(44% 0.09 268);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 35);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='prussian'] {
+    --novi-hue: 235;
+    --novi-color-primary: oklch(44% 0.09 235);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='forest'] {
+    --novi-hue: 160;
+    --novi-color-primary: oklch(44% 0.09 160);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='olive'] {
+    --novi-hue: 125;
+    --novi-color-primary: oklch(44% 0.09 125);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 268);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='ochre'] {
+    --novi-hue: 70;
+    --novi-color-primary: oklch(44% 0.09 70);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 235);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='brick'] {
+    --novi-hue: 35;
+    --novi-color-primary: oklch(44% 0.09 35);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 268);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='bordeaux'] {
+    --novi-hue: 12;
+    --novi-color-primary: oklch(44% 0.09 12);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-color='graphite'] {
+    --novi-hue: 270;
+    --novi-color-primary: oklch(44% 0.02 270);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 35);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='ink'] {
+    --novi-color-primary: oklch(74% 0.09 268);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 35);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='prussian'] {
+    --novi-color-primary: oklch(74% 0.09 235);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='forest'] {
+    --novi-color-primary: oklch(74% 0.09 160);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='olive'] {
+    --novi-color-primary: oklch(74% 0.09 125);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 268);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='ochre'] {
+    --novi-color-primary: oklch(74% 0.09 70);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 235);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='brick'] {
+    --novi-color-primary: oklch(74% 0.09 35);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 268);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='bordeaux'] {
+    --novi-color-primary: oklch(74% 0.09 12);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-scheme='dark'][data-novi-color='graphite'] {
+    --novi-color-primary: oklch(74% 0.017 270);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 35);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-novi-scheme='light'])[data-novi-color='ink'] {
+      --novi-color-primary: oklch(74% 0.09 268);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 35);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='prussian'] {
+      --novi-color-primary: oklch(74% 0.09 235);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='forest'] {
+      --novi-color-primary: oklch(74% 0.09 160);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='olive'] {
+      --novi-color-primary: oklch(74% 0.09 125);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 268);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='ochre'] {
+      --novi-color-primary: oklch(74% 0.09 70);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 235);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='brick'] {
+      --novi-color-primary: oklch(74% 0.09 35);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 268);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='bordeaux'] {
+      --novi-color-primary: oklch(74% 0.09 12);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    :root:not([data-novi-scheme='light'])[data-novi-color='graphite'] {
+      --novi-color-primary: oklch(74% 0.017 270);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 35);
+      --novi-color-secondary-fg: oklch(16% 0 0);
     }
   }
 }