@qw-ui/tokens 0.3.0-next.3 → 0.3.0-next.30
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/README.md +8 -5
- package/dist/color-architecture.d.ts +139 -2
- package/dist/derive/index.d.ts +2 -2
- package/dist/derive/live-css.d.ts +1 -1
- package/dist/derive/reference.d.ts +62 -13
- package/dist/derive/semantic.d.ts +17 -1
- package/dist/derive/tailwind.d.ts +31 -0
- package/dist/design-doc.d.ts +1 -1
- package/dist/figma/color-contract.d.ts +2 -0
- package/dist/figma/color-snapshot.d.ts +4 -0
- package/dist/index.d.ts +5 -4
- package/dist/index.js +759 -240
- package/dist/index.js.map +1 -1
- package/dist/schema.d.ts +3 -3
- package/dist/tailwind.css +79 -0
- package/dist/tokens.css +257 -218
- package/dist/tokens.json +196 -93
- package/dist/tokens.live.css +127 -9
- package/dist/tokens.ts +198 -130
- package/package.json +4 -3
- package/dist/compat/build.d.ts +0 -14
- package/dist/compat/color.d.ts +0 -8
- package/dist/compat/index.d.ts +0 -5
- package/dist/compat/schema.d.ts +0 -114
package/dist/tokens.live.css
CHANGED
|
@@ -31,9 +31,6 @@
|
|
|
31
31
|
--qw-seed-typography-font-family-text-windows-latin: 'Segoe UI', system-ui, Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
32
32
|
--qw-seed-typography-font-family-text-windows-zh: 'Microsoft YaHei', 'Segoe UI', system-ui, Roboto, 'Noto Sans SC', 'Helvetica Neue', Arial, sans-serif;
|
|
33
33
|
--qw-seed-typography-font-family-text-windows-ja: Meiryo, 'Yu Gothic UI', 'Segoe UI', system-ui, Roboto, 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
|
|
34
|
-
--qw-seed-typography-font-weight-regular: 400;
|
|
35
|
-
--qw-seed-typography-font-weight-medium: 500;
|
|
36
|
-
--qw-seed-typography-font-weight-semibold: 600;
|
|
37
34
|
--qw-seed-typography-font-size-base: 14px;
|
|
38
35
|
--qw-seed-typography-line-height-base: 1.5;
|
|
39
36
|
--qw-seed-typography-letter-spacing-base: 0px;
|
|
@@ -318,6 +315,7 @@
|
|
|
318
315
|
--qw-ref-size-radius-sm: calc(var(--qw-seed-size-radius-base) * 0.5);
|
|
319
316
|
--qw-ref-size-radius-md: var(--qw-seed-size-radius-base);
|
|
320
317
|
--qw-ref-size-radius-lg: calc(var(--qw-seed-size-radius-base) * 1.75);
|
|
318
|
+
--qw-ref-size-radius-xl: calc(var(--qw-seed-size-radius-base) * 2);
|
|
321
319
|
--qw-ref-size-radius-full: var(--qw-seed-size-radius-full);
|
|
322
320
|
--qw-ref-size-control-size-sm: calc(var(--qw-seed-size-control-size-base) - var(--qw-seed-size-spacing-step) * 2);
|
|
323
321
|
--qw-ref-size-control-size-md: var(--qw-seed-size-control-size-base);
|
|
@@ -325,7 +323,20 @@
|
|
|
325
323
|
--qw-ref-size-icon-size-sm: calc(var(--qw-seed-size-icon-size-base) - var(--qw-seed-size-spacing-step) * 1);
|
|
326
324
|
--qw-ref-size-icon-size-md: var(--qw-seed-size-icon-size-base);
|
|
327
325
|
--qw-ref-size-icon-size-lg: calc(var(--qw-seed-size-icon-size-base) + var(--qw-seed-size-spacing-step) * 1);
|
|
328
|
-
--qw-ref-size-
|
|
326
|
+
--qw-ref-size-stroke-width-half: calc(var(--qw-seed-size-border-width-hairline) * 0.5);
|
|
327
|
+
--qw-ref-size-stroke-width-base: var(--qw-seed-size-border-width-hairline);
|
|
328
|
+
--qw-ref-size-stroke-width-double: calc(var(--qw-seed-size-border-width-hairline) * 2);
|
|
329
|
+
--qw-ref-size-stroke-width-triple: calc(var(--qw-seed-size-border-width-hairline) * 3);
|
|
330
|
+
--qw-ref-size-action-control-height-2xs: 24px;
|
|
331
|
+
--qw-ref-size-action-control-height-xs: 28px;
|
|
332
|
+
--qw-ref-size-action-control-height-sm: 32px;
|
|
333
|
+
--qw-ref-size-action-control-height-md: 36px;
|
|
334
|
+
--qw-ref-size-action-control-height-lg: 42px;
|
|
335
|
+
--qw-ref-size-action-control-height-xl: 50px;
|
|
336
|
+
--qw-ref-size-action-control-icon-2xs: 14px;
|
|
337
|
+
--qw-ref-size-avatar-diameter-sm: 40px;
|
|
338
|
+
--qw-ref-size-avatar-diameter-md: 50px;
|
|
339
|
+
--qw-ref-size-avatar-diameter-lg: 58px;
|
|
329
340
|
--qw-ref-typography-line-height-tight: calc(var(--qw-seed-typography-line-height-base) - 0.25);
|
|
330
341
|
--qw-ref-typography-line-height-normal: var(--qw-seed-typography-line-height-base);
|
|
331
342
|
--qw-ref-typography-line-height-relaxed: calc(var(--qw-seed-typography-line-height-base) + 0.25);
|
|
@@ -343,10 +354,11 @@
|
|
|
343
354
|
--qw-ref-typography-font-family-text-windows-latin: var(--qw-seed-typography-font-family-text-windows-latin);
|
|
344
355
|
--qw-ref-typography-font-family-text-windows-zh: var(--qw-seed-typography-font-family-text-windows-zh);
|
|
345
356
|
--qw-ref-typography-font-family-text-windows-ja: var(--qw-seed-typography-font-family-text-windows-ja);
|
|
346
|
-
--qw-ref-typography-font-weight-regular:
|
|
347
|
-
--qw-ref-typography-font-weight-medium:
|
|
348
|
-
--qw-ref-typography-font-weight-semibold:
|
|
357
|
+
--qw-ref-typography-font-weight-regular: 400;
|
|
358
|
+
--qw-ref-typography-font-weight-medium: 500;
|
|
359
|
+
--qw-ref-typography-font-weight-semibold: 600;
|
|
349
360
|
--qw-ref-typography-font-size-base: var(--qw-seed-typography-font-size-base);
|
|
361
|
+
--qw-ref-typography-font-size-xs: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 0.786), 1px);
|
|
350
362
|
--qw-ref-typography-font-size-sm: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 0.857), 1px);
|
|
351
363
|
--qw-ref-typography-font-size-lg: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 1.143), 1px);
|
|
352
364
|
--qw-ref-typography-font-size-xl: round(nearest, calc(var(--qw-seed-typography-font-size-base) * 1.429), 1px);
|
|
@@ -359,8 +371,10 @@
|
|
|
359
371
|
--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));
|
|
360
372
|
--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));
|
|
361
373
|
--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));
|
|
374
|
+
--qw-sem-size-radius-sm: var(--qw-ref-size-radius-sm);
|
|
362
375
|
--qw-sem-size-radius-control: var(--qw-ref-size-radius-md);
|
|
363
376
|
--qw-sem-size-radius-card: var(--qw-ref-size-radius-lg);
|
|
377
|
+
--qw-sem-size-radius-xl: var(--qw-ref-size-radius-xl);
|
|
364
378
|
--qw-sem-size-radius-pill: var(--qw-ref-size-radius-full);
|
|
365
379
|
--qw-sem-size-radius-full: var(--qw-ref-size-radius-full);
|
|
366
380
|
--qw-sem-size-control-height-sm: var(--qw-ref-size-control-size-sm);
|
|
@@ -369,6 +383,40 @@
|
|
|
369
383
|
--qw-sem-size-icon-size-sm: var(--qw-ref-size-icon-size-sm);
|
|
370
384
|
--qw-sem-size-icon-size-md: var(--qw-ref-size-icon-size-md);
|
|
371
385
|
--qw-sem-size-icon-size-lg: var(--qw-ref-size-icon-size-lg);
|
|
386
|
+
--qw-sem-size-action-control-height-2xs: var(--qw-ref-size-action-control-height-2xs);
|
|
387
|
+
--qw-sem-size-action-control-height-xs: var(--qw-ref-size-action-control-height-xs);
|
|
388
|
+
--qw-sem-size-action-control-height-sm: var(--qw-ref-size-action-control-height-sm);
|
|
389
|
+
--qw-sem-size-action-control-height-md: var(--qw-ref-size-action-control-height-md);
|
|
390
|
+
--qw-sem-size-action-control-height-lg: var(--qw-ref-size-action-control-height-lg);
|
|
391
|
+
--qw-sem-size-action-control-height-xl: var(--qw-ref-size-action-control-height-xl);
|
|
392
|
+
--qw-sem-size-action-control-padding-inline-2xs: var(--qw-ref-size-spacing-2);
|
|
393
|
+
--qw-sem-size-action-control-padding-inline-xs: var(--qw-ref-size-spacing-2);
|
|
394
|
+
--qw-sem-size-action-control-padding-inline-sm: var(--qw-ref-size-spacing-4);
|
|
395
|
+
--qw-sem-size-action-control-padding-inline-md: var(--qw-ref-size-spacing-4);
|
|
396
|
+
--qw-sem-size-action-control-padding-inline-lg: var(--qw-ref-size-spacing-5);
|
|
397
|
+
--qw-sem-size-action-control-padding-inline-xl: var(--qw-ref-size-spacing-8);
|
|
398
|
+
--qw-sem-size-action-control-icon-2xs: var(--qw-ref-size-action-control-icon-2xs);
|
|
399
|
+
--qw-sem-size-action-control-icon-xs: var(--qw-ref-size-icon-size-sm);
|
|
400
|
+
--qw-sem-size-action-control-icon-sm: var(--qw-ref-size-icon-size-sm);
|
|
401
|
+
--qw-sem-size-action-control-icon-md: var(--qw-ref-size-icon-size-sm);
|
|
402
|
+
--qw-sem-size-action-control-icon-lg: var(--qw-ref-size-icon-size-sm);
|
|
403
|
+
--qw-sem-size-action-control-icon-xl: var(--qw-ref-size-icon-size-md);
|
|
404
|
+
--qw-sem-size-action-control-gap-2xs: var(--qw-ref-size-spacing-1);
|
|
405
|
+
--qw-sem-size-action-control-gap-xs: var(--qw-ref-size-spacing-1);
|
|
406
|
+
--qw-sem-size-action-control-gap-sm: var(--qw-ref-size-spacing-2);
|
|
407
|
+
--qw-sem-size-action-control-gap-md: var(--qw-ref-size-spacing-2);
|
|
408
|
+
--qw-sem-size-action-control-gap-lg: var(--qw-ref-size-spacing-2);
|
|
409
|
+
--qw-sem-size-action-control-gap-xl: var(--qw-ref-size-spacing-2);
|
|
410
|
+
--qw-sem-size-border-width-default: var(--qw-ref-size-stroke-width-base);
|
|
411
|
+
--qw-sem-size-border-width-strong: var(--qw-ref-size-stroke-width-double);
|
|
412
|
+
--qw-sem-size-divider-width-thin: var(--qw-ref-size-stroke-width-half);
|
|
413
|
+
--qw-sem-size-divider-width-default: var(--qw-ref-size-stroke-width-base);
|
|
414
|
+
--qw-sem-size-focus-ring-width: var(--qw-ref-size-stroke-width-double);
|
|
415
|
+
--qw-sem-size-focus-ring-offset: var(--qw-ref-size-stroke-width-double);
|
|
416
|
+
--qw-sem-size-indicator-loading: var(--qw-ref-size-stroke-width-double);
|
|
417
|
+
--qw-sem-size-avatar-diameter-sm: var(--qw-ref-size-avatar-diameter-sm);
|
|
418
|
+
--qw-sem-size-avatar-diameter-md: var(--qw-ref-size-avatar-diameter-md);
|
|
419
|
+
--qw-sem-size-avatar-diameter-lg: var(--qw-ref-size-avatar-diameter-lg);
|
|
372
420
|
--qw-sem-size-inset-sm: var(--qw-ref-size-spacing-2);
|
|
373
421
|
--qw-sem-size-stack-sm: var(--qw-ref-size-spacing-2);
|
|
374
422
|
--qw-sem-size-inset-md: var(--qw-ref-size-spacing-4);
|
|
@@ -413,6 +461,16 @@
|
|
|
413
461
|
--qw-sem-typography-caption-font-weight: var(--qw-ref-typography-font-weight-regular);
|
|
414
462
|
--qw-sem-typography-caption-line-height: var(--qw-ref-typography-line-height-normal);
|
|
415
463
|
--qw-sem-typography-caption-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
|
|
464
|
+
--qw-sem-typography-body-lg-font-family: var(--qw-ref-typography-font-family-text);
|
|
465
|
+
--qw-sem-typography-body-lg-font-size: var(--qw-ref-typography-font-size-lg);
|
|
466
|
+
--qw-sem-typography-body-lg-font-weight: var(--qw-ref-typography-font-weight-regular);
|
|
467
|
+
--qw-sem-typography-body-lg-line-height: var(--qw-ref-typography-line-height-normal);
|
|
468
|
+
--qw-sem-typography-body-lg-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
|
|
469
|
+
--qw-sem-typography-label-sm-font-family: var(--qw-ref-typography-font-family-text);
|
|
470
|
+
--qw-sem-typography-label-sm-font-size: var(--qw-ref-typography-font-size-xs);
|
|
471
|
+
--qw-sem-typography-label-sm-font-weight: var(--qw-ref-typography-font-weight-medium);
|
|
472
|
+
--qw-sem-typography-label-sm-line-height: var(--qw-ref-typography-line-height-normal);
|
|
473
|
+
--qw-sem-typography-label-sm-letter-spacing: var(--qw-ref-typography-letter-spacing-base);
|
|
416
474
|
--qw-sem-typography-code-font-family: var(--qw-ref-typography-font-family-code);
|
|
417
475
|
--qw-sem-typography-code-font-size: var(--qw-ref-typography-font-size-sm);
|
|
418
476
|
--qw-sem-typography-code-font-weight: var(--qw-ref-typography-font-weight-regular);
|
|
@@ -427,30 +485,64 @@
|
|
|
427
485
|
--qw-sem-color-surface-elevated: var(--qw-ref-color-white-base);
|
|
428
486
|
--qw-sem-color-surface-header: var(--qw-ref-color-gray-100);
|
|
429
487
|
--qw-sem-color-surface-brand-subtle: var(--qw-ref-color-blue-50);
|
|
488
|
+
--qw-sem-color-surface-canvas: var(--qw-ref-color-white-base);
|
|
489
|
+
--qw-sem-color-surface-sunken: var(--qw-ref-color-gray-100);
|
|
490
|
+
--qw-sem-color-surface-selected: var(--qw-ref-color-black-a5);
|
|
491
|
+
--qw-sem-color-surface-inverse: var(--qw-ref-color-black-800);
|
|
492
|
+
--qw-sem-color-surface-canvas-subtle: var(--qw-ref-color-gray-50);
|
|
430
493
|
--qw-sem-color-content-primary: var(--qw-ref-color-black-base);
|
|
431
494
|
--qw-sem-color-content-secondary: var(--qw-ref-color-gray-600);
|
|
432
495
|
--qw-sem-color-content-tertiary: var(--qw-ref-color-gray-base);
|
|
433
496
|
--qw-sem-color-content-placeholder: var(--qw-ref-color-gray-300);
|
|
434
497
|
--qw-sem-color-content-intro: var(--qw-ref-color-gray-400);
|
|
498
|
+
--qw-sem-color-content-disabled: var(--qw-ref-color-black-a30);
|
|
499
|
+
--qw-sem-color-content-link: var(--qw-ref-color-blue-700);
|
|
500
|
+
--qw-sem-color-content-icon-subtle: var(--qw-ref-color-black-a5);
|
|
501
|
+
--qw-sem-color-content-inverse: var(--qw-ref-color-white-base);
|
|
502
|
+
--qw-sem-color-content-on-solid: var(--qw-ref-color-white-base);
|
|
503
|
+
--qw-sem-color-content-on-warning-subtle: var(--qw-ref-color-yellow-800);
|
|
435
504
|
--qw-sem-color-border-default: var(--qw-ref-color-gray-100);
|
|
436
505
|
--qw-sem-color-border-strong: var(--qw-ref-color-gray-300);
|
|
437
506
|
--qw-sem-color-border-focus: var(--qw-ref-color-brand-base);
|
|
507
|
+
--qw-sem-color-border-subtle: var(--qw-ref-color-black-a5);
|
|
508
|
+
--qw-sem-color-border-disabled: var(--qw-ref-color-black-a10);
|
|
509
|
+
--qw-sem-color-border-on-media: var(--qw-ref-color-white-base);
|
|
438
510
|
--qw-sem-color-fill-subtle: var(--qw-ref-color-gray-50);
|
|
439
511
|
--qw-sem-color-fill-hover: var(--qw-ref-color-gray-100);
|
|
440
512
|
--qw-sem-color-fill-active: var(--qw-ref-color-blue-50);
|
|
441
513
|
--qw-sem-color-fill-disabled: var(--qw-ref-color-gray-50);
|
|
514
|
+
--qw-sem-color-fill-track: var(--qw-ref-color-black-a10);
|
|
442
515
|
--qw-sem-color-action-brand: var(--qw-ref-color-brand-base);
|
|
443
516
|
--qw-sem-color-action-product: var(--qw-ref-color-blue-base);
|
|
444
517
|
--qw-sem-color-action-selected: var(--qw-ref-color-blue-a20);
|
|
445
518
|
--qw-sem-color-action-inverse: var(--qw-ref-color-white-base);
|
|
519
|
+
--qw-sem-color-control-action-brand-subtle: var(--qw-ref-color-brand-a10);
|
|
520
|
+
--qw-sem-color-control-action-product-subtle: var(--qw-ref-color-blue-a10);
|
|
521
|
+
--qw-sem-color-control-action-danger-default: var(--qw-ref-color-red-400);
|
|
522
|
+
--qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-a10);
|
|
523
|
+
--qw-sem-color-control-action-neutral-subtle: var(--qw-ref-color-black-a5);
|
|
524
|
+
--qw-sem-color-control-selection-brand: var(--qw-ref-color-brand-a10);
|
|
525
|
+
--qw-sem-color-control-selection-product: var(--qw-ref-color-blue-a10);
|
|
526
|
+
--qw-sem-color-selection-text-background: var(--qw-ref-color-blue-a20);
|
|
446
527
|
--qw-sem-color-status-success: var(--qw-ref-color-green-base);
|
|
447
528
|
--qw-sem-color-status-warning: var(--qw-ref-color-yellow-base);
|
|
448
529
|
--qw-sem-color-status-danger: var(--qw-ref-color-red-400);
|
|
449
530
|
--qw-sem-color-status-info: var(--qw-ref-color-blue-base);
|
|
531
|
+
--qw-sem-color-status-success-subtle: var(--qw-ref-color-green-a10);
|
|
532
|
+
--qw-sem-color-status-warning-subtle: var(--qw-ref-color-yellow-a20);
|
|
533
|
+
--qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-a10);
|
|
534
|
+
--qw-sem-color-status-info-subtle: var(--qw-ref-color-blue-a10);
|
|
450
535
|
--qw-sem-color-overlay-scrim: var(--qw-ref-color-black-a50);
|
|
451
|
-
--qw-sem-color-overlay-guide: var(--qw-ref-color-
|
|
536
|
+
--qw-sem-color-overlay-guide: var(--qw-ref-color-blue-a10);
|
|
537
|
+
--qw-sem-color-overlay-media-subtle: var(--qw-ref-color-black-a40);
|
|
538
|
+
--qw-sem-color-overlay-media-strong: var(--qw-ref-color-black-a50);
|
|
452
539
|
--qw-sem-color-shadow: var(--qw-ref-color-black-a10);
|
|
453
|
-
--qw-sem-effect-shadow-
|
|
540
|
+
--qw-sem-effect-shadow-card-color: var(--qw-ref-color-black-a10);
|
|
541
|
+
--qw-sem-effect-shadow-floating-color: var(--qw-ref-color-black-a10);
|
|
542
|
+
--qw-sem-effect-shadow-dialog-color: var(--qw-ref-color-black-a10);
|
|
543
|
+
--qw-sem-effect-shadow-card: 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) var(--qw-sem-effect-shadow-card-color);
|
|
544
|
+
--qw-sem-effect-shadow-floating: 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) var(--qw-sem-effect-shadow-floating-color);
|
|
545
|
+
--qw-sem-effect-shadow-dialog: 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) var(--qw-sem-effect-shadow-dialog-color);
|
|
454
546
|
}
|
|
455
547
|
|
|
456
548
|
[data-qw-mode="dark"] {
|
|
@@ -459,23 +551,49 @@
|
|
|
459
551
|
--qw-sem-color-surface-elevated: var(--qw-ref-color-gray-800);
|
|
460
552
|
--qw-sem-color-surface-header: var(--qw-ref-color-gray-700);
|
|
461
553
|
--qw-sem-color-surface-brand-subtle: var(--qw-ref-color-blue-800);
|
|
554
|
+
--qw-sem-color-surface-canvas: var(--qw-ref-color-black-900);
|
|
555
|
+
--qw-sem-color-surface-sunken: var(--qw-ref-color-gray-800);
|
|
556
|
+
--qw-sem-color-surface-selected: var(--qw-ref-color-white-a10);
|
|
557
|
+
--qw-sem-color-surface-canvas-subtle: var(--qw-ref-color-black-900);
|
|
462
558
|
--qw-sem-color-content-primary: var(--qw-ref-color-white-base);
|
|
463
559
|
--qw-sem-color-content-secondary: var(--qw-ref-color-gray-base);
|
|
464
560
|
--qw-sem-color-content-tertiary: var(--qw-ref-color-gray-600);
|
|
465
561
|
--qw-sem-color-content-placeholder: var(--qw-ref-color-white-a30);
|
|
466
562
|
--qw-sem-color-content-intro: var(--qw-ref-color-gray-500);
|
|
563
|
+
--qw-sem-color-content-disabled: var(--qw-ref-color-white-a30);
|
|
564
|
+
--qw-sem-color-content-link: var(--qw-ref-color-blue-400);
|
|
565
|
+
--qw-sem-color-content-icon-subtle: var(--qw-ref-color-white-a10);
|
|
566
|
+
--qw-sem-color-content-inverse: var(--qw-ref-color-black-base);
|
|
567
|
+
--qw-sem-color-content-on-warning-subtle: var(--qw-ref-color-yellow-200);
|
|
467
568
|
--qw-sem-color-border-default: var(--qw-ref-color-gray-700);
|
|
468
569
|
--qw-sem-color-border-strong: var(--qw-ref-color-gray-600);
|
|
469
570
|
--qw-sem-color-border-focus: var(--qw-ref-color-brand-500);
|
|
571
|
+
--qw-sem-color-border-subtle: var(--qw-ref-color-white-a5);
|
|
572
|
+
--qw-sem-color-border-disabled: var(--qw-ref-color-white-a10);
|
|
470
573
|
--qw-sem-color-fill-subtle: var(--qw-ref-color-white-a20);
|
|
471
574
|
--qw-sem-color-fill-hover: var(--qw-ref-color-gray-800);
|
|
472
575
|
--qw-sem-color-fill-active: var(--qw-ref-color-blue-800);
|
|
473
576
|
--qw-sem-color-fill-disabled: var(--qw-ref-color-gray-900);
|
|
577
|
+
--qw-sem-color-fill-track: var(--qw-ref-color-white-a20);
|
|
474
578
|
--qw-sem-color-action-brand: var(--qw-ref-color-brand-500);
|
|
475
579
|
--qw-sem-color-action-product: var(--qw-ref-color-blue-600);
|
|
476
580
|
--qw-sem-color-action-selected: var(--qw-ref-color-blue-a40);
|
|
477
581
|
--qw-sem-color-action-inverse: var(--qw-ref-color-black-base);
|
|
582
|
+
--qw-sem-color-control-action-brand-subtle: var(--qw-ref-color-brand-a20);
|
|
583
|
+
--qw-sem-color-control-action-product-subtle: var(--qw-ref-color-blue-a20);
|
|
584
|
+
--qw-sem-color-control-action-danger-subtle: var(--qw-ref-color-red-a20);
|
|
585
|
+
--qw-sem-color-control-action-neutral-subtle: var(--qw-ref-color-white-a10);
|
|
586
|
+
--qw-sem-color-control-selection-brand: var(--qw-ref-color-brand-a20);
|
|
587
|
+
--qw-sem-color-control-selection-product: var(--qw-ref-color-blue-a20);
|
|
588
|
+
--qw-sem-color-selection-text-background: var(--qw-ref-color-blue-a40);
|
|
478
589
|
--qw-sem-color-status-info: var(--qw-ref-color-blue-600);
|
|
590
|
+
--qw-sem-color-status-success-subtle: var(--qw-ref-color-green-a20);
|
|
591
|
+
--qw-sem-color-status-danger-subtle: var(--qw-ref-color-red-a20);
|
|
592
|
+
--qw-sem-color-status-info-subtle: var(--qw-ref-color-blue-a20);
|
|
479
593
|
--qw-sem-color-overlay-scrim: var(--qw-ref-color-black-a70);
|
|
594
|
+
--qw-sem-color-overlay-guide: var(--qw-ref-color-blue-a20);
|
|
480
595
|
--qw-sem-color-shadow: var(--qw-ref-color-black-a50);
|
|
596
|
+
--qw-sem-effect-shadow-card-color: var(--qw-ref-color-black-a50);
|
|
597
|
+
--qw-sem-effect-shadow-floating-color: var(--qw-ref-color-black-a50);
|
|
598
|
+
--qw-sem-effect-shadow-dialog-color: var(--qw-ref-color-black-a50);
|
|
481
599
|
}
|