@astryxdesign/theme-stone 0.6.0 → 0.6.1-canary.72ce440

package/dist/source.js

@@ -390,7 +390,7 @@ var stoneTheme = (0, import_theme.defineTheme)({
     // the same color family as the matching status surface). Dark = T70.
     // Hexes from the preview Tonal Palettes ramp. accent (default) +
     // indeterminate both route to blue for the in-progress / loading look.
-    "progressbar-fill": {
+    "progress-bar-fill": {
       "variant:accent": {
         backgroundColor: "light-dark(#d7e4f5, #a0acbc)"
         // Blue T90 / T70
@@ -410,7 +410,7 @@ var stoneTheme = (0, import_theme.defineTheme)({
     },
     // Track default --color-background-muted reads near-body in stone;
     // redirect to --color-skeleton so the channel stays visible.
-    "progressbar-track": {
+    "progress-bar-track": {
       base: {
         backgroundColor: "var(--color-skeleton)"
       }
@@ -439,7 +439,7 @@ var stoneTheme = (0, import_theme.defineTheme)({
     // Input status borders + icons across all 9 input components share the
     // same softer T60/T70 redirection. See INPUT_STATUS_VARS above.
     "text-input": INPUT_STATUS_VARS,
-    textarea: INPUT_STATUS_VARS,
+    "text-area": INPUT_STATUS_VARS,
     "number-input": INPUT_STATUS_VARS,
     "date-input": INPUT_STATUS_VARS,
     "time-input": INPUT_STATUS_VARS,

package/dist/source.mjs

@@ -391,7 +391,7 @@ var stoneTheme = defineTheme({
     // the same color family as the matching status surface). Dark = T70.
     // Hexes from the preview Tonal Palettes ramp. accent (default) +
     // indeterminate both route to blue for the in-progress / loading look.
-    "progressbar-fill": {
+    "progress-bar-fill": {
       "variant:accent": {
         backgroundColor: "light-dark(#d7e4f5, #a0acbc)"
         // Blue T90 / T70
@@ -411,7 +411,7 @@ var stoneTheme = defineTheme({
     },
     // Track default --color-background-muted reads near-body in stone;
     // redirect to --color-skeleton so the channel stays visible.
-    "progressbar-track": {
+    "progress-bar-track": {
       base: {
         backgroundColor: "var(--color-skeleton)"
       }
@@ -440,7 +440,7 @@ var stoneTheme = defineTheme({
     // Input status borders + icons across all 9 input components share the
     // same softer T60/T70 redirection. See INPUT_STATUS_VARS above.
     "text-input": INPUT_STATUS_VARS,
-    textarea: INPUT_STATUS_VARS,
+    "text-area": INPUT_STATUS_VARS,
     "number-input": INPUT_STATUS_VARS,
     "date-input": INPUT_STATUS_VARS,
     "time-input": INPUT_STATUS_VARS,

package/dist/stone.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.6.0
- * Core: @astryxdesign/core@0.6.0
+ * CLI: @astryxdesign/cli@0.6.1
+ * Core: @astryxdesign/core@0.6.1
  */
 
 import type { DefinedTheme } from '@astryxdesign/core/theme';

package/dist/stone.js

@@ -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.6.0
- * Core: @astryxdesign/core@0.6.0
+ * CLI: @astryxdesign/cli@0.6.1
+ * Core: @astryxdesign/core@0.6.1
  */
 
 import { stoneIconRegistry } from "./icons.mjs";
@@ -352,7 +352,7 @@ export const stoneTheme = {
         "--color-error": "var(--color-text-red)"
       }
     },
-    "progressbar-fill": {
+    "progress-bar-fill": {
       "variant:accent": {
         "backgroundColor": "light-dark(#d7e4f5, #a0acbc)"
       },
@@ -366,7 +366,7 @@ export const stoneTheme = {
         "backgroundColor": "light-dark(#f9dcd7, #c0a5a0)"
       }
     },
-    "progressbar-track": {
+    "progress-bar-track": {
       "base": {
         "backgroundColor": "var(--color-skeleton)"
       }
@@ -398,7 +398,7 @@ export const stoneTheme = {
         "--color-error": "light-dark(#a58b86, #c0a5a1)"
       }
     },
-    "textarea": {
+    "text-area": {
       "status:success": {
         "--color-success": "light-dark(#7f977e, #99b298)"
       },

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.6.0
- * Core: @astryxdesign/core@0.6.0
+ * CLI: @astryxdesign/cli@0.6.1
+ * Core: @astryxdesign/core@0.6.1
  */
 
 @layer reset {
@@ -500,23 +500,23 @@
     --color-error: var(--color-text-red);
   }
 
-  .astryx-progressbar-fill[data-variant="accent"] {
+  .astryx-progress-bar-fill[data-variant="accent"] {
     background-color: light-dark(#d7e4f5, #a0acbc);
   }
 
-  .astryx-progressbar-fill[data-variant="success"] {
+  .astryx-progress-bar-fill[data-variant="success"] {
     background-color: light-dark(#d0e9ce, #9ab298);
   }
 
-  .astryx-progressbar-fill[data-variant="warning"] {
+  .astryx-progress-bar-fill[data-variant="warning"] {
     background-color: light-dark(#f4e1b7, #bbaa82);
   }
 
-  .astryx-progressbar-fill[data-variant="error"] {
+  .astryx-progress-bar-fill[data-variant="error"] {
     background-color: light-dark(#f9dcd7, #c0a5a0);
   }
 
-  .astryx-progressbar-track {
+  .astryx-progress-bar-track {
     background-color: var(--color-skeleton);
   }
 
@@ -548,15 +548,15 @@
     --color-error: light-dark(#a58b86, #c0a5a1);
   }
 
-  .astryx-textarea[data-status="success"] {
+  .astryx-text-area[data-status="success"] {
     --color-success: light-dark(#7f977e, #99b298);
   }
 
-  .astryx-textarea[data-status="warning"] {
+  .astryx-text-area[data-status="warning"] {
     --color-warning: light-dark(#9f8f68, #bbaa81);
   }
 
-  .astryx-textarea[data-status="error"] {
+  .astryx-text-area[data-status="error"] {
     --color-error: light-dark(#a58b86, #c0a5a1);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-stone",
-  "version": "0.6.0",
+  "version": "0.6.1-canary.72ce440",
   "displayName": "Stone Theme",
   "private": false,
   "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -49,11 +49,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.6.0",
+    "@astryxdesign/core": "0.6.1-canary.72ce440",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.6.0"
+    "@astryxdesign/cli": "0.6.1-canary.72ce440"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/src/stoneTheme.ts

@@ -324,7 +324,7 @@ export const stoneTheme = defineTheme({
     // the same color family as the matching status surface). Dark = T70.
     // Hexes from the preview Tonal Palettes ramp. accent (default) +
     // indeterminate both route to blue for the in-progress / loading look.
-    'progressbar-fill': {
+    'progress-bar-fill': {
       'variant:accent': {
         backgroundColor: 'light-dark(#d7e4f5, #a0acbc)', // Blue T90 / T70
       },
@@ -341,7 +341,7 @@ export const stoneTheme = defineTheme({
 
     // Track default --color-background-muted reads near-body in stone;
     // redirect to --color-skeleton so the channel stays visible.
-    'progressbar-track': {
+    'progress-bar-track': {
       base: {
         backgroundColor: 'var(--color-skeleton)',
       },
@@ -373,7 +373,7 @@ export const stoneTheme = defineTheme({
     // Input status borders + icons across all 9 input components share the
     // same softer T60/T70 redirection. See INPUT_STATUS_VARS above.
     'text-input': INPUT_STATUS_VARS,
-    textarea: INPUT_STATUS_VARS,
+    'text-area': INPUT_STATUS_VARS,
     'number-input': INPUT_STATUS_VARS,
     'date-input': INPUT_STATUS_VARS,
     'time-input': INPUT_STATUS_VARS,