@astryxdesign/theme-neutral 0.4.1 → 0.4.2-canary.356d2f9

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.
Files changed (5) hide show
  1. package/dist/neutral.d.ts +2 -2
  2. package/dist/neutral.js +253 -2
  3. package/dist/neutral.variants.d.ts +2 -2
  4. package/dist/theme.css +2 -2
  5. package/package.json +3 -3
package/dist/neutral.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/neutralTheme.ts
4
4
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  /// <reference path="./neutral.variants.d.ts" />
package/dist/neutral.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/neutralTheme.ts
4
4
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  import { neutralIconRegistry } from "./icons.mjs";
@@ -189,6 +189,257 @@ export const neutralTheme = {
189
189
  "--shadow-inset-warning": "inset 0px 0px 0px 2px #ffce2f4D",
190
190
  "--shadow-inset-error": "inset 0px 0px 0px 2px #e33f4a4D"
191
191
  },
192
+ components: {
193
+ "heading": {
194
+ "level:1": {
195
+ "fontFamily": "var(--font-family-heading)",
196
+ "fontSize": "var(--text-heading-1-size)",
197
+ "fontWeight": "var(--text-heading-1-weight)",
198
+ "lineHeight": "var(--text-heading-1-leading)"
199
+ },
200
+ "level:2": {
201
+ "fontFamily": "var(--font-family-heading)",
202
+ "fontSize": "var(--text-heading-2-size)",
203
+ "fontWeight": "var(--text-heading-2-weight)",
204
+ "lineHeight": "var(--text-heading-2-leading)"
205
+ },
206
+ "level:3": {
207
+ "fontFamily": "var(--font-family-heading)",
208
+ "fontSize": "var(--text-heading-3-size)",
209
+ "fontWeight": "var(--text-heading-3-weight)",
210
+ "lineHeight": "var(--text-heading-3-leading)"
211
+ },
212
+ "level:4": {
213
+ "fontFamily": "var(--font-family-heading)",
214
+ "fontSize": "var(--text-heading-4-size)",
215
+ "fontWeight": "var(--text-heading-4-weight)",
216
+ "lineHeight": "var(--text-heading-4-leading)"
217
+ },
218
+ "level:5": {
219
+ "fontFamily": "var(--font-family-heading)",
220
+ "fontSize": "var(--text-heading-5-size)",
221
+ "fontWeight": "var(--text-heading-5-weight)",
222
+ "lineHeight": "var(--text-heading-5-leading)"
223
+ },
224
+ "level:6": {
225
+ "fontFamily": "var(--font-family-heading)",
226
+ "fontSize": "var(--text-heading-6-size)",
227
+ "fontWeight": "var(--text-heading-6-weight)",
228
+ "lineHeight": "var(--text-heading-6-leading)"
229
+ },
230
+ "type:display-1": {
231
+ "fontFamily": "var(--font-family-heading)",
232
+ "fontSize": "var(--text-display-1-size)",
233
+ "lineHeight": "var(--text-display-1-leading)"
234
+ },
235
+ "type:display-2": {
236
+ "fontFamily": "var(--font-family-heading)",
237
+ "fontSize": "var(--text-display-2-size)",
238
+ "lineHeight": "var(--text-display-2-leading)"
239
+ },
240
+ "type:display-3": {
241
+ "fontFamily": "var(--font-family-heading)",
242
+ "fontSize": "var(--text-display-3-size)",
243
+ "lineHeight": "var(--text-display-3-leading)"
244
+ }
245
+ },
246
+ "text": {
247
+ "type:body": {
248
+ "fontFamily": "var(--font-family-body)",
249
+ "fontSize": "var(--text-body-size)",
250
+ "lineHeight": "var(--text-body-leading)"
251
+ },
252
+ "type:large": {
253
+ "fontFamily": "var(--font-family-body)",
254
+ "fontSize": "var(--text-large-size)",
255
+ "lineHeight": "var(--text-large-leading)"
256
+ },
257
+ "type:label": {
258
+ "fontFamily": "var(--font-family-body)",
259
+ "fontSize": "var(--text-label-size)",
260
+ "lineHeight": "var(--text-label-leading)"
261
+ },
262
+ "type:code": {
263
+ "fontFamily": "var(--font-family-code)",
264
+ "fontSize": "var(--text-code-size)",
265
+ "lineHeight": "var(--text-code-leading)"
266
+ },
267
+ "type:supporting": {
268
+ "fontFamily": "var(--font-family-body)",
269
+ "fontSize": "var(--text-supporting-size)",
270
+ "lineHeight": "var(--text-supporting-leading)"
271
+ },
272
+ "type:display-1": {
273
+ "fontFamily": "var(--font-family-heading)",
274
+ "fontSize": "var(--text-display-1-size)",
275
+ "lineHeight": "var(--text-display-1-leading)"
276
+ },
277
+ "type:display-2": {
278
+ "fontFamily": "var(--font-family-heading)",
279
+ "fontSize": "var(--text-display-2-size)",
280
+ "lineHeight": "var(--text-display-2-leading)"
281
+ },
282
+ "type:display-3": {
283
+ "fontFamily": "var(--font-family-heading)",
284
+ "fontSize": "var(--text-display-3-size)",
285
+ "lineHeight": "var(--text-display-3-leading)"
286
+ }
287
+ },
288
+ "button": {
289
+ "variant:destructive": {
290
+ "backgroundColor": "var(--color-error-muted)",
291
+ "color": "var(--color-error)"
292
+ }
293
+ },
294
+ "badge": {
295
+ "variant:info": {
296
+ "backgroundColor": "light-dark(#0074e2, #6d9cfe)",
297
+ "color": "light-dark(#ffffff, #171717)"
298
+ },
299
+ "variant:neutral": {
300
+ "backgroundColor": "var(--color-background-gray)",
301
+ "color": "var(--color-text-gray)"
302
+ },
303
+ "variant:success": {
304
+ "backgroundColor": "light-dark(#198100, #64af4c)",
305
+ "color": "light-dark(#ffffff, #171717)"
306
+ },
307
+ "variant:warning": {
308
+ "backgroundColor": "#ffce2f",
309
+ "color": "#171717"
310
+ },
311
+ "variant:error": {
312
+ "backgroundColor": "light-dark(#e33f4a, #ff705d)",
313
+ "color": "light-dark(#ffffff, #171717)"
314
+ },
315
+ "variant:red": {
316
+ "backgroundColor": "var(--color-background-red)",
317
+ "color": "var(--color-text-red)"
318
+ },
319
+ "variant:orange": {
320
+ "backgroundColor": "var(--color-background-orange)",
321
+ "color": "var(--color-text-orange)"
322
+ },
323
+ "variant:yellow": {
324
+ "backgroundColor": "var(--color-background-yellow)",
325
+ "color": "var(--color-text-yellow)"
326
+ },
327
+ "variant:green": {
328
+ "backgroundColor": "var(--color-background-green)",
329
+ "color": "var(--color-text-green)"
330
+ },
331
+ "variant:teal": {
332
+ "backgroundColor": "var(--color-background-teal)",
333
+ "color": "var(--color-text-teal)"
334
+ },
335
+ "variant:cyan": {
336
+ "backgroundColor": "var(--color-background-cyan)",
337
+ "color": "var(--color-text-cyan)"
338
+ },
339
+ "variant:blue": {
340
+ "backgroundColor": "var(--color-background-blue)",
341
+ "color": "var(--color-text-blue)"
342
+ },
343
+ "variant:purple": {
344
+ "backgroundColor": "var(--color-background-purple)",
345
+ "color": "var(--color-text-purple)"
346
+ },
347
+ "variant:pink": {
348
+ "backgroundColor": "var(--color-background-pink)",
349
+ "color": "var(--color-text-pink)"
350
+ },
351
+ "variant:gray": {
352
+ "backgroundColor": "var(--color-background-gray)",
353
+ "color": "var(--color-text-gray)"
354
+ }
355
+ },
356
+ "statusdot": {
357
+ "variant:success": {
358
+ "backgroundColor": "light-dark(#198100, #64af4c)"
359
+ },
360
+ "variant:warning": {
361
+ "backgroundColor": "#ffce2f"
362
+ },
363
+ "variant:error": {
364
+ "backgroundColor": "light-dark(#e33f4a, #ff705d)"
365
+ },
366
+ "variant:accent": {
367
+ "backgroundColor": "light-dark(#0074e2, #6d9cfe)"
368
+ }
369
+ },
370
+ "banner": {
371
+ "status:info": {
372
+ "backgroundColor": "var(--color-background-blue)",
373
+ "--color-accent-muted": "transparent",
374
+ "--color-text-primary": "var(--color-text-blue)",
375
+ "--color-text-secondary": "var(--color-text-blue)",
376
+ "--color-accent": "var(--color-text-blue)"
377
+ },
378
+ "status:success": {
379
+ "--color-text-primary": "var(--color-text-green)",
380
+ "--color-text-secondary": "var(--color-text-green)",
381
+ "--color-success": "var(--color-text-green)"
382
+ },
383
+ "status:warning": {
384
+ "--color-text-primary": "var(--color-text-yellow)",
385
+ "--color-text-secondary": "var(--color-text-yellow)",
386
+ "--color-warning": "var(--color-text-yellow)"
387
+ },
388
+ "status:error": {
389
+ "--color-text-primary": "var(--color-text-red)",
390
+ "--color-text-secondary": "var(--color-text-red)",
391
+ "--color-error": "var(--color-text-red)"
392
+ }
393
+ },
394
+ "switch": {
395
+ "base": {
396
+ "--color-background-gray": "var(--color-border-emphasized)"
397
+ }
398
+ },
399
+ "progressbar": {
400
+ "base": {
401
+ "--color-background-muted": "var(--color-border-emphasized)"
402
+ },
403
+ "variant:accent": {
404
+ "--color-accent": "#0074e2"
405
+ },
406
+ "variant:success": {
407
+ "--color-success": "#198100"
408
+ },
409
+ "variant:warning": {
410
+ "--color-warning": "#ffce2f"
411
+ },
412
+ "variant:error": {
413
+ "--color-error": "#e33f4a"
414
+ }
415
+ },
416
+ "card": {
417
+ "base": {
418
+ "padding": "var(--spacing-3)"
419
+ }
420
+ },
421
+ "section": {
422
+ "base": {
423
+ "padding": "var(--spacing-3)"
424
+ }
425
+ }
426
+ },
427
+ __onDark: {
428
+ "tokens": {
429
+ "color-scheme": "dark",
430
+ "--color-text-primary": "var(--color-on-dark)",
431
+ "--color-icon-primary": "var(--color-on-dark)",
432
+ "--color-accent": "var(--color-on-dark)"
433
+ }
434
+ },
435
+ __onLight: {
436
+ "tokens": {
437
+ "color-scheme": "light",
438
+ "--color-text-primary": "var(--color-on-light)",
439
+ "--color-icon-primary": "var(--color-on-light)",
440
+ "--color-accent": "var(--color-on-light)"
441
+ }
442
+ },
192
443
  icons: neutralIconRegistry,
193
444
  };
194
445
 
package/dist/neutral.variants.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/neutralTheme.ts
4
4
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
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/neutralTheme.ts
4
4
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  @layer reset {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-neutral",
3
- "version": "0.4.1",
3
+ "version": "0.4.2-canary.356d2f9",
4
4
  "displayName": "Neutral Theme",
5
5
  "private": false,
6
6
  "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -49,11 +49,11 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.4.1",
52
+ "@astryxdesign/core": "0.4.2-canary.356d2f9",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.4.1"
56
+ "@astryxdesign/cli": "0.4.2-canary.356d2f9"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {