@marioschmidt/design-system-tokens 1.0.22 → 1.0.23

package/dist/css/brands/sportbild/density/density-compact.css

@@ -1,6 +1,6 @@
 /**
  * density-compact.css
- * Generiert am: 2025-11-24T20:37:08.912Z
+ * Generiert am: 2025-11-24T21:07:29.031Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/density/density-default.css

@@ -1,6 +1,6 @@
 /**
  * density-default.css
- * Generiert am: 2025-11-24T20:37:08.952Z
+ * Generiert am: 2025-11-24T21:07:29.073Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/density/density-spacious.css

@@ -1,6 +1,6 @@
 /**
  * density-spacious.css
- * Generiert am: 2025-11-24T20:37:08.992Z
+ * Generiert am: 2025-11-24T21:07:29.114Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/overrides/brandcolormapping.css

@@ -1,6 +1,6 @@
 /**
  * brandcolormapping.css
- * Generiert am: 2025-11-24T20:37:10.099Z
+ * Generiert am: 2025-11-24T21:07:30.226Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/overrides/brandtokenmapping.css

@@ -1,6 +1,6 @@
 /**
  * brandtokenmapping.css
- * Generiert am: 2025-11-24T20:37:10.219Z
+ * Generiert am: 2025-11-24T21:07:30.347Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css

@@ -1,6 +1,6 @@
 /**
  * breakpoint-lg-1024px-regular.css
- * Generiert am: 2025-11-24T20:37:09.167Z
+ * Generiert am: 2025-11-24T21:07:29.288Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css

@@ -1,6 +1,6 @@
 /**
  * breakpoint-md-600px.css
- * Generiert am: 2025-11-24T20:37:09.380Z
+ * Generiert am: 2025-11-24T21:07:29.497Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css

@@ -1,6 +1,6 @@
 /**
  * breakpoint-sm-390px-compact.css
- * Generiert am: 2025-11-24T20:37:09.568Z
+ * Generiert am: 2025-11-24T21:07:29.687Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css

@@ -1,6 +1,6 @@
 /**
  * breakpoint-xs-320px.css
- * Generiert am: 2025-11-24T20:37:09.756Z
+ * Generiert am: 2025-11-24T21:07:29.881Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/color/colormode-dark.css

@@ -1,6 +1,6 @@
 /**
  * colormode-dark.css
- * Generiert am: 2025-11-24T20:37:09.888Z
+ * Generiert am: 2025-11-24T21:07:30.015Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/color/colormode-light.css

@@ -1,6 +1,6 @@
 /**
  * colormode-light.css
- * Generiert am: 2025-11-24T20:37:10.030Z
+ * Generiert am: 2025-11-24T21:07:30.154Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/sportbild/semantic/effects/effects-dark.css

@@ -1,66 +1,90 @@
 /**
  * Effect Classes - Sportbild / dark
- * Generiert am: 2025-11-24T20:37:13.081Z
+ * Generiert am: 2025-11-24T21:07:33.272Z
  * Nicht manuell bearbeiten!
  */
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftsm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
-}
+/* ============================================
+   ALERT
+   ============================================ */
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftmd {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+.alertshadowdown {
+  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
 }
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftlg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
+.alertshadowup {
+  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
 }
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftxl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
-}
+
+/* ============================================
+   DROPSHADOWHARD
+   ============================================ */
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardsm {
+.shadowhardsm {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 1px 3px 1px rgba(0, 0, 0, 0.10000000149011612);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardmd {
+.shadowhardmd {
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10000000149011612), 0px 2px 4px 0px rgba(0, 0, 0, 0.1599999964237213);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardlg {
+.shadowhardlg {
   box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 6px 10px 4px rgba(0, 0, 0, 0.10000000149011612);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardxl {
+.shadowhardxl {
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 8px 12px 6px rgba(0, 0, 0, 0.10000000149011612);
 }
 
-.alert-alertshadowdown {
-  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+
+/* ============================================
+   DROPSHADOWSOFT
+   ============================================ */
+
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftsm {
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
 }
 
-.alert-alertshadowup {
-  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftmd {
+  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+}
+
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftlg {
+  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
 }
 
-.menu-menushadow {
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftxl {
+  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
+}
+
+
+/* ============================================
+   MENU
+   ============================================ */
+
+.menushadow {
   box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.10000000149011612);
 }
 
-.menu-heyinputshadow {
+.heyinputshadow {
   box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
 }
 
-.teaser-teaserheadlinesshadow {
+
+/* ============================================
+   TEASER
+   ============================================ */
+
+.teaserheadlinesshadow {
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6000000238418579);
 }
 

package/dist/css/brands/sportbild/semantic/effects/effects-light.css

@@ -1,66 +1,90 @@
 /**
  * Effect Classes - Sportbild / light
- * Generiert am: 2025-11-24T20:37:13.019Z
+ * Generiert am: 2025-11-24T21:07:33.208Z
  * Nicht manuell bearbeiten!
  */
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftsm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
-}
+/* ============================================
+   ALERT
+   ============================================ */
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftmd {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+.alertshadowdown {
+  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
 }
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftlg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
+.alertshadowup {
+  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
 }
 
-/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-.dropshadowsoft-shadowsoftxl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
-}
+
+/* ============================================
+   DROPSHADOWHARD
+   ============================================ */
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardsm {
+.shadowhardsm {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 1px 3px 1px rgba(0, 0, 0, 0.10000000149011612);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardmd {
+.shadowhardmd {
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10000000149011612), 0px 2px 4px 0px rgba(0, 0, 0, 0.1599999964237213);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardlg {
+.shadowhardlg {
   box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 6px 10px 4px rgba(0, 0, 0, 0.10000000149011612);
 }
 
 /* Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-.dropshadowhard-shadowhardxl {
+.shadowhardxl {
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 8px 12px 6px rgba(0, 0, 0, 0.10000000149011612);
 }
 
-.alert-alertshadowdown {
-  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+
+/* ============================================
+   DROPSHADOWSOFT
+   ============================================ */
+
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftsm {
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
 }
 
-.alert-alertshadowup {
-  box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftmd {
+  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+}
+
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftlg {
+  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
 }
 
-.menu-menushadow {
+/* Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+.shadowsoftxl {
+  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
+}
+
+
+/* ============================================
+   MENU
+   ============================================ */
+
+.menushadow {
   box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.10000000149011612);
 }
 
-.menu-heyinputshadow {
+.heyinputshadow {
   box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
 }
 
-.teaser-teaserheadlinesshadow {
+
+/* ============================================
+   TEASER
+   ============================================ */
+
+.teaserheadlinesshadow {
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6000000238418579);
 }