@eifi1/ui-kit 0.32.2 → 0.33.0

package/src/theme/palette-presets.ts

@@ -70,7 +70,9 @@ export const DEFAULT_PRESET: PalettePreset = {
     // Solar Dusk (light) surfaces, with the brand unified to indigo (see above).
     bgPage: "#ede3cf",
     bgSurface: "#f6ecd9",
-    bgSurface2: "#f3ead6",
+    // The well is the page in light (0.33, k26): #f3ead6 stood 1.02:1 from the card it
+    // is inset in. Every light preset does the same; see SURFACE_L in palette-derive.ts.
+    bgSurface2: "#ede3cf",
     border: "#e2d6bd",
     textPrimary: "#463f33",
     textSecondary: "#50493c",
@@ -134,7 +136,7 @@ export const ALTERNATIVE_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#ece5d6",
       bgSurface: "#f5efe3",
-      bgSurface2: "#efe9dc",
+      bgSurface2: "#ece5d6",
       border: "#e2dcce",
       textPrimary: "#2b2622",
       textSecondary: "#4f4a44",
@@ -189,7 +191,7 @@ export const ALTERNATIVE_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#e2e7ef",
       bgSurface: "#f0f3f8",
-      bgSurface2: "#e1e6ee",
+      bgSurface2: "#e2e7ef",
       border: "#d3dae6",
       textPrimary: "#2e3440",
       textSecondary: "#454b56",
@@ -244,7 +246,7 @@ export const ALTERNATIVE_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#e8eaf2",
       bgSurface: "#f6f7fb",
-      bgSurface2: "#eef1f8",
+      bgSurface2: "#e8eaf2",
       border: "#dadfeb",
       textPrimary: "#1b1f2e",
       textSecondary: "#494d5a",
@@ -300,7 +302,7 @@ export const ALTERNATIVE_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#ede3cf",
       bgSurface: "#f6ecd9",
-      bgSurface2: "#f3ead6",
+      bgSurface2: "#ede3cf",
       border: "#e2d6bd",
       textPrimary: "#463f33",
       textSecondary: "#50493c",
@@ -355,7 +357,7 @@ export const ALTERNATIVE_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#ececec",
       bgSurface: "#f7f7f7",
-      bgSurface2: "#f4f4f5",
+      bgSurface2: "#ececec",
       border: "#e4e4e7",
       textPrimary: "#18181b",
       textSecondary: "#4e4e50",
@@ -508,7 +510,7 @@ export const DERIVED_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#dce2ef",
       bgSurface: "#e6edfa",
-      bgSurface2: "#e1e8f5",
+      bgSurface2: "#dce2ef",
       border: "#b0bace",
       textPrimary: "#2e3139",
       textSecondary: "#454950",
@@ -516,14 +518,14 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       brand: "#2f5fd0",
       brandHover: "#1f4cbc",
       brandContrast: "#ffffff",
-      moneyIncome: "#00735f",
+      moneyIncome: "#00725e",
       moneyExpense: "#8e5900",
       moneyNet: "#7356a2",
-      moneyNeutral: "#656970",
+      moneyNeutral: "#61656c",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#e1e8f5",
-        under: "#00735f",
+        neutral: "#dce2ef",
+        under: "#00725e",
         over: "#8e5900",
         seqLow: "#fee3c5",
         seqHigh: "#8e5900",
@@ -538,8 +540,8 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       textPrimary: "#c7ccd5",
       textSecondary: "#a7abb4",
       textMuted: "#858992",
-      brand: "#3364d5",
-      brandHover: "#4477ea",
+      brand: "#3466d7",
+      brandHover: "#2353c3",
       brandContrast: "#ffffff",
       moneyIncome: "#00997f",
       moneyExpense: "#b77b29",
@@ -563,7 +565,7 @@ export const DERIVED_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#d8e6dd",
       bgSurface: "#e3f1e8",
-      bgSurface2: "#deece3",
+      bgSurface2: "#d8e6dd",
       border: "#abbfb2",
       textPrimary: "#2c342e",
       textSecondary: "#434b45",
@@ -572,16 +574,16 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       brandHover: "#196842",
       brandContrast: "#ffffff",
       moneyIncome: "#00735f",
-      moneyExpense: "#8f5a00",
-      moneyNet: "#7457a3",
-      moneyNeutral: "#646b66",
+      moneyExpense: "#8e5900",
+      moneyNet: "#7356a2",
+      moneyNeutral: "#5f6762",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#deece3",
+        neutral: "#d8e6dd",
         under: "#00735f",
-        over: "#8f5a00",
-        seqLow: "#fee3c4",
-        seqHigh: "#8f5a00",
+        over: "#8e5900",
+        seqLow: "#fee3c5",
+        seqHigh: "#8e5900",
         empty: "rgba(120,110,95,0.14)",
       },
     },
