@marioschmidt/design-system-tokens 1.0.68 → 1.0.70

package/dist/stencil/www/css/sportbild/components/infoelement.css

@@ -1,41 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: InfoElement Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --info-element-teaser-badge-height-size: var(--size-2-x, 16px);
-  --info-element-teaser-image-height-size: var(--size-10-x, 80px);
-  --info-element-teaser-image-width-size: var(--size-10-x, 80px);
-  --info-element-teaser-badge-margin-space: var(--space-0-p-5-x, 4px);
-}
-
-@media (min-width: 600px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --info-element-teaser-image-height-size: 83px;
-    --info-element-teaser-image-width-size: var(--size-18-p-5-x, 148px);
-  }
-}
-
-@media (min-width: 1024px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --info-element-teaser-badge-height-size: var(--size-3-x, 24px);
-    --info-element-teaser-image-height-size: 133px;
-    --info-element-teaser-image-width-size: 236px;
-    --info-element-teaser-badge-margin-space: var(--space-1-x, 8px);
-  }
-}

package/dist/stencil/www/css/sportbild/components/inputfield.css

@@ -1,117 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: InputField Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="sportbild"][data-theme="light"],
-:host([data-color-brand="sportbild"][data-theme="light"]) {
-  --input-field-border-color-idle: var(--color-neutral-85, #CED4DA);
-  --input-field-border-color-active: var(--color-neutral-35, #4B525A);
-  --input-field-border-color-dark: var(--color-neutral-60, #8C9196);
-  --input-field-bg-color-dark-low-contrast: var(--color-neutral-25, #343C41);
-  --input-field-bg-color-dark-medium-contrast: var(--color-neutral-35, #4B525A);
-  --input-field-bg-color-dark-high-contrast: var(--color-neutral-93, #E9ECEF);
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="sportbild"][data-theme="dark"],
-:host([data-color-brand="sportbild"][data-theme="dark"]) {
-  --input-field-border-color-idle: var(--color-neutral-60, #8C9196);
-  --input-field-border-color-active: var(--color-neutral-93, #E9ECEF);
-  --input-field-border-color-dark: var(--color-neutral-85, #CED4DA);
-  --input-field-bg-color-dark-low-contrast: var(--color-neutral-25, #343C41);
-  --input-field-bg-color-dark-medium-contrast: var(--color-neutral-35, #4B525A);
-  --input-field-bg-color-dark-high-contrast: var(--color-neutral-93, #E9ECEF);
-}
-
-/* === DENSITY TOKENS === */
-
-[data-content-brand="sportbild"][data-density="default"],
-:host([data-content-brand="sportbild"][data-density="default"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-1-x, 8px);
-  --density-input-field-height-size: var(--size-5-x, 40px);
-  --density-input-field-label-font-size: 17px;
-
-}
-
-[data-content-brand="sportbild"][data-density="dense"],
-:host([data-content-brand="sportbild"][data-density="dense"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-0-p-75-x, 6px);
-  --density-input-field-height-size: var(--size-4-p-5-x, 36px);
-  --density-input-field-label-font-size: 16px;
-
-}
-
-[data-content-brand="sportbild"][data-density="spacious"],
-:host([data-content-brand="sportbild"][data-density="spacious"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --density-input-field-inline-space: var(--space-2-x, 16px);
-  --density-input-field-stack-space: var(--space-1-p-5-x, 12px);
-  --density-input-field-height-size: var(--size-6-x, 48px);
-  --density-input-field-label-font-size: 19px;
-
-}
-
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .text-input-field-label,
-:host([data-content-brand="sportbild"]) .text-input-field-label {
-  font-family: var(--font-family-inter, Inter);
-  font-weight: var(--font-weight-book, 400);
-  font-size: 16px;
-  line-height: 16px;
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --input-field-stack-space: var(--density-input-field-stack-space, 6px);
-  --input-field-inline-space: var(--density-input-field-inline-space, 16px);
-  --input-field-mini-label-inline-space: var(--space-0-p-5-x, 4px);
-  --input-field-font-size: var(--density-input-field-label-font-size, 16px);
-  --input-field-imessage-inline-space: var(--inline-space-const-lg);
-  --input-field-height-size: var(--density-input-field-height-size, 36px);
-  --hey-input-container-inline-space: var(--inline-space-const-sm);
-  --input-field-message-gap-space: var(--gap-space-const-xs);
-  --input-field-font-family: var(--font-family-inter, Inter);
-}
-
-@media (min-width: 1024px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --hey-input-container-inline-space: var(--inline-space-const-lg);
-  }
-}
-
-/* === OTHER TOKENS === */
-
-[data-color-brand="sportbild"],
-:host([data-color-brand="sportbild"]) {
-  --input-field-border-color-dark-active: var(--border-color-high-contrast);
-}

package/dist/stencil/www/css/sportbild/components/kicker.css

@@ -1,69 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: Kicker Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="sportbild"][data-theme="light"],
-:host([data-color-brand="sportbild"][data-theme="light"]) {
-  /* ============================================
-     STANDARD
-     ============================================ */
-
-  --kicker-bg-color-on-surface: var(--color-spobi-blue-29, #174482);
-
-
-  /* ============================================
-     PARTNER
-     ============================================ */
-
-  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #FF97B7);
-  --kicker-petbook-bg-color: var(--color-partner-petbook, #B9DB91);
-  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66CCCC);
-  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8EF0ED);
-  --kicker-techbook-bg-color: var(--color-partner-techbook, #93E4FF);
-  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
-  --kicker-cobi-bg-color: var(--color-cobi-red-50, #DC231C);
-  --kicker-aubi-bg-color: var(--color-aubi-red-50, #F00000);
-  --kicker-spobi-bg-color: var(--color-spobi-blue-29, #174482);
-  --kicker-bz-bg-color: var(--color-bz-red-50, #E3001B);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="sportbild"][data-theme="dark"],
-:host([data-color-brand="sportbild"][data-theme="dark"]) {
-  /* ============================================
-     STANDARD
-     ============================================ */
-
-  --kicker-bg-color-on-surface: var(--color-neutral-60, #8C9196);
-
-
-  /* ============================================
-     PARTNER
-     ============================================ */
-
-  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #FF97B7);
-  --kicker-petbook-bg-color: var(--color-partner-petbook, #B9DB91);
-  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66CCCC);
-  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8EF0ED);
-  --kicker-techbook-bg-color: var(--color-partner-techbook, #93E4FF);
-  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476E);
-  --kicker-cobi-bg-color: var(--color-cobi-red-50, #DC231C);
-  --kicker-aubi-bg-color: var(--color-aubi-red-50, #F00000);
-  --kicker-spobi-bg-color: var(--color-spobi-blue-29, #174482);
-  --kicker-bz-bg-color: var(--color-bz-red-50, #E3001B);
-
-}

package/dist/stencil/www/css/sportbild/components/liveticker.css

@@ -1,62 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: LiveTicker Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .live-ticker-headline,
-:host([data-content-brand="sportbild"]) .live-ticker-headline {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: var(--font-weight-semi-bold, 600);
-  font-size: 22px;
-  line-height: 22px;
-}
-
-[data-content-brand="sportbild"] .live-ticker-time-stamp,
-:host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--live-ticker-time-stamp-font-size, 14px);
-  line-height: 14px;
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --live-tickerheadline-font-weight: var(--font-weight-semi-bold, 600);
-  --live-ticker-headlines-font-size: 22px;
-  --time-stamp-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  --live-ticker-time-stamp-font-size: 14px;
-  --live-ticker-time-headline-stack-space: var(--space-0-p-5-x, 4px);
-  --live-ticker-slider-item-width-max-size: 257px;
-  --live-ticker-app-card-height-size: 96px;
-  --live-ticker-app-card-width-size: 250px;
-}
-
-@media (min-width: 600px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --live-ticker-headlines-font-size: 32px;
-    --live-ticker-time-stamp-font-size: 16px;
-    --live-ticker-app-card-height-size: 128px;
-    --live-ticker-app-card-width-size: 300px;
-  }
-}
-
-@media (min-width: 1024px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --live-ticker-slider-item-width-max-size: 537px;
-  }
-}

package/dist/stencil/www/css/sportbild/components/mediaplayer.css

@@ -1,114 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: MediaPlayer Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="sportbild"][data-theme="light"],
-:host([data-color-brand="sportbild"][data-theme="light"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-red-50-a-80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black-50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black-5, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black-35, rgba(0, 0, 0, 0.35));
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="sportbild"][data-theme="dark"],
-:host([data-color-brand="sportbild"][data-theme="dark"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --vid-player-controls-autoplay-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-control-buttons-bg-hover-color: var(--alpha-red-50-a-80, rgba(221, 0, 0, 0.8));
-  --vid-player-control-buttons-bg-color-hover: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-overlay-scrim-color: var(--alpha-black-50, rgba(0, 0, 0, 0.5));
-  --audio-player-play-button-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-tooltip-bg-color: var(--alpha-black-70, rgba(0, 0, 0, 0.7));
-  --vid-player-control-buttons-bg-color-pressed: var(--alpha-black-5, rgba(0, 0, 0, 0.05));
-  --vid-player-progress-bar-preload-bg-color: var(--alpha-white-30, rgba(255, 255, 255, 0.3));
-  --vid-player-unmute-button-bg-color: var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-  --vid-player-unmute-button-bg-color-hover: var(--alpha-black-35, rgba(0, 0, 0, 0.35));
-
-}
-
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .podcast-player-label,
-:host([data-content-brand="sportbild"]) .podcast-player-label {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: var(--font-weight-book, 400);
-  font-size: 16px;
-  line-height: 16px;
-}
-
-[data-content-brand="sportbild"] .video-ad-time,
-:host([data-content-brand="sportbild"]) .video-ad-time {
-  font-family: var(--font-family-gotham, Gotham);
-  font-weight: var(--font-weight-black, 800);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="sportbild"] .video-player-time,
-:host([data-content-brand="sportbild"]) .video-player-time {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --podcast-play-button-size: var(--size-6-x, 48px);
-  --vid-player-bottom-bar-gap-space: 0px;
-  --audio-player-header-stack-space: var(--size-7-x, 56px);
-  --video-time-badge-font-family: var(--font-family-inter, Inter);
-  --vid-player-control-button-size: var(--size-5-p-25-x, 42px);
-  --vid-player-control-button-icon-size-hover: var(--size-3-p-5-x, 28px);
-  --vid-player-timecode-font-size: 14px;
-  --vid-player-timecode-container-min-width-size: 45px;
-  --vid-player-progress-bar-container-height-size: 24px;
-  --vid-player-unmute-button-width-size: 220;
-}
-
-@media (min-width: 600px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --vid-player-timecode-font-size: 16px;
-    --vid-player-timecode-container-min-width-size: 58px;
-  }
-}
-
-@media (min-width: 1024px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
-    --vid-player-timecode-font-size: 18px;
-    --vid-player-progress-bar-container-height-size: 42px;
-  }
-}

package/dist/stencil/www/css/sportbild/components/menu.css

@@ -1,148 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: Menu Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="sportbild"][data-theme="light"],
-:host([data-color-brand="sportbild"][data-theme="light"]) {
-  --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
-  --menu-link-lane-surface-color: var(--color-spobi-blue-16, #0A2750);
-  --menu-link-lane-label-color: var(--color-neutral-85, #CED4DA);
-  --menu-link-lane-label-color-active: var(--color-neutral-100, #FFFFFF);
-  --app-top-bar-surface-color: var(--color-spobi-blue-16, #0A2750);
-  --app-top-bar-icon-color: var(--color-neutral-60, #8C9196);
-  --app-top-bar-text-color-primary: var(--color-neutral-93, #E9ECEF);
-  --app-tob-bar-tab-nav-bottom-border: var(--color-spobi-blue-29, #174482);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-85, #CED4DA);
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="sportbild"][data-theme="dark"],
-:host([data-color-brand="sportbild"][data-theme="dark"]) {
-  --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --menu-link-lane-surface-color: var(--color-spobi-blue-16, #0A2750);
-  --menu-link-lane-label-color: var(--color-neutral-73, #AEB4B9);
-  --menu-link-lane-label-color-active: var(--color-spobi-blue-98, #F7F9FD);
-  --app-top-bar-surface-color: var(--color-spobi-blue-16, #0A2750);
-  --app-top-bar-icon-color: var(--color-neutral-60, #8C9196);
-  --app-top-bar-text-color-primary: var(--color-neutral-93, #E9ECEF);
-  --app-tob-bar-tab-nav-bottom-border: var(--color-spobi-blue-29, #174482);
-  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
-}
-
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .app-topbar-stage-title,
-:host([data-content-brand="sportbild"]) .app-topbar-stage-title {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
-  font-size: 12px;
-  line-height: 14px;
-}
-
-[data-content-brand="sportbild"] .app-topbar-tabs-title,
-:host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
-  font-weight: var(--font-weight-black, 800);
-  font-size: 12px;
-  line-height: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="sportbild"] .menu-item-label,
-:host([data-content-brand="sportbild"]) .menu-item-label {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: 700;
-  font-size: var(--size-2-p-25-x, 18px);
-  line-height: var(--size-2-p-25-x, 18px);
-  font-style: italic;
-  text-transform: uppercase;
-}
-
-[data-content-brand="sportbild"] .menu-item-util-label,
-:host([data-content-brand="sportbild"]) .menu-item-util-label {
-  font-family: var(--font-family-antenna-extra-cond, AntennaExtraCond);
-  font-weight: 700;
-  font-size: var(--size-1-p-5-x, 12px);
-  line-height: var(--size-1-p-5-x, 12px);
-  font-style: italic;
-  text-transform: uppercase;
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-  --menu-item-space: var(--space-1-x, 8px);
-  --menu-item-font-size: var(--size-2-p-25-x, 18px);
-  --menu-item-util-font-size: var(--size-1-p-5-x, 12px);
-  --menu-item-util-stack-space: var(--space-1-p-25-x, 10px);
-  --menu-link-lane-height-size: var(--size-6-x, 48px);
-  --menu-utillink-item-height-size: var(--size-6-x, 48px);
-  --menu-link-item-inline-space: var(--space-0-p-5-x, 4px);
-  --menu-logo-default-size: var(--size-7-x, 56px);
-  --menu-logo-scrolled-size: var(--size-7-x, 56px);
-  --menu-special-navi-item-height-size: 48px;
-  --sub-nav-bar-height-size: var(--size-5-p-25-x, 42px);
-  --menu-utility-links-container-height-size: var(--size-const-lg);
-  --menu-top-stack-space: var(--stack-space-const-sm);
-  --menu-left-inline-space: var(--inline-space-const-sm);
-  --menu-utility-links-gap-space: var(--gap-space-const-xl);
-  --menu-right-inline-space: var(--space-0-x, 0px);
-  --menu-bottom-stack-space: var(--stack-space-const-sm);
-  --menu-utility-links-divider-height-size: var(--size-const-sm);
-  --menu-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
-  --hey-input-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
-  --app-topbar-title-font-size: 12px;
-  --app-topbar-stage-title-height: 14px;
-  --i-osapp-top-bar-height-size: 44px;
-  --i-osapp-top-bar-left-inline-space: 12px;
-  --i-osapp-top-bar-right-inline-space: 16px;
-}
-
-@media (min-width: 600px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --app-topbar-title-font-size: 13px;
-    --app-topbar-stage-title-height: 17px;
-    --i-osapp-top-bar-height-size: 48px;
-    --i-osapp-top-bar-left-inline-space: 19px;
-    --i-osapp-top-bar-right-inline-space: 19px;
-  }
-}
-
-@media (min-width: 1024px) {
-  [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
-    --menu-logo-default-size: var(--size-18-p-5-x, 148px);
-    --menu-special-navi-item-height-size: 56px;
-    --menu-utility-links-container-height-size: var(--size-12-p-5-x, 100px);
-    --menu-top-stack-space: var(--stack-space-const-md);
-    --menu-left-inline-space: var(--inline-space-const-lg);
-    --menu-utility-links-gap-space: var(--gap-space-const-2-xl);
-    --menu-right-inline-space: var(--inline-space-const-lg);
-    --menu-bottom-stack-space: var(--space-0-x, 0px);
-    --menu-utility-links-divider-height-size: var(--size-const-md);
-    --menu-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
-    --hey-input-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
-  }
-}
-
-/* === OTHER TOKENS === */
-
-[data-color-brand="sportbild"],
-:host([data-color-brand="sportbild"]) {
-  --menu-surface-color: var(--surface-color-primary);
-}

package/dist/stencil/www/css/sportbild/components/menuitem.css

@@ -1,43 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * SPORTBILD Design System Tokens v1.0.68
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Sportbild | Bundle: MenuItem Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === COLOR TOKENS (LIGHT MODE) === */
-
-[data-color-brand="sportbild"][data-theme="light"],
-:host([data-color-brand="sportbild"][data-theme="light"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --menu-item-border-color-active: var(--color-spobi-blue-16, #0A2750);
-  --menu-item-label-color-primary: var(--label-color-secondary);
-  --menu-item-label-color-primary-active: var(--label-color-primary);
-  --menu-item-label-color-secondary: var(--color-neutral-100, #FFFFFF);
-
-}
-
-/* === COLOR TOKENS (DARK MODE) === */
-
-[data-color-brand="sportbild"][data-theme="dark"],
-:host([data-color-brand="sportbild"][data-theme="dark"]) {
-  /* ============================================
-     OTHER
-     ============================================ */
-
-  --menu-item-border-color-active: var(--color-spobi-blue-98, #F7F9FD);
-  --menu-item-label-color-primary: var(--label-color-tertiary);
-  --menu-item-label-color-primary-active: var(--color-neutral-96, #F2F4F5);
-  --menu-item-label-color-secondary: var(--color-neutral-100, #FFFFFF);
-
-}