@marioschmidt/design-system-tokens 1.0.23 → 1.0.25

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

@@ -1,15 +1,81 @@
 /**
- * effects-dark.js
- * Generiert am: 2025-11-24T21:07:33.151Z
+ * Effect Tokens - Bild / dark
+ * Generiert am: 2025-11-25T08:26:28.177Z
  * Nicht manuell bearbeiten!
  */
 
 // ============================================
-// ALERT
+// DROPSHADOWSOFT
 // ============================================
 
-export const alertshadowdown = "[object Object]";
-export const alertshadowup = "[object Object]";
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftsm = [
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.03999999910593033)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 6,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07999999821186066)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftmd = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 16,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.029999999329447746)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 12,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07000000029802322)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftlg = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 24,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.029999999329447746)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 16,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07000000029802322)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftxl = [
+  {
+    offsetX: 0,
+    offsetY: 0,
+    radius: 64,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.05000000074505806)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 16,
+    radius: 32,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 
 
 // ============================================
@@ -17,40 +83,134 @@ export const alertshadowup = "[object Object]";
 // ============================================
 
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardsm = "[object Object],[object Object]";
+export const shadowhardsm = [
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 2,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 3,
+    spread: 1,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardmd = "[object Object],[object Object]";
+export const shadowhardmd = [
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 8,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.1599999964237213)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardlg = "[object Object],[object Object]";
+export const shadowhardlg = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 3,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 6,
+    radius: 10,
+    spread: 4,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardxl = "[object Object],[object Object]";
+export const shadowhardxl = [
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 12,
+    spread: 6,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 
 
 // ============================================
-// DROPSHADOWSOFT
+// ALERT
 // ============================================
 
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftsm = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftmd = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftlg = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftxl = "[object Object],[object Object]";
+export const alertshadowdown = [
+  {
+    offsetX: 0,
+    offsetY: 6,
+    radius: 10,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  }
+];
+export const alertshadowup = [
+  {
+    offsetX: 0,
+    offsetY: -2,
+    radius: 10,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  }
+];
 
 
 // ============================================
 // MENU
 // ============================================
 
-export const menushadow = "[object Object]";
-export const heyinputshadow = "[object Object]";
+export const menushadow = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 10,
+    spread: -8,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
+export const heyinputshadow = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 10,
+    spread: -8,
+    color: "rgba(0, 0, 0, 0)"
+  }
+];
 
 
 // ============================================
 // TEASER
 // ============================================
 
-export const teaserheadlinesshadow = "[object Object]";
+export const teaserheadlinesshadow = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 8,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.6000000238418579)"
+  }
+];
 

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

@@ -1,15 +1,81 @@
 /**
- * effects-light.js
- * Generiert am: 2025-11-24T21:07:33.087Z
+ * Effect Tokens - Bild / light
+ * Generiert am: 2025-11-25T08:26:28.139Z
  * Nicht manuell bearbeiten!
  */
 
 // ============================================
-// ALERT
+// DROPSHADOWSOFT
 // ============================================
 
-export const alertshadowdown = "[object Object]";
-export const alertshadowup = "[object Object]";
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftsm = [
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.03999999910593033)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 6,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07999999821186066)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftmd = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 16,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.029999999329447746)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 12,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07000000029802322)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftlg = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 24,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.029999999329447746)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 16,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.07000000029802322)"
+  }
+];
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+export const shadowsoftxl = [
+  {
+    offsetX: 0,
+    offsetY: 0,
+    radius: 64,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.05000000074505806)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 16,
+    radius: 32,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 
 
 // ============================================
@@ -17,40 +83,134 @@ export const alertshadowup = "[object Object]";
 // ============================================
 
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardsm = "[object Object],[object Object]";
+export const shadowhardsm = [
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 2,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 1,
+    radius: 3,
+    spread: 1,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardmd = "[object Object],[object Object]";
+export const shadowhardmd = [
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 8,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.1599999964237213)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardlg = "[object Object],[object Object]";
+export const shadowhardlg = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 3,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 6,
+    radius: 10,
+    spread: 4,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 /** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
-export const shadowhardxl = "[object Object],[object Object]";
+export const shadowhardxl = [
+  {
+    offsetX: 0,
+    offsetY: 4,
+    radius: 4,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  },
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 12,
+    spread: 6,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
 
 
 // ============================================
-// DROPSHADOWSOFT
+// ALERT
 // ============================================
 
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftsm = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftmd = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftlg = "[object Object],[object Object]";
-/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftxl = "[object Object],[object Object]";
+export const alertshadowdown = [
+  {
+    offsetX: 0,
+    offsetY: 6,
+    radius: 10,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  }
+];
+export const alertshadowup = [
+  {
+    offsetX: 0,
+    offsetY: -2,
+    radius: 10,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.20000000298023224)"
+  }
+];
 
 
 // ============================================
 // MENU
 // ============================================
 
-export const menushadow = "[object Object]";
-export const heyinputshadow = "[object Object]";
+export const menushadow = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 10,
+    spread: -8,
+    color: "rgba(0, 0, 0, 0.10000000149011612)"
+  }
+];
+export const heyinputshadow = [
+  {
+    offsetX: 0,
+    offsetY: 8,
+    radius: 10,
+    spread: -8,
+    color: "rgba(0, 0, 0, 0)"
+  }
+];
 
 
 // ============================================
 // TEASER
 // ============================================
 
-export const teaserheadlinesshadow = "[object Object]";
+export const teaserheadlinesshadow = [
+  {
+    offsetX: 0,
+    offsetY: 2,
+    radius: 8,
+    spread: 0,
+    color: "rgba(0, 0, 0, 0.6000000238418579)"
+  }
+];