@qw-ui/tokens 0.3.0-next.5 → 0.3.0-next.7

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 (14) hide show
  1. package/dist/derive/reference.d.ts +31 -5
  2. package/dist/derive/semantic.d.ts +10 -0
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.js +233 -220
  5. package/dist/index.js.map +1 -1
  6. package/dist/tokens.css +63 -92
  7. package/dist/tokens.json +126 -91
  8. package/dist/tokens.live.css +62 -1
  9. package/dist/tokens.ts +126 -126
  10. package/package.json +1 -1
  11. package/dist/compat/build.d.ts +0 -14
  12. package/dist/compat/color.d.ts +0 -8
  13. package/dist/compat/index.d.ts +0 -5
  14. package/dist/compat/schema.d.ts +0 -114
package/dist/tokens.css CHANGED
@@ -1,4 +1,4 @@
1
- /* @qw-ui/tokens — 由 seed derive() + compat registry 生成，请勿手改。 */
1
+ /* @qw-ui/tokens — 由 seed derive() 生成，请勿手改。 */
2
2
  :root {
3
3
  --qw-ref-color-brand-50: #F2F6FF;
4
4
  --qw-ref-color-brand-100: #E6ECFF;
@@ -276,6 +276,7 @@
276
276
  --qw-ref-size-radius-sm: 4px;
277
277
  --qw-ref-size-radius-md: 8px;
278
278
  --qw-ref-size-radius-lg: 14px;
279
+ --qw-ref-size-radius-xl: 16px;
279
280
  --qw-ref-size-radius-full: 9999px;
280
281
  --qw-ref-size-control-size-sm: 32px;
281
282
  --qw-ref-size-control-size-md: 40px;
@@ -283,7 +284,20 @@
283
284
  --qw-ref-size-icon-size-sm: 16px;
284
285
  --qw-ref-size-icon-size-md: 20px;
285
286
  --qw-ref-size-icon-size-lg: 24px;
286
- --qw-ref-size-border-width-hairline: 1px;
287
+ --qw-ref-size-stroke-width-half: 0.5px;
288
+ --qw-ref-size-stroke-width-base: 1px;
289
+ --qw-ref-size-stroke-width-double: 2px;
290
+ --qw-ref-size-stroke-width-triple: 3px;
291
+ --qw-ref-size-action-control-height-2xs: 24px;
292
+ --qw-ref-size-action-control-height-xs: 28px;
293
+ --qw-ref-size-action-control-height-sm: 32px;
294
+ --qw-ref-size-action-control-height-md: 36px;
295
+ --qw-ref-size-action-control-height-lg: 42px;
296
+ --qw-ref-size-action-control-height-xl: 50px;
297
+ --qw-ref-size-action-control-icon-2xs: 14px;
298
+ --qw-ref-size-avatar-diameter-sm: 40px;
299
+ --qw-ref-size-avatar-diameter-md: 50px;
300
+ --qw-ref-size-avatar-diameter-lg: 58px;
287
301
  --qw-ref-size-opacity-disabled: 0.5;
288
302
  --qw-ref-size-z-index-1: 10;
289
303
  --qw-ref-size-z-index-2: 20;
@@ -299,6 +313,7 @@
299
313
  --qw-ref-typography-font-weight-medium: 500;
300
314
  --qw-ref-typography-font-weight-semibold: 600;
301
315
  --qw-ref-typography-font-size-base: 14px;
316
+ --qw-ref-typography-font-size-xs: 11px;
302
317
  --qw-ref-typography-font-size-sm: 12px;
303
318
  --qw-ref-typography-font-size-lg: 16px;
304
319
  --qw-ref-typography-font-size-xl: 20px;
@@ -311,8 +326,10 @@
311
326
  --qw-ref-effect-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
312
327
  --qw-ref-effect-shadow-md: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
313
328
  --qw-ref-effect-shadow-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
329
+ --qw-sem-size-radius-sm: 4px;
314
330
  --qw-sem-size-radius-control: 8px;
315
331
  --qw-sem-size-radius-card: 14px;
332
+ --qw-sem-size-radius-xl: 16px;
316
333
  --qw-sem-size-radius-pill: 9999px;
317
334
  --qw-sem-size-radius-full: 9999px;
318
335
  --qw-sem-size-control-height-sm: 32px;
@@ -321,6 +338,40 @@
321
338
  --qw-sem-size-icon-size-sm: 16px;
322
339
  --qw-sem-size-icon-size-md: 20px;
323
340
  --qw-sem-size-icon-size-lg: 24px;
341
+ --qw-sem-size-action-control-height-2xs: 24px;
342
+ --qw-sem-size-action-control-height-xs: 28px;
343
+ --qw-sem-size-action-control-height-sm: 32px;
344
+ --qw-sem-size-action-control-height-md: 36px;
345
+ --qw-sem-size-action-control-height-lg: 42px;
346
+ --qw-sem-size-action-control-height-xl: 50px;
347
+ --qw-sem-size-action-control-padding-inline-2xs: 8px;
348
+ --qw-sem-size-action-control-padding-inline-xs: 8px;
349
+ --qw-sem-size-action-control-padding-inline-sm: 16px;
350
+ --qw-sem-size-action-control-padding-inline-md: 16px;
351
+ --qw-sem-size-action-control-padding-inline-lg: 20px;
352
+ --qw-sem-size-action-control-padding-inline-xl: 32px;
353
+ --qw-sem-size-action-control-icon-2xs: 14px;
354
+ --qw-sem-size-action-control-icon-xs: 16px;
355
+ --qw-sem-size-action-control-icon-sm: 16px;
356
+ --qw-sem-size-action-control-icon-md: 16px;
357
+ --qw-sem-size-action-control-icon-lg: 16px;
358
+ --qw-sem-size-action-control-icon-xl: 20px;
359
+ --qw-sem-size-action-control-gap-2xs: 4px;
360
+ --qw-sem-size-action-control-gap-xs: 4px;
361
+ --qw-sem-size-action-control-gap-sm: 8px;
362
+ --qw-sem-size-action-control-gap-md: 8px;
363
+ --qw-sem-size-action-control-gap-lg: 8px;
364
+ --qw-sem-size-action-control-gap-xl: 8px;
365
+ --qw-sem-size-border-width-default: 1px;
366
+ --qw-sem-size-border-width-strong: 2px;
367
+ --qw-sem-size-divider-width-thin: 0.5px;
368
+ --qw-sem-size-divider-width-default: 1px;
369
+ --qw-sem-size-focus-ring-width: 2px;
370
+ --qw-sem-size-focus-ring-offset: 2px;
371
+ --qw-sem-size-indicator-loading: 2px;
372
+ --qw-sem-size-avatar-diameter-sm: 40px;
373
+ --qw-sem-size-avatar-diameter-md: 50px;
374
+ --qw-sem-size-avatar-diameter-lg: 58px;
324
375
  --qw-sem-size-inset-sm: 8px;
325
376
  --qw-sem-size-inset-md: 16px;
326
377
  --qw-sem-size-inset-lg: 24px;
@@ -345,6 +396,11 @@
345
396
  --qw-sem-typography-body-strong-font-weight: 500;
346
397
  --qw-sem-typography-body-strong-line-height: 1.5;
347
398
  --qw-sem-typography-body-strong-letter-spacing: 0px;
399
+ --qw-sem-typography-body-lg-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
400
+ --qw-sem-typography-body-lg-font-size: 16px;
401
+ --qw-sem-typography-body-lg-font-weight: 400;
402
+ --qw-sem-typography-body-lg-line-height: 1.5;
403
+ --qw-sem-typography-body-lg-letter-spacing: 0px;
348
404
  --qw-sem-typography-heading-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
349
405
  --qw-sem-typography-heading-sm-font-size: 16px;
350
406
  --qw-sem-typography-heading-sm-font-weight: 600;
@@ -365,6 +421,11 @@
365
421
  --qw-sem-typography-caption-font-weight: 400;
366
422
  --qw-sem-typography-caption-line-height: 1.5;
367
423
  --qw-sem-typography-caption-letter-spacing: 0px;
424
+ --qw-sem-typography-label-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
425
+ --qw-sem-typography-label-sm-font-size: 11px;
426
+ --qw-sem-typography-label-sm-font-weight: 500;
427
+ --qw-sem-typography-label-sm-line-height: 1.5;
428
+ --qw-sem-typography-label-sm-letter-spacing: 0px;
368
429
  --qw-sem-typography-code-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
369
430
  --qw-sem-typography-code-font-size: 12px;
370
431
  --qw-sem-typography-code-font-weight: 400;
@@ -429,89 +490,8 @@
429
490
  --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);
