@scania/tegel 1.30.0-beta-enhance-focus-dropdown.0 → 1.31.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 (46) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-accordion-item.cjs.entry.js +25 -3
  3. package/dist/cjs/tds-dropdown_2.cjs.entry.js +9 -30
  4. package/dist/cjs/tds-modal.cjs.entry.js +14 -4
  5. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  6. package/dist/cjs/tegel.cjs.js +1 -1
  7. package/dist/collection/components/accordion/accordion-item/accordion-item.js +77 -4
  8. package/dist/collection/components/dropdown/dropdown.js +9 -30
  9. package/dist/collection/components/modal/modal.js +45 -4
  10. package/dist/collection/components/popover-core/tds-popover-core.css +359 -89
  11. package/dist/components/{p-e7d40d15.js → p-4420365f.js} +1 -1
  12. package/dist/components/{p-c54d2efe.js → p-516d8085.js} +1 -1
  13. package/dist/components/p-96e83134.js +2098 -0
  14. package/dist/components/{p-0f58e26f.js → p-adbf32b9.js} +9 -30
  15. package/dist/components/tds-accordion-item.js +30 -5
  16. package/dist/components/tds-dropdown.js +1 -1
  17. package/dist/components/tds-header-dropdown.js +2 -2
  18. package/dist/components/tds-header-launcher.js +2 -2
  19. package/dist/components/tds-modal.js +15 -4
  20. package/dist/components/tds-popover-canvas.js +1 -1
  21. package/dist/components/tds-popover-core.js +1 -1
  22. package/dist/components/tds-popover-menu.js +1 -1
  23. package/dist/components/tds-table-footer.js +1 -1
  24. package/dist/components/tds-textarea.js +2 -2
  25. package/dist/components/tds-tooltip.js +1 -1
  26. package/dist/esm/loader.js +1 -1
  27. package/dist/esm/tds-accordion-item.entry.js +25 -3
  28. package/dist/esm/tds-dropdown_2.entry.js +9 -30
  29. package/dist/esm/tds-modal.entry.js +14 -4
  30. package/dist/esm/tds-popover-core.entry.js +1 -1
  31. package/dist/esm/tegel.js +1 -1
  32. package/dist/tegel/p-2b8e97e1.entry.js +1 -0
  33. package/dist/tegel/p-3e4707fb.entry.js +1 -0
  34. package/dist/tegel/p-ae0fed95.entry.js +1 -0
  35. package/dist/tegel/p-b58c7bed.entry.js +1 -0
  36. package/dist/tegel/tegel.css +1 -3
  37. package/dist/tegel/tegel.esm.js +1 -1
  38. package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +6 -0
  39. package/dist/types/components/modal/modal.d.ts +6 -2
  40. package/dist/types/components.d.ts +21 -0
  41. package/package.json +1 -1
  42. package/dist/components/p-405c5512.js +0 -2098
  43. package/dist/tegel/p-acdd29b8.entry.js +0 -1
  44. package/dist/tegel/p-c3d91dfa.entry.js +0 -1
  45. package/dist/tegel/p-d56f426f.entry.js +0 -1
  46. package/dist/tegel/p-f71c3fca.entry.js +0 -1
package/dist/collection/components/popover-core/tds-popover-core.css CHANGED
@@ -347,43 +347,131 @@
347
347
  /**
348
348
  * Do not edit directly, this file was auto-generated.
349
349
  */
