@mlola-ui/engine 1.0.9 → 1.0.10

package/generated/themes.json

@@ -54,7 +54,7 @@
       "id": "atelier",
       "label": "Atelier Umami",
       "name": "Atelier Umami",
-      "swatch": "oklch(0.638 0.153 58)",
+      "swatch": "oklch(0.532 0.127 58)",
       "material": "paper",
       "theme": {
         "type": 0.82,

package/generated/tokens.css

@@ -267,9 +267,9 @@
   --ml-text-faint: oklch(0.492 0.018 260);
   --ml-border: oklch(0.878 0.023 80);
   --ml-border-subtle: oklch(0.916 0.018 80);
-  --ml-primary: oklch(0.638 0.153 58);
-  --ml-primary-foreground: oklch(0.18 0.02 58);
-  --ml-primary-hover: oklch(0.678 0.141 58);
+  --ml-primary: oklch(0.532 0.127 58);
+  --ml-primary-foreground: oklch(0.99 0 0);
+  --ml-primary-hover: oklch(0.482 0.115 58);
   --ml-primary-text: oklch(0.497 0.119 58);
   --ml-primary-subtle: oklch(0.95 0.031 58);
   --ml-success: oklch(0.507 0.14 150);

package/generated/tokens.json

@@ -1361,8 +1361,8 @@
           "$value": {
             "colorSpace": "oklch",
             "components": [
-              0.638,
-              0.153,
+              0.532,
+              0.127,
               58
             ],
             "alpha": 1
@@ -1373,9 +1373,9 @@
           "$value": {
             "colorSpace": "oklch",
             "components": [
-              0.18,
-              0.02,
-              58
+              0.99,
+              0,
+              0
             ],
             "alpha": 1
           }
@@ -1385,8 +1385,8 @@
           "$value": {
             "colorSpace": "oklch",
             "components": [
-              0.678,
-              0.141,
+              0.482,
+              0.115,
               58
             ],
             "alpha": 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlola-ui/engine",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Framework-free CSS, spring easings, and the machine-readable contract for Mlola UI",
   "type": "module",
   "sideEffects": [

package/src/palette.mjs

@@ -126,13 +126,15 @@ const isAchromatic = (color) => color.C < 0.03;
 
 /**
  * WCAG 2's ratio favours dark ink on mid-tone saturated colors, but eyes read
- * white on a violet, blue, green or red far better. In light mode a chromatic,
- * non-warm fill darkens a little (at most 0.12 L) so white clears the target;
- * yellows and oranges keep dark ink, as convention expects.
+ * white on a violet, blue, green, red or burnt orange far better: dark ink on
+ * a mid orange reads as dark on dark. In light mode a chromatic fill darkens a
+ * little (at most 0.12 L) so white clears the target. Ambers and yellows keep
+ * dark ink, as convention expects, and so does an orange too bright to reach
+ * white within that step.
  */
 function deepenForWhite(fill, mode) {
-  const warm = fill.H > 40 && fill.H < 130;
-  if (mode !== "light" || isAchromatic(fill) || warm || contrast(WHITE, fill) >= TARGETS.body) return fill;
+  const yellow = fill.H >= 65 && fill.H < 130;
+  if (mode !== "light" || isAchromatic(fill) || yellow || contrast(WHITE, fill) >= TARGETS.body) return fill;
   const deeper = solveLightness(fill, WHITE, TARGETS.body, "darker");
   return fill.L - deeper.L <= 0.12 ? deeper : fill;
 }