genesys-spark 4.87.0 → 4.88.0

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 (19) hide show
  1. package/dist/css/global-focusable.css +16 -16
  2. package/dist/css/global-focusable.css.map +1 -1
  3. package/dist/css/global-typography.css +150 -150
  4. package/dist/css/global-typography.css.map +1 -1
  5. package/dist/css/global.css +166 -166
  6. package/dist/css/global.css.map +1 -1
  7. package/dist/css/ui.css +2 -2
  8. package/dist/global.css +166 -166
  9. package/dist/global.css.map +1 -1
  10. package/dist/index.d.ts +2 -2
  11. package/dist/index.js +11 -13
  12. package/dist/scss/_focus.scss +22 -7
  13. package/dist/scss/_mixins.scss +5 -2
  14. package/dist/scss/_typography.scss +319 -85
  15. package/dist/ui.css +2 -2
  16. package/package.json +1 -1
  17. package/dist/css/temp.css +0 -43
  18. package/dist/css/temp.css.map +0 -1
  19. package/dist/scss/temp.scss +0 -41
package/dist/css/global.css CHANGED
@@ -401,51 +401,51 @@
401
401
 
402
402
  /* Button */
403
403
  button:focus-visible {
404
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
405
- outline-offset: var(--gse-semantic-focusRing-offset);
404
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
405
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
406
406
  }
407
407
 
408
408
  /* Input */
409
409
  input:focus-visible {
410
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
411
- outline-offset: var(--gse-semantic-focusRing-offset);
410
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
411
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
412
412
  }
413
413
 
414
414
  /* Helper classes */
415
415
  .gux-focus-ring-focused:focus {
416
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
417
- outline-offset: var(--gse-semantic-focusRing-offset);
416
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
417
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
418
418
  }
419
419
 
420
420
  .gux-focus-ring-focused-within:focus-within {
421
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
422
- outline-offset: var(--gse-semantic-focusRing-offset);
421
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
422
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
423
423
  }
424
424
 
425
425
  .gux-focus-ring-focused-visible:focus-visible {
426
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
427
- outline-offset: var(--gse-semantic-focusRing-offset);
426
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
427
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
428
428
  }
429
429
 
430
430
  .gux-focus-ring-small-focused:focus {
431
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
431
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
432
432
  }
433
433
 
434
434
  .gux-focus-ring-small-focused-within:focus-within {
435
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
435
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
436
436
  }
437
437
 
438
438
  .gux-focus-ring-small-focused-visible:focus-visible {
439
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
439
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
440
440
  }
441
441
 
442
442
  .gux-focus-ring {
443
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
444
- outline-offset: var(--gse-semantic-focusRing-offset);
443
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
444
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
445
445
  }
446
446
 
447
447
  .gux-focus-ring-small {
448
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
448
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
449
449
  }
450
450
 
451
451
  /*
@@ -455,316 +455,316 @@ input:focus-visible {
455
455
  /* Body Copy */
456
456
  /* Anchor */
457
457
  h1 {
458
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
459
- font-size: var(--gse-core-typography-heading-xl-fontSize);
460
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
461
- font-weight: var(--gse-core-fontWeight-bold);
458
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
459
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
460
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
461
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xl-bold-fontWeight));
462
462
  }
463
463
 
464
464
  h2 {
465
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
466
- font-size: var(--gse-core-typography-heading-lg-fontSize);
467
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
468
- font-weight: var(--gse-core-fontWeight-bold);
465
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
466
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
467
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
468
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-lg-bold-fontWeight));
469
469
  }
470
470
 
471
471
  h3 {
472
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
473
- font-size: var(--gse-core-typography-heading-md-fontSize);
474
- line-height: var(--gse-core-typography-heading-md-lineHeight);
475
- font-weight: var(--gse-core-fontWeight-bold);
472
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
473
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
474
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
475
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-md-bold-fontWeight));
476
476
  }
477
477
 
478
478
  h4,
479
479
  h5,
480
480
  h6 {
481
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
482
- font-size: var(--gse-core-typography-heading-sm-fontSize);
483
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
484
- font-weight: var(--gse-core-fontWeight-bold);
481
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
482
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
483
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
484
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-sm-bold-fontWeight));
485
485
  }
486
486
 
487
487
  .gux-heading-xl,