@@ -593,8 +595,8 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       textPrimary: "#c5cfc9",
       textSecondary: "#a4aea8",
       textMuted: "#838c86",
-      brand: "#2f7a52",
-      brandHover: "#428c63",
+      brand: "#317b53",
+      brandHover: "#1c6943",
       brandContrast: "#ffffff",
       moneyIncome: "#009a80",
       moneyExpense: "#b87b2a",
@@ -618,7 +620,7 @@ export const DERIVED_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#e7dfea",
       bgSurface: "#f2e9f5",
-      bgSurface2: "#ece4ef",
+      bgSurface2: "#e7dfea",
       border: "#c2b6c6",
       textPrimary: "#342f36",
       textSecondary: "#4c474e",
@@ -627,16 +629,16 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       brandHover: "#692d7d",
       brandContrast: "#ffffff",
       moneyIncome: "#00725e",
-      moneyExpense: "#8e5900",
-      moneyNet: "#7356a2",
-      moneyNeutral: "#6c676e",
+      moneyExpense: "#8d5900",
+      moneyNet: "#7355a2",
+      moneyNeutral: "#676369",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#ece4ef",
+        neutral: "#e7dfea",
         under: "#00725e",
-        over: "#8e5900",
-        seqLow: "#fee3c5",
-        seqHigh: "#8e5900",
+        over: "#8d5900",
+        seqLow: "#fee3c4",
+        seqHigh: "#8d5900",
         empty: "rgba(120,110,95,0.14)",
       },
     },
@@ -648,8 +650,8 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       textPrimary: "#d0cad3",
       textSecondary: "#afa9b1",
       textMuted: "#8d878f",
-      brand: "#8f52a4",
-      brandHover: "#a264b7",
+      brand: "#9153a6",
+      brandHover: "#7f4193",
       brandContrast: "#ffffff",
       moneyIncome: "#00997f",
       moneyExpense: "#b77b29",
@@ -673,7 +675,7 @@ export const DERIVED_PRESETS: PalettePreset[] = [
     light: {
       bgPage: "#e0e2e5",
       bgSurface: "#ebedef",
-      bgSurface2: "#e6e8ea",
+      bgSurface2: "#e0e2e5",
       border: "#b7babe",
       textPrimary: "#191d24",
       textSecondary: "#373c44",
@@ -681,17 +683,17 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       brand: "#1f2937",
       brandHover: "#111b28",
       brandContrast: "#ffffff",
-      moneyIncome: "#00735f",
-      moneyExpense: "#8e5900",
-      moneyNet: "#7456a2",
-      moneyNeutral: "#656970",
+      moneyIncome: "#00715d",
+      moneyExpense: "#8d5800",
+      moneyNet: "#7255a1",
+      moneyNeutral: "#5f646b",
       chart: PAUL_TOL.light,
       heat: {
-        neutral: "#e6e8ea",
-        under: "#00735f",
-        over: "#8e5900",
+        neutral: "#e0e2e5",
+        under: "#00715d",
+        over: "#8d5800",
         seqLow: "#fee3c5",
-        seqHigh: "#8e5900",
+        seqHigh: "#8d5800",
         empty: "rgba(120,110,95,0.14)",
       },
     },
@@ -704,7 +706,7 @@ export const DERIVED_PRESETS: PalettePreset[] = [
       textSecondary: "#b7bdc5",
       textMuted: "#9197a0",
       brand: "#546c8d",
-      brandHover: "#657e9f",
+      brandHover: "#445b7b",
       brandContrast: "#ffffff",
       moneyIncome: "#00997f",
       moneyExpense: "#b77b29",

package/src/wizard/stepper-nav.tsx

@@ -10,6 +10,7 @@ import { WizardContextProvider } from "./wizard-context";
 import { DEFAULT_WIZARD_LABELS } from "./types";
 import { useKitLabels } from "../i18n/kit-labels";
 import type { UseWizardReturn, WizardLabels } from "./types";
+import type { CommitScope } from "../components/write-lock";
 
 /**
  * The chrome around a wizard: the step indicator, the step content, and the
@@ -74,7 +75,7 @@ export function StepperNav<TData extends Record<string, unknown>>({
    * with five buttons would not say which one saves — and would read like `useWizard`'s
    * `commits`, which is a step's policy, not a lock.
    */
-  finishCommit?: boolean;
+  finishCommit?: CommitScope;
   /**
    * Why Finish is not available — {@link Button}'s `disabledReason` on the Finish button:
    * `aria-disabled` and focusable, the reason in the kit Tooltip and on the button's