@czi-sds/components 22.1.0 → 22.1.1

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/tailwind.json +58 -58
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/dist/variables.css +124 -124
  4. package/dist/variables.scss +62 -62
  5. package/package.json +2 -2
package/dist/variables.scss CHANGED
@@ -399,134 +399,134 @@ $sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
399
399
  $sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
400
400
  $sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
401
401
  $sds-drop-shadow-none: none;
402
- $sds-font-font-family-body: "Inter", sans-serif;
403
- $sds-font-font-family-body-narrow: "Inter", sans-serif;
404
- $sds-font-font-family-caps: "Inter", sans-serif;
405
- $sds-font-font-family-caps-narrow: "Inter", sans-serif;
402
+ $sds-font-font-family-body: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
403
+ $sds-font-font-family-body-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
404
+ $sds-font-font-family-caps: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
405
+ $sds-font-font-family-caps-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
406
406
  $sds-font-font-family-code: "IBM Plex Mono", monospace;
407
407
  $sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;
408
- $sds-font-font-family-header: "Inter", sans-serif;
409
- $sds-font-font-family-header-narrow: "Inter", sans-serif;
410
- $sds-font-font-family-tabular: "Inter", sans-serif;
411
- $sds-font-font-family-tabular-narrow: "Inter", sans-serif;
412
- $sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;
413
- $sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;
408
+ $sds-font-font-family-header: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
409
+ $sds-font-font-family-header-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
410
+ $sds-font-font-family-tabular: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
411
+ $sds-font-font-family-tabular-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
412
+ $sds-font-body-xxxs-400-font: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
413
+ $sds-font-body-xxxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
414
414
  $sds-font-body-xxxs-400-letter-spacing: 0.1px;
415
415
  $sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;
416
- $sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
417
- $sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;
416
+ $sds-font-body-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
417
+ $sds-font-body-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
418
418
  $sds-font-body-xxxs-600-letter-spacing: 0.1px;
419
419
  $sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;
420
- $sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;
421
- $sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;
420
+ $sds-font-body-xxs-400-font: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
421
+ $sds-font-body-xxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
422
422
  $sds-font-body-xxs-400-letter-spacing: 0.1px;
423
423
  $sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;
424
- $sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;
425
- $sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;
424
+ $sds-font-body-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
425
+ $sds-font-body-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
426
426
  $sds-font-body-xxs-600-letter-spacing: 0.1px;
427
427
  $sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;
428
- $sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;
429
- $sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;
428
+ $sds-font-body-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
429
+ $sds-font-body-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
430
430
  $sds-font-body-xs-400-letter-spacing: 0.08px;
431
431
  $sds-font-body-xs-400-letter-spacing-narrow: 0.08px;
432
- $sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;
433
- $sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;
432
+ $sds-font-body-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
433
+ $sds-font-body-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
434
434
  $sds-font-body-xs-600-letter-spacing: 0.08px;
435
435
  $sds-font-body-xs-600-letter-spacing-narrow: 0.08px;
436
- $sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;
437
- $sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;
436
+ $sds-font-body-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
437
+ $sds-font-body-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
438
438
  $sds-font-body-s-400-letter-spacing: 0.08px;
439
439
  $sds-font-body-s-400-letter-spacing-narrow: 0.08px;
440
- $sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;
441
- $sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;
440
+ $sds-font-body-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
441
+ $sds-font-body-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
442
442
  $sds-font-body-s-600-letter-spacing: 0.08px;
443
443
  $sds-font-body-s-600-letter-spacing-narrow: 0.08px;
444
- $sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;
445
- $sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;
444
+ $sds-font-body-m-400-font: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
445
+ $sds-font-body-m-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
446
446
  $sds-font-body-m-400-letter-spacing: 0px;
447
447
  $sds-font-body-m-400-letter-spacing-narrow: 0px;
448
- $sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;
449
- $sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;
448
+ $sds-font-body-m-600-font: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
449
+ $sds-font-body-m-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
450
450
  $sds-font-body-m-600-letter-spacing: 0px;
451
451
  $sds-font-body-m-600-letter-spacing-narrow: 0px;
452
- $sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;
453
- $sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;
452
+ $sds-font-body-l-400-font: 400 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
453
+ $sds-font-body-l-400-font-narrow: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
454
454
  $sds-font-body-l-400-letter-spacing: 0px;
455
455
  $sds-font-body-l-400-letter-spacing-narrow: 0px;
456
- $sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;
457
- $sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;
456
+ $sds-font-body-l-600-font: 600 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
457
+ $sds-font-body-l-600-font-narrow: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
458
458
  $sds-font-body-l-600-letter-spacing: 0px;
459
459
  $sds-font-body-l-600-letter-spacing-narrow: 0px;
460
- $sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;
461
- $sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;
460
+ $sds-font-caps-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
461
+ $sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
462
462
  $sds-font-caps-xxxxs-600-letter-spacing: 0.5px;
463
463
  $sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;
464
464
  $sds-font-caps-xxxxs-600-text-transform: uppercase;
465
465
  $sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;
