@marioschmidt/design-system-tokens 1.0.21 → 1.0.23

package/dist/android/res/values/shared/colorprimitive.xml

@@ -14,7 +14,7 @@
   <color name="bild060">#8c9196</color>
   <color name="bild096">#f2f4f5</color>
   <color name="bild093">#e9ecef</color>
-  <color name="bild085-50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
+  <color name="bild085-alpha50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
   <color name="bild073">#aeb4b9</color>
   <color name="bild045">#666b70</color>
   <color name="bild010">#1c1c1c</color>
@@ -25,8 +25,8 @@
   <color name="bildgreen070">#00c373</color>
   <color name="bildgreen063">#00af67</color>
   <color name="bildgreen093">#cef4e4</color>
-  <color name="bildgreen093-50">#cef4e480</color>
-  <color name="bildgreen056-50">#009b5a80</color>
+  <color name="bildgreen093-alpha50">#cef4e480</color>
+  <color name="bildgreen056-alpha50">#009b5a80</color>
   <color name="bildgreen040">#006e3e</color><!-- This value of green was found in a text field's text color. -->
   <color name="bildgreen056">#18995c</color>
   <color name="bildyellow">#ffbf00</color><!-- Tone: 081 -->
@@ -66,8 +66,8 @@
   <color name="spobi-blue010">#081828</color>
   <color name="spobi-blue038">#315998</color>
   <color name="spobi-red">#e52528</color>
-  <color name="spobi-blue016-0">#0a275000</color>
-  <color name="spobi-blue016-70">#0a2750b2</color>
+  <color name="spobi-blue016-alpha0">#0a275000</color>
+  <color name="spobi-blue016-alpha70">#0a2750b2</color>
   <string name="opacity05">5px</string>
   <string name="opacity10">10px</string>
   <string name="opacity20">20px</string>

package/dist/android/res/values/shared/spaceprimitive.xml

@@ -19,7 +19,7 @@
   <dimen name="space10x">80px</dimen>
   <dimen name="space20x">160px</dimen>
   <dimen name="space2-5x">20px</dimen>
-  <dimen name="space-0-25x">-2px</dimen>
+  <dimen name="space-neg0-25x">-2px</dimen>
   <dimen name="space0-75x">6px</dimen>
   <dimen name="space1-25x">10px</dimen>
   <dimen name="space2-75x">22px</dimen>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,66 +1,90 @@
 /**
  * Effect Classes - Advertorial / dark
- * Generiert am: 2025-11-24T20:34:59.347Z
+ * Generiert am: 2025-11-24T21:07:33.410Z
  * 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/advertorial/semantic/effects/effects-light.css

@@ -1,66 +1,90 @@
 /**
  * Effect Classes - Advertorial / light
- * Generiert am: 2025-11-24T20:34:59.283Z
+ * Generiert am: 2025-11-24T21:07:33.336Z
  * 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);
 }