@marioschmidt/design-system-components 1.4.3 → 1.4.4

package/dist/www/css/sportbild/components/search.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Search Component Tokens

package/dist/www/css/sportbild/components/sectiontitle.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: SectionTitle Component Tokens

package/dist/www/css/sportbild/components/selection.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Selection Component Tokens

package/dist/www/css/sportbild/components/separator.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Separator Component Tokens

package/dist/www/css/sportbild/components/skeletons.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Skeletons Component Tokens

package/dist/www/css/sportbild/components/slider.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Slider Component Tokens

package/dist/www/css/sportbild/components/specialnavi.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: SpecialNavi Component Tokens

package/dist/www/css/sportbild/components/spinner.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Spinner Component Tokens

package/dist/www/css/sportbild/components/subheader.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Subheader Component Tokens

package/dist/www/css/sportbild/components/tab.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Tab Component Tokens

package/dist/www/css/sportbild/components/table.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Table Component Tokens

package/dist/www/css/sportbild/components/teaser.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Teaser Component Tokens
@@ -156,7 +156,12 @@
   --teaser-hover-opacity: var(--layer-opacity-80);
 }
 
+[data-color-brand="sportbild"],
+:host([data-color-brand="sportbild"]) {
+  --teaser-headlines-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
+}
+
 [data-color-brand="sportbild"] .teaser-headlines-shadow,
 :host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
-  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
+  box-shadow: var(--teaser-headlines-shadow);
 }

package/dist/www/css/sportbild/components/toggleswitch.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: ToggleSwitch Component Tokens

package/dist/www/css/sportbild/components/video.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Video Component Tokens

package/dist/www/css/sportbild/theme.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Theme (Color tokens + Effects for light/dark mode)
@@ -380,100 +380,136 @@
 
 /* Effects - Light */
 /* ============================================
-   DROPSHADOWSOFT
+   CSS CUSTOM PROPERTIES
+   ============================================ */
+
+[data-color-brand="sportbild"][data-theme="light"],
+:host([data-color-brand="sportbild"][data-theme="light"]) {
+  /* dropshadowsoft */
+  --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  /* dropshadowhard */
+  --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+}
+
+/* ============================================
+   DROPSHADOWSOFT (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-sm,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-sm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-soft-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-md,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-md {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-md);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-lg,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-lg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-xl,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-xl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-soft-xl);
 }
 
 
 /* ============================================
-   DROPSHADOWHARD
+   DROPSHADOWHARD (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-sm,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-sm {
-  box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-md,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-md {
-  box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  box-shadow: var(--shadow-hard-md);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-lg,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-lg {
-  box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-xl,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-xl {
-  box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-xl);
 }
 
 /* Effects - Dark */
 /* ============================================
-   DROPSHADOWSOFT
+   CSS CUSTOM PROPERTIES
+   ============================================ */
+
+[data-color-brand="sportbild"][data-theme="dark"],
+:host([data-color-brand="sportbild"][data-theme="dark"]) {
+  /* dropshadowsoft */
+  --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  /* dropshadowhard */
+  --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+}
+
+/* ============================================
+   DROPSHADOWSOFT (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-sm,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-sm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-soft-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-md,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-md {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-md);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-lg,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-lg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-xl,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-xl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-soft-xl);
 }
 
 
 /* ============================================
-   DROPSHADOWHARD
+   DROPSHADOWHARD (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-sm,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-sm {
-  box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-md,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-md {
-  box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  box-shadow: var(--shadow-hard-md);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-lg,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-lg {
-  box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-xl,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-xl {
-  box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-xl);
 }

package/dist/www/css/sportbild/tokens.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.3
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Tokens (Responsive breakpoints + Typography + Density)

package/dist/www/icons/manifest.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-01-21T16:19:54.728Z",
-  "buildDuration": "4.26s",
+  "generatedAt": "2026-01-22T10:37:17.438Z",
+  "buildDuration": "4.74s",
   "inputDirectory": "/home/runner/work/bild-design-system/bild-design-system/packages/icons/src",
   "outputDirectories": {
     "svg": "/home/runner/work/bild-design-system/bild-design-system/packages/icons/svg/dist",

package/dist/www/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-CykBs8XP.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as n,b as t}from"/build/p-CykBs8XP.js";export{s as setNonce}from"/build/p-CykBs8XP.js";(()=>{const s=import.meta.url,n={};return""!==s&&(n.resourcesUrl=new URL(".",s).href),a(n)})().then((async a=>(await n(),t([["p-d86581a5",[[257,"ds-button",{variant:[1],disabled:[4],icon:[1],iconPosition:[1,"icon-position"]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],basePath:[1,"base-path"],svgContent:[32]},null,{name:[{onNameChange:0}]}]]]],a))));
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-B6bNw2Mp.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as n,b as t}from"/build/p-B6bNw2Mp.js";export{s as setNonce}from"/build/p-B6bNw2Mp.js";(()=>{const n=import.meta.url,s={};return""!==n&&(s.resourcesUrl=new URL(".",n).href),a(s)})().then((async a=>(await n(),t([["p-8f02f575",[[257,"ds-button",{variant:[1],disabled:[4],icon:[1],iconPosition:[1,"icon-position"]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],basePath:[1,"base-path"],svgContent:[32]},null,{name:[{onNameChange:0}]}]]]],a))));
 </script> <script nomodule="" src="/build/bds.js" data-stencil></script> <style>* {
         box-sizing: border-box;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marioschmidt/design-system-components",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "BILD Design System Web Components - Stencil-based component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",