488
488
  .gux-heading-xl-bold {
489
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
490
- font-size: var(--gse-core-typography-heading-xl-fontSize);
491
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
492
- font-weight: var(--gse-core-fontWeight-bold);
489
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
490
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
491
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
492
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xl-bold-fontWeight));
493
493
  }
494
494
 
495
495
  .gux-heading-xl-semibold {
496
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
497
- font-size: var(--gse-core-typography-heading-xl-fontSize);
498
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
499
- font-weight: var(--gse-core-fontWeight-semiBold);
496
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
497
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
498
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
499
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-lg-semiBold-fontWeight));
500
500
  }
501
501
 
502
502
  .gux-heading-lg,
503
503
  .gux-heading-lg-bold {
504
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
505
- font-size: var(--gse-core-typography-heading-lg-fontSize);
506
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
507
- font-weight: var(--gse-core-fontWeight-bold);
504
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
505
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
506
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
507
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-lg-bold-fontWeight));
508
508
  }
509
509
 
510
510
  .gux-heading-lg-semibold {
511
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
512
- font-size: var(--gse-core-typography-heading-lg-fontSize);
513
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
514
- font-weight: var(--gse-core-fontWeight-semiBold);
511
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
512
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
513
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
514
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-lg-semiBold-fontWeight));
515
515
  }
516
516
 
517
517
  .gux-heading-md,
518
518
  .gux-heading-md-bold {
519
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
520
- font-size: var(--gse-core-typography-heading-md-fontSize);
521
- line-height: var(--gse-core-typography-heading-md-lineHeight);
522
- font-weight: var(--gse-core-fontWeight-bold);
519
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
520
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
521
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
522
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-md-bold-fontWeight));
523
523
  }
524
524
 
525
525
  .gux-heading-md-semibold {
526
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
527
- font-size: var(--gse-core-typography-heading-md-fontSize);
528
- line-height: var(--gse-core-typography-heading-md-lineHeight);
529
- font-weight: var(--gse-core-fontWeight-semiBold);
526
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
527
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
528
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
529
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-md-semiBold-fontWeight));
530
530
  }
531
531
 
532
532
  .gux-heading-sm,
533
533
  .gux-heading-sm-bold {
534
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
535
- font-size: var(--gse-core-typography-heading-sm-fontSize);
536
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
537
- font-weight: var(--gse-core-fontWeight-bold);
534
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
535
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
536
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
537
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-sm-bold-fontWeight));
538
538
  }
539
539
 
540
540
  .gux-heading-sm-semibold {
541
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
542
- font-size: var(--gse-core-typography-heading-sm-fontSize);
543
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
544
- font-weight: var(--gse-core-fontWeight-semiBold);
541
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
542
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
543
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
544
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-sm-semiBold-fontWeight));
545
545
  }
546
546
 
547
547
  .gux-heading-xs,
548
548
  .gux-heading-xs-bold {
549
- font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
550
- font-size: var(--gse-core-typography-heading-xs-fontSize);
551
- line-height: var(--gse-core-typography-heading-xs-lineHeight);
552
- font-weight: var(--gse-core-fontWeight-bold);
549
+ font-family: var(--gse-core-typography-heading-xs-fontFamily, var(--gse-semantic-heading-xs-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
550
+ font-size: var(--gse-core-typography-heading-xs-fontSize, var(--gse-semantic-heading-xs-bold-fontSize));
551
+ line-height: var(--gse-core-typography-heading-xs-lineHeight, var(--gse-semantic-heading-xs-bold-lineHeight));
552
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xs-bold-fontWeight));
553
553
  }
554
554
 
555
555
  .gux-heading-xs-semibold {
556
- font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
557
- font-size: var(--gse-core-typography-heading-xs-fontSize);
558
- line-height: var(--gse-core-typography-heading-xs-lineHeight);
559
- font-weight: var(--gse-core-fontWeight-semiBold);
556
+ font-family: var(--gse-core-typography-heading-xs-fontFamily, var(--gse-semantic-heading-xs-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
557
+ font-size: var(--gse-core-typography-heading-xs-fontSize, var(--gse-semantic-heading-xs-bold-fontSize));
558
+ line-height: var(--gse-core-typography-heading-xs-lineHeight, var(--gse-semantic-heading-xs-bold-lineHeight));
559
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-xs-semiBold-fontWeight));
560
560
  }
561
561
 