430
491
  --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.1);
431
492
  --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.1);
432
- --qw-compat-button-dimension-height-mini: 24px;
433
- --qw-compat-button-dimension-height-xs: 28px;
434
- --qw-compat-button-dimension-height-s: 32px;
435
- --qw-compat-button-dimension-height-normal: 36px;
436
- --qw-compat-button-dimension-height-m: 42px;
437
- --qw-compat-button-dimension-height-l: 50px;
438
- --qw-compat-button-dimension-square-mini: 24px;
439
- --qw-compat-button-dimension-square-xs: 28px;
440
- --qw-compat-button-dimension-square-s: 32px;
441
- --qw-compat-button-dimension-square-normal: 36px;
442
- --qw-compat-button-dimension-square-m: 42px;
443
- --qw-compat-button-dimension-square-l: 50px;
444
- --qw-compat-button-dimension-padding-inline-mini: 8px;
445
- --qw-compat-button-dimension-padding-inline-xs: 8px;
446
- --qw-compat-button-dimension-padding-inline-s: 16px;
447
- --qw-compat-button-dimension-padding-inline-normal: 16px;
448
- --qw-compat-button-dimension-padding-inline-m: 20px;
449
- --qw-compat-button-dimension-padding-inline-l: 32px;
450
- --qw-compat-button-dimension-icon-mini: 14px;
451
- --qw-compat-button-dimension-icon-xs: 16px;
452
- --qw-compat-button-dimension-icon-s: 16px;
453
- --qw-compat-button-dimension-icon-normal: 16px;
454
- --qw-compat-button-dimension-icon-m: 16px;
455
- --qw-compat-button-dimension-icon-l: 20px;
456
- --qw-compat-button-dimension-gap-mini: 4px;
457
- --qw-compat-button-dimension-gap-xs: 4px;
458
- --qw-compat-button-dimension-gap-s: 8px;
459
- --qw-compat-button-dimension-gap-normal: 8px;
460
- --qw-compat-button-dimension-gap-m: 8px;
461
- --qw-compat-button-dimension-gap-l: 8px;
462
- --qw-compat-button-dimension-border-width: 1px;
463
- --qw-compat-button-dimension-focus-ring-width: 2px;
464
- --qw-compat-button-dimension-focus-ring-offset: 2px;
465
- --qw-compat-button-dimension-spinner-stroke: 2px;
466
- --qw-compat-button-color-bg-soft-brand: rgba(0, 68, 255, 0.1);
467
- --qw-compat-button-color-bg-soft-danger: rgba(255, 87, 69, 0.1);
468
- --qw-compat-button-color-bg-neutral-gray: rgba(34, 34, 34, 0.06);
469
- --qw-compat-loading-color-logo: rgba(34, 34, 34, 0.06);
470
- --qw-compat-loading-dimension-radius-surface: 16px;
471
- --qw-compat-tag-dimension-radius-small: 2px;
472
- --qw-compat-tag-dimension-radius-medium: 4px;
473
- --qw-compat-tag-dimension-radius-large: 4px;
474
- --qw-compat-tag-dimension-border-width: 1px;
475
- --qw-compat-tag-dimension-height-small: 12px;
476
- --qw-compat-tag-dimension-height-medium: 16px;
477
- --qw-compat-tag-dimension-height-large: 20px;
478
- --qw-compat-tag-dimension-padding-inline-small: 3px;
479
- --qw-compat-tag-dimension-padding-inline-medium: 4px;
480
- --qw-compat-tag-dimension-padding-inline-large: 5px;
481
- --qw-compat-tag-typography-line-height-small: 16px;
482
- --qw-compat-tag-typography-line-height-medium: 22px;
483
- --qw-compat-tag-typography-line-height-large: 22px;
484
- --qw-compat-tag-typography-font-size-small: 8px;
485
- --qw-compat-tag-typography-font-size-medium: 11px;
486
- --qw-compat-tag-typography-font-size-large: 11px;
487
- --qw-compat-avatar-dimension-diameter-s: 40px;
488
- --qw-compat-avatar-dimension-diameter-m: 50px;
489
- --qw-compat-avatar-dimension-diameter-l: 58px;
490
- --qw-compat-avatar-dimension-border-width: 1px;
491
- --qw-compat-avatar-dimension-badge-font-size: 11px;
492
- --qw-compat-avatar-dimension-badge-line-height: 16px;
493
- --qw-compat-avatar-dimension-badge-padding: 5px;
494
- --qw-compat-avatar-color-border: rgba(34, 34, 34, 0.06);
495
- --qw-compat-avatar-color-badge-border: #FFFFFF;
496
- --qw-compat-avatar-color-badge-text: #FFFFFF;
497
- --qw-compat-textarea-color-paste-text: #FFFFFF;
498
- --qw-compat-tabs-color-button-bg-selected: rgba(34, 34, 34, 0.06);
499
- --qw-compat-tabs-color-button-border: rgba(34, 34, 34, 0.03);
500
- --qw-compat-tabs-dimension-border-width: 1px;
501
- --qw-compat-image-dimension-border-width: 1px;
502
- --qw-compat-image-color-background: #F8F8F8;
503
- --qw-compat-divider-color-border: rgba(34, 34, 34, 0.03);
504
- --qw-compat-divider-dimension-weight-thin: 0.5px;
505
- --qw-compat-divider-dimension-weight-thick: 1px;
506
- --qw-compat-empty-dimension-description-font-size: 16px;
507
- --qw-compat-empty-dimension-description-line-height: 26px;
508
- --qw-compat-empty-dimension-title-gap: 10px;
509
- --qw-compat-skeleton-color-background: rgba(185, 185, 185, 0.1);
510
493
  }