466
- $sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
467
- $sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;
466
+ $sds-font-caps-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
467
+ $sds-font-caps-xxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
468
468
  $sds-font-caps-xxxs-600-letter-spacing: 0.5px;
469
469
  $sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;
470
470
  $sds-font-caps-xxxs-600-text-transform: uppercase;
471
471
  $sds-font-caps-xxxs-600-text-transform-narrow: uppercase;
472
- $sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;
473
- $sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;
472
+ $sds-font-caps-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
473
+ $sds-font-caps-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
474
474
  $sds-font-caps-xxs-600-letter-spacing: 0.5px;
475
475
  $sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;
476
476
  $sds-font-caps-xxs-600-text-transform: uppercase;
477
477
  $sds-font-caps-xxs-600-text-transform-narrow: uppercase;
478
- $sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
479
- $sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;
478
+ $sds-font-header-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
479
+ $sds-font-header-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
480
480
  $sds-font-header-xxxs-600-letter-spacing: 0.1px;
481
481
  $sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;
482
- $sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;
483
- $sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;
482
+ $sds-font-header-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
483
+ $sds-font-header-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
484
484
  $sds-font-header-xxs-600-letter-spacing: 0.1px;
485
485
  $sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;
486
- $sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;
487
- $sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;
486
+ $sds-font-header-xs-600-font: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
487
+ $sds-font-header-xs-600-font-narrow: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
488
488
  $sds-font-header-xs-600-letter-spacing: 0.08px;
489
489
  $sds-font-header-xs-600-letter-spacing-narrow: 0.08px;
490
- $sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;
491
- $sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;
490
+ $sds-font-header-s-600-font: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
491
+ $sds-font-header-s-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
492
492
  $sds-font-header-s-600-letter-spacing: 0.08px;
493
493
  $sds-font-header-s-600-letter-spacing-narrow: 0.08px;
494
- $sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;
495
- $sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;
494
+ $sds-font-header-m-600-font: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
495
+ $sds-font-header-m-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
496
496
  $sds-font-header-m-600-letter-spacing: 0px;
497
497
  $sds-font-header-m-600-letter-spacing-narrow: 0.08px;
498
- $sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;
499
- $sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;
498
+ $sds-font-header-l-600-font: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
499
+ $sds-font-header-l-600-font-narrow: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
500
500
  $sds-font-header-l-600-letter-spacing: 0px;
501
501
  $sds-font-header-l-600-letter-spacing-narrow: 0px;
502
- $sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;
503
- $sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;
502
+ $sds-font-header-xl-600-font: 600 22px/30px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
503
+ $sds-font-header-xl-600-font-narrow: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
504
504
  $sds-font-header-xl-600-letter-spacing: 0px;
505
505
  $sds-font-header-xl-600-letter-spacing-narrow: 0px;
506
- $sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;
507
- $sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;
506
+ $sds-font-header-xxl-600-font: 600 26px/34px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
507
+ $sds-font-header-xxl-600-font-narrow: 600 22px/30px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
508
508
  $sds-font-header-xxl-600-letter-spacing: 0px;
509
509
  $sds-font-header-xxl-600-letter-spacing-narrow: 0px;
510
- $sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;
511
- $sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;
510
+ $sds-font-tabular-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
511
+ $sds-font-tabular-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
512
512
  $sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;
513
513
  $sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;
514
514
  $sds-font-tabular-xs-400-letter-spacing: 0px;
515
515
  $sds-font-tabular-xs-400-letter-spacing-narrow: 0px;
516
- $sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;
517
- $sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;
516
+ $sds-font-tabular-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
517
+ $sds-font-tabular-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
518
518
  $sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;
519
519
  $sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;
520
520
  $sds-font-tabular-xs-600-letter-spacing: 0px;
521
521
  $sds-font-tabular-xs-600-letter-spacing-narrow: 0px;
522
- $sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;
523
- $sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;
522
+ $sds-font-tabular-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
523
+ $sds-font-tabular-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
524
524
  $sds-font-tabular-s-400-font-variant-numeric: tabular-nums;
525
525
  $sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;
526
526
  $sds-font-tabular-s-400-letter-spacing: 0px;
527
527
  $sds-font-tabular-s-400-letter-spacing-narrow: 0px;
528
- $sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;
529
- $sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;
528
+ $sds-font-tabular-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
529
+ $sds-font-tabular-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
530
530
  $sds-font-tabular-s-600-font-variant-numeric: tabular-nums;
531
531
  $sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;
532
532
  $sds-font-tabular-s-600-letter-spacing: 0px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@czi-sds/components",
3
- "version": "22.1.0",
3
+ "version": "22.1.1",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.cjs.d.ts",
@@ -69,5 +69,5 @@
69
69
  "@types/react-dom": "^18.2.18",
70
70
  "style-dictionary": "^4.1.0"
71
71
  },
72
- "gitHead": "556ccd0f5e85dbf906b1c6296b072428b001bc87"
72
+ "gitHead": "ac48b309dc4c1fdc1dda9d7e1394c91e8bf4c867"
73
73
  }