@marioschmidt/design-system-tokens 1.0.24 → 1.0.25

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

@@ -1,6 +1,6 @@
 /**
  * density-compact.js
- * Generiert am: 2025-11-24T21:40:48.845Z
+ * Generiert am: 2025-11-25T08:26:22.890Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * density-default.js
- * Generiert am: 2025-11-24T21:40:48.886Z
+ * Generiert am: 2025-11-25T08:26:22.936Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * density-spacious.js
- * Generiert am: 2025-11-24T21:40:48.925Z
+ * Generiert am: 2025-11-25T08:26:22.981Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * brandcolormapping.js
- * Generiert am: 2025-11-24T21:40:50.061Z
+ * Generiert am: 2025-11-25T08:26:24.228Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * brandtokenmapping.js
- * Generiert am: 2025-11-24T21:40:50.187Z
+ * Generiert am: 2025-11-25T08:26:24.363Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * breakpoint-lg-1024px-regular.js
- * Generiert am: 2025-11-24T21:40:49.123Z
+ * Generiert am: 2025-11-25T08:26:23.190Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * breakpoint-md-600px.js
- * Generiert am: 2025-11-24T21:40:49.316Z
+ * Generiert am: 2025-11-25T08:26:23.402Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * breakpoint-sm-390px-compact.js
- * Generiert am: 2025-11-24T21:40:49.531Z
+ * Generiert am: 2025-11-25T08:26:23.643Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * breakpoint-xs-320px.js
- * Generiert am: 2025-11-24T21:40:49.724Z
+ * Generiert am: 2025-11-25T08:26:23.857Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * colormode-dark.js
- * Generiert am: 2025-11-24T21:40:49.860Z
+ * Generiert am: 2025-11-25T08:26:24.003Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * colormode-light.js
- * Generiert am: 2025-11-24T21:40:49.990Z
+ * Generiert am: 2025-11-25T08:26:24.147Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * effects-dark.js
- * Generiert am: 2025-11-24T21:40:54.366Z
+ * Effect Tokens - Bild / dark
+ * Generiert am: 2025-11-25T08:26:28.177Z
  * Nicht manuell bearbeiten!
  */
 
@@ -9,13 +9,73 @@
 // ============================================
 
 /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftsm = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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)"
+  }
+];
 
 
 // ============================================
@@ -23,34 +83,134 @@ export const shadowsoftxl = "[object Object],[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)"
+  }
+];
 
 
 // ============================================
 // ALERT
 // ============================================
 
-export const alertshadowdown = "[object Object]";
-export const alertshadowup = "[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,6 +1,6 @@
 /**
- * effects-light.js
- * Generiert am: 2025-11-24T21:40:54.304Z
+ * Effect Tokens - Bild / light
+ * Generiert am: 2025-11-25T08:26:28.139Z
  * Nicht manuell bearbeiten!
  */
 
@@ -9,13 +9,73 @@
 // ============================================
 
 /** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
-export const shadowsoftsm = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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 = "[object Object],[object Object]";
+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)"
+  }
+];
 
 
 // ============================================
@@ -23,34 +83,134 @@ export const shadowsoftxl = "[object Object],[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)"
+  }
+];
 
 
 // ============================================
 // ALERT
 // ============================================
 
-export const alertshadowdown = "[object Object]";
-export const alertshadowup = "[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)"
+  }
+];