npm - @marioschmidt/design-system-components - Versions diffs - 1.0.75 → 1.0.77 - Mend

@marioschmidt/design-system-components 1.0.75 → 1.0.77

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 (198) hide show

package/dist/www/css/sportbild/components/newsticker.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens
@@ -24,18 +24,18 @@
 [data-content-brand="sportbild"] .news-ticker-kicker,
 :host([data-content-brand="sportbild"]) .news-ticker-kicker {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--kicker-3-font-size, 16px);
-  line-height: var(--kicker-3-line-height, 17.6px);
+  font-family: var(--kicker-font-family);
+  font-weight: var(--kicker-font-weight);
+  font-size: var(--kicker-3-font-size);
+  line-height: var(--kicker-3-line-height);
 }
 [data-content-brand="sportbild"] .news-ticker-headline,
 :host([data-content-brand="sportbild"]) .news-ticker-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size, 30px);
-  line-height: var(--headline-3-line-height, 33px);
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-line-height);
   font-style: italic;
 }

package/dist/www/css/sportbild/components/pagination.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Pagination Component Tokens
@@ -34,10 +34,10 @@
 [data-content-brand="sportbild"] .numbered-pagination-active,
 :host([data-content-brand="sportbild"]) .numbered-pagination-active {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--label-1-font-size, 17px);
-  line-height: var(--label-1-line-height, 20.4px);
+  font-family: var(--label-font-family);
+  font-weight: var(--label-font-weight-bold);
+  font-size: var(--label-1-font-size);
+  line-height: var(--label-1-line-height);
   letter-spacing: var(--letter-space-0-p-25, 0.25px);
   text-decoration: underline;
 }

package/dist/www/css/sportbild/components/partnerlinks.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: PartnerLinks Component Tokens

package/dist/www/css/sportbild/components/paywall.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Paywall Component Tokens
@@ -16,20 +16,20 @@
 [data-content-brand="sportbild"] .paywall-card-price-tag,
 :host([data-content-brand="sportbild"]) .paywall-card-price-tag {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: var(--size-8-x, 64px);
   line-height: var(--size-8-x, 64px);
-  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+  letter-spacing: var(--display-2-letter-spacing);
 }
 [data-content-brand="sportbild"] .paywall-card-note,
 :host([data-content-brand="sportbild"]) .paywall-card-note {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: var(--size-5-x, 40px);
   line-height: var(--size-5-x, 40px);
-  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+  letter-spacing: var(--display-3-letter-spacing);
 }
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/quote.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Quote Component Tokens

package/dist/www/css/sportbild/components/radiobutton.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: RadioButton Component Tokens

package/dist/www/css/sportbild/components/search.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Search Component Tokens

package/dist/www/css/sportbild/components/sectiontitle.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: SectionTitle Component Tokens

package/dist/www/css/sportbild/components/selection.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Selection Component Tokens

package/dist/www/css/sportbild/components/separator.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Separator Component Tokens

package/dist/www/css/sportbild/components/skeletons.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Skeletons Component Tokens

package/dist/www/css/sportbild/components/slider.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Slider Component Tokens

package/dist/www/css/sportbild/components/socialsharebutton.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: SocialShareButton Component Tokens

package/dist/www/css/sportbild/components/specialnavi.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: SpecialNavi Component Tokens
@@ -16,7 +16,7 @@
 [data-content-brand="sportbild"] .special-navi-item-label,
 :host([data-content-brand="sportbild"]) .special-navi-item-label {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--label-font-family);
   font-weight: 700;
   font-size: var(--size-2-p-25-x, 18px);
   line-height: var(--size-2-p-25-x, 18px);

package/dist/www/css/sportbild/components/spinner.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Spinner Component Tokens

package/dist/www/css/sportbild/components/subheader.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Subheader Component Tokens

package/dist/www/css/sportbild/components/tab.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Tab Component Tokens
@@ -47,14 +47,14 @@
 [data-content-brand="sportbild"] .tab-label,
 :host([data-content-brand="sportbild"]) .tab-label {
   font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--label-font-weight-bold);
   font-size: var(--tab-label-font-size, 16px);
   text-transform: uppercase;
 }
 [data-content-brand="sportbild"] .app-bottom-bar-label-default,
 :host([data-content-brand="sportbild"]) .app-bottom-bar-label-default {
-  font-family: var(--font-family-inter, Inter);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-book, 400);
   font-size: 11px;
   line-height: 14.4px;
@@ -62,7 +62,7 @@
 [data-content-brand="sportbild"] .app-bottom-bar-label-active,
 :host([data-content-brand="sportbild"]) .app-bottom-bar-label-active {
-  font-family: var(--font-family-inter, Inter);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-bold, 700);
   font-size: 11px;
   line-height: 14.4px;

package/dist/www/css/sportbild/components/table.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Table Component Tokens

package/dist/www/css/sportbild/components/teaser.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Teaser Component Tokens
@@ -32,55 +32,55 @@
 [data-content-brand="sportbild"] .a-teaser-a-teaser-kicker,
 :host([data-content-brand="sportbild"]) .a-teaser-a-teaser-kicker {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-3-font-size, 16px);
-  line-height: var(--kicker-3-font-size, 16px);
+  font-size: var(--kicker-3-font-size);
+  line-height: var(--kicker-3-font-size);
   font-style: italic;
 }
 [data-content-brand="sportbild"] .a-teaser-a-teaser-headline,
 :host([data-content-brand="sportbild"]) .a-teaser-a-teaser-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size, 30px);
-  line-height: var(--headline-3-font-size, 30px);
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-font-size);
   font-style: italic;
 }
 [data-content-brand="sportbild"] .m-qteaser-m-qteaser-kicker,
 :host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-4-font-size, 14px);
-  line-height: var(--kicker-4-line-height, 15.4px);
+  font-size: var(--kicker-4-font-size);
+  line-height: var(--kicker-4-line-height);
   font-style: italic;
 }
 [data-content-brand="sportbild"] .m-qteaser-m-qteaser-headline,
 :host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-4-font-size, 21px);
-  line-height: var(--headline-4-line-height, 23.1px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
   font-style: italic;
 }
 [data-content-brand="sportbild"] .q-teaser-q-teaser-headline,
 :host([data-content-brand="sportbild"]) .q-teaser-q-teaser-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-1-font-size, 42px);
-  line-height: var(--headline-1-line-height, 42px);
+  font-size: var(--headline-1-font-size);
+  line-height: var(--headline-1-line-height);
   font-style: italic;
 }
 [data-content-brand="sportbild"] .std-teaser-std-teaser-headline,
 :host([data-content-brand="sportbild"]) .std-teaser-std-teaser-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
+  font-family: var(--headline-font-family);
   font-weight: 700;
-  font-size: var(--headline-4-font-size, 21px);
-  line-height: var(--headline-4-line-height, 23.1px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
   font-style: italic;
 }

package/dist/www/css/sportbild/components/textlink.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: TextLink Component Tokens

package/dist/www/css/sportbild/components/toggleswitch.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: ToggleSwitch Component Tokens
@@ -16,8 +16,8 @@
 [data-content-brand="sportbild"] .app-toogle-item-label,
 :host([data-content-brand="sportbild"]) .app-toogle-item-label {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: 14px;
   line-height: 14.1px;
   text-transform: uppercase;

package/dist/www/css/sportbild/components/video.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Video Component Tokens

package/dist/www/css/sportbild/theme.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.75
+ * SPORTBILD Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Bundle: Theme (Color tokens + Effects for light/dark mode)