@astryxdesign/theme-stone 0.4.2 → 0.4.3-canary.0a9618e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/stone.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  /// <reference path="./stone.variants.d.ts" />
package/dist/stone.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  import { stoneIconRegistry } from "./icons.mjs";
@@ -190,6 +190,329 @@ export const stoneTheme = {
190
190
  "--shadow-inset-warning": "inset 0px 0px 0px 2px #83838a30",
191
191
  "--shadow-inset-error": "inset 0px 0px 0px 2px #83838a30"
192
192
  },
193
+ components: {
194
+ "heading": {
195
+ "level:1": {
196
+ "fontFamily": "var(--font-family-heading)",
197
+ "fontSize": "var(--text-heading-1-size)",
198
+ "fontWeight": "var(--text-heading-1-weight)",
199
+ "lineHeight": "var(--text-heading-1-leading)"
200
+ },
201
+ "level:2": {
202
+ "fontFamily": "var(--font-family-heading)",
203
+ "fontSize": "var(--text-heading-2-size)",
204
+ "fontWeight": "var(--text-heading-2-weight)",
205
+ "lineHeight": "var(--text-heading-2-leading)"
206
+ },
207
+ "level:3": {
208
+ "fontFamily": "var(--font-family-heading)",
209
+ "fontSize": "var(--text-heading-3-size)",
210
+ "fontWeight": "var(--text-heading-3-weight)",
211
+ "lineHeight": "var(--text-heading-3-leading)"
212
+ },
213
+ "level:4": {
214
+ "fontFamily": "var(--font-family-heading)",
215
+ "fontSize": "var(--text-heading-4-size)",
216
+ "fontWeight": "var(--text-heading-4-weight)",
217
+ "lineHeight": "var(--text-heading-4-leading)"
218
+ },
219
+ "level:5": {
220
+ "fontFamily": "var(--font-family-heading)",
221
+ "fontSize": "var(--text-heading-5-size)",
222
+ "fontWeight": "var(--text-heading-5-weight)",
223
+ "lineHeight": "var(--text-heading-5-leading)"
224
+ },
225
+ "level:6": {
226
+ "fontFamily": "var(--font-family-heading)",
227
+ "fontSize": "var(--text-heading-6-size)",
228
+ "fontWeight": "var(--text-heading-6-weight)",
229
+ "lineHeight": "var(--text-heading-6-leading)"
230
+ },
231
+ "type:display-1": {
232
+ "fontFamily": "var(--font-family-heading)",
233
+ "fontSize": "var(--text-display-1-size)",
234
+ "lineHeight": "var(--text-display-1-leading)"
235
+ },
236
+ "type:display-2": {
237
+ "fontFamily": "var(--font-family-heading)",
238
+ "fontSize": "var(--text-display-2-size)",
239
+ "lineHeight": "var(--text-display-2-leading)"
240
+ },
241
+ "type:display-3": {
242
+ "fontFamily": "var(--font-family-heading)",
243
+ "fontSize": "var(--text-display-3-size)",
244
+ "lineHeight": "var(--text-display-3-leading)"
245
+ }
246
+ },
247
+ "text": {
248
+ "type:body": {
249
+ "fontFamily": "var(--font-family-body)",
250
+ "fontSize": "var(--text-body-size)",
251
+ "lineHeight": "var(--text-body-leading)"
252
+ },
253
+ "type:large": {
254
+ "fontFamily": "var(--font-family-body)",
255
+ "fontSize": "var(--text-large-size)",
256
+ "lineHeight": "var(--text-large-leading)"
257
+ },
258
+ "type:label": {
259
+ "fontFamily": "var(--font-family-body)",
260
+ "fontSize": "var(--text-label-size)",
261
+ "lineHeight": "var(--text-label-leading)"
262
+ },
263
+ "type:code": {
264
+ "fontFamily": "var(--font-family-code)",
265
+ "fontSize": "var(--text-code-size)",
266
+ "lineHeight": "var(--text-code-leading)"
267
+ },
268
+ "type:supporting": {
269
+ "fontFamily": "var(--font-family-body)",
270
+ "fontSize": "var(--text-supporting-size)",
271
+ "lineHeight": "var(--text-supporting-leading)"
272
+ },
273
+ "type:display-1": {
274
+ "fontFamily": "var(--font-family-heading)",
275
+ "fontSize": "var(--text-display-1-size)",
276
+ "lineHeight": "var(--text-display-1-leading)"
277
+ },
278
+ "type:display-2": {
279
+ "fontFamily": "var(--font-family-heading)",
280
+ "fontSize": "var(--text-display-2-size)",
281
+ "lineHeight": "var(--text-display-2-leading)"
282
+ },
283
+ "type:display-3": {
284
+ "fontFamily": "var(--font-family-heading)",
285
+ "fontSize": "var(--text-display-3-size)",
286
+ "lineHeight": "var(--text-display-3-leading)"
287
+ }
288
+ },
289
+ "button": {
290
+ "base": {
291
+ "borderRadius": "var(--radius-full)"
292
+ },
293
+ "variant:secondary": {
294
+ "backgroundColor": "transparent",
295
+ "borderWidth": "1.5px",
296
+ "borderStyle": "solid",
297
+ "borderColor": "var(--color-border-emphasized)",
298
+ ":hover": {
299
+ "backgroundColor": "var(--color-neutral)"
300
+ }
301
+ },
302
+ "variant:destructive": {
303
+ "backgroundColor": "var(--color-background-red)",
304
+ "color": "var(--color-text-red)"
305
+ }
306
+ },
307
+ "badge": {
308
+ "variant:info": {
309
+ "backgroundColor": "var(--color-background-blue)",
310
+ "color": "var(--color-text-blue)"
311
+ },
312
+ "variant:neutral": {
313
+ "backgroundColor": "var(--color-background-gray)",
314
+ "color": "var(--color-text-gray)"
315
+ },
316
+ "variant:success": {
317
+ "backgroundColor": "var(--color-background-green)",
318
+ "color": "var(--color-text-green)"
319
+ },
320
+ "variant:warning": {
321
+ "backgroundColor": "var(--color-background-yellow)",
322
+ "color": "var(--color-text-yellow)"
323
+ },
324
+ "variant:error": {
325
+ "backgroundColor": "var(--color-background-red)",
326
+ "color": "var(--color-text-red)"
327
+ }
328
+ },
329
+ "banner": {
330
+ "status:info": {
331
+ "--color-accent-muted": "var(--color-background-blue)",
332
+ "--color-text-primary": "var(--color-text-blue)",
333
+ "--color-text-secondary": "var(--color-text-blue)",
334
+ "--color-accent": "var(--color-text-blue)"
335
+ },
336
+ "status:success": {
337
+ "--color-success-muted": "var(--color-background-green)",
338
+ "--color-text-primary": "var(--color-text-green)",
339
+ "--color-text-secondary": "var(--color-text-green)",
340
+ "--color-success": "var(--color-text-green)"
341
+ },
342
+ "status:warning": {
343
+ "--color-warning-muted": "var(--color-background-yellow)",
344
+ "--color-text-primary": "var(--color-text-yellow)",
345
+ "--color-text-secondary": "var(--color-text-yellow)",
346
+ "--color-warning": "var(--color-text-yellow)"
347
+ },
348
+ "status:error": {
349
+ "--color-error-muted": "var(--color-background-red)",
350
+ "--color-text-primary": "var(--color-text-red)",
351
+ "--color-text-secondary": "var(--color-text-red)",
352
+ "--color-error": "var(--color-text-red)"
353
+ }
354
+ },
355
+ "progressbar-fill": {
356
+ "variant:accent": {
357
+ "backgroundColor": "light-dark(#d7e4f5, #a0acbc)"
358
+ },
359
+ "variant:success": {
360
+ "backgroundColor": "light-dark(#d0e9ce, #9ab298)"
361
+ },
362
+ "variant:warning": {
363
+ "backgroundColor": "light-dark(#f4e1b7, #bbaa82)"
364
+ },
365
+ "variant:error": {
366
+ "backgroundColor": "light-dark(#f9dcd7, #c0a5a0)"
367
+ }
368
+ },
369
+ "progressbar-track": {
370
+ "base": {
371
+ "backgroundColor": "var(--color-skeleton)"
372
+ }
373
+ },
374
+ "switch": {
375
+ "base": {
376
+ "--color-background-gray": "var(--color-skeleton)"
377
+ }
378
+ },
379
+ "field-status": {
380
+ "type:success": {
381
+ "backgroundColor": "var(--color-background-green)"
382
+ },
383
+ "type:warning": {
384
+ "backgroundColor": "var(--color-background-yellow)"
385
+ },
386
+ "type:error": {
387
+ "backgroundColor": "var(--color-background-red)"
388
+ }
389
+ },
390
+ "text-input": {
391
+ "status:success": {
392
+ "--color-success": "light-dark(#7f977e, #99b298)"
393
+ },
394
+ "status:warning": {
395
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
396
+ },
397
+ "status:error": {
398
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
399
+ }
400
+ },
401
+ "textarea": {
402
+ "status:success": {
403
+ "--color-success": "light-dark(#7f977e, #99b298)"
404
+ },
405
+ "status:warning": {
406
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
407
+ },
408
+ "status:error": {
409
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
410
+ }
411
+ },
412
+ "number-input": {
413
+ "status:success": {
414
+ "--color-success": "light-dark(#7f977e, #99b298)"
415
+ },
416
+ "status:warning": {
417
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
418
+ },
419
+ "status:error": {
420
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
421
+ }
422
+ },
423
+ "date-input": {
424
+ "status:success": {
425
+ "--color-success": "light-dark(#7f977e, #99b298)"
426
+ },
427
+ "status:warning": {
428
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
429
+ },
430
+ "status:error": {
431
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
432
+ }
433
+ },
434
+ "time-input": {
435
+ "status:success": {
436
+ "--color-success": "light-dark(#7f977e, #99b298)"
437
+ },
438
+ "status:warning": {
439
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
440
+ },
441
+ "status:error": {
442
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
443
+ }
444
+ },
445
+ "selector": {
446
+ "status:success": {
447
+ "--color-success": "light-dark(#7f977e, #99b298)"
448
+ },
449
+ "status:warning": {
450
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
451
+ },
452
+ "status:error": {
453
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
454
+ }
455
+ },
456
+ "multi-selector": {
457
+ "status:success": {
458
+ "--color-success": "light-dark(#7f977e, #99b298)"
459
+ },
460
+ "status:warning": {
461
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
462
+ },
463
+ "status:error": {
464
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
465
+ }
466
+ },
467
+ "typeahead": {
468
+ "status:success": {
469
+ "--color-success": "light-dark(#7f977e, #99b298)"
470
+ },
471
+ "status:warning": {
472
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
473
+ },
474
+ "status:error": {
475
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
476
+ }
477
+ },
478
+ "tokenizer": {
479
+ "status:success": {
480
+ "--color-success": "light-dark(#7f977e, #99b298)"
481
+ },
482
+ "status:warning": {
483
+ "--color-warning": "light-dark(#9f8f68, #bbaa81)"
484
+ },
485
+ "status:error": {
486
+ "--color-error": "light-dark(#a58b86, #c0a5a1)"
487
+ }
488
+ },
489
+ "card": {
490
+ "base": {
491
+ "padding": "var(--spacing-3)"
492
+ }
493
+ },
494
+ "section": {
495
+ "base": {
496
+ "padding": "var(--spacing-3)"
497
+ }
498
+ }
499
+ },
500
+ __onDark: {
501
+ "tokens": {
502
+ "color-scheme": "dark",
503
+ "--color-text-primary": "var(--color-on-dark)",
504
+ "--color-icon-primary": "var(--color-on-dark)",
505
+ "--color-accent": "var(--color-on-dark)"
506
+ }
507
+ },
508
+ __onLight: {
509
+ "tokens": {
510
+ "color-scheme": "light",
511
+ "--color-text-primary": "var(--color-on-light)",
512
+ "--color-icon-primary": "var(--color-on-light)",
513
+ "--color-accent": "var(--color-on-light)"
514
+ }
515
+ },
193
516
  icons: stoneIconRegistry,
194
517
  };
195
518
 
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  // Generated by astryx theme build
package/dist/theme.css CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  @layer reset {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-stone",
3
- "version": "0.4.2",
3
+ "version": "0.4.3-canary.0a9618e",
4
4
  "displayName": "Stone Theme",
5
5
  "private": false,
6
6
  "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -49,14 +49,14 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.4.2",
52
+ "@astryxdesign/core": "0.4.3-canary.0a9618e",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.4.2"
56
+ "@astryxdesign/cli": "0.4.3-canary.0a9618e"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {
60
- "build": "astryx theme build src/stoneTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json"
60
+ "build": "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"
61
61
  }
62
62
  }