562
562
  .gux-heading-subheading-regular {
563
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
564
- font-size: var(--gse-core-typography-subheading-fontSize);
565
- line-height: var(--gse-core-typography-subheading-lineHeight);
566
- font-weight: var(--gse-core-fontWeight-regular);
563
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
564
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
565
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
566
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-subheading-regular-fontWeight));
567
567
  }
568
568
 
569
569
  .gux-heading-subheading,
570
570
  .gux-heading-subheading-bold {
571
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
572
- font-size: var(--gse-core-typography-subheading-fontSize);
573
- line-height: var(--gse-core-typography-subheading-lineHeight);
574
- font-weight: var(--gse-core-fontWeight-bold);
571
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
572
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
573
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
574
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-subheading-bold-fontWeight));
575
575
  }
576
576
 
577
577
  .gux-heading-subheading-semibold {
578
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
579
- font-size: var(--gse-core-typography-subheading-fontSize);
580
- line-height: var(--gse-core-typography-subheading-lineHeight);
581
- font-weight: var(--gse-core-fontWeight-semiBold);
578
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
579
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
580
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
581
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-subheading-semiBold-fontWeight));
582
582
  }
583
583
 
584
584
  .gux-heading-overline {
585
- font-family: var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
586
- font-size: var(--gse-core-typography-heading-overline-fontSize);
587
- line-height: var(--gse-core-typography-heading-overline-lineHeight);
588
- text-transform: var(--gse-core-typography-heading-overline-textCase);
589
- letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing);
590
- font-weight: var(--gse-core-fontWeight-regular);
585
+ font-family: var(--gse-core-typography-heading-overline-fontFamily, var(--gse-semantic-heading-overline-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
586
+ font-size: var(--gse-core-typography-heading-overline-fontSize, var(--gse-semantic-heading-overline-fontSize));
587
+ line-height: var(--gse-core-typography-heading-overline-lineHeight, var(--gse-semantic-heading-overline-lineHeight));
588
+ text-transform: var(--gse-core-typography-heading-overline-textCase, var(--gse-semantic-heading-overline-textCase));
589
+ letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing, var(--gse-semantic-heading-overline-letterSpacing));
590
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-heading-overline-fontWeight));
591
591
  }
592
592
 
593
593
  body {
594
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
595
- font-size: var(--gse-core-typography-body-sm-fontSize);
596
- line-height: var(--gse-core-typography-body-sm-lineHeight);
597
- font-weight: var(--gse-core-fontWeight-regular);
594
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
595
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
596
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
597
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
598
598
  }
599
599
 
600
600
  .gux-body-lg-regular {
601
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
602
- font-size: var(--gse-core-typography-body-lg-fontSize);
603
- line-height: var(--gse-core-typography-body-lg-lineHeight);
604
- font-weight: var(--gse-core-fontWeight-regular);
601
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
602
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
603
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
604
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-lg-regular-fontWeight));
605
605
  }
606
606
 
607
607
  .gux-body-lg-semibold {
608
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
609
- font-size: var(--gse-core-typography-body-lg-fontSize);
610
- line-height: var(--gse-core-typography-body-lg-lineHeight);
611
- font-weight: var(--gse-core-fontWeight-semiBold);
608
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
609
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
610
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
611
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-lg-semiBold-fontWeight));
612
612
  }
613
613
 
614
614
  .gux-body-lg-bold {
615
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
616
- font-size: var(--gse-core-typography-body-lg-fontSize);
617
- line-height: var(--gse-core-typography-body-lg-lineHeight);
618
- font-weight: var(--gse-core-fontWeight-bold);
615
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
616
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
617
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
618
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-lg-bold-fontWeight));
619
619
  }
620
620
 
621
621
  .gux-body-md-regular {
622
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
623
- font-size: var(--gse-core-typography-body-md-fontSize);
624
- line-height: var(--gse-core-typography-body-md-lineHeight);
625
- font-weight: var(--gse-core-fontWeight-regular);
622
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
623
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
624
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
625
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-md-regular-fontWeight));
626
626
  }
627
627
 
628
628
  .gux-body-md-semibold {
629
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
630
- font-size: var(--gse-core-typography-body-md-fontSize);
631
- line-height: var(--gse-core-typography-body-md-lineHeight);
632
- font-weight: var(--gse-core-fontWeight-semiBold);
629
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
630
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
631
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
632
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-md-semiBold-fontWeight));
633
633
  }
634
634
 
