@astryxdesign/theme-stone 0.7.3 → 0.7.4-canary.10b832e

package/dist/theme.css

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.3
- * Core: @astryxdesign/core@0.7.3
+ * CLI: @astryxdesign/cli@0.7.4
+ * Core: @astryxdesign/core@0.7.4
  */
 
 @layer reset, astryx-base, astryx-theme;
@@ -152,116 +152,116 @@
     --font-family-body: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --font-family-heading: Montserrat, "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --font-family-code: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;
-    --color-syntax-keyword: light-dark(#645a72, #b2a7c1);
-    --color-syntax-string: light-dark(#4e6357, #9bb19a);
-    --color-syntax-comment: light-dark(#5e5e5e, #ababb0);
-    --color-syntax-number: light-dark(#755752, #bea792);
-    --color-syntax-function: light-dark(#506072, #99adc6);
-    --color-syntax-type: light-dark(#645a72, #b2a7c1);
-    --color-syntax-variable: light-dark(#5e5e5e, #ababb0);
-    --color-syntax-operator: light-dark(#5e5e5e, #ababb0);
-    --color-syntax-constant: light-dark(#755752, #bea792);
-    --color-syntax-tag: light-dark(#775751, #c7a39d);
-    --color-syntax-attribute: light-dark(#79693f, #b6aa90);
-    --color-syntax-property: light-dark(#4e6357, #94b2a0);
-    --color-syntax-punctuation: light-dark(#5e5e5e, #ababb0);
-    --color-syntax-background: light-dark(#f3f3f5, #171719);
-    --color-syntax-added: light-dark(#d0e9ce40, #b4cdb233);
-    --color-syntax-removed: light-dark(#f9dcd740, #dcc0bc33);
+    --color-syntax-keyword: light-dark(#635a70, #b0a5c0);
+    --color-syntax-string: light-dark(#40675c, #90ba8a);
+    --color-syntax-comment: light-dark(#5f5f64, #ababb3);
+    --color-syntax-number: light-dark(#745752, #c9a382);
+    --color-syntax-function: light-dark(#516074, #9aadc7);
+    --color-syntax-type: light-dark(#635a70, #b0a5c0);
+    --color-syntax-variable: light-dark(#5f5f64, #ababb3);
+    --color-syntax-operator: light-dark(#5f5f64, #ababb3);
+    --color-syntax-constant: light-dark(#745752, #c9a382);
+    --color-syntax-tag: light-dark(#745752, #c6a29c);
+    --color-syntax-attribute: light-dark(#736419, #c2af6e);
+    --color-syntax-property: light-dark(#40675c, #94b3a9);
+    --color-syntax-punctuation: light-dark(#5f5f64, #ababb3);
+    --color-syntax-background: light-dark(#f0f0f7, #101018);
+    --color-syntax-added: light-dark(#d2eccf40, #b3d0af33);
+    --color-syntax-removed: light-dark(#fbdad440, #e0bdb833);
     --color-syntax-diff-header: transparent;
-    --color-syntax-added-marker: light-dark(#374c36, #d0e9ce);
-    --color-syntax-removed-marker: light-dark(#58413e, #f9dcd7);
-    --color-accent: light-dark(#25252a, #f3f3f5);
-    --color-accent-muted: light-dark(#25252a14, #f3f3f520);
-    --color-neutral: light-dark(#25252a0f, #f3f3f51a);
-    --color-background-surface: light-dark(#ffffff, #1b1b1f);
-    --color-background-body: light-dark(#f3f3f5, #111015);
-    --color-overlay: light-dark(#25252a80, #28282acc);
-    --color-overlay-hover: light-dark(#25252a0d, #f3f3f50d);
-    --color-overlay-pressed: light-dark(#25252a1a, #f3f3f51a);
-    --color-background-muted: light-dark(#e2e2e8, #3b3b3f);
-    --color-text-primary: light-dark(#25252a, #f3f3f5);
-    --color-text-secondary: light-dark(#5e5e63, #ababb0);
-    --color-text-disabled: light-dark(#d7d7da, #5e5e61);
-    --color-text-accent: light-dark(#25252a, #f3f3f5);
-    --color-on-dark: #FFFFFF;
-    --color-on-light: light-dark(#25252a, #28282a);
+    --color-syntax-added-marker: light-dark(#354f31, #d5e9d2);
+    --color-syntax-removed-marker: light-dark(#603c37, #f7dbd7);
+    --color-accent: light-dark(#25252a, #f0f0f9);
+    --color-accent-muted: light-dark(#25252a14, #f0f0f920);
+    --color-neutral: light-dark(#25252a0f, #f0f0f91a);
+    --color-background-surface: light-dark(#ffffff, #1b1b21);
+    --color-background-body: light-dark(#f0f0f7, #101018);
+    --color-overlay: light-dark(#25252a80, #25252acc);
+    --color-overlay-hover: light-dark(#25252a0d, #f0f0f90d);
+    --color-overlay-pressed: light-dark(#25252a1a, #f0f0f91a);
+    --color-background-muted: light-dark(#e2e2e8, #3a3a42);
+    --color-text-primary: light-dark(#25252a, #f0f0f9);
+    --color-text-secondary: light-dark(#5f5f64, #ababb3);
+    --color-text-disabled: light-dark(#d4d3dd, #5e5e64);
+    --color-text-accent: light-dark(#25252a, #f0f0f9);
+    --color-on-dark: #ffffff;
+    --color-on-light: light-dark(#25252a, #25252a);
     --color-on-accent: light-dark(#ffffff, #25252a);
-    --color-on-success: light-dark(#374c36, #d0e9ce);
-    --color-on-error: light-dark(#58413e, #f9dcd7);
-    --color-on-warning: light-dark(#524622, #f4e1b7);
-    --color-icon-accent: light-dark(#25252a, #f3f3f5);
-    --color-icon-primary: light-dark(#25252a, #f3f3f5);
-    --color-icon-secondary: light-dark(#83838a, #9d9da3);
-    --color-icon-disabled: light-dark(#d7d7da, #5e5e61);
-    --color-background-card: light-dark(#FFFFFF, #242325);
-    --color-background-popover: light-dark(#ffffff, #25252a);
-    --color-background-inverted: light-dark(#25252a, #f3f3f5);
-    --color-success: light-dark(#374c36, #b4cdb2);
-    --color-success-muted: light-dark(#d0e9ce, #b4cdb2);
-    --color-error: light-dark(#58413e, #dcc0bc);
-    --color-error-muted: light-dark(#f9dcd7, #dcc0bc);
-    --color-warning: light-dark(#524622, #d7c59c);
-    --color-warning-muted: light-dark(#f4e1b7, #d7c59c);
-    --color-border: light-dark(#e2e2e8, #f3f3f51a);
-    --color-border-emphasized: light-dark(#83838a, #5e5e61);
-    --color-skeleton: light-dark(#d4d4da, #5e5e64);
+    --color-on-success: light-dark(#354f31, #d5e9d2);
+    --color-on-error: light-dark(#603c37, #f7dbd7);
+    --color-on-warning: light-dark(#524818, #f1e1b9);
+    --color-icon-accent: light-dark(#25252a, #f0f0f9);
+    --color-icon-primary: light-dark(#25252a, #f0f0f9);
+    --color-icon-secondary: light-dark(#848489, #9d9ea5);
+    --color-icon-disabled: light-dark(#d4d3dd, #5e5e64);
+    --color-background-card: light-dark(#ffffff, #25252a);
+    --color-background-popover: light-dark(#ffffff, #302f36);
+    --color-background-inverted: light-dark(#25252a, #f0f0f9);
+    --color-success: light-dark(#354f31, #b3d0af);
+    --color-success-muted: light-dark(#d2eccf, #b3d0af);
+    --color-error: light-dark(#603c37, #e0bdb8);
+    --color-error-muted: light-dark(#fbdad4, #e0bdb8);
+    --color-warning: light-dark(#524818, #d9c794);
+    --color-warning-muted: light-dark(#f4e1b7, #d9c794);
+    --color-border: light-dark(#e2e2e8, #f0f0f91a);
+    --color-border-emphasized: light-dark(#848489, #5e5e64);
+    --color-skeleton: light-dark(#d4d3dd, #5e5e64);
     --color-shadow: light-dark(#25252a1a, #0000004d);
-    --color-tint-hover: light-dark(black, white);
-    --color-background-blue: light-dark(#d7e4f5, #485362);
-    --color-border-blue: light-dark(#c9d6e7, #313c4a);
-    --color-icon-blue: light-dark(#3c4856, #d7e4f5);
-    --color-text-blue: light-dark(#3c4856, #d7e4f5);
-    --color-background-cyan: light-dark(#cce8e5, #3e5755);
-    --color-border-cyan: light-dark(#bedad7, #28403e);
-    --color-icon-cyan: light-dark(#334b49, #cce8e5);
-    --color-text-cyan: light-dark(#334b49, #cce8e5);
-    --color-background-gray: light-dark(#e2e2e8, #525257);
-    --color-border-gray: light-dark(#d4d4da, #3b3b3f);
-    --color-icon-gray: light-dark(#46464b, #e2e2e8);
-    --color-text-gray: light-dark(#46464b, #e2e2e8);
-    --color-background-green: light-dark(#d0e9ce, #425841);
-    --color-border-green: light-dark(#c2dbc0, #2b402b);
-    --color-icon-green: light-dark(#374c36, #d0e9ce);
-    --color-text-green: light-dark(#374c36, #d0e9ce);
-    --color-background-orange: light-dark(#ffdcbb, #684d32);
-    --color-border-orange: light-dark(#f1ceae, #4f361c);
-    --color-icon-orange: light-dark(#5b4227, #ffdcbb);
-    --color-text-orange: light-dark(#5b4227, #ffdcbb);
-    --color-background-pink: light-dark(#f0dde8, #5e4e57);
-    --color-border-pink: light-dark(#e2cfda, #463740);
-    --color-icon-pink: light-dark(#52424c, #f0dde8);
-    --color-text-pink: light-dark(#52424c, #f0dde8);
-    --color-background-purple: light-dark(#e8dff3, #564f60);
-    --color-border-purple: light-dark(#d9d1e5, #3f3949);
-    --color-icon-purple: light-dark(#4b4454, #e8dff3);
-    --color-text-purple: light-dark(#4b4454, #e8dff3);
-    --color-background-red: light-dark(#f9dcd7, #644d49);
-    --color-border-red: light-dark(#ebcec9, #4c3633);
-    --color-icon-red: light-dark(#58413e, #f9dcd7);
-    --color-text-red: light-dark(#58413e, #f9dcd7);
-    --color-background-teal: light-dark(#d4e7dc, #46564d);
-    --color-border-teal: light-dark(#c6d9ce, #303f36);
-    --color-icon-teal: light-dark(#3b4a41, #d4e7dc);
-    --color-text-teal: light-dark(#3b4a41, #d4e7dc);
-    --color-background-yellow: light-dark(#f4e1b7, #5e512d);
-    --color-border-yellow: light-dark(#e5d3a9, #463a18);
-    --color-icon-yellow: light-dark(#524622, #f4e1b7);
-    --color-text-yellow: light-dark(#524622, #f4e1b7);
+    --color-tint-hover: light-dark(#000000, #ffffff);
+    --color-background-blue: light-dark(#d3e4fc, #445469);
+    --color-border-blue: light-dark(#c2d6f1, #2c3c52);
+    --color-icon-blue: light-dark(#344861, #d5e4f8);
+    --color-text-blue: light-dark(#344861, #d5e4f8);
+    --color-background-cyan: light-dark(#cbe9f0, #345761);
+    --color-border-cyan: light-dark(#badbe4, #234048);
+    --color-icon-cyan: light-dark(#264d57, #cfe8ee);
+    --color-text-cyan: light-dark(#264d57, #cfe8ee);
+    --color-background-gray: light-dark(#e2e2e8, #525159);
+    --color-border-gray: light-dark(#d4d3dd, #3a3a42);
+    --color-icon-gray: light-dark(#46464e, #e2e2e8);
+    --color-text-gray: light-dark(#46464e, #e2e2e8);
+    --color-background-green: light-dark(#d2eccf, #3e5d38);
+    --color-border-green: light-dark(#bfdfbb, #2f412c);
+    --color-icon-green: light-dark(#354f31, #d5e9d2);
+    --color-text-green: light-dark(#354f31, #d5e9d2);
+    --color-background-orange: light-dark(#ffdcbb, #684c34);
+    --color-border-orange: light-dark(#f2cdaa, #4e3522);
+    --color-icon-orange: light-dark(#5e3f27, #ffdcbb);
+    --color-text-orange: light-dark(#5e3f27, #ffdcbb);
+    --color-background-pink: light-dark(#f5d9ea, #624a59);
+    --color-border-pink: light-dark(#e9cadc, #4b3242);
+    --color-icon-pink: light-dark(#5a3c4f, #f2dbe8);
+    --color-text-pink: light-dark(#5a3c4f, #f2dbe8);
+    --color-background-purple: light-dark(#e7def5, #574e64);
+    --color-border-purple: light-dark(#d9cfea, #3f374c);
+    --color-icon-purple: light-dark(#4c405b, #e6def3);
+    --color-text-purple: light-dark(#4c405b, #e6def3);
+    --color-background-red: light-dark(#fbdad4, #684a45);
+    --color-border-red: light-dark(#f0cac4, #50332e);
+    --color-icon-red: light-dark(#603c37, #f7dbd7);
+    --color-text-red: light-dark(#603c37, #f7dbd7);
+    --color-background-teal: light-dark(#d4e8e1, #3a5b50);
+    --color-border-teal: light-dark(#c3dbd2, #274239);
+    --color-icon-teal: light-dark(#2c4f44, #d6e7e1);
+    --color-text-teal: light-dark(#2c4f44, #d6e7e1);
+    --color-background-yellow: light-dark(#f4e1b7, #615620);
+    --color-border-yellow: light-dark(#e7d3a4, #433b1b);
+    --color-icon-yellow: light-dark(#524818, #f1e1b9);
+    --color-text-yellow: light-dark(#524818, #f1e1b9);
     --radius-none: 0px;
     --radius-inner: 0.25rem;
     --radius-element: 0.5rem;
     --radius-container: 0.75rem;
     --radius-page: 1.5rem;
     --radius-full: 9999px;
-    --shadow-low: 0 2px 4px #28282A0D, 0 4px 8px #28282A1A;
-    --shadow-med: 0 2px 4px #28282A0D, 0 4px 12px #28282A1A;
-    --shadow-high: 0 4px 6px #28282A1A, 0 12px 24px #28282A26;
-    --shadow-inset-hover: inset 0px 0px 0px 2px #28282A30;
-    --shadow-inset-selected: inset 0px 0px 0px 2px #28282A50;
-    --shadow-inset-success: inset 0px 0px 0px 2px #83838a30;
-    --shadow-inset-warning: inset 0px 0px 0px 2px #83838a30;
-    --shadow-inset-error: inset 0px 0px 0px 2px #83838a30;
+    --shadow-low: 0 2px 4px #25252a0d, 0 4px 8px #25252a1a;
+    --shadow-med: 0 2px 4px #25252a0d, 0 4px 12px #25252a1a;
+    --shadow-high: 0 4px 6px #25252a1a, 0 12px 24px #25252a26;
+    --shadow-inset-hover: inset 0 0 0 2px #25252a30;
+    --shadow-inset-selected: inset 0 0 0 2px #25252a50;
+    --shadow-inset-success: inset 0 0 0 2px #84848930;
+    --shadow-inset-warning: inset 0 0 0 2px #84848930;
+    --shadow-inset-error: inset 0 0 0 2px #84848930;
   }
 
   :scope {
@@ -451,19 +451,19 @@
   }
 
   .astryx-progress-bar-fill[data-variant="accent"] {
-    background-color: light-dark(#d7e4f5, #a0acbc);
+    background-color: light-dark(#d3e4fc, #9aadc7);
   }
 
   .astryx-progress-bar-fill[data-variant="success"] {
-    background-color: light-dark(#d0e9ce, #9ab298);
+    background-color: light-dark(#d2eccf, #90ba8a);
   }
 
   .astryx-progress-bar-fill[data-variant="warning"] {
-    background-color: light-dark(#f4e1b7, #bbaa82);
+    background-color: light-dark(#f4e1b7, #c2af6e);
   }
 
   .astryx-progress-bar-fill[data-variant="error"] {
-    background-color: light-dark(#f9dcd7, #c0a5a0);
+    background-color: light-dark(#fbdad4, #c6a29c);
   }
 
   .astryx-progress-bar-track {
@@ -487,75 +487,75 @@
   }
 
   .astryx-text-input[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-text-input[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-text-input[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-text-area[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-text-area[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-text-area[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-number-input[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-number-input[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-number-input[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-date-input[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-date-input[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-date-input[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-time-input[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-time-input[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-time-input[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-selector[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-selector[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-selector[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-selector[data-variant="secondary"]:not(.astryx-input-group *) {
@@ -570,15 +570,15 @@
   }
 
   .astryx-multi-selector[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-multi-selector[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-multi-selector[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-multi-selector[data-variant="secondary"]:not(.astryx-input-group *) {
@@ -604,27 +604,27 @@
   }
 
   .astryx-typeahead[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-typeahead[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-typeahead[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-tokenizer[data-status="success"] {
-    --color-success: light-dark(#7f977e, #99b298);
+    --color-success: light-dark(#609757, #90ba8a);
   }
 
   .astryx-tokenizer[data-status="warning"] {
-    --color-warning: light-dark(#9f8f68, #bbaa81);
+    --color-warning: light-dark(#a08c36, #c2af6e);
   }
 
   .astryx-tokenizer[data-status="error"] {
-    --color-error: light-dark(#a58b86, #c0a5a1);
+    --color-error: light-dark(#a98984, #c6a29c);
   }
 
   .astryx-card {

package/dist/theme.css.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.3
- * Core: @astryxdesign/core@0.7.3
+ * CLI: @astryxdesign/cli@0.7.4
+ * Core: @astryxdesign/core@0.7.4
  */
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-stone",
-  "version": "0.7.3",
+  "version": "0.7.4-canary.10b832e",
   "displayName": "Stone Theme",
   "private": false,
   "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -51,20 +51,21 @@
     "dist",
     "src",
     "fonts.css",
-    "fonts.css.d.ts"
+    "fonts.css.d.ts",
+    "palette.config.json"
   ],
   "dependencies": {
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.3",
+    "@astryxdesign/core": "0.7.4-canary.10b832e",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.3"
+    "@astryxdesign/cli": "0.7.4-canary.10b832e"
   },
   "module": "./dist/source.mjs",
   "scripts": {
-    "build": "node ../../../scripts/clean-dist.mjs && astryx theme build src/stoneTheme.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-stone-palette-refs.mjs --check && astryx theme build src/stoneTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json && node ../../../scripts/check-fully-specified.mjs"
   }
 }