511
494
 
512
- /* ── Compat Sidecar（迁移债务，禁止业务方长期依赖）── */
513
- /* 治理：specs/rfcs/0002-token-compat-sidecar.md */
514
- /* 条目数：78 · graceDays：90 */
515
495
  [data-qw-mode="dark"] {
516
496
  --qw-sem-color-surface-base: #222222;
517
497
  --qw-sem-color-surface-subtle: #202020;
@@ -561,13 +541,4 @@
561
541
  --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.5);
562
542
  --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.5);
563
543
  --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.5);
564
- --qw-compat-button-color-bg-soft-brand: rgba(66, 110, 255, 0.24);
565
- --qw-compat-button-color-bg-soft-danger: rgba(254, 135, 122, 0.2);
566
- --qw-compat-button-color-bg-neutral-gray: rgba(255, 255, 255, 0.1);
567
- --qw-compat-loading-color-logo: rgba(255, 255, 255, 0.1);
568
- --qw-compat-avatar-color-border: rgba(255, 255, 255, 0.1);
569
- --qw-compat-tabs-color-button-bg-selected: rgba(255, 255, 255, 0.1);
570
- --qw-compat-tabs-color-button-border: rgba(255, 255, 255, 0.05);
571
- --qw-compat-divider-color-border: rgba(255, 255, 255, 0.05);
572
- --qw-compat-image-color-background: #333333;
573
544
  }
package/dist/tokens.json CHANGED
@@ -281,6 +281,7 @@
281
281
  "--qw-ref-size-radius-sm": "4px",
282
282
  "--qw-ref-size-radius-md": "8px",
283
283
  "--qw-ref-size-radius-lg": "14px",
284
+ "--qw-ref-size-radius-xl": "16px",
284
285
  "--qw-ref-size-radius-full": "9999px",
285
286
  "--qw-ref-size-control-size-sm": "32px",
286
287
  "--qw-ref-size-control-size-md": "40px",
@@ -288,7 +289,20 @@
288
289
  "--qw-ref-size-icon-size-sm": "16px",
289
290
  "--qw-ref-size-icon-size-md": "20px",
290
291
  "--qw-ref-size-icon-size-lg": "24px",
291
- "--qw-ref-size-border-width-hairline": "1px",
292
+ "--qw-ref-size-stroke-width-half": "0.5px",
293
+ "--qw-ref-size-stroke-width-base": "1px",
294
+ "--qw-ref-size-stroke-width-double": "2px",
295
+ "--qw-ref-size-stroke-width-triple": "3px",
296
+ "--qw-ref-size-action-control-height-2xs": "24px",
297
+ "--qw-ref-size-action-control-height-xs": "28px",
298
+ "--qw-ref-size-action-control-height-sm": "32px",
299
+ "--qw-ref-size-action-control-height-md": "36px",
300
+ "--qw-ref-size-action-control-height-lg": "42px",
301
+ "--qw-ref-size-action-control-height-xl": "50px",
302
+ "--qw-ref-size-action-control-icon-2xs": "14px",
303
+ "--qw-ref-size-avatar-diameter-sm": "40px",
304
+ "--qw-ref-size-avatar-diameter-md": "50px",
305
+ "--qw-ref-size-avatar-diameter-lg": "58px",
292
306
  "--qw-ref-typography-line-height-tight": "1.25",
293
307
  "--qw-ref-typography-line-height-normal": "1.5",
294
308
  "--qw-ref-typography-line-height-relaxed": "1.75",
@@ -310,6 +324,7 @@
310
324
  "--qw-ref-typography-font-weight-medium": "500",
311
325
  "--qw-ref-typography-font-weight-semibold": "600",
312
326
  "--qw-ref-typography-font-size-base": "14px",
327
+ "--qw-ref-typography-font-size-xs": "11px",
313
328
  "--qw-ref-typography-font-size-sm": "12px",
314
329
  "--qw-ref-typography-font-size-lg": "16px",
315
330
  "--qw-ref-typography-font-size-xl": "20px",
@@ -322,8 +337,10 @@
322
337
  "--qw-ref-effect-shadow-sm": "0px 1px 2px 0px rgba(0, 0, 0, 0.08)",
323
338
  "--qw-ref-effect-shadow-md": "0px 4px 12px 0px rgba(0, 0, 0, 0.12)",
324
339
  "--qw-ref-effect-shadow-lg": "0px 8px 24px 0px rgba(0, 0, 0, 0.16)",
340
+ "--qw-sem-size-radius-sm": "4px",
325
341
  "--qw-sem-size-radius-control": "8px",
326
342
  "--qw-sem-size-radius-card": "14px",