350
- .scania-light,
351
- .tds-mode-light {
352
- --component-header-typography-application-name: medium;
353
- --component-header-typography-line-height: 16px;
354
- --component-header-typography-kerning: 0px;
355
- --component-header-typography-line-height-with-logo: 10px;
350
+ .scania-light, .tds-mode-light {
351
+ --component-header-color-dropdown-text-transform: none;
352
+ --component-header-color-dropdown-letter-spacing: -0.14px;
353
+ --component-header-color-dropdown-font-size: 14px;
354
+ --component-header-color-dropdown-line-height: 16px;
355
+ --component-header-text-component-title-01-menu-text-transform: none;
356
+ --component-header-text-component-title-01-menu-font-size: 14px;
357
+ --component-header-text-component-title-01-menu-line-height: 16px;
358
+ --component-header-text-component-title-01-menu-letter-spacing: -0.14px;
359
+ --component-header-text-application-name-text-transform: none;
360
+ --component-header-text-application-name-font-size: 14px;
361
+ --component-header-text-application-name-line-height: 16px;
362
+ --component-header-text-application-name-letter-spacing: 0px;
356
363
  --component-side-menu-padding-sub-menu-item-chevron-right-padding: 12px;
357
364
  --component-side-menu-padding-top-level-top: 14px;
358
365
  --component-side-menu-padding-collapsed-item-left-right-inner-icon-padding: 12px;
359
366
  --component-side-menu-padding-collapsed-item-top-bottom-inner-icon-padding: 12px;
360
- --component-side-menu-padding-sub-page-top-bottom: 8px;
361
- --component-side-menu-padding-sub-page-left-with-icon: 40px;
362
367
  --component-side-menu-padding-sub-page-left-no-icon: 14px;
363
- --component-side-menu-padding-sub-page-left-profile: 48px;
364
- --component-side-menu-padding-sub-page-top-group: 4px;
365
368
  --component-side-menu-padding-sub-page-selected-marker-height: 34px;
366
- --component-side-menu-padding-sub-page-selected-marker-width: 8px;
367
- --component-logo-footer-right-logo: true;
368
- --component-logo-tra-left-logo: false;
369
- --component-logo-tds-right-logo: true;
370
- --component-logo-tra-right-logo: false;
371
- --component-logo-tds-left-logo: true;
372
- --component-logo-wordmark: Scania;
369
+ --component-logo-visibility-footer-right-logo: true;
370
+ --component-logo-visibility-tra-left-logo: false;
371
+ --component-logo-visibility-tds-right-logo: true;
372
+ --component-logo-visibility-tra-right-logo: false;
373
+ --component-logo-visibility-tds-left-logo: true;
374
+ --component-logo-string-wordmark: Scania;
373
375
  --component-text-detail-01-bold-text-transform: none;
374
376
  --component-text-detail-01-bold-line-height: 16px;
375
377
  --component-text-detail-01-bold-letter-spacing: 0px;
376
378
  --component-text-detail-01-bold-font-size: 12px;
377
- --overrides-text-detail-01-bold-text-transform: none;
378
- --overrides-text-detail-01-bold-line-height: 16px;
379
- --overrides-text-detail-01-bold-letter-spacing: 0px;
380
- --overrides-text-detail-01-bold-font-size: 12px;
381
- --footer-right-logo: true;
382
- --tra-left-logo: false;
383
- --tds-right-logo: true;
384
- --tra-right-logo: false;
385
- --tds-left-logo: true;
386
- --wordmark: Scania;
379
+ --text-display-01-text-transform: uppercase;
380
+ --text-display-01-letter-spacing: 0px;
381
+ --text-display-01-font-size: 216px;
382
+ --text-display-01-line-height: 183px;
383
+ --text-display-02-text-transform: uppercase;
384
+ --text-display-02-font-size: 156px;
385
+ --text-display-02-line-height: 148px;
386
+ --text-display-02-letter-spacing: 0px;
387
+ --text-display-03-text-transform: uppercase;
388
+ --text-display-03-font-size: 112px;
389
+ --text-display-03-line-height: 106px;
390
+ --text-display-03-letter-spacing: 0px;
391
+ --text-display-04-text-transform: uppercase;
392
+ --text-display-04-font-size: 80px;
393
+ --text-display-04-line-height: 80px;
394
+ --text-display-04-letter-spacing: 0px;
395
+ --text-display-05-text-transform: uppercase;
396
+ --text-display-05-font-size: 56px;
397
+ --text-display-05-line-height: 56px;
398
+ --text-display-05-letter-spacing: 0px;
399
+ --text-headline-01-text-transform: uppercase;
400
+ --text-headline-01-font-size: 40px;
401
+ --text-headline-01-line-height: 40px;
402
+ --text-headline-01-letter-spacing: 0px;
403
+ --text-headline-02-text-transform: none;
404
+ --text-headline-02-font-size: 32px;
405
+ --text-headline-02-line-height: 32px;
406
+ --text-headline-02-letter-spacing: -1.28px;
407
+ --text-headline-03-text-transform: none;
408
+ --text-headline-03-font-size: 24px;
409
+ --text-headline-03-line-height: 24px;
410
+ --text-headline-03-letter-spacing: -0.72px;
411
+ --text-headline-04-text-transform: none;
412
+ --text-headline-04-font-size: 20px;
413
+ --text-headline-04-line-height: 24px;
414
+ --text-headline-04-letter-spacing: -0.4px;
415
+ --text-headline-05-text-transform: none;
416
+ --text-headline-05-font-size: 16px;
417
+ --text-headline-05-line-height: 24px;
418
+ --text-headline-05-letter-spacing: -0.32px;
419
+ --text-headline-06-text-transform: uppercase;
420
+ --text-headline-06-font-size: 14px;
421
+ --text-headline-06-line-height: 16px;
422
+ --text-headline-06-letter-spacing: -0.28px;
423
+ --text-paragraph-01-text-transform: none;
424
+ --text-paragraph-01-font-size: 24px;
425
+ --text-paragraph-01-line-height: 32px;
426
+ --text-paragraph-01-letter-spacing: -0.72px;
427
+ --text-paragraph-02-text-transform: none;
428
+ --text-paragraph-02-font-size: 20px;
429
+ --text-paragraph-02-line-height: 24px;
430
+ --text-paragraph-02-letter-spacing: -0.2px;
431
+ --text-body-01-text-transform: none;
432
+ --text-body-01-font-size: 16px;
433
+ --text-body-01-line-height: 24px;
434
+ --text-body-01-letter-spacing: -0.32px;
435
+ --text-body-02-text-transform: none;
436
+ --text-body-02-font-size: 14px;
437
+ --text-body-02-line-height: 20px;
438
+ --text-body-02-letter-spacing: -0.14px;
439
+ --text-component-text-01-text-transform: none;
440
+ --text-component-text-01-font-size: 14px;
441
+ --text-component-text-01-line-height: 16px;
442
+ --text-component-text-01-letter-spacing: -0.14px;
443
+ --text-component-text-02-text-transform: none;
444
+ --text-component-text-02-font-size: 14px;
445
+ --text-component-text-02-line-height: 20px;
446
+ --text-component-text-02-letter-spacing: -0.14px;
447
+ --text-component-label-01-text-transform: none;
448
+ --text-component-label-01-font-size: 12px;
449
+ --text-component-label-01-line-height: 16px;
450
+ --text-component-label-01-letter-spacing: 0px;
451
+ --text-component-label-02-transform: none;
452
+ --text-component-label-02-font-size: 10px;
453
+ --text-component-label-02-line-height: 8px;
454
+ --text-component-label-02-letter-spacing: 0px;
455
+ --text-component-title-01-text-transform: none;
456
+ --text-component-title-01-text-transform-2: none;
457
+ --text-component-title-01-font-size: 14px;
458
+ --text-component-title-01-line-height: 16px;
459
+ --text-component-title-01-letter-spacing: -0.14px;
460
+ --text-component-title-01-letter-spacing-2: -0.14px;
461
+ --text-component-title-01-font-size-2: 14px;
462
+ --text-component-title-01-line-height-2: 16px;
463
+ --text-component-title-02-text-transform: uppercase;
464
+ --text-component-title-02-font-size: 10px;
465
+ --text-component-title-02-line-height: 16px;
466
+ --text-component-title-02-letter-spacing: 0.8px;
467
+ --text-link-01-text-transform: none;
468
+ --text-link-01-font-size: 16px;
469
+ --text-link-01-line-height: 24px;
470
+ --text-link-01-letter-spacing: -0.32px;
471
+ --text-link-02-text-transform: none;
472
+ --text-link-02-font-size: 14px;
473
+ --text-link-02-line-height: 20px;
474
+ --text-link-02-letter-spacing: -0.14px;
387
475
  --color-background-base: var(--scania-color-grey-00);
388
476
  --color-background-accent-primary-default: var(--scania-color-blue-600);
389
477
  --color-background-accent-primary-disabled: var(--scania-color-grey-50);
@@ -516,6 +604,12 @@
516
604
  --component-header-color-expressive-mobile-menu-selected-expressive: var(--scania-color-blue-800);
517
605
  --component-header-color-background: var(--scania-color-blue-800);
518
606
  --component-header-color-dropdown-focus: var(--traton-color-blue-1000);
607
+ --component-header-color-dropdown-font-family: var(--scania-font-family-semi-condensed);
608
+ --component-header-color-dropdown-font-weight: var(--scania-font-weight-bold);
609
+ --component-header-text-component-title-01-menu-font-family: var(--scania-font-family-semi-condensed);
610
+ --component-header-text-component-title-01-menu-font-weight: var(--scania-font-weight-regular);
611
+ --component-header-text-application-name-font-family: var(--scania-font-family-display);
612
+ --component-header-text-application-name-font-weight: var(--scania-font-weight-regular);
519
613
  --component-side-menu-states-default: var(--scania-color-grey-00);
520
614
  --component-side-menu-states-hover: var(--scania-color-grey-50);
521
615
  --component-side-menu-states-pressed: var(--scania-color-grey-100);
@@ -532,7 +626,14 @@
532
626
  --component-side-menu-padding-top-level-left: var(--scania-unit-16);
533
627
  --component-side-menu-padding-top-level-horizontal-gap-padding: var(--scania-unit-4);
534
628
  --component-side-menu-padding-top-level-bottom-collapsible: var(--scania-unit-16);
629
+ --component-side-menu-padding-sub-page-top-bottom: var(--scania-unit-8);
630
+ --component-side-menu-padding-sub-page-left-with-icon: var(--scania-unit-40);
631
+ --component-side-menu-padding-sub-page-left-profile: var(--scania-unit-48);
632
+ --component-side-menu-padding-sub-page-top-group: var(--scania-unit-4);
633
+ --component-side-menu-padding-sub-page-selected-marker-width: var(--scania-unit-8);
535
634
  --component-side-menu-radius-corner-radius: var(--scania-unit-8);
635
+ --component-footer-primary: var(--scania-color-blue-800);
636
+ --component-footer-border: var(--scania-color-blue-700);
536
637
  --component-card-padding-padding: var(--scania-unit-16);
537
638
  --component-shadow-hover: var(--scania-color-transparent-shadow-250);
538
639
  --component-shadow-default: var(--scania-color-transparent-shadow-150);
@@ -554,14 +655,54 @@
554
655
  --component-input-field-border-focus-right: var(--scania-unit-0);
555
656
  --component-input-field-border-focus-bottom: var(--scania-unit-2);
556
657
  --component-input-field-border-focus-left: var(--scania-unit-0);
557
- --overrides-shadow-dragged: var(--scania-color-transparent-shadow-200);
558
- --overrides-shadow-pressed: var(--scania-color-transparent-shadow-250);
559
- --overrides-shadow-hover: var(--scania-color-transparent-shadow-250);
560
- --overrides-shadow-default: var(--scania-color-transparent-shadow-150);
561
- --overrides-shadow-focus: var(--scania-color-transparent-shadow-350);
562
- --overrides-shadow-base-modifier: var(--scania-color-transparent-shadow-100);
563
- --overrides-text-detail-01-bold-font-family: var(--scania-font-family-semi-condensed);
564
- --overrides-text-detail-01-bold-font-weight: var(--scania-font-weight-bold);
658
+ --text-display-01-font-family: var(--scania-font-family-display);
659
+ --text-display-01-font-weight: var(--scania-font-weight-bold);
660
+ --text-display-02-font-family: var(--scania-font-family-display);
661
+ --text-display-02-font-weight: var(--scania-font-weight-bold);
662
+ --text-display-03-font-family: var(--scania-font-family-display);
663
+ --text-display-03-font-weight: var(--scania-font-weight-bold);
664
+ --text-display-04-font-family: var(--scania-font-family-display);
665
+ --text-display-04-font-weight: var(--scania-font-weight-bold);
666
+ --text-display-05-font-family: var(--scania-font-family-display);
667
+ --text-display-05-font-weight: var(--scania-font-weight-bold);
668
+ --text-headline-01-font-family: var(--scania-font-family-display);
669
+ --text-headline-01-font-weight: var(--scania-font-weight-bold);
670
+ --text-headline-02-font-family: var(--scania-font-family-default);
671
+ --text-headline-02-font-weight: var(--scania-font-weight-bold);
672
+ --text-headline-03-font-family: var(--scania-font-family-default);
673
+ --text-headline-03-font-weight: var(--scania-font-weight-bold);
674
+ --text-headline-04-font-family: var(--scania-font-family-default);
675
+ --text-headline-04-font-weight: var(--scania-font-weight-bold);
676
+ --text-headline-05-font-family: var(--scania-font-family-default);
677
+ --text-headline-05-font-weight: var(--scania-font-weight-bold);
678
+ --text-headline-06-font-family: var(--scania-font-family-default);
679
+ --text-headline-06-font-weight: var(--scania-font-weight-bold);
680
+ --text-paragraph-01-font-family: var(--scania-font-family-default);
681
+ --text-paragraph-01-font-weight: var(--scania-font-weight-regular);
682
+ --text-paragraph-02-font-family: var(--scania-font-family-default);
683
+ --text-paragraph-02-font-weight: var(--scania-font-weight-regular);
684
+ --text-body-01-font-family: var(--scania-font-family-default);
685
+ --text-body-01-font-weight: var(--scania-font-weight-regular);
686
+ --text-body-02-font-family: var(--scania-font-family-default);
687
+ --text-body-02-font-weight: var(--scania-font-weight-regular);
688
+ --text-component-text-01-font-family: var(--scania-font-family-semi-condensed);
689
+ --text-component-text-01-font-weight: var(--scania-font-weight-regular);
690
+ --text-component-text-02-font-family: var(--scania-font-family-semi-condensed);
691
+ --text-component-text-02-font-weight: var(--scania-font-weight-regular);
692
+ --text-component-label-01-font-family: var(--scania-font-family-semi-condensed);
693
+ --text-component-label-01-font-weight: var(--scania-font-weight-regular);
694
+ --text-component-label-02-font-family: var(--scania-font-family-semi-condensed);
695
+ --text-component-label-02-font-weight: var(--scania-font-weight-regular);
696
+ --text-component-title-01-font-family: var(--scania-font-family-semi-condensed);
697
+ --text-component-title-01-font-family-2: var(--scania-font-family-semi-condensed);
698
+ --text-component-title-01-font-weight: var(--scania-font-weight-bold);
699
+ --text-component-title-01-font-weight-2: var(--scania-font-weight-bold);
700
+ --text-component-title-02-font-family: var(--scania-font-family-default);
701
+ --text-component-title-02-font-weight: var(--scania-font-weight-bold);
702
+ --text-link-01-font-family: var(--scania-font-family-default);
703
+ --text-link-01-font-weight: var(--scania-font-weight-regular);
704
+ --text-link-02-font-family: var(--scania-font-family-default);
705
+ --text-link-02-font-weight: var(--scania-font-weight-regular);
565
706
  --dimension-space-tiny: var(--scania-unit-4);
566
707
  --dimension-space-small: var(--scania-unit-16);
567
708
  --dimension-space-medium: var(--scania-unit-24);
@@ -574,7 +715,7 @@
574
715
  --dimension-radius-soft: var(--scania-unit-8);
575
716
  --dimension-radius-rounded: var(--scania-unit-32);
576
717
  --dimension-radius-circle: var(--scania-unit-9999);
577
- --dimension-radius-for-area-large-area: var(--scania-unit-16);
718
+ --dimension-radius-for-area-large: var(--scania-unit-16);
578
719
  --dimension-radius-for-area-small: var(--scania-unit-2);
579
720
  --dimension-radius-focus-width: var(--scania-unit-2);
580
721
  --component-header-color-dropdown-hover: var(--color-background-surface-100);
@@ -589,8 +730,8 @@
589
730
  --component-table-cell: var(--color-background-layer-01);
590
731
  --component-stepper-success: var(--color-system-success-default);
591
732
  --component-spinner-color: var(--color-system-info-default);
592
- --component-footer-copyright: var(--color-foreground-text-inverse-soft);
593
- --component-footer-link-text: var(--color-foreground-text-brand);
733
+ --component-footer-text-color-copyright: var(--color-foreground-text-inverse-soft);
734
+ --component-footer-text-color-link-text: var(--color-foreground-text-brand);
594
735
  --component-dropdown-list-item-secondary-hover: var(--color-background-surface-100);
595
736
  --component-dropdown-list-item-secondary-focus: var(--color-background-surface-100);
596
737
  --component-dropdown-list-item-focus: var(--color-background-surface-100);
@@ -613,60 +754,141 @@
613
754
  --component-chip-color-hover-on-selected: var(--color-system-info-defined);
614
755
  --component-chip-color-default: var(--color-background-surface-200);
615
756
  --component-chip-foreground-inverse: var(--color-foreground-text-inverse-strong);
616
- --component-chip-foreground-foreground-disabled-selected: var(
617
- --color-foreground-text-inverse-subtle
618
- );
757
+ --component-chip-foreground-foreground-disabled-selected: var(--color-foreground-text-inverse-subtle);
619
758
  --component-chip-border-selected-focus-border: var(--color-system-info-defined);
620
759
  --component-logo-fill: var(--color-brand-neutral-white);
621
760
  --component-cookie-primary-text-inverse: var(--color-brand-neutral-white);
622
- --copyright: var(--color-foreground-text-inverse-soft);
623
- --text: var(--color-brand-neutral-white);
624
- --fill: var(--color-brand-neutral-white);
625
- --background: var(--color-system-danger-default);
626
- --link-text: var(--color-foreground-text-brand);
627
761
  }
628
762
 
629
763
  /**
630
764
  * Do not edit directly, this file was auto-generated.
631
765
  */
632
- .scania-dark,
633
- .tds-mode-dark {
634
- --component-header-typography-application-name: medium;
635
- --component-header-typography-line-height: 16px;
636
- --component-header-typography-kerning: 0px;
637
- --component-header-typography-line-height-with-logo: 10px;
766
+ .scania-dark, .tds-mode-dark {
767
+ --component-header-color-dropdown-text-transform: none;
768
+ --component-header-color-dropdown-letter-spacing: -0.14px;
769
+ --component-header-color-dropdown-font-size: 14px;
770
+ --component-header-color-dropdown-line-height: 16px;
771
+ --component-header-text-component-title-01-menu-text-transform: none;
772
+ --component-header-text-component-title-01-menu-font-size: 14px;
773
+ --component-header-text-component-title-01-menu-line-height: 16px;
774
+ --component-header-text-component-title-01-menu-letter-spacing: -0.14px;
775
+ --component-header-text-application-name-text-transform: none;
776
+ --component-header-text-application-name-font-size: 14px;
777
+ --component-header-text-application-name-line-height: 16px;
778
+ --component-header-text-application-name-letter-spacing: 0px;
638
779
  --component-side-menu-padding-sub-menu-item-chevron-right-padding: 12px;
639
780
  --component-side-menu-padding-sub-menu-item-selected-marker-height: 40px;
640
781
  --component-side-menu-padding-top-level-top: 14px;
641
782
  --component-side-menu-padding-collapsed-item-left-right-inner-icon-padding: 12px;
642
783
  --component-side-menu-padding-collapsed-item-top-bottom-inner-icon-padding: 12px;
643
- --component-side-menu-padding-sub-page-top-bottom: 8px;
644
- --component-side-menu-padding-sub-page-left-with-icon: 40px;
645
784
  --component-side-menu-padding-sub-page-left-no-icon: 14px;
646
- --component-side-menu-padding-sub-page-left-profile: 48px;
647
- --component-side-menu-padding-sub-page-top-group: 4px;
648
785
  --component-side-menu-padding-sub-page-selected-marker-height: 34px;
649
- --component-side-menu-padding-sub-page-selected-marker-width: 8px;
650
- --component-logo-footer-right-logo: true;
651
- --component-logo-tra-left-logo: false;
652
- --component-logo-tds-right-logo: true;
653
- --component-logo-tra-right-logo: false;
654
- --component-logo-tds-left-logo: true;
655
- --component-logo-wordmark: Scania;
786
+ --component-logo-visibility-footer-right-logo: true;
787
+ --component-logo-visibility-tra-left-logo: false;
788
+ --component-logo-visibility-tds-right-logo: true;
789
+ --component-logo-visibility-tra-right-logo: false;
790
+ --component-logo-visibility-tds-left-logo: true;
791
+ --component-logo-string-wordmark: Scania;
656
792
  --component-text-detail-01-bold-text-transform: none;
657
793
  --component-text-detail-01-bold-line-height: 16px;
658
794
  --component-text-detail-01-bold-letter-spacing: 0px;
659
795
  --component-text-detail-01-bold-font-size: 12px;
660
- --overrides-text-detail-01-bold-text-transform: none;
661
- --overrides-text-detail-01-bold-line-height: 16px;
662
- --overrides-text-detail-01-bold-letter-spacing: 0px;
663
- --overrides-text-detail-01-bold-font-size: 12px;
664
- --footer-right-logo: true;
665
- --tra-left-logo: false;
666
- --tds-right-logo: true;
667
- --tra-right-logo: false;
668
- --tds-left-logo: true;
669
- --wordmark: Scania;
796
+ --text-display-01-text-transform: uppercase;
797
+ --text-display-01-letter-spacing: 0px;
798
+ --text-display-01-font-size: 216px;
799
+ --text-display-01-line-height: 183px;
800
+ --text-display-02-text-transform: uppercase;
801
+ --text-display-02-font-size: 156px;
802
+ --text-display-02-line-height: 148px;
803
+ --text-display-02-letter-spacing: 0px;
804
+ --text-display-03-text-transform: uppercase;
805
+ --text-display-03-font-size: 112px;
806
+ --text-display-03-line-height: 106px;
807
+ --text-display-03-letter-spacing: 0px;
808
+ --text-display-04-text-transform: uppercase;
809
+ --text-display-04-font-size: 80px;
810
+ --text-display-04-line-height: 80px;
811
+ --text-display-04-letter-spacing: 0px;
812
+ --text-display-05-text-transform: uppercase;
813
+ --text-display-05-font-size: 56px;
814
+ --text-display-05-line-height: 56px;
815
+ --text-display-05-letter-spacing: 0px;
816
+ --text-headline-01-text-transform: uppercase;
817
+ --text-headline-01-font-size: 40px;
818
+ --text-headline-01-line-height: 40px;
819
+ --text-headline-01-letter-spacing: 0px;
820
+ --text-headline-02-text-transform: none;
821
+ --text-headline-02-font-size: 32px;
822
+ --text-headline-02-line-height: 32px;
823
+ --text-headline-02-letter-spacing: -1.28px;
824
+ --text-headline-03-text-transform: none;
825
+ --text-headline-03-font-size: 24px;
826
+ --text-headline-03-line-height: 24px;
827
+ --text-headline-03-letter-spacing: -0.72px;
828
+ --text-headline-04-text-transform: none;
829
+ --text-headline-04-font-size: 20px;
830
+ --text-headline-04-line-height: 24px;
831
+ --text-headline-04-letter-spacing: -0.4px;
832
+ --text-headline-05-text-transform: none;
833
+ --text-headline-05-font-size: 16px;
834
+ --text-headline-05-line-height: 24px;
835
+ --text-headline-05-letter-spacing: -0.32px;
836
+ --text-headline-06-text-transform: uppercase;
837
+ --text-headline-06-font-size: 14px;
838
+ --text-headline-06-line-height: 16px;
839
+ --text-headline-06-letter-spacing: -0.28px;
840
+ --text-paragraph-01-text-transform: none;
841
+ --text-paragraph-01-font-size: 24px;
842
+ --text-paragraph-01-line-height: 32px;
843
+ --text-paragraph-01-letter-spacing: -0.72px;
844
+ --text-paragraph-02-text-transform: none;
845
+ --text-paragraph-02-font-size: 20px;
846
+ --text-paragraph-02-line-height: 24px;
847
+ --text-paragraph-02-letter-spacing: -0.2px;
848
+ --text-body-01-text-transform: none;
849
+ --text-body-01-font-size: 16px;
850
+ --text-body-01-line-height: 24px;
851
+ --text-body-01-letter-spacing: -0.32px;
852
+ --text-body-02-text-transform: none;
853
+ --text-body-02-font-size: 14px;
854
+ --text-body-02-line-height: 20px;
855
+ --text-body-02-letter-spacing: -0.14px;
856
+ --text-component-text-01-text-transform: none;
857
+ --text-component-text-01-font-size: 14px;
858
+ --text-component-text-01-line-height: 16px;
859
+ --text-component-text-01-letter-spacing: -0.14px;
860
+ --text-component-text-02-text-transform: none;
861
+ --text-component-text-02-font-size: 14px;
862
+ --text-component-text-02-line-height: 20px;
863
+ --text-component-text-02-letter-spacing: -0.14px;
864
+ --text-component-label-01-text-transform: none;
865
+ --text-component-label-01-font-size: 12px;
866
+ --text-component-label-01-line-height: 16px;
867
+ --text-component-label-01-letter-spacing: 0px;
868
+ --text-component-label-02-transform: none;
869
+ --text-component-label-02-font-size: 10px;
870
+ --text-component-label-02-line-height: 8px;
871
+ --text-component-label-02-letter-spacing: 0px;
872
+ --text-component-title-01-text-transform: none;
873
+ --text-component-title-01-text-transform-2: none;
874
+ --text-component-title-01-font-size: 14px;
875
+ --text-component-title-01-line-height: 16px;
876
+ --text-component-title-01-letter-spacing: -0.14px;
877
+ --text-component-title-01-letter-spacing-2: -0.14px;
878
+ --text-component-title-01-font-size-2: 14px;
879
+ --text-component-title-01-line-height-2: 16px;
880
+ --text-component-title-02-text-transform: uppercase;
881
+ --text-component-title-02-font-size: 10px;
882
+ --text-component-title-02-line-height: 16px;
883
+ --text-component-title-02-letter-spacing: 0.8px;
884
+ --text-link-01-text-transform: none;
885
+ --text-link-01-font-size: 16px;
886
+ --text-link-01-line-height: 24px;
887
+ --text-link-01-letter-spacing: -0.32px;
888
+ --text-link-02-text-transform: none;
889
+ --text-link-02-font-size: 14px;
890
+ --text-link-02-line-height: 20px;
891
+ --text-link-02-letter-spacing: -0.14px;
670
892
  --color-background-base: var(--scania-color-grey-950);
671
893
  --color-background-accent-primary-default: var(--scania-color-blue-400);
672
894
  --color-background-accent-primary-disabled: var(--scania-color-grey-850);
@@ -800,6 +1022,12 @@
800
1022
  --component-header-color-background: var(--scania-color-blue-900);
801
1023
  --component-header-color-dropdown-hover: var(--traton-color-blue-900);
802
1024
  --component-header-color-dropdown-focus: var(--traton-color-blue-1000);
1025
+ --component-header-color-dropdown-font-family: var(--scania-font-family-semi-condensed);
1026
+ --component-header-color-dropdown-font-weight: var(--scania-font-weight-bold);
1027
+ --component-header-text-component-title-01-menu-font-family: var(--scania-font-family-semi-condensed);
1028
+ --component-header-text-component-title-01-menu-font-weight: var(--scania-font-weight-regular);
1029
+ --component-header-text-application-name-font-family: var(--scania-font-family-display);
1030
+ --component-header-text-application-name-font-weight: var(--scania-font-weight-regular);
803
1031
  --component-side-menu-states-default: var(--scania-color-grey-950);
804
1032
  --component-side-menu-states-hover: var(--scania-color-grey-900);
805
1033
  --component-side-menu-states-pressed: var(--scania-color-grey-850);
@@ -815,7 +1043,14 @@
815
1043
  --component-side-menu-padding-top-level-left: var(--scania-unit-16);
816
1044
  --component-side-menu-padding-top-level-horizontal-gap-padding: var(--scania-unit-4);
817
1045
  --component-side-menu-padding-top-level-bottom-collapsible: var(--scania-unit-16);
1046
+ --component-side-menu-padding-sub-page-top-bottom: var(--scania-unit-8);
1047
+ --component-side-menu-padding-sub-page-left-with-icon: var(--scania-unit-40);
1048
+ --component-side-menu-padding-sub-page-left-profile: var(--scania-unit-48);
1049
+ --component-side-menu-padding-sub-page-top-group: var(--scania-unit-4);
1050
+ --component-side-menu-padding-sub-page-selected-marker-width: var(--scania-unit-8);
818
1051
  --component-side-menu-radius-corner-radius: var(--scania-unit-8);
1052
+ --component-footer-primary: var(--scania-color-blue-900);
1053
+ --component-footer-border: var(--scania-color-blue-800);
819
1054
  --component-card-padding-padding: var(--scania-unit-16);
820
1055
  --component-shadow-hover: var(--scania-color-transparent-invisible-dark);
821
1056
  --component-shadow-default: var(--scania-color-transparent-invisible-dark);
@@ -837,14 +1072,54 @@
837
1072
  --component-input-field-border-focus-right: var(--scania-unit-0);
838
1073
  --component-input-field-border-focus-bottom: var(--scania-unit-2);
839
1074
  --component-input-field-border-focus-left: var(--scania-unit-0);
840
- --overrides-shadow-dragged: var(--scania-color-transparent-invisible-dark);
841
- --overrides-shadow-pressed: var(--scania-color-transparent-invisible-dark);
842
- --overrides-shadow-hover: var(--scania-color-transparent-invisible-dark);
843
- --overrides-shadow-default: var(--scania-color-transparent-invisible-dark);
844
- --overrides-shadow-focus: var(--scania-color-transparent-invisible-dark);
845
- --overrides-shadow-base-modifier: var(--scania-color-transparent-invisible-dark);
846
- --overrides-text-detail-01-bold-font-family: var(--scania-font-family-semi-condensed);
847
- --overrides-text-detail-01-bold-font-weight: var(--scania-font-weight-bold);
1075
+ --text-display-01-font-family: var(--scania-font-family-display);
1076
+ --text-display-01-font-weight: var(--scania-font-weight-bold);
1077
+ --text-display-02-font-family: var(--scania-font-family-display);
1078
+ --text-display-02-font-weight: var(--scania-font-weight-bold);
1079
+ --text-display-03-font-family: var(--scania-font-family-display);
1080
+ --text-display-03-font-weight: var(--scania-font-weight-bold);
1081
+ --text-display-04-font-family: var(--scania-font-family-display);
1082
+ --text-display-04-font-weight: var(--scania-font-weight-bold);
1083
+ --text-display-05-font-family: var(--scania-font-family-display);
1084
+ --text-display-05-font-weight: var(--scania-font-weight-bold);
1085
+ --text-headline-01-font-family: var(--scania-font-family-display);
1086
+ --text-headline-01-font-weight: var(--scania-font-weight-bold);
1087
+ --text-headline-02-font-family: var(--scania-font-family-default);
1088
+ --text-headline-02-font-weight: var(--scania-font-weight-bold);
1089
+ --text-headline-03-font-family: var(--scania-font-family-default);
1090
+ --text-headline-03-font-weight: var(--scania-font-weight-bold);
1091
+ --text-headline-04-font-family: var(--scania-font-family-default);
1092
+ --text-headline-04-font-weight: var(--scania-font-weight-bold);
1093
+ --text-headline-05-font-family: var(--scania-font-family-default);
1094
+ --text-headline-05-font-weight: var(--scania-font-weight-bold);
1095
+ --text-headline-06-font-family: var(--scania-font-family-default);
1096
+ --text-headline-06-font-weight: var(--scania-font-weight-bold);
1097
+ --text-paragraph-01-font-family: var(--scania-font-family-default);
1098
+ --text-paragraph-01-font-weight: var(--scania-font-weight-regular);
1099
+ --text-paragraph-02-font-family: var(--scania-font-family-default);
1100
+ --text-paragraph-02-font-weight: var(--scania-font-weight-regular);
1101
+ --text-body-01-font-family: var(--scania-font-family-default);
1102
+ --text-body-01-font-weight: var(--scania-font-weight-regular);
1103
+ --text-body-02-font-family: var(--scania-font-family-default);
1104
+ --text-body-02-font-weight: var(--scania-font-weight-regular);
1105
+ --text-component-text-01-font-family: var(--scania-font-family-semi-condensed);
1106
+ --text-component-text-01-font-weight: var(--scania-font-weight-regular);
1107
+ --text-component-text-02-font-family: var(--scania-font-family-semi-condensed);
1108
+ --text-component-text-02-font-weight: var(--scania-font-weight-regular);
1109
+ --text-component-label-01-font-family: var(--scania-font-family-semi-condensed);
1110
+ --text-component-label-01-font-weight: var(--scania-font-weight-regular);
1111
+ --text-component-label-02-font-family: var(--scania-font-family-semi-condensed);
1112
+ --text-component-label-02-font-weight: var(--scania-font-weight-regular);
1113
+ --text-component-title-01-font-family: var(--scania-font-family-semi-condensed);
1114
+ --text-component-title-01-font-family-2: var(--scania-font-family-semi-condensed);
1115
+ --text-component-title-01-font-weight: var(--scania-font-weight-bold);
1116
+ --text-component-title-01-font-weight-2: var(--scania-font-weight-bold);
1117
+ --text-component-title-02-font-family: var(--scania-font-family-default);
1118
+ --text-component-title-02-font-weight: var(--scania-font-weight-bold);
1119
+ --text-link-01-font-family: var(--scania-font-family-default);
1120
+ --text-link-01-font-weight: var(--scania-font-weight-regular);
1121
+ --text-link-02-font-family: var(--scania-font-family-default);
1122
+ --text-link-02-font-weight: var(--scania-font-weight-regular);
848
1123
  --dimension-space-tiny: var(--scania-unit-4);
849
1124
  --dimension-space-small: var(--scania-unit-16);
850
1125
  --dimension-space-medium: var(--scania-unit-24);
@@ -857,7 +1132,7 @@
857
1132
  --dimension-radius-soft: var(--scania-unit-8);
858
1133
  --dimension-radius-rounded: var(--scania-unit-32);
859
1134
  --dimension-radius-circle: var(--scania-unit-9999);
860
- --dimension-radius-for-area-large-area: var(--scania-unit-16);
1135
+ --dimension-radius-for-area-large: var(--scania-unit-16);
861
1136
  --dimension-radius-for-area-small: var(--scania-unit-2);
862
1137
  --dimension-radius-focus-width: var(--traton-unit-2);
863
1138
  --component-header-color-foreground-strong: var(--color-brand-neutral-white);
@@ -871,8 +1146,8 @@
871
1146
  --component-table-cell: var(--color-background-layer-01);
872
1147
  --component-stepper-success: var(--color-system-success-default);
873
1148
  --component-spinner-color: var(--color-system-info-default);
874
- --component-footer-copyright: var(--color-foreground-text-soft);
875
- --component-footer-link-text: var(--color-brand-primary-50);
1149
+ --component-footer-text-color-copyright: var(--color-foreground-text-soft);
1150
+ --component-footer-text-color-link-text: var(--color-brand-primary-50);
876
1151
  --component-dropdown-list-item-secondary-hover: var(--color-background-layer-03);
877
1152
  --component-dropdown-list-item-secondary-focus: var(--color-background-layer-03);
878
1153
  --component-dropdown-list-item-focus: var(--color-background-layer-02);
@@ -899,11 +1174,6 @@
899
1174
  --component-chip-border-selected-focus-border: var(--color-system-info-default);
900
1175
  --component-logo-fill: var(--color-brand-neutral-white);
901
1176
  --component-cookie-primary-text-inverse: var(--color-brand-neutral-white);
902
- --copyright: var(--color-foreground-text-soft);
903
- --text: var(--color-brand-neutral-white);
904
- --fill: var(--color-brand-neutral-white);
905
- --background: var(--color-system-danger-subtle);
906
- --link-text: var(--color-brand-primary-50);
907
1177
  }
908
1178
 
909
1179
  /* Multibrand tokens: Scania typography */
package/dist/components/{p-e7d40d15.js → p-4420365f.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
2
2
  import { i as inheritAttributes } from './p-3fe9cbbf.js';
3
- import { d as defineCustomElement$1 } from './p-405c5512.js';
3
+ import { d as defineCustomElement$1 } from './p-96e83134.js';
4
4
 
5
5
  const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
6
6
  const TdsTooltipStyle0 = tooltipCss;
package/dist/components/{p-c54d2efe.js → p-516d8085.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
2
2
  import { i as inheritAttributes } from './p-3fe9cbbf.js';
3
- import { d as defineCustomElement$1 } from './p-405c5512.js';
3
+ import { d as defineCustomElement$1 } from './p-96e83134.js';
4
4
 
5
5
  const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
6
6
  const TdsPopoverCanvasStyle0 = popoverCanvasCss;