@marioschmidt/design-system-components 1.1.0 → 1.2.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.
- package/dist/bds/bds.css +1 -1
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/p-5fc1f965.entry.js +2 -0
- package/dist/bds/p-5fc1f965.entry.js.map +1 -0
- package/dist/bds/p-DjQpvXJW.js +3 -0
- package/dist/bds/p-DjQpvXJW.js.map +1 -0
- package/dist/cjs/bds.cjs.js +1 -1
- package/dist/cjs/ds-button_2.cjs.entry.js +11 -7
- package/dist/cjs/index-Bg-5nAHg.js +1398 -0
- package/dist/cjs/index-Bg-5nAHg.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/ds-button/ds-button.css +175 -29
- package/dist/collection/ds-button/ds-button.js +27 -13
- package/dist/collection/ds-button/ds-button.js.map +1 -1
- package/dist/components/ds-button.js +10 -6
- package/dist/components/ds-button.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/docs/ds-button/readme.md +4 -4
- package/dist/esm/bds.js +2 -2
- package/dist/esm/ds-button_2.entry.js +11 -7
- package/dist/esm/index-DjQpvXJW.js +1391 -0
- package/dist/esm/index-DjQpvXJW.js.map +1 -0
- package/dist/esm/loader.js +2 -2
- package/dist/types/components.d.ts +10 -8
- package/dist/types/ds-button/ds-button.d.ts +13 -3
- package/dist/www/build/bds.css +1 -1
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/p-5fc1f965.entry.js +2 -0
- package/dist/www/build/p-5fc1f965.entry.js.map +1 -0
- package/dist/www/build/p-71b331cc.css +1 -0
- package/dist/www/build/p-DjQpvXJW.js +3 -0
- package/dist/www/build/p-DjQpvXJW.js.map +1 -0
- package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
- package/dist/www/css/advertorial/components/article.css +32 -1
- package/dist/www/css/advertorial/components/audioplayer.css +1 -1
- package/dist/www/css/advertorial/components/avatar.css +35 -1
- package/dist/www/css/advertorial/components/badge.css +10 -2
- package/dist/www/css/advertorial/components/breadcrumb.css +19 -1
- package/dist/www/css/advertorial/components/breakingnews.css +17 -1
- package/dist/www/css/advertorial/components/button.css +9 -1
- package/dist/www/css/advertorial/components/card.css +1 -1
- package/dist/www/css/advertorial/components/carousel.css +1 -1
- package/dist/www/css/advertorial/components/chip.css +1 -1
- package/dist/www/css/advertorial/components/datepicker.css +1 -1
- package/dist/www/css/advertorial/components/drawers.css +1 -1
- package/dist/www/css/advertorial/components/dropdown.css +1 -1
- package/dist/www/css/advertorial/components/footer.css +1 -1
- package/dist/www/css/advertorial/components/icon.css +1 -1
- package/dist/www/css/advertorial/components/iconbutton.css +1 -1
- package/dist/www/css/advertorial/components/infoelement.css +1 -1
- package/dist/www/css/advertorial/components/inputfield.css +1 -1
- package/dist/www/css/advertorial/components/liveticker.css +9 -1
- package/dist/www/css/advertorial/components/mediaplayer.css +17 -1
- package/dist/www/css/advertorial/components/menu.css +28 -1
- package/dist/www/css/advertorial/components/newsticker.css +17 -1
- package/dist/www/css/advertorial/components/pagination.css +1 -1
- package/dist/www/css/advertorial/components/paywall.css +10 -1
- package/dist/www/css/advertorial/components/quote.css +1 -1
- package/dist/www/css/advertorial/components/radiobutton.css +1 -1
- package/dist/www/css/advertorial/components/search.css +1 -1
- package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +1 -1
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi.css +1 -1
- package/dist/www/css/advertorial/components/spinner.css +1 -1
- package/dist/www/css/advertorial/components/tab.css +17 -1
- package/dist/www/css/advertorial/components/table.css +1 -1
- package/dist/www/css/advertorial/components/teaser.css +41 -1
- package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
- package/dist/www/css/advertorial/components/video.css +1 -1
- package/dist/www/css/advertorial/theme.css +1 -1
- package/dist/www/css/advertorial/tokens.css +305 -31
- package/dist/www/css/bild/components/_dsysdoc.css +1 -1
- package/dist/www/css/bild/components/_dsysdocs.css +1 -1
- package/dist/www/css/bild/components/alert.css +1 -1
- package/dist/www/css/bild/components/article.css +32 -1
- package/dist/www/css/bild/components/audioplayer.css +1 -1
- package/dist/www/css/bild/components/avatar.css +35 -1
- package/dist/www/css/bild/components/badge.css +10 -2
- package/dist/www/css/bild/components/breadcrumb.css +19 -1
- package/dist/www/css/bild/components/breakingnews.css +17 -1
- package/dist/www/css/bild/components/button.css +10 -2
- package/dist/www/css/bild/components/card.css +1 -1
- package/dist/www/css/bild/components/carousel.css +1 -1
- package/dist/www/css/bild/components/chip.css +1 -1
- package/dist/www/css/bild/components/datepicker.css +1 -1
- package/dist/www/css/bild/components/drawers.css +1 -1
- package/dist/www/css/bild/components/dropdown.css +1 -1
- package/dist/www/css/bild/components/empties.css +1 -1
- package/dist/www/css/bild/components/footer.css +1 -1
- package/dist/www/css/bild/components/gallery.css +1 -1
- package/dist/www/css/bild/components/icon.css +1 -1
- package/dist/www/css/bild/components/iconbutton.css +1 -1
- package/dist/www/css/bild/components/infoelement.css +1 -1
- package/dist/www/css/bild/components/inputfield.css +2 -2
- package/dist/www/css/bild/components/kicker.css +1 -1
- package/dist/www/css/bild/components/liveticker.css +9 -1
- package/dist/www/css/bild/components/mediaplayer.css +17 -1
- package/dist/www/css/bild/components/menu.css +28 -1
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker.css +17 -1
- package/dist/www/css/bild/components/pagination.css +1 -1
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall.css +10 -1
- package/dist/www/css/bild/components/quote.css +1 -1
- package/dist/www/css/bild/components/radiobutton.css +1 -1
- package/dist/www/css/bild/components/search.css +1 -1
- package/dist/www/css/bild/components/sectiontitle.css +1 -1
- package/dist/www/css/bild/components/selection.css +1 -1
- package/dist/www/css/bild/components/separator.css +1 -1
- package/dist/www/css/bild/components/skeletons.css +1 -1
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi.css +1 -1
- package/dist/www/css/bild/components/spinner.css +1 -1
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab.css +17 -1
- package/dist/www/css/bild/components/table.css +1 -1
- package/dist/www/css/bild/components/teaser.css +41 -1
- package/dist/www/css/bild/components/toggleswitch.css +1 -1
- package/dist/www/css/bild/components/video.css +1 -1
- package/dist/www/css/bild/theme.css +3 -5
- package/dist/www/css/bild/tokens.css +305 -31
- package/dist/www/css/bundles/advertorial.css +553 -42
- package/dist/www/css/bundles/bild.css +557 -48
- package/dist/www/css/bundles/sportbild.css +579 -48
- package/dist/www/css/shared/colorprimitive.css +1 -1
- package/dist/www/css/shared/fontprimitive.css +1 -1
- package/dist/www/css/shared/primitives.css +1 -1
- package/dist/www/css/shared/sizeprimitive.css +1 -1
- package/dist/www/css/shared/spaceprimitive.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
- package/dist/www/css/sportbild/components/alert.css +1 -1
- package/dist/www/css/sportbild/components/article.css +33 -1
- package/dist/www/css/sportbild/components/audioplayer.css +1 -1
- package/dist/www/css/sportbild/components/avatar.css +35 -1
- package/dist/www/css/sportbild/components/badge.css +10 -2
- package/dist/www/css/sportbild/components/breadcrumb.css +19 -1
- package/dist/www/css/sportbild/components/breakingnews.css +17 -1
- package/dist/www/css/sportbild/components/button.css +10 -2
- package/dist/www/css/sportbild/components/card.css +1 -1
- package/dist/www/css/sportbild/components/carousel.css +1 -1
- package/dist/www/css/sportbild/components/chip.css +1 -1
- package/dist/www/css/sportbild/components/datepicker.css +1 -1
- package/dist/www/css/sportbild/components/drawers.css +1 -1
- package/dist/www/css/sportbild/components/dropdown.css +1 -1
- package/dist/www/css/sportbild/components/empties.css +1 -1
- package/dist/www/css/sportbild/components/footer.css +1 -1
- package/dist/www/css/sportbild/components/gallery.css +1 -1
- package/dist/www/css/sportbild/components/icon.css +1 -1
- package/dist/www/css/sportbild/components/iconbutton.css +1 -1
- package/dist/www/css/sportbild/components/infoelement.css +1 -1
- package/dist/www/css/sportbild/components/inputfield.css +2 -2
- package/dist/www/css/sportbild/components/kicker.css +1 -1
- package/dist/www/css/sportbild/components/liveticker.css +9 -1
- package/dist/www/css/sportbild/components/mediaplayer.css +17 -1
- package/dist/www/css/sportbild/components/menu.css +30 -1
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker.css +18 -1
- package/dist/www/css/sportbild/components/pagination.css +1 -1
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall.css +10 -1
- package/dist/www/css/sportbild/components/quote.css +1 -1
- package/dist/www/css/sportbild/components/radiobutton.css +1 -1
- package/dist/www/css/sportbild/components/search.css +1 -1
- package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
- package/dist/www/css/sportbild/components/selection.css +1 -1
- package/dist/www/css/sportbild/components/separator.css +1 -1
- package/dist/www/css/sportbild/components/skeletons.css +1 -1
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi.css +1 -1
- package/dist/www/css/sportbild/components/spinner.css +1 -1
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab.css +17 -1
- package/dist/www/css/sportbild/components/table.css +1 -1
- package/dist/www/css/sportbild/components/teaser.css +46 -1
- package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
- package/dist/www/css/sportbild/components/video.css +1 -1
- package/dist/www/css/sportbild/theme.css +3 -5
- package/dist/www/css/sportbild/tokens.css +318 -31
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-84bc6959.entry.js +0 -2
- package/dist/bds/p-84bc6959.entry.js.map +0 -1
- package/dist/bds/p-ChFDVObC.js +0 -3
- package/dist/bds/p-ChFDVObC.js.map +0 -1
- package/dist/cjs/index-D8A-8VrK.js +0 -1398
- package/dist/cjs/index-D8A-8VrK.js.map +0 -1
- package/dist/esm/index-ChFDVObC.js +0 -1391
- package/dist/esm/index-ChFDVObC.js.map +0 -1
- package/dist/www/build/p-84bc6959.entry.js +0 -2
- package/dist/www/build/p-84bc6959.entry.js.map +0 -1
- package/dist/www/build/p-ChFDVObC.js +0 -3
- package/dist/www/build/p-ChFDVObC.js.map +0 -1
- package/dist/www/build/p-bbf896ac.css +0 -1
- package/dist/www/css/advertorial/components/accordion.css +0 -23
- package/dist/www/css/bild/components/accordion.css +0 -23
- package/dist/www/css/sportbild/components/accordion.css +0 -23
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*
|
|
4
|
-
* BILD Design System Tokens v1.1
|
|
4
|
+
* BILD Design System Tokens v1.2.1
|
|
5
5
|
* Generated by Style Dictionary v4.2.0
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Tokens (Responsive breakpoints + Typography + Density)
|
|
@@ -406,6 +406,26 @@
|
|
|
406
406
|
font-style: italic;
|
|
407
407
|
}
|
|
408
408
|
|
|
409
|
+
[data-content-brand="sportbild"] .display-2,
|
|
410
|
+
:host([data-content-brand="sportbild"]) .display-2 {
|
|
411
|
+
font-family: var(--display-font-family);
|
|
412
|
+
font-weight: 900;
|
|
413
|
+
font-size: var(--display-2-font-size);
|
|
414
|
+
line-height: var(--display-2-line-height);
|
|
415
|
+
letter-spacing: var(--display-2-letter-space);
|
|
416
|
+
font-style: italic;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
[data-content-brand="sportbild"] .display-3,
|
|
420
|
+
:host([data-content-brand="sportbild"]) .display-3 {
|
|
421
|
+
font-family: var(--display-font-family);
|
|
422
|
+
font-weight: 900;
|
|
423
|
+
font-size: var(--display-3-font-size);
|
|
424
|
+
line-height: var(--display-3-line-height);
|
|
425
|
+
letter-spacing: var(--display-3-letter-space);
|
|
426
|
+
font-style: italic;
|
|
427
|
+
}
|
|
428
|
+
|
|
409
429
|
[data-content-brand="sportbild"] .headline-1,
|
|
410
430
|
:host([data-content-brand="sportbild"]) .headline-1 {
|
|
411
431
|
font-family: var(--headline-font-family);
|
|
@@ -415,6 +435,33 @@
|
|
|
415
435
|
font-style: italic;
|
|
416
436
|
}
|
|
417
437
|
|
|
438
|
+
[data-content-brand="sportbild"] .headline-2,
|
|
439
|
+
:host([data-content-brand="sportbild"]) .headline-2 {
|
|
440
|
+
font-family: var(--headline-font-family);
|
|
441
|
+
font-weight: 900;
|
|
442
|
+
font-size: var(--headline-2-font-size);
|
|
443
|
+
line-height: var(--headline-2-line-height);
|
|
444
|
+
font-style: italic;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
[data-content-brand="sportbild"] .headline-3,
|
|
448
|
+
:host([data-content-brand="sportbild"]) .headline-3 {
|
|
449
|
+
font-family: var(--headline-font-family);
|
|
450
|
+
font-weight: 900;
|
|
451
|
+
font-size: var(--headline-3-font-size);
|
|
452
|
+
line-height: var(--headline-3-line-height);
|
|
453
|
+
font-style: italic;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
[data-content-brand="sportbild"] .headline-4,
|
|
457
|
+
:host([data-content-brand="sportbild"]) .headline-4 {
|
|
458
|
+
font-family: var(--headline-font-family);
|
|
459
|
+
font-weight: 700;
|
|
460
|
+
font-size: var(--headline-4-font-size);
|
|
461
|
+
line-height: var(--headline-4-font-size);
|
|
462
|
+
font-style: italic;
|
|
463
|
+
}
|
|
464
|
+
|
|
418
465
|
[data-content-brand="sportbild"] .subheadline-1,
|
|
419
466
|
:host([data-content-brand="sportbild"]) .subheadline-1 {
|
|
420
467
|
font-family: var(--subheadline-font-family);
|
|
@@ -432,6 +479,33 @@
|
|
|
432
479
|
font-style: italic;
|
|
433
480
|
}
|
|
434
481
|
|
|
482
|
+
[data-content-brand="sportbild"] .kicker-2,
|
|
483
|
+
:host([data-content-brand="sportbild"]) .kicker-2 {
|
|
484
|
+
font-family: var(--kicker-font-family);
|
|
485
|
+
font-weight: 700;
|
|
486
|
+
font-size: var(--kicker-2-font-size);
|
|
487
|
+
line-height: var(--kicker-2-line-height);
|
|
488
|
+
font-style: italic;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
[data-content-brand="sportbild"] .kicker-3,
|
|
492
|
+
:host([data-content-brand="sportbild"]) .kicker-3 {
|
|
493
|
+
font-family: var(--kicker-font-family);
|
|
494
|
+
font-weight: 700;
|
|
495
|
+
font-size: var(--kicker-3-font-size);
|
|
496
|
+
line-height: var(--kicker-3-line-height);
|
|
497
|
+
font-style: italic;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
[data-content-brand="sportbild"] .kicker-4,
|
|
501
|
+
:host([data-content-brand="sportbild"]) .kicker-4 {
|
|
502
|
+
font-family: var(--kicker-font-family);
|
|
503
|
+
font-weight: 700;
|
|
504
|
+
font-size: var(--kicker-4-font-size);
|
|
505
|
+
line-height: var(--kicker-4-line-height);
|
|
506
|
+
font-style: italic;
|
|
507
|
+
}
|
|
508
|
+
|
|
435
509
|
[data-content-brand="sportbild"] .title-1,
|
|
436
510
|
:host([data-content-brand="sportbild"]) .title-1 {
|
|
437
511
|
font-family: var(--title-font-family);
|
|
@@ -440,6 +514,32 @@
|
|
|
440
514
|
line-height: var(--title-1-line-height);
|
|
441
515
|
}
|
|
442
516
|
|
|
517
|
+
[data-content-brand="sportbild"] .title-1-uppercase,
|
|
518
|
+
:host([data-content-brand="sportbild"]) .title-1-uppercase {
|
|
519
|
+
font-family: var(--title-font-family);
|
|
520
|
+
font-weight: var(--title-font-weight);
|
|
521
|
+
font-size: var(--title-1-font-size);
|
|
522
|
+
line-height: var(--title-1-line-height);
|
|
523
|
+
text-transform: uppercase;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
[data-content-brand="sportbild"] .title-2,
|
|
527
|
+
:host([data-content-brand="sportbild"]) .title-2 {
|
|
528
|
+
font-family: var(--title-font-family);
|
|
529
|
+
font-weight: var(--title-font-weight);
|
|
530
|
+
font-size: var(--title-2-font-size);
|
|
531
|
+
line-height: var(--title-2-line-height);
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
[data-content-brand="sportbild"] .title-2-uppercase,
|
|
535
|
+
:host([data-content-brand="sportbild"]) .title-2-uppercase {
|
|
536
|
+
font-family: var(--title-font-family);
|
|
537
|
+
font-weight: var(--title-font-weight);
|
|
538
|
+
font-size: var(--title-2-font-size);
|
|
539
|
+
line-height: var(--title-2-line-height);
|
|
540
|
+
text-transform: uppercase;
|
|
541
|
+
}
|
|
542
|
+
|
|
443
543
|
[data-content-brand="sportbild"] .callout,
|
|
444
544
|
:host([data-content-brand="sportbild"]) .callout {
|
|
445
545
|
font-family: var(--callout-font-family);
|
|
@@ -456,6 +556,32 @@
|
|
|
456
556
|
line-height: var(--body-line-height);
|
|
457
557
|
}
|
|
458
558
|
|
|
559
|
+
[data-content-brand="sportbild"] .body-italic,
|
|
560
|
+
:host([data-content-brand="sportbild"]) .body-italic {
|
|
561
|
+
font-family: var(--body-font-family);
|
|
562
|
+
font-weight: 400;
|
|
563
|
+
font-size: var(--body-font-size);
|
|
564
|
+
line-height: var(--body-line-height);
|
|
565
|
+
font-style: italic;
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
[data-content-brand="sportbild"] .body-bold,
|
|
569
|
+
:host([data-content-brand="sportbild"]) .body-bold {
|
|
570
|
+
font-family: var(--body-font-family);
|
|
571
|
+
font-weight: var(--body-font-weight-bold);
|
|
572
|
+
font-size: var(--body-font-size);
|
|
573
|
+
line-height: var(--body-line-height);
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
[data-content-brand="sportbild"] .body-bold-italic,
|
|
577
|
+
:host([data-content-brand="sportbild"]) .body-bold-italic {
|
|
578
|
+
font-family: var(--body-font-family);
|
|
579
|
+
font-weight: 700;
|
|
580
|
+
font-size: var(--body-font-size);
|
|
581
|
+
line-height: var(--body-line-height);
|
|
582
|
+
font-style: italic;
|
|
583
|
+
}
|
|
584
|
+
|
|
459
585
|
[data-content-brand="sportbild"] .text-link,
|
|
460
586
|
:host([data-content-brand="sportbild"]) .text-link {
|
|
461
587
|
font-family: var(--body-font-family);
|
|
@@ -465,6 +591,43 @@
|
|
|
465
591
|
text-decoration: underline;
|
|
466
592
|
}
|
|
467
593
|
|
|
594
|
+
[data-content-brand="sportbild"] .text-link-italic,
|
|
595
|
+
:host([data-content-brand="sportbild"]) .text-link-italic {
|
|
596
|
+
font-family: var(--body-font-family);
|
|
597
|
+
font-weight: 400;
|
|
598
|
+
font-size: var(--body-font-size);
|
|
599
|
+
line-height: var(--body-line-height);
|
|
600
|
+
font-style: italic;
|
|
601
|
+
text-decoration: underline;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
[data-content-brand="sportbild"] .text-link-bold,
|
|
605
|
+
:host([data-content-brand="sportbild"]) .text-link-bold {
|
|
606
|
+
font-family: var(--body-font-family);
|
|
607
|
+
font-weight: var(--body-font-weight-bold);
|
|
608
|
+
font-size: var(--body-font-size);
|
|
609
|
+
line-height: var(--body-line-height);
|
|
610
|
+
text-decoration: underline;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
[data-content-brand="sportbild"] .text-link-hover,
|
|
614
|
+
:host([data-content-brand="sportbild"]) .text-link-hover {
|
|
615
|
+
font-family: var(--body-font-family);
|
|
616
|
+
font-weight: var(--body-font-weight-book);
|
|
617
|
+
font-size: var(--body-font-size);
|
|
618
|
+
line-height: var(--body-line-height);
|
|
619
|
+
text-decoration: underline;
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
[data-content-brand="sportbild"] .text-link-bold-hover,
|
|
623
|
+
:host([data-content-brand="sportbild"]) .text-link-bold-hover {
|
|
624
|
+
font-family: var(--body-font-family);
|
|
625
|
+
font-weight: var(--body-font-weight-bold);
|
|
626
|
+
font-size: var(--body-font-size);
|
|
627
|
+
line-height: var(--body-line-height);
|
|
628
|
+
text-decoration: underline;
|
|
629
|
+
}
|
|
630
|
+
|
|
468
631
|
[data-content-brand="sportbild"] .footnote-1,
|
|
469
632
|
:host([data-content-brand="sportbild"]) .footnote-1 {
|
|
470
633
|
font-family: var(--footnote-font-family);
|
|
@@ -473,6 +636,30 @@
|
|
|
473
636
|
line-height: var(--footnote-1-line-height);
|
|
474
637
|
}
|
|
475
638
|
|
|
639
|
+
[data-content-brand="sportbild"] .footnote-1-bold,
|
|
640
|
+
:host([data-content-brand="sportbild"]) .footnote-1-bold {
|
|
641
|
+
font-family: var(--footnote-font-family);
|
|
642
|
+
font-weight: var(--font-weight-bold, 700);
|
|
643
|
+
font-size: var(--footnote-1-font-size);
|
|
644
|
+
line-height: var(--footnote-1-line-height);
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
[data-content-brand="sportbild"] .footnote-2,
|
|
648
|
+
:host([data-content-brand="sportbild"]) .footnote-2 {
|
|
649
|
+
font-family: var(--footnote-font-family);
|
|
650
|
+
font-weight: var(--font-weight-book, 400);
|
|
651
|
+
font-size: var(--footnote-2-font-size);
|
|
652
|
+
line-height: var(--footnote-2-line-height);
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
[data-content-brand="sportbild"] .footnote-2-bold,
|
|
656
|
+
:host([data-content-brand="sportbild"]) .footnote-2-bold {
|
|
657
|
+
font-family: var(--footnote-font-family);
|
|
658
|
+
font-weight: var(--font-weight-bold, 700);
|
|
659
|
+
font-size: var(--footnote-2-font-size);
|
|
660
|
+
line-height: var(--footnote-2-line-height);
|
|
661
|
+
}
|
|
662
|
+
|
|
476
663
|
[data-content-brand="sportbild"] .label-1,
|
|
477
664
|
:host([data-content-brand="sportbild"]) .label-1 {
|
|
478
665
|
font-family: var(--label-font-family);
|
|
@@ -483,6 +670,106 @@
|
|
|
483
670
|
font-style: italic;
|
|
484
671
|
}
|
|
485
672
|
|
|
673
|
+
[data-content-brand="sportbild"] .label-1-bold,
|
|
674
|
+
:host([data-content-brand="sportbild"]) .label-1-bold {
|
|
675
|
+
font-family: var(--label-font-family);
|
|
676
|
+
font-weight: 700;
|
|
677
|
+
font-size: var(--label-1-font-size);
|
|
678
|
+
line-height: var(--label-1-line-height);
|
|
679
|
+
letter-spacing: var(--letter-space-0-p-25, 0.25px);
|
|
680
|
+
font-style: italic;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
[data-content-brand="sportbild"] .label-1-uppercase-bold,
|
|
684
|
+
:host([data-content-brand="sportbild"]) .label-1-uppercase-bold {
|
|
685
|
+
font-family: var(--label-font-family);
|
|
686
|
+
font-weight: var(--label-font-weight-bold);
|
|
687
|
+
font-size: var(--label-1-font-size);
|
|
688
|
+
line-height: var(--label-1-line-height);
|
|
689
|
+
letter-spacing: var(--letter-space-positive-sm);
|
|
690
|
+
text-transform: uppercase;
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
[data-content-brand="sportbild"] .label-2,
|
|
694
|
+
:host([data-content-brand="sportbild"]) .label-2 {
|
|
695
|
+
font-family: var(--label-font-family);
|
|
696
|
+
font-weight: var(--label-font-weight-book);
|
|
697
|
+
font-size: var(--label-2-font-size);
|
|
698
|
+
line-height: var(--label-2-line-height);
|
|
699
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
[data-content-brand="sportbild"] .label-2-uppercase,
|
|
703
|
+
:host([data-content-brand="sportbild"]) .label-2-uppercase {
|
|
704
|
+
font-family: var(--label-font-family);
|
|
705
|
+
font-weight: var(--label-font-weight-book);
|
|
706
|
+
font-size: var(--label-2-font-size);
|
|
707
|
+
line-height: var(--label-2-line-height);
|
|
708
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
709
|
+
text-transform: uppercase;
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
[data-content-brand="sportbild"] .label-2-bold,
|
|
713
|
+
:host([data-content-brand="sportbild"]) .label-2-bold {
|
|
714
|
+
font-family: var(--label-font-family);
|
|
715
|
+
font-weight: 700;
|
|
716
|
+
font-size: var(--label-2-font-size);
|
|
717
|
+
line-height: var(--label-2-line-height);
|
|
718
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
719
|
+
font-style: italic;
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
[data-content-brand="sportbild"] .label-2-uppercase-bold,
|
|
723
|
+
:host([data-content-brand="sportbild"]) .label-2-uppercase-bold {
|
|
724
|
+
font-family: var(--label-font-family);
|
|
725
|
+
font-weight: 700;
|
|
726
|
+
font-size: var(--label-2-font-size);
|
|
727
|
+
line-height: var(--label-2-line-height);
|
|
728
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
729
|
+
font-style: italic;
|
|
730
|
+
text-transform: uppercase;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
[data-content-brand="sportbild"] .label-3,
|
|
734
|
+
:host([data-content-brand="sportbild"]) .label-3 {
|
|
735
|
+
font-family: var(--label-font-family);
|
|
736
|
+
font-weight: var(--font-weight-book, 400);
|
|
737
|
+
font-size: var(--label-3-font-size);
|
|
738
|
+
line-height: var(--label-3-line-height);
|
|
739
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
[data-content-brand="sportbild"] .label-3-uppercase,
|
|
743
|
+
:host([data-content-brand="sportbild"]) .label-3-uppercase {
|
|
744
|
+
font-family: var(--label-font-family);
|
|
745
|
+
font-weight: var(--label-font-weight-book);
|
|
746
|
+
font-size: var(--label-3-font-size);
|
|
747
|
+
line-height: var(--label-3-line-height);
|
|
748
|
+
letter-spacing: var(--letter-space-positive-sm);
|
|
749
|
+
text-transform: uppercase;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
[data-content-brand="sportbild"] .label-3-bold,
|
|
753
|
+
:host([data-content-brand="sportbild"]) .label-3-bold {
|
|
754
|
+
font-family: var(--label-font-family);
|
|
755
|
+
font-weight: 700;
|
|
756
|
+
font-size: var(--label-3-font-size);
|
|
757
|
+
line-height: var(--label-3-line-height);
|
|
758
|
+
letter-spacing: var(--letter-space-positive-xs);
|
|
759
|
+
font-style: italic;
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
[data-content-brand="sportbild"] .label-3-uppercase-bold,
|
|
763
|
+
:host([data-content-brand="sportbild"]) .label-3-uppercase-bold {
|
|
764
|
+
font-family: var(--label-font-family);
|
|
765
|
+
font-weight: 700;
|
|
766
|
+
font-size: var(--label-3-font-size);
|
|
767
|
+
line-height: var(--label-3-line-height);
|
|
768
|
+
letter-spacing: var(--letter-space-positive-sm);
|
|
769
|
+
font-style: italic;
|
|
770
|
+
text-transform: uppercase;
|
|
771
|
+
}
|
|
772
|
+
|
|
486
773
|
[data-content-brand="sportbild"] .quote,
|
|
487
774
|
:host([data-content-brand="sportbild"]) .quote {
|
|
488
775
|
font-family: var(--quote-font-family);
|
|
@@ -524,18 +811,18 @@
|
|
|
524
811
|
--density-sm-stack-space-resp-2-xl: var(--space-4-x, 32px);
|
|
525
812
|
|
|
526
813
|
/* Global - StackSpace - Responsive - Md */
|
|
527
|
-
--density-md-stack-space-resp-sm: 12px;
|
|
528
|
-
--density-md-stack-space-resp-md: 16px;
|
|
529
|
-
--density-md-stack-space-resp-lg: 24px;
|
|
530
|
-
--density-md-stack-space-resp-xl: 32px;
|
|
531
|
-
--density-md-stack-space-resp-2-xl: 48px;
|
|
814
|
+
--density-md-stack-space-resp-sm: var(--space-1-p-5-x, 12px);
|
|
815
|
+
--density-md-stack-space-resp-md: var(--space-2-x, 16px);
|
|
816
|
+
--density-md-stack-space-resp-lg: var(--space-3-x, 24px);
|
|
817
|
+
--density-md-stack-space-resp-xl: var(--space-4-x, 32px);
|
|
818
|
+
--density-md-stack-space-resp-2-xl: var(--space-6-x, 48px);
|
|
532
819
|
|
|
533
820
|
/* Global - StackSpace - Responsive - Lg */
|
|
534
|
-
--density-lg-stack-space-resp-sm: 16px;
|
|
535
|
-
--density-lg-stack-space-resp-md: 24px;
|
|
536
|
-
--density-lg-stack-space-resp-lg: 32px;
|
|
537
|
-
--density-lg-stack-space-resp-xl: 40px;
|
|
538
|
-
--density-lg-stack-space-resp-2-xl: 64px;
|
|
821
|
+
--density-lg-stack-space-resp-sm: var(--space-2-x, 16px);
|
|
822
|
+
--density-lg-stack-space-resp-md: var(--space-3-x, 24px);
|
|
823
|
+
--density-lg-stack-space-resp-lg: var(--space-4-x, 32px);
|
|
824
|
+
--density-lg-stack-space-resp-xl: var(--space-5-x, 40px);
|
|
825
|
+
--density-lg-stack-space-resp-2-xl: var(--space-8-x, 64px);
|
|
539
826
|
|
|
540
827
|
}
|
|
541
828
|
|
|
@@ -570,18 +857,18 @@
|
|
|
570
857
|
--density-sm-stack-space-resp-2-xl: var(--space-3-x, 24px);
|
|
571
858
|
|
|
572
859
|
/* Global - StackSpace - Responsive - Md */
|
|
573
|
-
--density-md-stack-space-resp-sm: 8px;
|
|
574
|
-
--density-md-stack-space-resp-md: 12px;
|
|
575
|
-
--density-md-stack-space-resp-lg: 16px;
|
|
576
|
-
--density-md-stack-space-resp-xl: 24px;
|
|
577
|
-
--density-md-stack-space-resp-2-xl: 36px;
|
|
860
|
+
--density-md-stack-space-resp-sm: var(--space-1-x, 8px);
|
|
861
|
+
--density-md-stack-space-resp-md: var(--space-1-p-5-x, 12px);
|
|
862
|
+
--density-md-stack-space-resp-lg: var(--space-2-x, 16px);
|
|
863
|
+
--density-md-stack-space-resp-xl: var(--space-3-x, 24px);
|
|
864
|
+
--density-md-stack-space-resp-2-xl: var(--space-4-p-5-x, 36px);
|
|
578
865
|
|
|
579
866
|
/* Global - StackSpace - Responsive - Lg */
|
|
580
|
-
--density-lg-stack-space-resp-sm: 12px;
|
|
581
|
-
--density-lg-stack-space-resp-md: 16px;
|
|
582
|
-
--density-lg-stack-space-resp-lg: 24px;
|
|
583
|
-
--density-lg-stack-space-resp-xl: 28px;
|
|
584
|
-
--density-lg-stack-space-resp-2-xl: 48px;
|
|
867
|
+
--density-lg-stack-space-resp-sm: var(--space-1-p-5-x, 12px);
|
|
868
|
+
--density-lg-stack-space-resp-md: var(--space-2-x, 16px);
|
|
869
|
+
--density-lg-stack-space-resp-lg: var(--space-3-x, 24px);
|
|
870
|
+
--density-lg-stack-space-resp-xl: var(--space-3-p-5-x, 28px);
|
|
871
|
+
--density-lg-stack-space-resp-2-xl: var(--space-6-x, 48px);
|
|
585
872
|
|
|
586
873
|
}
|
|
587
874
|
|
|
@@ -616,17 +903,17 @@
|
|
|
616
903
|
--density-sm-stack-space-resp-2-xl: var(--space-5-x, 40px);
|
|
617
904
|
|
|
618
905
|
/* Global - StackSpace - Responsive - Md */
|
|
619
|
-
--density-md-stack-space-resp-sm: 14px;
|
|
620
|
-
--density-md-stack-space-resp-md: 20px;
|
|
621
|
-
--density-md-stack-space-resp-lg: 28px;
|
|
622
|
-
--density-md-stack-space-resp-xl: 40px;
|
|
623
|
-
--density-md-stack-space-resp-2-xl: 60px;
|
|
906
|
+
--density-md-stack-space-resp-sm: var(--space-1-p-75-x, 14px);
|
|
907
|
+
--density-md-stack-space-resp-md: var(--space-2-p-5-x, 20px);
|
|
908
|
+
--density-md-stack-space-resp-lg: var(--space-3-p-5-x, 28px);
|
|
909
|
+
--density-md-stack-space-resp-xl: var(--space-5-x, 40px);
|
|
910
|
+
--density-md-stack-space-resp-2-xl: var(--space-7-p-5-x, 60px);
|
|
624
911
|
|
|
625
912
|
/* Global - StackSpace - Responsive - Lg */
|
|
626
|
-
--density-lg-stack-space-resp-sm: 20px;
|
|
627
|
-
--density-lg-stack-space-resp-md: 28px;
|
|
628
|
-
--density-lg-stack-space-resp-lg: 40px;
|
|
629
|
-
--density-lg-stack-space-resp-xl: 48px;
|
|
630
|
-
--density-lg-stack-space-resp-2-xl: 80px;
|
|
913
|
+
--density-lg-stack-space-resp-sm: var(--space-2-p-5-x, 20px);
|
|
914
|
+
--density-lg-stack-space-resp-md: var(--space-3-p-5-x, 28px);
|
|
915
|
+
--density-lg-stack-space-resp-lg: var(--space-5-x, 40px);
|
|
916
|
+
--density-lg-stack-space-resp-xl: var(--space-6-x, 48px);
|
|
917
|
+
--density-lg-stack-space-resp-2-xl: var(--space-10-x, 80px);
|
|
631
918
|
|
|
632
919
|
}
|
package/dist/www/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-DjQpvXJW.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as t,b as r}from"/build/p-DjQpvXJW.js";export{s as setNonce}from"/build/p-DjQpvXJW.js";var e=()=>{const t=import.meta.url;const r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return a(r)};e().then((async a=>{await t();return r([["p-5fc1f965",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],a)}));
|
|
2
2
|
//# sourceMappingURL=bds.esm.js.map
|
|
3
3
|
</script> <script nomodule="" src="/build/bds.js" data-stencil></script> <style>* {
|
|
4
4
|
box-sizing: border-box;
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r,h as o}from"./p-ChFDVObC.js";const a=()=>`:host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color 0.2s ease, border-color 0.2s ease;padding:var(--button-stack-space, 6px) var(--button-inline-space, 16px);border-radius:var(--button-border-radius, 4px);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold, 700);font-size:var(--button-label-font-size, 15px);line-height:var(--button-label-line-height, 15px)}.ds-button--primary{background-color:var(--button-primary-brand-bg-color-idle, #DD0000);color:var(--button-primary-label-color, #FFFFFF)}.ds-button--primary:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover, #B80000)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle, #E9ECEF);color:var(--button-secondary-label-color, #4B525A)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover, #CED4DA)}.ds-button--tertiary{background-color:transparent;color:var(--button-tertiary-label-color, #4B525A);border:1px solid var(--button-tertiary-border-color-idle, #CED4DA)}.ds-button--tertiary:hover:not(:disabled){border-color:var(--button-tertiary-border-color-hover, #4B525A)}.ds-button--disabled{opacity:0.5;cursor:not-allowed}.ds-button__label{text-transform:uppercase;letter-spacing:0.02em}`;const t=class{constructor(o){r(this,o);this.variant="primary";this.disabled=false}render(){return o("button",{key:"9cdec7f2d8913050c2f934f9b006113a73e52fe9",class:{"ds-button":true,[`ds-button--${this.variant}`]:true,"ds-button--disabled":this.disabled},disabled:this.disabled},o("span",{key:"0939f9a53d3c9c0d76f19edec687f1c869ebb9d9",class:"ds-button__label"},o("slot",{key:"adf41ca5922e4fab4dbb176a21134c9cb52937c1"})))}};t.style=a();const e=()=>`:host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}`;const d=class{constructor(o){r(this,o);this.surface="primary"}render(){return o("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":true,[`ds-card--${this.surface}`]:true}},this.cardTitle&&o("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},o("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),o("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},o("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};d.style=e();export{t as ds_button,d as ds_card};
|
|
2
|
-
//# sourceMappingURL=p-84bc6959.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","h","dsButtonCss","DsButton","constructor","hostRef","this","variant","disabled","render","key","class","style","dsCardCss","DsCard","surface","cardTitle"],"sources":["0"],"mappings":"OAAcA,OAAkBC,MAAS,kBAEzC,MAAMC,EAAc,IAAM,81CAE1B,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRL,EAAiBM,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,SAAW,KACpB,CACA,MAAAC,GACI,OAAQR,EAAE,SAAU,CAAES,IAAK,2CAA4CC,MAAO,CACtE,YAAa,KACb,CAAC,cAAcL,KAAKC,WAAY,KAChC,sBAAuBD,KAAKE,UAC7BA,SAAUF,KAAKE,UAAYP,EAAE,OAAQ,CAAES,IAAK,2CAA4CC,MAAO,oBAAsBV,EAAE,OAAQ,CAAES,IAAK,8CACjJ,GAEJP,EAASS,MAAQV,IAEjB,MAAMW,EAAY,IAAM,i4BAExB,MAAMC,EAAS,MACX,WAAAV,CAAYC,GACRL,EAAiBM,KAAMD,GAIvBC,KAAKS,QAAU,SACnB,CACA,MAAAN,GACI,OAAQR,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,CACnE,UAAW,KACX,CAAC,YAAYL,KAAKS,WAAY,OAC7BT,KAAKU,WAAcf,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,mBAAqBV,EAAE,KAAM,CAAES,IAAK,2CAA4CC,MAAO,kBAAoBL,KAAKU,YAAcf,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,oBAAsBV,EAAE,OAAQ,CAAES,IAAK,8CAC3U,GAEJI,EAAOF,MAAQC,WAENV,eAAuBW","ignoreList":[]}
|