343
+ "--qw-sem-size-radius-xl": "16px",
327
344
  "--qw-sem-size-radius-pill": "9999px",
328
345
  "--qw-sem-size-radius-full": "9999px",
329
346
  "--qw-sem-size-control-height-sm": "32px",
@@ -332,6 +349,40 @@
332
349
  "--qw-sem-size-icon-size-sm": "16px",
333
350
  "--qw-sem-size-icon-size-md": "20px",
334
351
  "--qw-sem-size-icon-size-lg": "24px",
352
+ "--qw-sem-size-action-control-height-2xs": "24px",
353
+ "--qw-sem-size-action-control-height-xs": "28px",
354
+ "--qw-sem-size-action-control-height-sm": "32px",
355
+ "--qw-sem-size-action-control-height-md": "36px",
356
+ "--qw-sem-size-action-control-height-lg": "42px",
357
+ "--qw-sem-size-action-control-height-xl": "50px",
358
+ "--qw-sem-size-action-control-padding-inline-2xs": "8px",
359
+ "--qw-sem-size-action-control-padding-inline-xs": "8px",
360
+ "--qw-sem-size-action-control-padding-inline-sm": "16px",
361
+ "--qw-sem-size-action-control-padding-inline-md": "16px",
362
+ "--qw-sem-size-action-control-padding-inline-lg": "20px",
363
+ "--qw-sem-size-action-control-padding-inline-xl": "32px",
364
+ "--qw-sem-size-action-control-icon-2xs": "14px",
365
+ "--qw-sem-size-action-control-icon-xs": "16px",
366
+ "--qw-sem-size-action-control-icon-sm": "16px",
367
+ "--qw-sem-size-action-control-icon-md": "16px",
368
+ "--qw-sem-size-action-control-icon-lg": "16px",
369
+ "--qw-sem-size-action-control-icon-xl": "20px",
370
+ "--qw-sem-size-action-control-gap-2xs": "4px",
371
+ "--qw-sem-size-action-control-gap-xs": "4px",
372
+ "--qw-sem-size-action-control-gap-sm": "8px",
373
+ "--qw-sem-size-action-control-gap-md": "8px",
374
+ "--qw-sem-size-action-control-gap-lg": "8px",
375
+ "--qw-sem-size-action-control-gap-xl": "8px",
376
+ "--qw-sem-size-border-width-default": "1px",
377
+ "--qw-sem-size-border-width-strong": "2px",
378
+ "--qw-sem-size-divider-width-thin": "0.5px",
379
+ "--qw-sem-size-divider-width-default": "1px",
380
+ "--qw-sem-size-focus-ring-width": "2px",
381
+ "--qw-sem-size-focus-ring-offset": "2px",
382
+ "--qw-sem-size-indicator-loading": "2px",
383
+ "--qw-sem-size-avatar-diameter-sm": "40px",
384
+ "--qw-sem-size-avatar-diameter-md": "50px",
385
+ "--qw-sem-size-avatar-diameter-lg": "58px",
335
386
  "--qw-sem-size-inset-sm": "8px",
336
387
  "--qw-sem-size-stack-sm": "8px",
337
388
  "--qw-sem-size-inset-md": "16px",
@@ -376,6 +427,16 @@
376
427
  "--qw-sem-typography-caption-font-weight": "400",
377
428
  "--qw-sem-typography-caption-line-height": "1.5",
378
429
  "--qw-sem-typography-caption-letter-spacing": "0px",
430
+ "--qw-sem-typography-body-lg-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
431
+ "--qw-sem-typography-body-lg-font-size": "16px",
432
+ "--qw-sem-typography-body-lg-font-weight": "400",
433
+ "--qw-sem-typography-body-lg-line-height": "1.5",
434
+ "--qw-sem-typography-body-lg-letter-spacing": "0px",
435
+ "--qw-sem-typography-label-sm-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
436
+ "--qw-sem-typography-label-sm-font-size": "11px",
437
+ "--qw-sem-typography-label-sm-font-weight": "500",
438
+ "--qw-sem-typography-label-sm-line-height": "1.5",
439
+ "--qw-sem-typography-label-sm-letter-spacing": "0px",
379
440
  "--qw-sem-typography-code-font-family": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
380
441
  "--qw-sem-typography-code-font-size": "12px",
381
442
  "--qw-sem-typography-code-font-weight": "400",
@@ -447,85 +508,7 @@
447
508
  "--qw-sem-effect-shadow-dialog-color": "rgba(34, 34, 34, 0.1)",
448
509
  "--qw-sem-effect-shadow-card": "0px 1px 2px 0px rgba(34, 34, 34, 0.1)",
449
510
  "--qw-sem-effect-shadow-floating": "0px 4px 12px 0px rgba(34, 34, 34, 0.1)",
