@marioschmidt/design-system-tokens 1.0.26 → 1.0.28

package/dist/scss/brands/bild/density/density-compact.scss

@@ -1,6 +1,6 @@
 //
 // density-compact.scss
-// Generiert am: 2025-11-25T08:28:18.638Z
+// Generiert am: 2025-11-25T09:43:11.316Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/density/density-default.scss

@@ -1,6 +1,6 @@
 //
 // density-default.scss
-// Generiert am: 2025-11-25T08:28:18.680Z
+// Generiert am: 2025-11-25T09:43:11.363Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/density/density-spacious.scss

@@ -1,6 +1,6 @@
 //
 // density-spacious.scss
-// Generiert am: 2025-11-25T08:28:18.721Z
+// Generiert am: 2025-11-25T09:43:11.418Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/overrides/brandcolormapping.scss

@@ -1,6 +1,6 @@
 //
 // brandcolormapping.scss
-// Generiert am: 2025-11-25T08:28:19.857Z
+// Generiert am: 2025-11-25T09:43:12.623Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/overrides/brandtokenmapping.scss

@@ -1,6 +1,6 @@
 //
 // brandtokenmapping.scss
-// Generiert am: 2025-11-25T08:28:19.982Z
+// Generiert am: 2025-11-25T09:43:12.754Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss

@@ -1,6 +1,6 @@
 //
 // breakpoint-lg-1024px-regular.scss
-// Generiert am: 2025-11-25T08:28:18.924Z
+// Generiert am: 2025-11-25T09:43:11.630Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss

@@ -1,6 +1,6 @@
 //
 // breakpoint-md-600px.scss
-// Generiert am: 2025-11-25T08:28:19.117Z
+// Generiert am: 2025-11-25T09:43:11.843Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss

@@ -1,6 +1,6 @@
 //
 // breakpoint-sm-390px-compact.scss
-// Generiert am: 2025-11-25T08:28:19.321Z
+// Generiert am: 2025-11-25T09:43:12.063Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss

@@ -1,6 +1,6 @@
 //
 // breakpoint-xs-320px.scss
-// Generiert am: 2025-11-25T08:28:19.511Z
+// Generiert am: 2025-11-25T09:43:12.261Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/color/colormode-dark.scss

@@ -1,6 +1,6 @@
 //
 // colormode-dark.scss
-// Generiert am: 2025-11-25T08:28:19.649Z
+// Generiert am: 2025-11-25T09:43:12.416Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/color/colormode-light.scss

@@ -1,6 +1,6 @@
 //
 // colormode-light.scss
-// Generiert am: 2025-11-25T08:28:19.783Z
+// Generiert am: 2025-11-25T09:43:12.546Z
 // Nicht manuell bearbeiten!
 //
 

package/dist/scss/brands/bild/semantic/effects/effects-dark.scss

@@ -0,0 +1,216 @@
+//
+// Effect Tokens - Bild / dark
+// Generated on: 2025-11-25T09:43:16.727Z
+// Do not edit directly!
+//
+
+// ============================================
+// DROPSHADOWSOFT
+// ============================================
+
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.03999999910593033)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 6px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07999999821186066)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 12px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 24px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 0px,
+    radius: 64px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.05000000074505806)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 16px,
+    radius: 32px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// DROPSHADOWHARD
+// ============================================
+
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 2px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 3px,
+    spread: 1px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.1599999964237213)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 3px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 4px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 12px,
+    spread: 6px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// ALERT
+// ============================================
+
+$alertshadowdown: (
+  1: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+$alertshadowup: (
+  1: (
+    offsetX: 0px,
+    offsetY: -2px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+
+
+// ============================================
+// MENU
+// ============================================
+
+$menushadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+$heyinputshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0)
+  )
+);
+
+
+// ============================================
+// TEASER
+// ============================================
+
+$teaserheadlinesshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.6000000238418579)
+  )
+);
+

package/dist/scss/brands/bild/semantic/effects/effects-light.scss

@@ -0,0 +1,216 @@
+//
+// Effect Tokens - Bild / light
+// Generated on: 2025-11-25T09:43:16.675Z
+// Do not edit directly!
+//
+
+// ============================================
+// DROPSHADOWSOFT
+// ============================================
+
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.03999999910593033)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 6px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07999999821186066)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 12px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 24px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 0px,
+    radius: 64px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.05000000074505806)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 16px,
+    radius: 32px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// DROPSHADOWHARD
+// ============================================
+
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 2px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 3px,
+    spread: 1px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.1599999964237213)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 3px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 4px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 12px,
+    spread: 6px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// ALERT
+// ============================================
+
+$alertshadowdown: (
+  1: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+$alertshadowup: (
+  1: (
+    offsetX: 0px,
+    offsetY: -2px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+
+
+// ============================================
+// MENU
+// ============================================
+
+$menushadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+$heyinputshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0)
+  )
+);
+
+
+// ============================================
+// TEASER
+// ============================================
+
+$teaserheadlinesshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.6000000238418579)
+  )
+);
+