@marioschmidt/design-system-components 1.4.2 → 1.4.4
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/{www/build/p-b8797ba4.entry.js → bds/p-8f02f575.entry.js} +1 -1
- package/dist/bds/p-B6bNw2Mp.js +2 -0
- package/dist/cjs/bds.cjs.js +1 -1
- package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
- package/dist/cjs/{index-Bbq_wrNI.js → index-V7lKYctQ.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/esm/bds.js +2 -2
- package/dist/esm/ds-button_3.entry.js +1 -1
- package/dist/esm/{index-DnybiLpQ.js → index-B6bNw2Mp.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/www/build/bds.css +1 -1
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/p-8a616e2a.css +1 -0
- package/dist/{bds/p-b8797ba4.entry.js → www/build/p-8f02f575.entry.js} +1 -1
- package/dist/www/build/p-B6bNw2Mp.js +2 -0
- package/dist/www/css/advertorial/components/article.css +3 -3
- package/dist/www/css/advertorial/components/audioplayer.css +2 -2
- package/dist/www/css/advertorial/components/avatar.css +3 -3
- package/dist/www/css/advertorial/components/badge.css +1 -1
- package/dist/www/css/advertorial/components/breadcrumb.css +2 -2
- package/dist/www/css/advertorial/components/breakingnews.css +3 -3
- package/dist/www/css/advertorial/components/button.css +2 -2
- package/dist/www/css/advertorial/components/card.css +2 -2
- package/dist/www/css/advertorial/components/carousel.css +3 -3
- package/dist/www/css/advertorial/components/chip.css +2 -2
- 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 +3 -3
- package/dist/www/css/advertorial/components/inputfield.css +2 -2
- package/dist/www/css/advertorial/components/liveticker.css +3 -3
- package/dist/www/css/advertorial/components/mediaplayer.css +3 -3
- package/dist/www/css/advertorial/components/menu.css +3 -3
- package/dist/www/css/advertorial/components/newsticker.css +4 -4
- package/dist/www/css/advertorial/components/pagination.css +2 -2
- package/dist/www/css/advertorial/components/paywall.css +1 -1
- package/dist/www/css/advertorial/components/quote.css +3 -3
- 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 +2 -2
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +2 -2
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi.css +2 -2
- package/dist/www/css/advertorial/components/spinner.css +2 -2
- package/dist/www/css/advertorial/components/tab.css +3 -3
- package/dist/www/css/advertorial/components/table.css +3 -3
- package/dist/www/css/advertorial/components/teaser.css +3 -3
- package/dist/www/css/advertorial/components/toggleswitch.css +3 -3
- package/dist/www/css/advertorial/components/video.css +3 -3
- package/dist/www/css/advertorial/theme.css +1 -1
- package/dist/www/css/advertorial/tokens.css +4 -4
- package/dist/www/css/bild/components/alert.css +17 -1
- package/dist/www/css/bild/components/article.css +3 -3
- package/dist/www/css/bild/components/audioplayer.css +2 -2
- package/dist/www/css/bild/components/avatar.css +3 -3
- package/dist/www/css/bild/components/badge.css +1 -1
- package/dist/www/css/bild/components/breadcrumb.css +2 -2
- package/dist/www/css/bild/components/breakingnews.css +3 -3
- package/dist/www/css/bild/components/button.css +2 -2
- package/dist/www/css/bild/components/card.css +2 -2
- package/dist/www/css/bild/components/carousel.css +3 -3
- package/dist/www/css/bild/components/chip.css +2 -2
- 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 +3 -3
- 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 +3 -3
- package/dist/www/css/bild/components/mediaplayer.css +3 -3
- package/dist/www/css/bild/components/menu.css +19 -3
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker.css +4 -4
- package/dist/www/css/bild/components/pagination.css +2 -2
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall.css +1 -1
- package/dist/www/css/bild/components/quote.css +3 -3
- 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 +2 -2
- 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 +2 -2
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi.css +2 -2
- package/dist/www/css/bild/components/spinner.css +2 -2
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab.css +3 -3
- package/dist/www/css/bild/components/table.css +3 -3
- package/dist/www/css/bild/components/teaser.css +13 -3
- package/dist/www/css/bild/components/toggleswitch.css +3 -3
- package/dist/www/css/bild/components/video.css +3 -3
- package/dist/www/css/bild/theme.css +57 -21
- package/dist/www/css/bild/tokens.css +4 -4
- package/dist/www/css/bundles/advertorial.css +46 -46
- package/dist/www/css/bundles/bild.css +144 -66
- package/dist/www/css/bundles/sportbild.css +144 -66
- 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/alert.css +17 -1
- package/dist/www/css/sportbild/components/article.css +3 -3
- package/dist/www/css/sportbild/components/audioplayer.css +2 -2
- package/dist/www/css/sportbild/components/avatar.css +3 -3
- package/dist/www/css/sportbild/components/badge.css +1 -1
- package/dist/www/css/sportbild/components/breadcrumb.css +2 -2
- package/dist/www/css/sportbild/components/breakingnews.css +3 -3
- package/dist/www/css/sportbild/components/button.css +2 -2
- package/dist/www/css/sportbild/components/card.css +2 -2
- package/dist/www/css/sportbild/components/carousel.css +3 -3
- package/dist/www/css/sportbild/components/chip.css +2 -2
- 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 +3 -3
- 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 +3 -3
- package/dist/www/css/sportbild/components/mediaplayer.css +3 -3
- package/dist/www/css/sportbild/components/menu.css +19 -3
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker.css +4 -4
- package/dist/www/css/sportbild/components/pagination.css +2 -2
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall.css +1 -1
- package/dist/www/css/sportbild/components/quote.css +3 -3
- 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 +2 -2
- 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 +2 -2
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi.css +2 -2
- package/dist/www/css/sportbild/components/spinner.css +2 -2
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab.css +3 -3
- package/dist/www/css/sportbild/components/table.css +3 -3
- package/dist/www/css/sportbild/components/teaser.css +13 -3
- package/dist/www/css/sportbild/components/toggleswitch.css +3 -3
- package/dist/www/css/sportbild/components/video.css +3 -3
- package/dist/www/css/sportbild/theme.css +57 -21
- package/dist/www/css/sportbild/tokens.css +4 -4
- package/dist/www/icons/manifest.json +2 -2
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-DnybiLpQ.js +0 -2
- package/dist/www/build/p-0af1a614.css +0 -1
- package/dist/www/build/p-DnybiLpQ.js +0 -2
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Skeletons Component Tokens
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
@media (min-width: 600px) {
|
|
26
26
|
[data-content-brand="sportbild"],
|
|
27
|
-
:host([data-content-brand="sportbild"]) {
|
|
27
|
+
:host([data-content-brand="sportbild"]) {
|
|
28
28
|
--headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
|
|
29
29
|
--article-skeleton-image-inline-space: var(--space-6-x, 48px);
|
|
30
30
|
--article-skeleton-text-inline-space: var(--space-6-x, 48px);
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: SpecialNavi Component Tokens
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
@media (min-width: 1024px) {
|
|
34
34
|
[data-content-brand="sportbild"],
|
|
35
|
-
:host([data-content-brand="sportbild"]) {
|
|
35
|
+
:host([data-content-brand="sportbild"]) {
|
|
36
36
|
--special-navi-inline-space: var(--space-4-x, 32px);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Spinner Component Tokens
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
@media (min-width: 600px) {
|
|
25
25
|
[data-content-brand="sportbild"],
|
|
26
|
-
:host([data-content-brand="sportbild"]) {
|
|
26
|
+
:host([data-content-brand="sportbild"]) {
|
|
27
27
|
--video-spinner-size: var(--size-10-x, 80px);
|
|
28
28
|
--video-spinner-stroke-size: 4px;
|
|
29
29
|
--video-spinner-size-0-5-x: 40px;
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Tab Component Tokens
|
|
@@ -77,14 +77,14 @@
|
|
|
77
77
|
|
|
78
78
|
@media (min-width: 390px) {
|
|
79
79
|
[data-content-brand="sportbild"],
|
|
80
|
-
:host([data-content-brand="sportbild"]) {
|
|
80
|
+
:host([data-content-brand="sportbild"]) {
|
|
81
81
|
--apps-tabs-label-font-size: 12px;
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
@media (min-width: 600px) {
|
|
86
86
|
[data-content-brand="sportbild"],
|
|
87
|
-
:host([data-content-brand="sportbild"]) {
|
|
87
|
+
:host([data-content-brand="sportbild"]) {
|
|
88
88
|
--android-tabbar-height-size: 74px;
|
|
89
89
|
--tab-label-font-size-line: 16px;
|
|
90
90
|
--apps-tabs-label-font-size: 16px;
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Table Component Tokens
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
@media (min-width: 600px) {
|
|
30
30
|
[data-content-brand="sportbild"],
|
|
31
|
-
:host([data-content-brand="sportbild"]) {
|
|
31
|
+
:host([data-content-brand="sportbild"]) {
|
|
32
32
|
--table-column-width-size-1-x: var(--size-12-x, 96px);
|
|
33
33
|
--table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
|
|
34
34
|
--table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
@media (min-width: 1024px) {
|
|
43
43
|
[data-content-brand="sportbild"],
|
|
44
|
-
:host([data-content-brand="sportbild"]) {
|
|
44
|
+
:host([data-content-brand="sportbild"]) {
|
|
45
45
|
--table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
|
|
46
46
|
--table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
|
|
47
47
|
--table-column-width-size-0-p-5-x: var(--size-9-x, 72px);
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Teaser Component Tokens
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
|
|
122
122
|
@media (min-width: 600px) {
|
|
123
123
|
[data-content-brand="sportbild"],
|
|
124
|
-
:host([data-content-brand="sportbild"]) {
|
|
124
|
+
:host([data-content-brand="sportbild"]) {
|
|
125
125
|
--teaser-title-inline-left-space: var(--space-0-x, 0px);
|
|
126
126
|
--teaser-title-bottom-stack-space: var(--space-2-x, 16px);
|
|
127
127
|
--m-qteaser-headline-font-size: var(--headline-3-font-size);
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
|
|
143
143
|
@media (min-width: 1024px) {
|
|
144
144
|
[data-content-brand="sportbild"],
|
|
145
|
-
:host([data-content-brand="sportbild"]) {
|
|
145
|
+
:host([data-content-brand="sportbild"]) {
|
|
146
146
|
--teaser-title-stack-space: var(--space-0-p-75-x, 6px);
|
|
147
147
|
--teaser-badges-height-size-lg: var(--size-const-sm);
|
|
148
148
|
--bild-play-teaser-width-size: 193px;
|
|
@@ -155,3 +155,13 @@
|
|
|
155
155
|
:host([data-color-brand="sportbild"]) {
|
|
156
156
|
--teaser-hover-opacity: var(--layer-opacity-80);
|
|
157
157
|
}
|
|
158
|
+
|
|
159
|
+
[data-color-brand="sportbild"],
|
|
160
|
+
:host([data-color-brand="sportbild"]) {
|
|
161
|
+
--teaser-headlines-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
[data-color-brand="sportbild"] .teaser-headlines-shadow,
|
|
165
|
+
:host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
|
|
166
|
+
box-shadow: var(--teaser-headlines-shadow);
|
|
167
|
+
}
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: ToggleSwitch Component Tokens
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
@media (min-width: 600px) {
|
|
35
35
|
[data-content-brand="sportbild"],
|
|
36
|
-
:host([data-content-brand="sportbild"]) {
|
|
36
|
+
:host([data-content-brand="sportbild"]) {
|
|
37
37
|
--app-toggle-item-label-font-size: 16px;
|
|
38
38
|
--app-toggle-item-label-line-height: 16.2px;
|
|
39
39
|
}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
@media (min-width: 1024px) {
|
|
43
43
|
[data-content-brand="sportbild"],
|
|
44
|
-
:host([data-content-brand="sportbild"]) {
|
|
44
|
+
:host([data-content-brand="sportbild"]) {
|
|
45
45
|
--app-toggle-item-label-font-size: 18px;
|
|
46
46
|
--app-toggle-item-label-line-height: 18.2px;
|
|
47
47
|
}
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Video Component Tokens
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
@media (min-width: 600px) {
|
|
32
32
|
[data-content-brand="sportbild"],
|
|
33
|
-
:host([data-content-brand="sportbild"]) {
|
|
33
|
+
:host([data-content-brand="sportbild"]) {
|
|
34
34
|
--video-time-badge-font-size: 18px;
|
|
35
35
|
--video-time-badge-size: var(--size-4-x, 32px);
|
|
36
36
|
--video-red-play-icon-width-size: var(--size-1-p-5-x, 12px);
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
|
|
46
46
|
@media (min-width: 1024px) {
|
|
47
47
|
[data-content-brand="sportbild"],
|
|
48
|
-
:host([data-content-brand="sportbild"]) {
|
|
48
|
+
:host([data-content-brand="sportbild"]) {
|
|
49
49
|
--video-time-badge-size: var(--size-5-x, 40px);
|
|
50
50
|
--video-red-play-icon-width-size: var(--size-1-p-75-x, 14px);
|
|
51
51
|
--video-red-play-icon-height-size: var(--size-2-p-25-x, 18px);
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Theme (Color tokens + Effects for light/dark mode)
|
|
@@ -380,100 +380,136 @@
|
|
|
380
380
|
|
|
381
381
|
/* Effects - Light */
|
|
382
382
|
/* ============================================
|
|
383
|
-
|
|
383
|
+
CSS CUSTOM PROPERTIES
|
|
384
|
+
============================================ */
|
|
385
|
+
|
|
386
|
+
[data-color-brand="sportbild"][data-theme="light"],
|
|
387
|
+
:host([data-color-brand="sportbild"][data-theme="light"]) {
|
|
388
|
+
/* dropshadowsoft */
|
|
389
|
+
--shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
|
|
390
|
+
--shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
391
|
+
--shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
|
|
392
|
+
--shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
|
|
393
|
+
/* dropshadowhard */
|
|
394
|
+
--shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
395
|
+
--shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
|
|
396
|
+
--shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
397
|
+
--shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/* ============================================
|
|
401
|
+
DROPSHADOWSOFT (Classes)
|
|
384
402
|
============================================ */
|
|
385
403
|
|
|
386
404
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-soft-sm,
|
|
387
405
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-sm {
|
|
388
|
-
box-shadow:
|
|
406
|
+
box-shadow: var(--shadow-soft-sm);
|
|
389
407
|
}
|
|
390
408
|
|
|
391
409
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-soft-md,
|
|
392
410
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-md {
|
|
393
|
-
box-shadow:
|
|
411
|
+
box-shadow: var(--shadow-soft-md);
|
|
394
412
|
}
|
|
395
413
|
|
|
396
414
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-soft-lg,
|
|
397
415
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-lg {
|
|
398
|
-
box-shadow:
|
|
416
|
+
box-shadow: var(--shadow-soft-lg);
|
|
399
417
|
}
|
|
400
418
|
|
|
401
419
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-soft-xl,
|
|
402
420
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-xl {
|
|
403
|
-
box-shadow:
|
|
421
|
+
box-shadow: var(--shadow-soft-xl);
|
|
404
422
|
}
|
|
405
423
|
|
|
406
424
|
|
|
407
425
|
/* ============================================
|
|
408
|
-
DROPSHADOWHARD
|
|
426
|
+
DROPSHADOWHARD (Classes)
|
|
409
427
|
============================================ */
|
|
410
428
|
|
|
411
429
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-hard-sm,
|
|
412
430
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-sm {
|
|
413
|
-
box-shadow:
|
|
431
|
+
box-shadow: var(--shadow-hard-sm);
|
|
414
432
|
}
|
|
415
433
|
|
|
416
434
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-hard-md,
|
|
417
435
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-md {
|
|
418
|
-
box-shadow:
|
|
436
|
+
box-shadow: var(--shadow-hard-md);
|
|
419
437
|
}
|
|
420
438
|
|
|
421
439
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-hard-lg,
|
|
422
440
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-lg {
|
|
423
|
-
box-shadow:
|
|
441
|
+
box-shadow: var(--shadow-hard-lg);
|
|
424
442
|
}
|
|
425
443
|
|
|
426
444
|
[data-color-brand="sportbild"][data-theme="light"] .shadow-hard-xl,
|
|
427
445
|
:host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-xl {
|
|
428
|
-
box-shadow:
|
|
446
|
+
box-shadow: var(--shadow-hard-xl);
|
|
429
447
|
}
|
|
430
448
|
|
|
431
449
|
/* Effects - Dark */
|
|
432
450
|
/* ============================================
|
|
433
|
-
|
|
451
|
+
CSS CUSTOM PROPERTIES
|
|
452
|
+
============================================ */
|
|
453
|
+
|
|
454
|
+
[data-color-brand="sportbild"][data-theme="dark"],
|
|
455
|
+
:host([data-color-brand="sportbild"][data-theme="dark"]) {
|
|
456
|
+
/* dropshadowsoft */
|
|
457
|
+
--shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
|
|
458
|
+
--shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
|
|
459
|
+
--shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
|
|
460
|
+
--shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
|
|
461
|
+
/* dropshadowhard */
|
|
462
|
+
--shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
463
|
+
--shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
|
|
464
|
+
--shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
465
|
+
--shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* ============================================
|
|
469
|
+
DROPSHADOWSOFT (Classes)
|
|
434
470
|
============================================ */
|
|
435
471
|
|
|
436
472
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-sm,
|
|
437
473
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-sm {
|
|
438
|
-
box-shadow:
|
|
474
|
+
box-shadow: var(--shadow-soft-sm);
|
|
439
475
|
}
|
|
440
476
|
|
|
441
477
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-md,
|
|
442
478
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-md {
|
|
443
|
-
box-shadow:
|
|
479
|
+
box-shadow: var(--shadow-soft-md);
|
|
444
480
|
}
|
|
445
481
|
|
|
446
482
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-lg,
|
|
447
483
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-lg {
|
|
448
|
-
box-shadow:
|
|
484
|
+
box-shadow: var(--shadow-soft-lg);
|
|
449
485
|
}
|
|
450
486
|
|
|
451
487
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-xl,
|
|
452
488
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-xl {
|
|
453
|
-
box-shadow:
|
|
489
|
+
box-shadow: var(--shadow-soft-xl);
|
|
454
490
|
}
|
|
455
491
|
|
|
456
492
|
|
|
457
493
|
/* ============================================
|
|
458
|
-
DROPSHADOWHARD
|
|
494
|
+
DROPSHADOWHARD (Classes)
|
|
459
495
|
============================================ */
|
|
460
496
|
|
|
461
497
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-sm,
|
|
462
498
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-sm {
|
|
463
|
-
box-shadow:
|
|
499
|
+
box-shadow: var(--shadow-hard-sm);
|
|
464
500
|
}
|
|
465
501
|
|
|
466
502
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-md,
|
|
467
503
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-md {
|
|
468
|
-
box-shadow:
|
|
504
|
+
box-shadow: var(--shadow-hard-md);
|
|
469
505
|
}
|
|
470
506
|
|
|
471
507
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-lg,
|
|
472
508
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-lg {
|
|
473
|
-
box-shadow:
|
|
509
|
+
box-shadow: var(--shadow-hard-lg);
|
|
474
510
|
}
|
|
475
511
|
|
|
476
512
|
[data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-xl,
|
|
477
513
|
:host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-xl {
|
|
478
|
-
box-shadow:
|
|
514
|
+
box-shadow: var(--shadow-hard-xl);
|
|
479
515
|
}
|
|
@@ -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.4.
|
|
4
|
+
* BILD Design System Tokens v1.4.4
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Tokens (Responsive breakpoints + Typography + Density)
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
|
|
210
210
|
@media (min-width: 390px) {
|
|
211
211
|
[data-content-brand="sportbild"],
|
|
212
|
-
:host([data-content-brand="sportbild"]) {
|
|
212
|
+
:host([data-content-brand="sportbild"]) {
|
|
213
213
|
--canvas-min-width-size: 390px;
|
|
214
214
|
--canvas-max-width-size: 599px;
|
|
215
215
|
--canvas-height-size-web: 844px;
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
|
|
229
229
|
@media (min-width: 600px) {
|
|
230
230
|
[data-content-brand="sportbild"],
|
|
231
|
-
:host([data-content-brand="sportbild"]) {
|
|
231
|
+
:host([data-content-brand="sportbild"]) {
|
|
232
232
|
--grid-space-resp-lg: var(--space-4-x, 32px);
|
|
233
233
|
--grid-space-resp-xl: var(--space-8-x, 64px);
|
|
234
234
|
--layout-guide-grid-columns: 8;
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
|
|
315
315
|
@media (min-width: 1024px) {
|
|
316
316
|
[data-content-brand="sportbild"],
|
|
317
|
-
:host([data-content-brand="sportbild"]) {
|
|
317
|
+
:host([data-content-brand="sportbild"]) {
|
|
318
318
|
--grid-space-resp-base: var(--space-2-x, 16px);
|
|
319
319
|
--grid-space-resp-sm: var(--space-1-x, 8px);
|
|
320
320
|
--page-inline-space: var(--space-2-x, 16px);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-01-
|
|
3
|
-
"buildDuration": "4.
|
|
2
|
+
"generatedAt": "2026-01-22T10:37:17.438Z",
|
|
3
|
+
"buildDuration": "4.74s",
|
|
4
4
|
"inputDirectory": "/home/runner/work/bild-design-system/bild-design-system/packages/icons/src",
|
|
5
5
|
"outputDirectories": {
|
|
6
6
|
"svg": "/home/runner/work/bild-design-system/bild-design-system/packages/icons/svg/dist",
|
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-B6bNw2Mp.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as n,b as t}from"/build/p-B6bNw2Mp.js";export{s as setNonce}from"/build/p-B6bNw2Mp.js";(()=>{const n=import.meta.url,s={};return""!==n&&(s.resourcesUrl=new URL(".",n).href),a(s)})().then((async a=>(await n(),t([["p-8f02f575",[[257,"ds-button",{variant:[1],disabled:[4],icon:[1],iconPosition:[1,"icon-position"]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],basePath:[1,"base-path"],svgContent:[32]},null,{name:[{onNameChange:0}]}]]]],a))));
|
|
2
2
|
</script> <script nomodule="" src="/build/bds.js" data-stencil></script> <style>* {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
}
|
package/package.json
CHANGED