450
- "--qw-sem-effect-shadow-dialog": "0px 8px 24px 0px rgba(34, 34, 34, 0.1)",
451
- "--qw-compat-button-dimension-height-mini": "24px",
452
- "--qw-compat-button-dimension-height-xs": "28px",
453
- "--qw-compat-button-dimension-height-s": "32px",
454
- "--qw-compat-button-dimension-height-normal": "36px",
455
- "--qw-compat-button-dimension-height-m": "42px",
456
- "--qw-compat-button-dimension-height-l": "50px",
457
- "--qw-compat-button-dimension-square-mini": "24px",
458
- "--qw-compat-button-dimension-square-xs": "28px",
459
- "--qw-compat-button-dimension-square-s": "32px",
460
- "--qw-compat-button-dimension-square-normal": "36px",
461
- "--qw-compat-button-dimension-square-m": "42px",
462
- "--qw-compat-button-dimension-square-l": "50px",
463
- "--qw-compat-button-dimension-padding-inline-mini": "8px",
464
- "--qw-compat-button-dimension-padding-inline-xs": "8px",
465
- "--qw-compat-button-dimension-padding-inline-s": "16px",
466
- "--qw-compat-button-dimension-padding-inline-normal": "16px",
467
- "--qw-compat-button-dimension-padding-inline-m": "20px",
468
- "--qw-compat-button-dimension-padding-inline-l": "32px",
469
- "--qw-compat-button-dimension-icon-mini": "14px",
470
- "--qw-compat-button-dimension-icon-xs": "16px",
471
- "--qw-compat-button-dimension-icon-s": "16px",
472
- "--qw-compat-button-dimension-icon-normal": "16px",
473
- "--qw-compat-button-dimension-icon-m": "16px",
474
- "--qw-compat-button-dimension-icon-l": "20px",
475
- "--qw-compat-button-dimension-gap-mini": "4px",
476
- "--qw-compat-button-dimension-gap-xs": "4px",
477
- "--qw-compat-button-dimension-gap-s": "8px",
478
- "--qw-compat-button-dimension-gap-normal": "8px",
479
- "--qw-compat-button-dimension-gap-m": "8px",
480
- "--qw-compat-button-dimension-gap-l": "8px",
481
- "--qw-compat-button-dimension-border-width": "1px",
482
- "--qw-compat-button-dimension-focus-ring-width": "2px",
483
- "--qw-compat-button-dimension-focus-ring-offset": "2px",
484
- "--qw-compat-button-dimension-spinner-stroke": "2px",
485
- "--qw-compat-button-color-bg-soft-brand": "rgba(0, 68, 255, 0.1)",
486
- "--qw-compat-button-color-bg-soft-danger": "rgba(255, 87, 69, 0.1)",
487
- "--qw-compat-button-color-bg-neutral-gray": "rgba(34, 34, 34, 0.06)",
488
- "--qw-compat-loading-color-logo": "rgba(34, 34, 34, 0.06)",
489
- "--qw-compat-loading-dimension-radius-surface": "16px",
490
- "--qw-compat-tag-dimension-radius-small": "2px",
491
- "--qw-compat-tag-dimension-radius-medium": "4px",
492
- "--qw-compat-tag-dimension-radius-large": "4px",
493
- "--qw-compat-tag-dimension-border-width": "1px",
494
- "--qw-compat-tag-dimension-height-small": "12px",
495
- "--qw-compat-tag-dimension-height-medium": "16px",
496
- "--qw-compat-tag-dimension-height-large": "20px",
497
- "--qw-compat-tag-dimension-padding-inline-small": "3px",
498
- "--qw-compat-tag-dimension-padding-inline-medium": "4px",
499
- "--qw-compat-tag-dimension-padding-inline-large": "5px",
500
- "--qw-compat-tag-typography-line-height-small": "16px",
501
- "--qw-compat-tag-typography-line-height-medium": "22px",
502
- "--qw-compat-tag-typography-line-height-large": "22px",
503
- "--qw-compat-tag-typography-font-size-small": "8px",
504
- "--qw-compat-tag-typography-font-size-medium": "11px",
505
- "--qw-compat-tag-typography-font-size-large": "11px",
506
- "--qw-compat-avatar-dimension-diameter-s": "40px",
507
- "--qw-compat-avatar-dimension-diameter-m": "50px",
508
- "--qw-compat-avatar-dimension-diameter-l": "58px",
509
- "--qw-compat-avatar-color-border": "rgba(34, 34, 34, 0.06)",
510
- "--qw-compat-avatar-dimension-border-width": "1px",
511
- "--qw-compat-avatar-dimension-badge-font-size": "11px",
512
- "--qw-compat-avatar-dimension-badge-line-height": "16px",
513
- "--qw-compat-avatar-dimension-badge-padding": "5px",
514
- "--qw-compat-avatar-color-badge-border": "#FFFFFF",
515
- "--qw-compat-avatar-color-badge-text": "#FFFFFF",
516
- "--qw-compat-textarea-color-paste-text": "#FFFFFF",
517
- "--qw-compat-tabs-color-button-bg-selected": "rgba(34, 34, 34, 0.06)",
518
- "--qw-compat-tabs-color-button-border": "rgba(34, 34, 34, 0.03)",
519
- "--qw-compat-tabs-dimension-border-width": "1px",
520
- "--qw-compat-image-dimension-border-width": "1px",
521
- "--qw-compat-divider-color-border": "rgba(34, 34, 34, 0.03)",
522
- "--qw-compat-divider-dimension-weight-thin": "0.5px",
523
- "--qw-compat-divider-dimension-weight-thick": "1px",
524
- "--qw-compat-empty-dimension-description-font-size": "16px",
525
- "--qw-compat-empty-dimension-description-line-height": "26px",
526
- "--qw-compat-empty-dimension-title-gap": "10px",
527
- "--qw-compat-image-color-background": "#F8F8F8",
528
- "--qw-compat-skeleton-color-background": "rgba(185, 185, 185, 0.1)"
511
+ "--qw-sem-effect-shadow-dialog": "0px 8px 24px 0px rgba(34, 34, 34, 0.1)"
529
512
  },
