@astryxdesign/theme-neutral 0.7.0-canary.81dc9bb → 0.7.0-canary.94bdc8e

package/dist/neutralPaletteRefs.generated.d.ts

@@ -18,7 +18,6 @@ export declare const neutralPaletteRefs: {
         readonly light: {
             readonly 25: "#00490b";
             readonly 30: "#0b5615";
-            readonly 40: "#237028";
             readonly 45: "#2f7d33";
             readonly 65: "#6ab26b";
             readonly 75: "#90ca90";
@@ -35,13 +34,9 @@ export declare const neutralPaletteRefs: {
             readonly 0: "#000000";
             readonly 5: "#111111";
             readonly 10: "#1b1b1b";
-            readonly 15: "#262626";
             readonly 30: "#474747";
-            readonly 35: "#525252";
             readonly 45: "#6a6a6a";
-            readonly 50: "#777777";
             readonly 60: "#919191";
-            readonly 65: "#9e9e9e";
             readonly 85: "#d4d4d4";
             readonly 90: "#e2e2e2";
             readonly 95: "#f1f1f1";
@@ -93,7 +88,6 @@ export declare const neutralPaletteRefs: {
         readonly light: {
             readonly 25: "#76000c";
             readonly 30: "#8a0011";
-            readonly 35: "#9e0015";
             readonly 55: "#de4745";
             readonly 65: "#fa6762";
             readonly 70: "#ff7f77";
@@ -112,7 +106,6 @@ export declare const neutralPaletteRefs: {
         readonly light: {
             readonly 25: "#4b3900";
             readonly 30: "#584400";
-            readonly 40: "#745b00";
             readonly 65: "#c29900";
             readonly 75: "#e2b623";
             readonly 80: "#eec448";
@@ -147,13 +140,11 @@ export declare const neutralPaletteRefs: {
         };
         readonly light: {
             readonly 25: "#004351";
-            readonly 30: "#00505f";
         };
     };
     readonly pink: {
         readonly light: {
             readonly 25: "#70003f";
-            readonly 30: "#83004b";
             readonly 70: "#fc78b1";
             readonly 85: "#ffc0d7";
         };

package/dist/neutralPaletteRefs.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"neutralPaletteRefs.generated.d.ts","sourceRoot":"","sources":["../src/neutralPaletteRefs.generated.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEX,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"neutralPaletteRefs.generated.d.ts","sourceRoot":"","sources":["../src/neutralPaletteRefs.generated.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEX,eAAe,kBAAkB,CAAC"}

package/dist/source.js

@@ -75,11 +75,11 @@ var neutralPaletteRefs = {
     dark: { 25: "#4a2f51", 80: "#eaacf8" }
   },
   green: {
-    light: { 25: "#00490b", 30: "#0b5615", 40: "#237028", 45: "#2f7d33", 65: "#6ab26b", 75: "#90ca90", 80: "#a4d6a3" },
+    light: { 25: "#00490b", 30: "#0b5615", 45: "#2f7d33", 65: "#6ab26b", 75: "#90ca90", 80: "#a4d6a3" },
     dark: { 25: "#2b422b", 80: "#aad4a9", 85: "#bce0bb" }
   },
   neutral: {
-    light: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 15: "#262626", 30: "#474747", 35: "#525252", 45: "#6a6a6a", 50: "#777777", 60: "#919191", 65: "#9e9e9e", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" },
+    light: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 30: "#474747", 45: "#6a6a6a", 60: "#919191", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" },
     dark: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 15: "#262626", 20: "#303030", 35: "#525252", 65: "#9e9e9e", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" }
   },
   orange: {
@@ -91,11 +91,11 @@ var neutralPaletteRefs = {
     dark: { 25: "#253c5a", 65: "#5aa0f8", 75: "#88bcff", 80: "#a1caff" }
   },
   red: {
-    light: { 25: "#76000c", 30: "#8a0011", 35: "#9e0015", 55: "#de4745", 65: "#fa6762", 70: "#ff7f77", 80: "#ffaea7", 85: "#ffc4be" },
+    light: { 25: "#76000c", 30: "#8a0011", 55: "#de4745", 65: "#fa6762", 70: "#ff7f77", 80: "#ffaea7", 85: "#ffc4be" },
     dark: { 25: "#5b2b28", 65: "#ee736c", 75: "#ff9890", 80: "#ffaea7", 85: "#ffc4be" }
   },
   yellow: {
-    light: { 25: "#4b3900", 30: "#584400", 40: "#745b00", 65: "#c29900", 75: "#e2b623", 80: "#eec448", 85: "#f8d36a" },
+    light: { 25: "#4b3900", 30: "#584400", 65: "#c29900", 75: "#e2b623", 80: "#eec448", 85: "#f8d36a" },
     dark: { 25: "#453a1c", 80: "#e3c36c", 90: "#fae19e" }
   },
   teal: {
@@ -104,10 +104,10 @@ var neutralPaletteRefs = {
   },
   cyan: {
     dark: { 25: "#274046", 65: "#49adc4", 75: "#71c7dd", 80: "#85d5e9", 85: "#9ae2f4" },
-    light: { 25: "#004351", 30: "#00505f" }
+    light: { 25: "#004351" }
   },
   pink: {
-    light: { 25: "#70003f", 30: "#83004b", 70: "#fc78b1", 85: "#ffc0d7" },
+    light: { 25: "#70003f", 70: "#fc78b1", 85: "#ffc0d7" },
     dark: { 25: "#572b3d", 75: "#fd92bd", 80: "#ffa9ca" }
   }
 };

package/dist/source.mjs

@@ -80,11 +80,11 @@ var neutralPaletteRefs = {
     dark: { 25: "#4a2f51", 80: "#eaacf8" }
   },
   green: {
-    light: { 25: "#00490b", 30: "#0b5615", 40: "#237028", 45: "#2f7d33", 65: "#6ab26b", 75: "#90ca90", 80: "#a4d6a3" },
+    light: { 25: "#00490b", 30: "#0b5615", 45: "#2f7d33", 65: "#6ab26b", 75: "#90ca90", 80: "#a4d6a3" },
     dark: { 25: "#2b422b", 80: "#aad4a9", 85: "#bce0bb" }
   },
   neutral: {
-    light: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 15: "#262626", 30: "#474747", 35: "#525252", 45: "#6a6a6a", 50: "#777777", 60: "#919191", 65: "#9e9e9e", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" },
+    light: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 30: "#474747", 45: "#6a6a6a", 60: "#919191", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" },
     dark: { 0: "#000000", 5: "#111111", 10: "#1b1b1b", 15: "#262626", 20: "#303030", 35: "#525252", 65: "#9e9e9e", 85: "#d4d4d4", 90: "#e2e2e2", 95: "#f1f1f1", 100: "#ffffff" }
   },
   orange: {
@@ -96,11 +96,11 @@ var neutralPaletteRefs = {
     dark: { 25: "#253c5a", 65: "#5aa0f8", 75: "#88bcff", 80: "#a1caff" }
   },
   red: {
-    light: { 25: "#76000c", 30: "#8a0011", 35: "#9e0015", 55: "#de4745", 65: "#fa6762", 70: "#ff7f77", 80: "#ffaea7", 85: "#ffc4be" },
+    light: { 25: "#76000c", 30: "#8a0011", 55: "#de4745", 65: "#fa6762", 70: "#ff7f77", 80: "#ffaea7", 85: "#ffc4be" },
     dark: { 25: "#5b2b28", 65: "#ee736c", 75: "#ff9890", 80: "#ffaea7", 85: "#ffc4be" }
   },
   yellow: {
-    light: { 25: "#4b3900", 30: "#584400", 40: "#745b00", 65: "#c29900", 75: "#e2b623", 80: "#eec448", 85: "#f8d36a" },
+    light: { 25: "#4b3900", 30: "#584400", 65: "#c29900", 75: "#e2b623", 80: "#eec448", 85: "#f8d36a" },
     dark: { 25: "#453a1c", 80: "#e3c36c", 90: "#fae19e" }
   },
   teal: {
@@ -109,10 +109,10 @@ var neutralPaletteRefs = {
   },
   cyan: {
     dark: { 25: "#274046", 65: "#49adc4", 75: "#71c7dd", 80: "#85d5e9", 85: "#9ae2f4" },
-    light: { 25: "#004351", 30: "#00505f" }
+    light: { 25: "#004351" }
   },
   pink: {
-    light: { 25: "#70003f", 30: "#83004b", 70: "#fc78b1", 85: "#ffc0d7" },
+    light: { 25: "#70003f", 70: "#fc78b1", 85: "#ffc0d7" },
     dark: { 25: "#572b3d", 75: "#fd92bd", 80: "#ffa9ca" }
   }
 };

package/dist/theme.css

@@ -6,6 +6,8 @@
  * Core: @astryxdesign/core@0.7.0
  */
 
+@layer reset, astryx-base, astryx-theme;
+
 @layer reset {
 @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
   :where(h1, h2, h3, h4, h5, h6) {
@@ -77,67 +79,6 @@
 }
 }
 
-@layer astryx-base {
-:root {
-  --color-data-categorical-blue: light-dark(#0171E3, #0171E3);
-  --color-data-categorical-orange: light-dark(#EB6E00, #EB6E00);
-  --color-data-categorical-purple: light-dark(#6B1EFD, #6B1EFD);
-  --color-data-categorical-green: light-dark(#0B991F, #0B991F);
-  --color-data-categorical-pink: light-dark(#F351C0, #F351C0);
-  --color-data-categorical-cyan: light-dark(#0171A4, #0171A4);
-  --color-data-categorical-red: light-dark(#F5394F, #F5394F);
-  --color-data-categorical-teal: light-dark(#08A3A3, #08A3A3);
-  --color-data-categorical-brown: light-dark(#965E03, #965E03);
-  --color-data-categorical-indigo: light-dark(#6F8AFF, #6F8AFF);
-  --color-data-neutral: light-dark(#8494A3, #8C939B);
-  --color-data-blue-5: light-dark(#02165E, #02165E);
-  --color-data-blue-4: light-dark(#004CBC, #004CBC);
-  --color-data-blue-3: light-dark(#2694FE, #2694FE);
-  --color-data-blue-2: light-dark(#78BEFF, #78BEFF);
-  --color-data-blue-1: light-dark(#DBECFF, #DBECFF);
-  --color-data-shamrock-5: light-dark(#0B603D, #0B603D);
-  --color-data-shamrock-4: light-dark(#138546, #138546);
-  --color-data-shamrock-3: light-dark(#24BB5E, #24BB5E);
-  --color-data-shamrock-2: light-dark(#8EF7AA, #8EF7AA);
-  --color-data-shamrock-1: light-dark(#D6FEE4, #D6FEE4);
-  --color-data-orange-5: light-dark(#A13F04, #A13F04);
-  --color-data-orange-4: light-dark(#D66100, #D66100);
-  --color-data-orange-3: light-dark(#FD9537, #FD9537);
-  --color-data-orange-2: light-dark(#FDB876, #FDB876);
-  --color-data-orange-1: light-dark(#FFE6CF, #FFE6CF);
-  --color-data-pink-5: light-dark(#8E1073, #8E1073);
-  --color-data-pink-4: light-dark(#D123A1, #D123A1);
-  --color-data-pink-3: light-dark(#F989D3, #F989D3);
-  --color-data-pink-2: light-dark(#FEADE3, #FEADE3);
-  --color-data-pink-1: light-dark(#FCE3F4, #FCE3F4);
-  --color-data-purple-5: light-dark(#3E0697, #3E0697);
-  --color-data-purple-4: light-dark(#6B1EFD, #6B1EFD);
-  --color-data-purple-3: light-dark(#9081FF, #9081FF);
-  --color-data-purple-2: light-dark(#B3B0FE, #B3B0FE);
-  --color-data-purple-1: light-dark(#E8E8FB, #E8E8FB);
-  --color-data-red-5: light-dark(#9D0519, #9D0519);
-  --color-data-red-4: light-dark(#D31130, #D31130);
-  --color-data-red-3: light-dark(#FB7D87, #FB7D87);
-  --color-data-red-2: light-dark(#FFB2B8, #FFB2B8);
-  --color-data-red-1: light-dark(#FEE4E6, #FEE4E6);
-  --color-data-teal-5: light-dark(#08767D, #08767D);
-  --color-data-teal-4: light-dark(#0C9293, #0C9293);
-  --color-data-teal-3: light-dark(#0DB7AF, #0DB7AF);
-  --color-data-teal-2: light-dark(#6CE6D8, #6CE6D8);
-  --color-data-teal-1: light-dark(#D7FCF8, #D7FCF8);
-  --color-data-yellow-5: light-dark(#8A5001, #8A5001);
-  --color-data-yellow-4: light-dark(#D69804, #D69804);
-  --color-data-yellow-3: light-dark(#FBCE03, #FBCE03);
-  --color-data-yellow-2: light-dark(#FCEC85, #FCEC85);
-  --color-data-yellow-1: light-dark(#FDF6BA, #FDF6BA);
-  --color-data-gray-5: light-dark(#25363F, #333338);
-  --color-data-gray-4: light-dark(#5D6C7B, #666A72);
-  --color-data-gray-3: light-dark(#AFB9C4, #B2B8BE);
-  --color-data-gray-2: light-dark(#CCD3DB, #D0D3D6);
-  --color-data-gray-1: light-dark(#F1F4F7, #F2F4F6);
-}
-}
-
 @layer astryx-theme {
   :root { color-scheme: light dark; }
   html[data-theme="light"] { color-scheme: light; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-neutral",
-  "version": "0.7.0-canary.81dc9bb",
+  "version": "0.7.0-canary.94bdc8e",
   "displayName": "Neutral Theme",
   "private": false,
   "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -58,14 +58,14 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.0-canary.81dc9bb",
+    "@astryxdesign/core": "0.7.0-canary.94bdc8e",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.0-canary.81dc9bb"
+    "@astryxdesign/cli": "0.7.0-canary.94bdc8e"
   },
   "module": "./dist/source.mjs",
   "scripts": {
-    "build": "node ../../../scripts/clean-dist.mjs && astryx theme build src/neutralTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json && node ../../../scripts/check-fully-specified.mjs"
+    "build": "node ../../../scripts/clean-dist.mjs && node ../../../scripts/generate-neutral-palette-refs.mjs --check && astryx theme build src/neutralTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json && node ../../../scripts/check-fully-specified.mjs"
   }
 }

package/src/neutralPaletteRefs.generated.ts

@@ -1,8 +1,9 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-// Generated from neutralPalettes.generated.ts for the stops used by
-// neutralTheme.ts. Keep the complete palette available for authoring and
-// audits, but do not make consumers pay for unused palette stops.
+// Generated from the committed full palette for the stops used by Neutral's
+// theme source. Regenerate with `pnpm generate:neutral-palette-refs`.
+// Keep the complete palette available for authoring and audits without
+// making consumers pay for unused palette stops.
 // prettier-ignore
 export const neutralPaletteRefs = {
   purple: {
@@ -10,11 +11,11 @@ export const neutralPaletteRefs = {
     dark: {25: '#4a2f51', 80: '#eaacf8'},
   },
   green: {
-    light: {25: '#00490b', 30: '#0b5615', 40: '#237028', 45: '#2f7d33', 65: '#6ab26b', 75: '#90ca90', 80: '#a4d6a3'},
+    light: {25: '#00490b', 30: '#0b5615', 45: '#2f7d33', 65: '#6ab26b', 75: '#90ca90', 80: '#a4d6a3'},
     dark: {25: '#2b422b', 80: '#aad4a9', 85: '#bce0bb'},
   },
   neutral: {
-    light: {0: '#000000', 5: '#111111', 10: '#1b1b1b', 15: '#262626', 30: '#474747', 35: '#525252', 45: '#6a6a6a', 50: '#777777', 60: '#919191', 65: '#9e9e9e', 85: '#d4d4d4', 90: '#e2e2e2', 95: '#f1f1f1', 100: '#ffffff'},
+    light: {0: '#000000', 5: '#111111', 10: '#1b1b1b', 30: '#474747', 45: '#6a6a6a', 60: '#919191', 85: '#d4d4d4', 90: '#e2e2e2', 95: '#f1f1f1', 100: '#ffffff'},
     dark: {0: '#000000', 5: '#111111', 10: '#1b1b1b', 15: '#262626', 20: '#303030', 35: '#525252', 65: '#9e9e9e', 85: '#d4d4d4', 90: '#e2e2e2', 95: '#f1f1f1', 100: '#ffffff'},
   },
   orange: {
@@ -26,11 +27,11 @@ export const neutralPaletteRefs = {
     dark: {25: '#253c5a', 65: '#5aa0f8', 75: '#88bcff', 80: '#a1caff'},
   },
   red: {
-    light: {25: '#76000c', 30: '#8a0011', 35: '#9e0015', 55: '#de4745', 65: '#fa6762', 70: '#ff7f77', 80: '#ffaea7', 85: '#ffc4be'},
+    light: {25: '#76000c', 30: '#8a0011', 55: '#de4745', 65: '#fa6762', 70: '#ff7f77', 80: '#ffaea7', 85: '#ffc4be'},
     dark: {25: '#5b2b28', 65: '#ee736c', 75: '#ff9890', 80: '#ffaea7', 85: '#ffc4be'},
   },
   yellow: {
-    light: {25: '#4b3900', 30: '#584400', 40: '#745b00', 65: '#c29900', 75: '#e2b623', 80: '#eec448', 85: '#f8d36a'},
+    light: {25: '#4b3900', 30: '#584400', 65: '#c29900', 75: '#e2b623', 80: '#eec448', 85: '#f8d36a'},
     dark: {25: '#453a1c', 80: '#e3c36c', 90: '#fae19e'},
   },
   teal: {
@@ -39,10 +40,10 @@ export const neutralPaletteRefs = {
   },
   cyan: {
     dark: {25: '#274046', 65: '#49adc4', 75: '#71c7dd', 80: '#85d5e9', 85: '#9ae2f4'},
-    light: {25: '#004351', 30: '#00505f'},
+    light: {25: '#004351'},
   },
   pink: {
-    light: {25: '#70003f', 30: '#83004b', 70: '#fc78b1', 85: '#ffc0d7'},
+    light: {25: '#70003f', 70: '#fc78b1', 85: '#ffc0d7'},
     dark: {25: '#572b3d', 75: '#fd92bd', 80: '#ffa9ca'},
   },
 } as const;