@marioschmidt/design-system-tokens 1.0.20 → 1.0.21

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

@@ -1,219 +1,56 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * effects-dark.js
+ * Generiert am: 2025-11-24T20:34:59.229Z
+ * Nicht manuell bearbeiten!
  */
 
-export const DropshadowsoftShadowsoftsm = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.03999999910593033)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 4,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07999999821186066)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 6,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftmd = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.029999999329447746)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 16,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07000000029802322)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 12,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftlg = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.029999999329447746)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 24,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07000000029802322)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 16,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftxl = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.05000000074505806)",
-    offsetX: 0,
-    offsetY: 0,
-    radius: 64,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 16,
-    radius: 32,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardsm = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 2,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 3,
-    spread: 1,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardmd = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 8,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.1599999964237213)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 4,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-];
-export const DropshadowhardShadowhardlg = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 3,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 6,
-    radius: 10,
-    spread: 4,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardxl = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 4,
-    spread: 0,
-    blendMode: "DARKEN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 12,
-    spread: 6,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const AlertAlertshadowdown = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 6,
-    radius: 10,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const AlertAlertshadowup = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: -2,
-    radius: 10,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const MenuMenushadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 10,
-    spread: -8,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const MenuHeyinputshadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 10,
-    spread: -8,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const TeaserTeaserheadlinesshadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.6000000238418579)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 8,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-];
+// ============================================
+// ALERT
+// ============================================
+
+export const alertshadowdown = "[object Object]";
+export const alertshadowup = "[object Object]";
+
+
+// ============================================
+// DROPSHADOWHARD
+// ============================================
+
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardsm = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardmd = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardlg = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardxl = "[object Object],[object Object]";
+
+
+// ============================================
+// DROPSHADOWSOFT
+// ============================================
+
+/** 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]";
+
+
+// ============================================
+// MENU
+// ============================================
+
+export const menushadow = "[object Object]";
+export const heyinputshadow = "[object Object]";
+
+
+// ============================================
+// TEASER
+// ============================================
+
+export const teaserheadlinesshadow = "[object Object]";
+

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

@@ -1,219 +1,56 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * effects-light.js
+ * Generiert am: 2025-11-24T20:34:59.169Z
+ * Nicht manuell bearbeiten!
  */
 
-export const DropshadowsoftShadowsoftsm = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.03999999910593033)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 4,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07999999821186066)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 6,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftmd = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.029999999329447746)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 16,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07000000029802322)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 12,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftlg = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.029999999329447746)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 24,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.07000000029802322)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 16,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowsoftShadowsoftxl = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.05000000074505806)",
-    offsetX: 0,
-    offsetY: 0,
-    radius: 64,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 16,
-    radius: 32,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardsm = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 2,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 1,
-    radius: 3,
-    spread: 1,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardmd = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 8,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.1599999964237213)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 4,
-    spread: 0,
-    blendMode: "MULTIPLY",
-  },
-];
-export const DropshadowhardShadowhardlg = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 3,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 6,
-    radius: 10,
-    spread: 4,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const DropshadowhardShadowhardxl = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 4,
-    radius: 4,
-    spread: 0,
-    blendMode: "DARKEN",
-  },
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 12,
-    spread: 6,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const AlertAlertshadowdown = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: 6,
-    radius: 10,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const AlertAlertshadowup = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.20000000298023224)",
-    offsetX: 0,
-    offsetY: -2,
-    radius: 10,
-    spread: 0,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const MenuMenushadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.10000000149011612)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 10,
-    spread: -8,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const MenuHeyinputshadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0)",
-    offsetX: 0,
-    offsetY: 8,
-    radius: 10,
-    spread: -8,
-    blendMode: "LINEAR_BURN",
-  },
-];
-export const TeaserTeaserheadlinesshadow = [
-  {
-    type: "dropShadow",
-    color: "rgba(0, 0, 0, 0.6000000238418579)",
-    offsetX: 0,
-    offsetY: 2,
-    radius: 8,
-    spread: 0,
-    blendMode: "NORMAL",
-  },
-];
+// ============================================
+// ALERT
+// ============================================
+
+export const alertshadowdown = "[object Object]";
+export const alertshadowup = "[object Object]";
+
+
+// ============================================
+// DROPSHADOWHARD
+// ============================================
+
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardsm = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardmd = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardlg = "[object Object],[object Object]";
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+export const shadowhardxl = "[object Object],[object Object]";
+
+
+// ============================================
+// DROPSHADOWSOFT
+// ============================================
+
+/** 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]";
+
+
+// ============================================
+// MENU
+// ============================================
+
+export const menushadow = "[object Object]";
+export const heyinputshadow = "[object Object]";
+
+
+// ============================================
+// TEASER
+// ============================================
+
+export const teaserheadlinesshadow = "[object Object]";
+