530
513
  "dark": {
531
514
  "--qw-ref-color-brand-a5": "rgba(0, 17, 255, 0.05)",
@@ -809,6 +792,7 @@
809
792
  "--qw-ref-size-radius-sm": "4px",
810
793
  "--qw-ref-size-radius-md": "8px",
811
794
  "--qw-ref-size-radius-lg": "14px",
795
+ "--qw-ref-size-radius-xl": "16px",
812
796
  "--qw-ref-size-radius-full": "9999px",
813
797
  "--qw-ref-size-control-size-sm": "32px",
814
798
  "--qw-ref-size-control-size-md": "40px",
@@ -816,7 +800,20 @@
816
800
  "--qw-ref-size-icon-size-sm": "16px",
817
801
  "--qw-ref-size-icon-size-md": "20px",
818
802
  "--qw-ref-size-icon-size-lg": "24px",
819
- "--qw-ref-size-border-width-hairline": "1px",
803
+ "--qw-ref-size-stroke-width-half": "0.5px",
804
+ "--qw-ref-size-stroke-width-base": "1px",
805
+ "--qw-ref-size-stroke-width-double": "2px",
806
+ "--qw-ref-size-stroke-width-triple": "3px",
807
+ "--qw-ref-size-action-control-height-2xs": "24px",
808
+ "--qw-ref-size-action-control-height-xs": "28px",
809
+ "--qw-ref-size-action-control-height-sm": "32px",
810
+ "--qw-ref-size-action-control-height-md": "36px",
811
+ "--qw-ref-size-action-control-height-lg": "42px",
812
+ "--qw-ref-size-action-control-height-xl": "50px",
813
+ "--qw-ref-size-action-control-icon-2xs": "14px",
814
+ "--qw-ref-size-avatar-diameter-sm": "40px",
815
+ "--qw-ref-size-avatar-diameter-md": "50px",
816
+ "--qw-ref-size-avatar-diameter-lg": "58px",
820
817
  "--qw-ref-typography-line-height-tight": "1.25",
821
818
  "--qw-ref-typography-line-height-normal": "1.5",
822
819
  "--qw-ref-typography-line-height-relaxed": "1.75",
@@ -838,6 +835,7 @@
838
835
  "--qw-ref-typography-font-weight-medium": "500",
839
836
  "--qw-ref-typography-font-weight-semibold": "600",
840
837
  "--qw-ref-typography-font-size-base": "14px",
838
+ "--qw-ref-typography-font-size-xs": "11px",
841
839
  "--qw-ref-typography-font-size-sm": "12px",
842
840
  "--qw-ref-typography-font-size-lg": "16px",
843
841
  "--qw-ref-typography-font-size-xl": "20px",
@@ -850,8 +848,10 @@
850
848
  "--qw-ref-effect-shadow-sm": "0px 1px 2px 0px rgba(0, 0, 0, 0.08)",
851
849
  "--qw-ref-effect-shadow-md": "0px 4px 12px 0px rgba(0, 0, 0, 0.12)",
852
850
  "--qw-ref-effect-shadow-lg": "0px 8px 24px 0px rgba(0, 0, 0, 0.16)",
851
+ "--qw-sem-size-radius-sm": "4px",
853
852
  "--qw-sem-size-radius-control": "8px",
854
853
  "--qw-sem-size-radius-card": "14px",
854
+ "--qw-sem-size-radius-xl": "16px",
855
855
  "--qw-sem-size-radius-pill": "9999px",
856
856
  "--qw-sem-size-radius-full": "9999px",
857
857
  "--qw-sem-size-control-height-sm": "32px",
@@ -860,6 +860,40 @@
860
860
  "--qw-sem-size-icon-size-sm": "16px",
861
861
  "--qw-sem-size-icon-size-md": "20px",
862
862
  "--qw-sem-size-icon-size-lg": "24px",
863
+ "--qw-sem-size-action-control-height-2xs": "24px",
864
+ "--qw-sem-size-action-control-height-xs": "28px",
865
+ "--qw-sem-size-action-control-height-sm": "32px",
866
+ "--qw-sem-size-action-control-height-md": "36px",
867
+ "--qw-sem-size-action-control-height-lg": "42px",
868
+ "--qw-sem-size-action-control-height-xl": "50px",
869
+ "--qw-sem-size-action-control-padding-inline-2xs": "8px",
870
+ "--qw-sem-size-action-control-padding-inline-xs": "8px",
871
+ "--qw-sem-size-action-control-padding-inline-sm": "16px",
872
+ "--qw-sem-size-action-control-padding-inline-md": "16px",
873
+ "--qw-sem-size-action-control-padding-inline-lg": "20px",
874
+ "--qw-sem-size-action-control-padding-inline-xl": "32px",
875
+ "--qw-sem-size-action-control-icon-2xs": "14px",
876
+ "--qw-sem-size-action-control-icon-xs": "16px",
877
+ "--qw-sem-size-action-control-icon-sm": "16px",
878
+ "--qw-sem-size-action-control-icon-md": "16px",
879
+ "--qw-sem-size-action-control-icon-lg": "16px",
880
+ "--qw-sem-size-action-control-icon-xl": "20px",
881
+ "--qw-sem-size-action-control-gap-2xs": "4px",
882
+ "--qw-sem-size-action-control-gap-xs": "4px",
883
+ "--qw-sem-size-action-control-gap-sm": "8px",
884
+ "--qw-sem-size-action-control-gap-md": "8px",
885
+ "--qw-sem-size-action-control-gap-lg": "8px",
886
+ "--qw-sem-size-action-control-gap-xl": "8px",
887
+ "--qw-sem-size-border-width-default": "1px",
888
+ "--qw-sem-size-border-width-strong": "2px",
889
+ "--qw-sem-size-divider-width-thin": "0.5px",
890
+ "--qw-sem-size-divider-width-default": "1px",
891
+ "--qw-sem-size-focus-ring-width": "2px",
892
+ "--qw-sem-size-focus-ring-offset": "2px",
893
+ "--qw-sem-size-indicator-loading": "2px",
894
+ "--qw-sem-size-avatar-diameter-sm": "40px",
895
+ "--qw-sem-size-avatar-diameter-md": "50px",
896
+ "--qw-sem-size-avatar-diameter-lg": "58px",
863
897
  "--qw-sem-size-inset-sm": "8px",
864
898
  "--qw-sem-size-stack-sm": "8px",
865
899
  "--qw-sem-size-inset-md": "16px",
@@ -904,6 +938,16 @@
904
938
  "--qw-sem-typography-caption-font-weight": "400",
905
939
  "--qw-sem-typography-caption-line-height": "1.5",
906
940
  "--qw-sem-typography-caption-letter-spacing": "0px",
941
+ "--qw-sem-typography-body-lg-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
942
+ "--qw-sem-typography-body-lg-font-size": "16px",
943
+ "--qw-sem-typography-body-lg-font-weight": "400",
944
+ "--qw-sem-typography-body-lg-line-height": "1.5",
945
+ "--qw-sem-typography-body-lg-letter-spacing": "0px",
946
+ "--qw-sem-typography-label-sm-font-family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
947
+ "--qw-sem-typography-label-sm-font-size": "11px",
948
+ "--qw-sem-typography-label-sm-font-weight": "500",
949
+ "--qw-sem-typography-label-sm-line-height": "1.5",
950
+ "--qw-sem-typography-label-sm-letter-spacing": "0px",
907
951
  "--qw-sem-typography-code-font-family": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
908
952
  "--qw-sem-typography-code-font-size": "12px",
909
953
  "--qw-sem-typography-code-font-weight": "400",
@@ -975,15 +1019,6 @@
975
1019
  "--qw-sem-effect-shadow-dialog-color": "rgba(34, 34, 34, 0.5)",
976
1020
  "--qw-sem-effect-shadow-card": "0px 1px 2px 0px rgba(34, 34, 34, 0.5)",
977
1021
  "--qw-sem-effect-shadow-floating": "0px 4px 12px 0px rgba(34, 34, 34, 0.5)",
978
- "--qw-sem-effect-shadow-dialog": "0px 8px 24px 0px rgba(34, 34, 34, 0.5)",
979
- "--qw-compat-button-color-bg-soft-brand": "rgba(66, 110, 255, 0.24)",
980
- "--qw-compat-button-color-bg-soft-danger": "rgba(254, 135, 122, 0.2)",
981
- "--qw-compat-button-color-bg-neutral-gray": "rgba(255, 255, 255, 0.1)",
982
- "--qw-compat-loading-color-logo": "rgba(255, 255, 255, 0.1)",
983
- "--qw-compat-avatar-color-border": "rgba(255, 255, 255, 0.1)",
984
- "--qw-compat-tabs-color-button-bg-selected": "rgba(255, 255, 255, 0.1)",
985
- "--qw-compat-tabs-color-button-border": "rgba(255, 255, 255, 0.05)",
986
- "--qw-compat-divider-color-border": "rgba(255, 255, 255, 0.05)",
987
- "--qw-compat-image-color-background": "#333333"
1022
+ "--qw-sem-effect-shadow-dialog": "0px 8px 24px 0px rgba(34, 34, 34, 0.5)"
988
1023
  }