635
635
  .gux-body-md-bold {
636
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
637
- font-size: var(--gse-core-typography-body-md-fontSize);
638
- line-height: var(--gse-core-typography-body-md-lineHeight);
639
- font-weight: var(--gse-core-fontWeight-bold);
636
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
637
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
638
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
639
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-md-bold-fontWeight));
640
640
  }
641
641
 
642
642
  .gux-body-sm-regular {
643
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
644
- font-size: var(--gse-core-typography-body-sm-fontSize);
645
- line-height: var(--gse-core-typography-body-sm-lineHeight);
646
- font-weight: var(--gse-core-fontWeight-regular);
643
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
644
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
645
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
646
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
647
647
  }
648
648
 
649
649
  .gux-body-sm-semibold {
650
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
651
- font-size: var(--gse-core-typography-body-sm-fontSize);
652
- line-height: var(--gse-core-typography-body-sm-lineHeight);
653
- font-weight: var(--gse-core-fontWeight-semiBold);
650
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
651
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
652
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
653
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-sm-semiBold-fontWeight));
654
654
  }
655
655
 
656
656
  .gux-body-sm-bold {
657
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
658
- font-size: var(--gse-core-typography-body-sm-fontSize);
659
- line-height: var(--gse-core-typography-body-sm-lineHeight);
660
- font-weight: var(--gse-core-fontWeight-bold);
657
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
658
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
659
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
660
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-sm-bold-fontWeight));
661
661
  }
662
662
 
663
663
  .gux-ui-button {
664
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
665
- font-size: var(--gse-core-typography-body-md-fontSize);
664
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
665
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
666
666
  font-weight: var(--gse-core-fontWeight-semiBold);
667
- line-height: var(--gse-core-typography-body-md-lineHeight);
667
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
668
668
  }
669
669
 
670
670
  .gux-ui-link {
671
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
672
- font-size: var(--gse-core-typography-body-md-fontSize);
671
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
672
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
673
673
  font-weight: var(--gse-core-fontWeight-regular);
674
- line-height: var(--gse-core-typography-body-md-lineHeight);
674
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
675
675
  }
676
676
 
677
677
  .gux-ui-label {
678
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
679
- font-size: var(--gse-core-typography-body-sm-fontSize);
678
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
679
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
680
680
  font-weight: var(--gse-core-fontWeight-bold);
681
- line-height: var(--gse-core-typography-body-sm-lineHeight);
681
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
682
682
  }
683
683
 
684
684
  .gux-ui-placeholder {
685
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
686
- font-size: var(--gse-core-typography-body-sm-fontSize);
685
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
686
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
687
687
  font-weight: var(--gse-core-fontWeight-regular);
688
- line-height: var(--gse-core-typography-body-sm-lineHeight);
688
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
689
689
  }
690
690
 
691
691
  a {
692
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
692
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
693
693
  text-decoration: underline;
694
694
  border-radius: var(--gse-ui-links-borderRadius);
695
695
  }
696
696
  a:hover {
697
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
697
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
698
698
  }
699
699
  a:active {
700
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
700
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
701
701
  }
702
702
  a:visited {
703
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
703
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
704
704
  }
705
705
  a:focus-visible {
706
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
707
- outline-offset: var(--gse-semantic-focusRing-offset);
706
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
707
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
708
708
  }
709
709
 
710
710
  table a {
711
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
711
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
712
712
  text-decoration: underline;
713
713
  border-radius: var(--gse-ui-links-borderRadius);
714
714
  }
715
715
  table a:hover {
716
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
716
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
717
717
  }
718
718
  table a:active {
719
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
719
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
720
720
  }
721
721
  table a:visited {
722
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
722
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
723
723
  }
724
724
  table a:focus-visible {
725
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
726
- outline-offset: var(--gse-semantic-focusRing-offset);
725
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
726
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
727
727
  }
728
728
  table a {
729
729
  text-decoration: none;
730
730
  }
731
731
 
732
732
  .gux-ui-anchor {
733
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
733
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
734
734
  text-decoration: underline;
735
735
  border-radius: var(--gse-ui-links-borderRadius);
736
736
  }
737
737
  .gux-ui-anchor:hover {
738
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
738
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
739
739
  }
740
740
  .gux-ui-anchor:active {
741
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
741
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
742
742
  }
743
743
  .gux-ui-anchor:visited {
744
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
744
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
745
745
  }
