@marioschmidt/design-system-components 1.1.0 → 1.2.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.1
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: SpecialNavi Component Tokens

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.1
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Tab Component Tokens
@@ -46,6 +46,22 @@
   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(--body-font-family);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 11px;
+  line-height: 14.4px;
+}
+
+[data-content-brand="sportbild"] .app-bottom-bar-label-active,
+:host([data-content-brand="sportbild"]) .app-bottom-bar-label-active {
+  font-family: var(--body-font-family);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 11px;
+  line-height: 14.4px;
+}
+
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.1
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Teaser Component Tokens
@@ -39,6 +39,51 @@
   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(--headline-font-family);
+  font-weight: 900;
+  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(--kicker-font-family);
+  font-weight: 700;
+  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(--headline-font-family);
+  font-weight: 900;
+  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(--headline-font-family);
+  font-weight: 900;
+  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(--headline-font-family);
+  font-weight: 700;
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
+  font-style: italic;
+}
+
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.1
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: ToggleSwitch Component Tokens

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.1
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Theme (Color tokens + Effects for light/dark mode)
@@ -126,11 +126,10 @@
   --border-color-success: var(--color-green-40, #006E3E);
   --border-color-error: var(--color-bild-red-50, #DD0000);
   --border-color-warning: var(--color-orange-50, #C65502);
-  --border-color-info: var(--color-neutral-60, #8C9196);
 
   /* Semantic - Border - Interactive */
   --border-color-disabled: var(--color-spobi-blue-90, #D6E1F2);
-  --border-color-focus: var(--color-spobi-blue-30, #174482);
+  --border-color-selected: var(--color-spobi-blue-30, #174482);
   --border-color-active: var(--color-spobi-blue-30, #174482);
   --border-color-idle: var(--color-spobi-blue-60, #6A91CF);
 
@@ -308,11 +307,10 @@
   --border-color-success: var(--color-green-70, #00C373);
   --border-color-error: var(--color-bild-red-70, #FF8989);
   --border-color-warning: var(--color-orange-70, #FD8227);
-  --border-color-info: var(--color-neutral-40, #565A5F);
 
   /* Semantic - Border - Interactive */
   --border-color-disabled: var(--color-spobi-blue-25, #113B72);
-  --border-color-focus: var(--color-spobi-blue-70, #8FACDB);
+  --border-color-selected: var(--color-spobi-blue-70, #8FACDB);
   --border-color-active: var(--color-spobi-blue-60, #6A91CF);
   --border-color-idle: var(--color-spobi-blue-50, #4676C3);