989
1024
  }
package/dist/tokens.live.css CHANGED
@@ -321,6 +321,7 @@
321
321
  --qw-ref-size-radius-sm: calc(var(--qw-seed-size-radius-base) * 0.5);
322
322
  --qw-ref-size-radius-md: var(--qw-seed-size-radius-base);
323
323
  --qw-ref-size-radius-lg: calc(var(--qw-seed-size-radius-base) * 1.75);
324
+ --qw-ref-size-radius-xl: calc(var(--qw-seed-size-radius-base) * 2);
324
325
  --qw-ref-size-radius-full: var(--qw-seed-size-radius-full);
325
326
  --qw-ref-size-control-size-sm: calc(var(--qw-seed-size-control-size-base) - var(--qw-seed-size-spacing-step) * 2);
326
327
  --qw-ref-size-control-size-md: var(--qw-seed-size-control-size-base);
@@ -328,7 +329,20 @@
328
329
  --qw-ref-size-icon-size-sm: calc(var(--qw-seed-size-icon-size-base) - var(--qw-seed-size-spacing-step) * 1);
329
330
  --qw-ref-size-icon-size-md: var(--qw-seed-size-icon-size-base);
330
331
  --qw-ref-size-icon-size-lg: calc(var(--qw-seed-size-icon-size-base) + var(--qw-seed-size-spacing-step) * 1);
331
- --qw-ref-size-border-width-hairline: var(--qw-seed-size-border-width-hairline);
332
+ --qw-ref-size-stroke-width-half: calc(var(--qw-seed-size-border-width-hairline) * 0.5);
333
+ --qw-ref-size-stroke-width-base: var(--qw-seed-size-border-width-hairline);
334
+ --qw-ref-size-stroke-width-double: calc(var(--qw-seed-size-border-width-hairline) * 2);
335
+ --qw-ref-size-stroke-width-triple: calc(var(--qw-seed-size-border-width-hairline) * 3);
336
+ --qw-ref-size-action-control-height-2xs: 24px;
337
+ --qw-ref-size-action-control-height-xs: 28px;
338
+ --qw-ref-size-action-control-height-sm: 32px;
339
+ --qw-ref-size-action-control-height-md: 36px;
340
+ --qw-ref-size-action-control-height-lg: 42px;
341
+ --qw-ref-size-action-control-height-xl: 50px;
342
+ --qw-ref-size-action-control-icon-2xs: 14px;
343
+ --qw-ref-size-avatar-diameter-sm: 40px;
344
+ --qw-ref-size-avatar-diameter-md: 50px;
345
+ --qw-ref-size-avatar-diameter-lg: 58px;
332
346
  --qw-ref-typography-line-height-tight: calc(var(--qw-seed-typography-line-height-base) - 0.25);
333
347
  --qw-ref-typography-line-height-normal: var(--qw-seed-typography-line-height-base);
334
348
  --qw-ref-typography-line-height-relaxed: calc(var(--qw-seed-typography-line-height-base) + 0.25);
@@ -350,6 +364,7 @@
350
364
  --qw-ref-typography-font-weight-medium: 500;
351
365
  --qw-ref-typography-font-weight-semibold: 600;
352
366
  --qw-ref-typography-font-size-base: var(--qw-seed-typography-font-size-base);
367
+ --qw-ref-typography-font-size-xs: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 0.786), 1px);
353
368
  --qw-ref-typography-font-size-sm: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 0.857), 1px);
354
369
  --qw-ref-typography-font-size-lg: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 1.143), 1px);
355
370
  --qw-ref-typography-font-size-xl: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 1.429), 1px);
@@ -362,8 +377,10 @@
362
377
  --qw-ref-effect-shadow-sm: calc(var(--qw-seed-effect-shadow-base-offset-x) * 0.5) calc(var(--qw-seed-effect-shadow-base-offset-y) * 0.5) calc(var(--qw-seed-effect-shadow-base-blur) * 0.5) calc(var(--qw-seed-effect-shadow-base-spread) * 0.5) rgb(0 0 0 / calc(var(--qw-seed-size-opacity-alpha-step) * 2));
363
378
  --qw-ref-effect-shadow-md: calc(var(--qw-seed-effect-shadow-base-offset-x) * 2) calc(var(--qw-seed-effect-shadow-base-offset-y) * 2) calc(var(--qw-seed-effect-shadow-base-blur) * 3) calc(var(--qw-seed-effect-shadow-base-spread) * 2) rgb(0 0 0 / calc(var(--qw-seed-size-opacity-alpha-step) * 3));
364
379
  --qw-ref-effect-shadow-lg: calc(var(--qw-seed-effect-shadow-base-offset-x) * 4) calc(var(--qw-seed-effect-shadow-base-offset-y) * 4) calc(var(--qw-seed-effect-shadow-base-blur) * 6) calc(var(--qw-seed-effect-shadow-base-spread) * 4) rgb(0 0 0 / calc(var(--qw-seed-size-opacity-alpha-step) * 4));
380
+ --qw-sem-size-radius-sm: var(--qw-ref-size-radius-sm);
365
381
  --qw-sem-size-radius-control: var(--qw-ref-size-radius-md);