746
746
  .gux-ui-anchor:focus-visible {
747
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
748
- outline-offset: var(--gse-semantic-focusRing-offset);
747
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
748
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
749
749
  }
750
750
 
751
751
  .gux-anchor-table {
752
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
752
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
753
753
  text-decoration: underline;
754
754
  border-radius: var(--gse-ui-links-borderRadius);
755
755
  }
756
756
  .gux-anchor-table:hover {
757
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
757
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
758
758
  }
759
759
  .gux-anchor-table:active {
760
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
760
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
761
761
  }
762
762
  .gux-anchor-table:visited {
763
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
763
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
764
764
  }
765
765
  .gux-anchor-table:focus-visible {
766
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
767
- outline-offset: var(--gse-semantic-focusRing-offset);
766
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
767
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
768
768
  }
769
769
  .gux-anchor-table {
770
770
  text-decoration: none;
package/dist/css/global.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../genesys-spark-tokens/dist/css/gse-core.css","../../../genesys-spark-tokens/dist/css/gse-semantic.css","../../src/style/global-focusable.scss","../../src/style/_focus.scss","../../src/style/_typography.scss","../../src/style/global-typography.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClUF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvEF;AAEE;ECHA;EAGA;;;ADKF;AAEE;ECVA;EAGA;;;ADYF;AAEE;ECjBA;EAGA;;;ADoBA;ECvBA;EAGA;;;AD0BA;EC7BA;EAGA;;;ADgCA;EC5BA;;;ADkCA;EClCA;;;ADwCA;ECxCA;;;AD6CF;ECpDE;EAGA;;;ADqDF;ECjDE;;;ACNF;AAAA;AAAA;AAIA;AAkKA;AA4GA;AChRA;EDIE;EAEA;EACA;EAkDA;;;ACrDF;EDOE;EAEA;EACA;EA2DA;;;ACjEF;EDUE;EAEA;EACA;EAoEA;;;AC7EF;AAAA;AAAA;EDaE;EAEA;EACA;EA6EA;;;ACvFF;AAAA;EDdE;EAEA;EACA;EAkDA;;;AClCF;EDnBE;EAEA;EACA;EAwDA;;;ACpCF;AAAA;EDhBE;EAEA;EACA;EA2DA;;;ACzCF;EDrBE;EAEA;EACA;EAiEA;;;AC3CF;AAAA;EDlBE;EAEA;EACA;EAoEA;;;AChDF;EDvBE;EAEA;EACA;EA0EA;;;AClDF;AAAA;EDpBE;EAEA;EACA;EA6EA;;;ACvDF;EDzBE;EAEA;EACA;EAmFA;;;ACzDF;AAAA;EDtBE;EAEA;EACA;EAsFA;;;AC9DF;ED3BE;EAEA;EACA;EA4FA;;;AChEF;EDxBE;EAEA;EACA;EA2GA;;;AClFF;AAAA;ED5BE;EAEA;EACA;EA+FA;;;ACjEF;EDjCE;EAEA;EACA;EAqGA;;;ACnEF;ED9BE;EAEA;EACA;EACA;EACA;EA4GA;;;AC7EF;EDkGE;EAEA;EACA;EA0CA;;;AC3IF;EDgFE;EAEA;EACA;EAoBA;;;ACnGF;ED4EE;EAEA;EACA;EA0BA;;;ACrGF;EDwEE;EAEA;EACA;EAgCA;;;ACvGF;ED2EE;EAEA;EACA;EA+BA;;;ACzGF;EDuEE;EAEA;EACA;EAqCA;;;AC3GF;EDmEE;EAEA;EACA;EA2CA;;;AC7GF;EDsEE;EAEA;EACA;EA0CA;;;AC/GF;EDkEE;EAEA;EACA;EAgDA;;;ACjHF;ED8DE;EAEA;EACA;EAsDA;;;ACjHF;EDqHE;EAEA;EACA;EACA;;;ACrHF;EDyHE;EAEA;EACA;EACA;;;ACzHF;ED6HE;EAEA;EACA;EACA;;;AC7HF;EDiIE;EAEA;EACA;EACA;;;AC/HF;EDoIE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EDjTA;EAGA;;;AEkJF;EDgIE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EDjTA;EAGA;;ACuTA;EACE;;;AClKJ;ED4HE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EDjTA;EAGA;;;AE0JF;EDwHE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EDjTA;EAGA;;ACuTA;EACE;;;ACzJF;EACE","file":"global.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../genesys-spark-tokens/dist/css/gse-core.css","../../../genesys-spark-tokens/dist/css/gse-semantic.css","../../src/style/global-focusable.scss","../../src/style/_focus.scss","../../src/style/_typography.scss","../../src/style/global-typography.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClUF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvEF;AAEE;ECHA;EASA;;;ADDF;AAEE;ECVA;EASA;;;ADMF;AAEE;ECjBA;EASA;;;ADcA;ECvBA;EASA;;;ADoBA;EC7BA;EASA;;;AD0BA;ECnBA;;;ADyBA;ECzBA;;;AD+BA;EC/BA;;;ADoCF;ECpDE;EASA;;;AD+CF;ECxCE;;;ACfF;AAAA;AAAA;AAIA;AA2SA;AA6MA;AC1fA;EDIE;EASA;EAIA;EAyIA;;;ACtJF;EDoBE;EASA;EAIA;EA2IA;;;ACxKF;EDoCE;EASA;EAIA;EA6IA;;;AC1LF;AAAA;AAAA;EDoDE;EASA;EAIA;EA+IA;;;AC1MF;AAAA;EDdE;EASA;EAIA;EAyIA;;;ACnIF;EDnBE;EASA;EAIA;EAkJA;;;ACxIF;AAAA;EDHE;EASA;EAIA;EA2IA;;;AChJF;EDRE;EASA;EAIA;EAoJA;;;ACrJF;AAAA;EDQE;EASA;EAIA;EA6IA;;;AC7JF;EDGE;EASA;EAIA;EAsJA;;;AClKF;AAAA;EDmBE;EASA;EAIA;EA+IA;;;AC1KF;EDcE;EASA;EAIA;EAwJA;;;AC/KF;AAAA;ED8BE;EASA;EAIA;EAiJA;;;ACvLF;EDyBE;EASA;EAIA;EA0JA;;;AC5LF;EDyCE;EASA;EAIA;EAqKA;;;ACvNF;AAAA;EDqCE;EASA;EAIA;EAmJA;;;AChMF;EDgCE;EASA;EAIA;EA4JA;;;ACrMF;EDgDE;EASA;EAIA;EAIA;EAIA;EAsJA;;;ACrNF;ED+PE;EAMA;EAIA;EA+DA;;;ACpUF;EDyNE;EAMA;EAIA;EA2CA;;;AC1QF;EDqNE;EAMA;EAIA;EAoDA;;;AC/QF;EDiNE;EAMA;EAIA;EA6DA;;;ACpRF;ED8NE;EAMA;EAIA;EAqDA;;;ACzRF;ED0NE;EAMA;EAIA;EA8DA;;;AC9RF;EDsNE;EAMA;EAIA;EAuEA;;;ACnSF;EDmOE;EAMA;EAIA;EA+DA;;;ACxSF;ED+NE;EAMA;EAIA;EAwEA;;;AC7SF;ED2NE;EAMA;EAIA;EAiFA;;;AChTF;EDuTE;EAMA;EAIA;EACA;;;AC9TF;EDqUE;EAMA;EAIA;EACA;;;AC5UF;EDmVE;EAMA;EAIA;EACA;;;AC1VF;EDiWE;EAMA;EAIA;EACA;;;ACtWF;ED8WE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;ED3hBA;EASA;;;AE4IF;ED0WE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;ED3hBA;EASA;;AC2hBA;EACE;;;AC5YJ;EDsWE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;ED3hBA;EASA;;;AEoJF;EDkWE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;ED3hBA;EASA;;AC2hBA;EACE;;;ACnYF;EACE","file":"global.css"}
package/dist/css/ui.css CHANGED
@@ -341,8 +341,8 @@
341
341
  --gse-ui-popover-anchor-height: 9px;
342
342
  --gse-ui-progressAndLoading-spinner-foreground: #4856cb;
343
343
  --gse-ui-progressAndLoading-spinner-base: #ced2fc;
344
- --gse-ui-progressAndLoading-spinner-large: 48;
345
- --gse-ui-progressAndLoading-spinner-small: 16;
344
+ --gse-ui-progressAndLoading-spinner-large: 48px;
345
+ --gse-ui-progressAndLoading-spinner-small: 16px;
346
346
  --gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans";
347
347
  --gse-ui-progressAndLoading-spinner-text-fontWeight: 600;
348
348
  --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px;