@eifi1/ui-kit 0.33.1 → 0.35.0

package/dist/theme/palette-presets.js

@@ -64,284 +64,6 @@ const DEFAULT_PRESET = {
     }
   }
 };
-const ALTERNATIVE_PRESETS = [
-  {
-    id: "warm-paper",
-    name: "Warm Paper",
-    blurb: "Cream paper \xB7 warm charcoal",
-    light: {
-      bgPage: "#ece5d6",
-      bgSurface: "#f5efe3",
-      bgSurface2: "#ece5d6",
-      border: "#e2dcce",
-      textPrimary: "#2b2622",
-      textSecondary: "#4f4a44",
-      textMuted: "#68625b",
-      brand: "#9a5b34",
-      brandHover: "#824827",
-      brandContrast: "#fdf8f2",
-      moneyIncome: "#0e7490",
-      moneyExpense: "#8f3f0a",
-      moneyNet: "#7c4dab",
-      moneyNeutral: "#6b6258",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#efe9dc",
-        under: "#0e7490",
-        over: "#b45309",
-        seqLow: "#fbeed2",
-        seqHigh: "#b45309",
-        empty: "rgba(148,163,184,0.14)"
-      }
-    },
-    dark: {
-      bgPage: "#211e1a",
-      bgSurface: "#2a2622",
-      bgSurface2: "#322d27",
-      border: "#3d372f",
-      textPrimary: "#e8e2d6",
-      textSecondary: "#bfb9af",
-      textMuted: "#9e998f",
-      brand: "#e0986a",
-      brandHover: "#ecae85",
-      brandContrast: "#2a1c10",
-      moneyIncome: "#4dd4c4",
-      moneyExpense: "#fbbf3a",
-      moneyNet: "#bfa0e0",
-      moneyNeutral: "#a39a8c",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#cf6488", "#cc78be"],
-      heat: {
-        neutral: "#3a352e",
-        under: "#4dd4c4",
-        over: "#fbbf3a",
-        seqLow: "#2c2014",
-        seqHigh: "#fbbf3a",
-        empty: "rgba(148,163,184,0.10)"
-      }
-    }
-  },
-  {
-    id: "nord-frost",
-    name: "Nord Frost",
-    blurb: "Cool snow \xB7 polar night",
-    light: {
-      bgPage: "#e2e7ef",
-      bgSurface: "#f0f3f8",
-      bgSurface2: "#e2e7ef",
-      border: "#d3dae6",
-      textPrimary: "#2e3440",
-      textSecondary: "#454b56",
-      textMuted: "#5e636e",
-      brand: "#3b6ea5",
-      brandHover: "#305a86",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0f8060",
-      moneyExpense: "#b8431a",
-      moneyNet: "#6b4fa0",
-      moneyNeutral: "#5b6577",
-      chart: ["#3a6ea5", "#56b6c2", "#2f7d4f", "#cdb52f", "#d05f7a", "#9a3f93", "#4d4bbf", "#dd6a2c", "#7a8aa8"],
-      heat: {
-        neutral: "#e1e6ee",
-        under: "#0f8060",
-        over: "#b8431a",
-        seqLow: "#f0f3f7",
-        seqHigh: "#a14708",
-        empty: "rgba(148,163,184,0.14)"
-      }
-    },
-    dark: {
-      bgPage: "#242933",
-      bgSurface: "#2e3440",
-      bgSurface2: "#3b4252",
-      border: "#434c5e",
-      textPrimary: "#eceff4",
-      textSecondary: "#d4d7de",
-      textMuted: "#afb3bc",
-      brand: "#88c0d0",
-      brandHover: "#a3d4e0",
-      brandContrast: "#1c2027",
-      moneyIncome: "#4ecf9c",
-      moneyExpense: "#e8a24f",
-      moneyNet: "#caa0e0",
-      moneyNeutral: "#9aa5b8",
-      chart: ["#7fb4e6", "#5ec9d6", "#5cc483", "#dccb6b", "#e87e96", "#bd6fce", "#9389f2", "#ef8f4a", "#8693ad"],
-      heat: {
-        neutral: "#3b4252",
-        under: "#4ecf9c",
-        over: "#e8a24f",
-        seqLow: "#33373f",
-        seqHigh: "#e8a24f",
-        empty: "rgba(148,163,184,0.10)"
-      }
-    }
-  },
-  {
-    id: "indigo-noir",
-    name: "Indigo Noir",
-    blurb: "Crisp light \xB7 deep indigo",
-    light: {
-      bgPage: "#e8eaf2",
-      bgSurface: "#f6f7fb",
-      bgSurface2: "#e8eaf2",
-      border: "#dadfeb",
-      textPrimary: "#1b1f2e",
-      textSecondary: "#494d5a",
-      textMuted: "#626572",
-      brand: "#4338ca",
-      brandHover: "#3730a3",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0c6478",
-      moneyExpense: "#b45309",
-      moneyNet: "#7c3aed",
-      moneyNeutral: "#5b6478",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#eef1f7",
-        under: "#0c6478",
-        over: "#b45309",
-        seqLow: "#fdeed4",
-        seqHigh: "#b45309",
-        empty: "rgba(148,163,184,0.14)"
-      }
-    },
-    dark: {
-      bgPage: "#0e0f1c",
-      bgSurface: "#181a2c",
-      bgSurface2: "#21243a",
-      border: "#2e3252",
-      textPrimary: "#e6e8f4",
-      textSecondary: "#adafbe",
-      textMuted: "#8d90a0",
-      brand: "#8b93f8",
-      brandHover: "#aab1fb",
-      brandContrast: "#16182b",
-      moneyIncome: "#22c3b6",
-      // Kept byte-identical to DEFAULT_PRESET.dark, which IS this preset (dev#434).
-      moneyExpense: "#e4b035",
-      moneyNet: "#b39aef",
-      moneyNeutral: "#9aa1bd",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#cc78be"],
-      heat: {
-        neutral: "#363a5a",
-        under: "#22c3b6",
-        over: "#fbbf24",
-        seqLow: "#3a2c14",
-        seqHigh: "#fbbf24",
-        empty: "rgba(148,163,184,0.10)"
-      }
-    }
-  },
-  {
-    id: "solar-dusk",
-    name: "Solar Dusk",
-    blurb: "Solarized warmth, easy on the eyes",
-    light: {
-      bgPage: "#ede3cf",
-      bgSurface: "#f6ecd9",
-      bgSurface2: "#ede3cf",
-      border: "#e2d6bd",
-      textPrimary: "#463f33",
-      textSecondary: "#50493c",
-      textMuted: "#696153",
-      brand: "#2c6979",
-      brandHover: "#1f515f",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0b6650",
-      moneyExpense: "#905902",
-      moneyNet: "#7a4fa3",
-      moneyNeutral: "#6b6453",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#f1e7d2",
-        under: "#0b6650",
-        over: "#9c6418",
-        seqLow: "#f6ecd0",
-        seqHigh: "#9c6418",
-        empty: "rgba(148,163,184,0.14)"
-      }
-    },
-    dark: {
-      bgPage: "#0e1a1f",
-      bgSurface: "#15272e",
-      bgSurface2: "#1d333c",
-      border: "#2a4750",
-      textPrimary: "#d6cdb8",
-      textSecondary: "#c2bdab",
-      textMuted: "#9c9d91",
-      brand: "#5fb8cc",
-      brandHover: "#82cfe0",
-      brandContrast: "#0a161a",
-      moneyIncome: "#22b884",
-      moneyExpense: "#f0b94e",
-      moneyNet: "#bfa0e0",
-      moneyNeutral: "#9aa3a0",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#c873c0"],
-      heat: {
-        neutral: "#26424b",
-        under: "#22b884",
-        over: "#f0b94e",
-        seqLow: "#1f3138",
-        seqHigh: "#f0b94e",
-        empty: "rgba(148,163,184,0.10)"
-      }
-    }
-  },
-  {
-    id: "zinc-mono",
-    name: "Zinc Mono",
-    blurb: "True-neutral chrome \xB7 data pops",
-    light: {
-      bgPage: "#ececec",
-      bgSurface: "#f7f7f7",
-      bgSurface2: "#ececec",
-      border: "#e4e4e7",
-      textPrimary: "#18181b",
-      textSecondary: "#4e4e50",
-      textMuted: "#676769",
-      brand: "#1d4ed8",
-      brandHover: "#1e40af",
-      brandContrast: "#ffffff",
-      moneyIncome: "#0e7490",
-      moneyExpense: "#cf4310",
-      moneyNet: "#7c3aed",
-      moneyNeutral: "#52525b",
-      chart: ["#332288", "#88ccee", "#44aa99", "#117733", "#999933", "#ddcc77", "#cc6677", "#882255", "#aa4499"],
-      heat: {
-        neutral: "#f4f4f5",
-        under: "#0e7490",
-        over: "#cf4310",
-        seqLow: "#fdeede",
-        seqHigh: "#cf4310",
-        empty: "rgba(148,163,184,0.14)"
-      }
-    },
-    dark: {
-      bgPage: "#09090b",
-      bgSurface: "#18181b",
-      bgSurface2: "#27272a",
-      border: "#3f3f46",
-      textPrimary: "#f4f4f5",
-      textSecondary: "#b2b2b3",
-      textMuted: "#929294",
-      brand: "#60a5fa",
-      brandHover: "#93c5fd",
-      brandContrast: "#0b1220",
-      moneyIncome: "#22d3ee",
-      moneyExpense: "#f97316",
-      moneyNet: "#c4b5fd",
-      moneyNeutral: "#a1a1aa",
-      chart: ["#7e72d6", "#9fd8f2", "#5fc4b0", "#3fa45f", "#bfbf5e", "#e8dda0", "#e08c9a", "#c25a78", "#cc78be"],
-      heat: {
-        neutral: "#3f3f46",
-        under: "#22d3ee",
-        over: "#f97316",
-        seqLow: "#3a2410",
-        seqHigh: "#f97316",
-        empty: "rgba(148,163,184,0.10)"
-      }
-    }
-  }
-];
 const IMPRINT_HUES_LIGHT = [
   "#009E73",
   // brand green   — first series
@@ -397,19 +119,19 @@ const DERIVED_PRESETS = [
       bgSurface2: "#dce2ef",
       border: "#b0bace",
       textPrimary: "#2e3139",
-      textSecondary: "#454950",
-      textMuted: "#5f646c",
+      textSecondary: "#454850",
+      textMuted: "#5f636c",
       brand: "#2f5fd0",
       brandHover: "#1f4cbc",
       brandContrast: "#ffffff",
-      moneyIncome: "#00725e",
+      moneyIncome: "#00725f",
       moneyExpense: "#8e5900",
       moneyNet: "#7356a2",
-      moneyNeutral: "#61656c",
+      moneyNeutral: "#61646c",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#dce2ef",
-        under: "#00725e",
+        under: "#00725f",
         over: "#8e5900",
         seqLow: "#fee3c5",
         seqHigh: "#8e5900",
@@ -420,21 +142,21 @@ const DERIVED_PRESETS = [
       bgPage: "#090d15",
       bgSurface: "#131720",
       bgSurface2: "#1d212b",
-      border: "#363e4e",
-      textPrimary: "#c7ccd5",
-      textSecondary: "#a7abb4",
-      textMuted: "#858992",
+      border: "#363e4f",
+      textPrimary: "#c8ccd6",
+      textSecondary: "#a7abb5",
+      textMuted: "#858a92",
       brand: "#3466d7",
       brandHover: "#2353c3",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009a80",
       moneyExpense: "#b77b29",
       moneyNet: "#9679c9",
       moneyNeutral: "#a1a5ac",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#1d212b",
-        under: "#00997f",
+        under: "#009a80",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",
@@ -451,20 +173,20 @@ const DERIVED_PRESETS = [
       bgSurface: "#e3f1e8",
       bgSurface2: "#d8e6dd",
       border: "#abbfb2",
-      textPrimary: "#2c342e",
-      textSecondary: "#434b45",
+      textPrimary: "#2c332e",
+      textSecondary: "#424b45",
       textMuted: "#5d6660",
       brand: "#2f7a52",
       brandHover: "#196842",
       brandContrast: "#ffffff",
-      moneyIncome: "#00735f",
+      moneyIncome: "#00725f",
       moneyExpense: "#8e5900",
       moneyNet: "#7356a2",
-      moneyNeutral: "#5f6762",
+      moneyNeutral: "#5f6662",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#d8e6dd",
-        under: "#00735f",
+        under: "#00725f",
         over: "#8e5900",
         seqLow: "#fee3c5",
         seqHigh: "#8e5900",
@@ -475,24 +197,24 @@ const DERIVED_PRESETS = [
       bgPage: "#060f0a",
       bgSurface: "#101a14",
       bgSurface2: "#1a241e",
-      border: "#314237",
-      textPrimary: "#c5cfc9",
-      textSecondary: "#a4aea8",
+      border: "#314337",
+      textPrimary: "#c6cfc9",
+      textSecondary: "#a5aea8",
       textMuted: "#838c86",
       brand: "#317b53",
       brandHover: "#1c6943",
       brandContrast: "#ffffff",
       moneyIncome: "#009a80",
-      moneyExpense: "#b87b2a",
-      moneyNet: "#9779c9",
+      moneyExpense: "#b87c2a",
+      moneyNet: "#977ac9",
       moneyNeutral: "#9fa7a2",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#1a241e",
         under: "#009a80",
-        over: "#b87b2a",
+        over: "#b87c2a",
         seqLow: "#331f05",
-        seqHigh: "#b87b2a",
+        seqHigh: "#b87c2a",
         empty: "rgba(160,170,190,0.10)"
       }
     }
@@ -505,24 +227,24 @@ const DERIVED_PRESETS = [
       bgPage: "#e7dfea",
       bgSurface: "#f2e9f5",
       bgSurface2: "#e7dfea",
-      border: "#c2b6c6",
-      textPrimary: "#342f36",
-      textSecondary: "#4c474e",
+      border: "#c2b5c6",
+      textPrimary: "#352f36",
+      textSecondary: "#4c464e",
       textMuted: "#676169",
       brand: "#7b3f8f",
       brandHover: "#692d7d",
       brandContrast: "#ffffff",
-      moneyIncome: "#00725e",
-      moneyExpense: "#8d5900",
+      moneyIncome: "#00715e",
+      moneyExpense: "#8d5800",
       moneyNet: "#7355a2",
-      moneyNeutral: "#676369",
+      moneyNeutral: "#676269",
       chart: PAUL_TOL.light,
       heat: {
         neutral: "#e7dfea",
-        under: "#00725e",
-        over: "#8d5900",
-        seqLow: "#fee3c4",
-        seqHigh: "#8d5900",
+        under: "#00715e",
+        over: "#8d5800",
+        seqLow: "#fee3c5",
+        seqHigh: "#8d5800",
         empty: "rgba(120,110,95,0.14)"
       }
     },
@@ -530,21 +252,21 @@ const DERIVED_PRESETS = [
       bgPage: "#100b12",
       bgSurface: "#1b151d",
       bgSurface2: "#251f27",
-      border: "#453a48",
-      textPrimary: "#d0cad3",
+      border: "#453b48",
+      textPrimary: "#d0cad2",
       textSecondary: "#afa9b1",
-      textMuted: "#8d878f",
-      brand: "#9153a6",
-      brandHover: "#7f4193",
+      textMuted: "#8d8790",
+      brand: "#9154a6",
+      brandHover: "#7f4293",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009980",
       moneyExpense: "#b77b29",
-      moneyNet: "#9679c8",
+      moneyNet: "#9679c9",
       moneyNeutral: "#a8a2aa",
       chart: PAUL_TOL.dark,
       heat: {
         neutral: "#251f27",
-        under: "#00997f",
+        under: "#009980",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",
@@ -557,24 +279,24 @@ const DERIVED_PRESETS = [
     name: "High contrast",
     blurb: "Near-neutral ground \xB7 text solved to 13:1 / 8.5:1 / 5.5:1",
     light: {
-      bgPage: "#e0e2e5",
-      bgSurface: "#ebedef",
-      bgSurface2: "#e0e2e5",
-      border: "#b7babe",
-      textPrimary: "#191d24",
-      textSecondary: "#373c44",
-      textMuted: "#535860",
+      bgPage: "#e1e2e3",
+      bgSurface: "#ecedee",
+      bgSurface2: "#e1e2e3",
+      border: "#b8babc",
+      textPrimary: "#1b1d21",
+      textSecondary: "#3a3c40",
+      textMuted: "#55585c",
       brand: "#1f2937",
       brandHover: "#111b28",
       brandContrast: "#ffffff",
-      moneyIncome: "#00715d",
+      moneyIncome: "#00715e",
       moneyExpense: "#8d5800",
       moneyNet: "#7255a1",
-      moneyNeutral: "#5f646b",
+      moneyNeutral: "#616467",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#e0e2e5",
-        under: "#00715d",
+        neutral: "#e1e2e3",
+        under: "#00715e",
         over: "#8d5800",
         seqLow: "#fee3c5",
         seqHigh: "#8d5800",
@@ -582,24 +304,24 @@ const DERIVED_PRESETS = [
       }
     },
     dark: {
-      bgPage: "#0c0d0f",
-      bgSurface: "#161719",
-      bgSurface2: "#202123",
-      border: "#3c3e41",
-      textPrimary: "#e1e7f0",
-      textSecondary: "#b7bdc5",
-      textMuted: "#9197a0",
-      brand: "#546c8d",
-      brandHover: "#445b7b",
+      bgPage: "#0c0d0e",
+      bgSurface: "#171718",
+      bgSurface2: "#212122",
+      border: "#3d3e3f",
+      textPrimary: "#e4e8ec",
+      textSecondary: "#b9bdc1",
+      textMuted: "#95979c",
+      brand: "#556c8e",
+      brandHover: "#455b7c",
       brandContrast: "#ffffff",
-      moneyIncome: "#00997f",
+      moneyIncome: "#009a80",
       moneyExpense: "#b77b29",
-      moneyNet: "#9679c8",
-      moneyNeutral: "#a0a5ac",
+      moneyNet: "#9679c9",
+      moneyNeutral: "#a2a5a8",
       chart: PAUL_TOL.dark,
       heat: {
-        neutral: "#202123",
-        under: "#00997f",
+        neutral: "#212122",
+        under: "#009a80",
         over: "#b77b29",
         seqLow: "#331f05",
         seqHigh: "#b77b29",
@@ -634,7 +356,6 @@ function applyTokenSet(el, t, contrast = el.getAttribute("data-contrast") === "m
   t.chart.forEach((c, i) => el.style.setProperty(`--chart-${i + 1}`, c));
 }
 export {
-  ALTERNATIVE_PRESETS,
   DEFAULT_PRESET,
   DERIVED_PRESETS,
   IMPRINT_PRESET,