366
382
  --qw-sem-size-radius-card: var(--qw-ref-size-radius-lg);
383
+ --qw-sem-size-radius-xl: var(--qw-ref-size-radius-xl);
367
384
  --qw-sem-size-radius-pill: var(--qw-ref-size-radius-full);
368
385
  --qw-sem-size-radius-full: var(--qw-ref-size-radius-full);
369
386
  --qw-sem-size-control-height-sm: var(--qw-ref-size-control-size-sm);
@@ -372,6 +389,40 @@
372
389
  --qw-sem-size-icon-size-sm: var(--qw-ref-size-icon-size-sm);
373
390
  --qw-sem-size-icon-size-md: var(--qw-ref-size-icon-size-md);
374
391
  --qw-sem-size-icon-size-lg: var(--qw-ref-size-icon-size-lg);
392
+ --qw-sem-size-action-control-height-2xs: var(--qw-ref-size-action-control-height-2xs);
393
+ --qw-sem-size-action-control-height-xs: var(--qw-ref-size-action-control-height-xs);
394
+ --qw-sem-size-action-control-height-sm: var(--qw-ref-size-action-control-height-sm);
395
+ --qw-sem-size-action-control-height-md: var(--qw-ref-size-action-control-height-md);
396
+ --qw-sem-size-action-control-height-lg: var(--qw-ref-size-action-control-height-lg);
397
+ --qw-sem-size-action-control-height-xl: var(--qw-ref-size-action-control-height-xl);
398
+ --qw-sem-size-action-control-padding-inline-2xs: var(--qw-ref-size-spacing-2);
399
+ --qw-sem-size-action-control-padding-inline-xs: var(--qw-ref-size-spacing-2);
400
+ --qw-sem-size-action-control-padding-inline-sm: var(--qw-ref-size-spacing-4);
401
+ --qw-sem-size-action-control-padding-inline-md: var(--qw-ref-size-spacing-4);
402
+ --qw-sem-size-action-control-padding-inline-lg: var(--qw-ref-size-spacing-5);
403
+ --qw-sem-size-action-control-padding-inline-xl: var(--qw-ref-size-spacing-8);
404
+ --qw-sem-size-action-control-icon-2xs: var(--qw-ref-size-action-control-icon-2xs);
405
+ --qw-sem-size-action-control-icon-xs: var(--qw-ref-size-icon-size-sm);
406
+ --qw-sem-size-action-control-icon-sm: var(--qw-ref-size-icon-size-sm);
407
+ --qw-sem-size-action-control-icon-md: var(--qw-ref-size-icon-size-sm);
408
+ --qw-sem-size-action-control-icon-lg: var(--qw-ref-size-icon-size-sm);
409
+ --qw-sem-size-action-control-icon-xl: var(--qw-ref-size-icon-size-md);
410
+ --qw-sem-size-action-control-gap-2xs: var(--qw-ref-size-spacing-1);
411
+ --qw-sem-size-action-control-gap-xs: var(--qw-ref-size-spacing-1);
412
+ --qw-sem-size-action-control-gap-sm: var(--qw-ref-size-spacing-2);
413
+ --qw-sem-size-action-control-gap-md: var(--qw-ref-size-spacing-2);
414
+ --qw-sem-size-action-control-gap-lg: var(--qw-ref-size-spacing-2);
415
+ --qw-sem-size-action-control-gap-xl: var(--qw-ref-size-spacing-2);
416
+ --qw-sem-size-border-width-default: var(--qw-ref-size-stroke-width-base);
417
+ --qw-sem-size-border-width-strong: var(--qw-ref-size-stroke-width-double);
418
+ --qw-sem-size-divider-width-thin: var(--qw-ref-size-stroke-width-half);
419
+ --qw-sem-size-divider-width-default: var(--qw-ref-size-stroke-width-base);
420
+ --qw-sem-size-focus-ring-width: var(--qw-ref-size-stroke-width-double);
421
+ --qw-sem-size-focus-ring-offset: var(--qw-ref-size-stroke-width-double);
422
+ --qw-sem-size-indicator-loading: var(--qw-ref-size-stroke-width-double);
423
+ --qw-sem-size-avatar-diameter-sm: var(--qw-ref-size-avatar-diameter-sm);
424
+ --qw-sem-size-avatar-diameter-md: var(--qw-ref-size-avatar-diameter-md);
425
+ --qw-sem-size-avatar-diameter-lg: var(--qw-ref-size-avatar-diameter-lg);
375
426
  --qw-sem-size-inset-sm: var(--qw-ref-size-spacing-2);
376
427
  --qw-sem-size-stack-sm: var(--qw-ref-size-spacing-2);
377
428
  --qw-sem-size-inset-md: var(--qw-ref-size-spacing-4);
@@ -416,6 +467,16 @@
416
467
  --qw-sem-typography-caption-font-weight: var(--qw-ref-typography-font-weight-regular);
417
468
  --qw-sem-typography-caption-line-height: var(--qw-ref-typography-line-height-normal);
418
469
  --qw-sem-typography-caption-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
470
+ --qw-sem-typography-body-lg-font-family: var(--qw-ref-typography-font-family-text);
471
+ --qw-sem-typography-body-lg-font-size: var(--qw-ref-typography-font-size-lg);
472
+ --qw-sem-typography-body-lg-font-weight: var(--qw-ref-typography-font-weight-regular);
473
+ --qw-sem-typography-body-lg-line-height: var(--qw-ref-typography-line-height-normal);
474
+ --qw-sem-typography-body-lg-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
475
+ --qw-sem-typography-label-sm-font-family: var(--qw-ref-typography-font-family-text);
476
+ --qw-sem-typography-label-sm-font-size: var(--qw-ref-typography-font-size-xs);
477
+ --qw-sem-typography-label-sm-font-weight: var(--qw-ref-typography-font-weight-medium);
478
+ --qw-sem-typography-label-sm-line-height: var(--qw-ref-typography-line-height-normal);
479
+ --qw-sem-typography-label-sm-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
419
480
  --qw-sem-typography-code-font-family: var(--qw-ref-typography-font-family-code);
420
481
  --qw-sem-typography-code-font-size: var(--qw-ref-typography-font-size-sm);
421
482
  --qw-sem-typography-code-font-weight: var(--qw-ref-typography-font-weight-regular);