@marioschmidt/design-system-components 1.1.0 → 1.2.0

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: MediaPlayer Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Menu Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: MenuItem Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Pagination Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: PartnerLinks Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Paywall Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Quote Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: RadioButton Component Tokens

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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Teaser Component Tokens

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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * 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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Theme (Color tokens + Effects for light/dark mode)
@@ -126,11 +126,10 @@
   --border-color-success: var(--color-green-40, #006E3E);
   --border-color-error: var(--color-bild-red-50, #DD0000);
   --border-color-warning: var(--color-orange-50, #C65502);
-  --border-color-info: var(--color-neutral-60, #8C9196);
 
   /* Semantic - Border - Interactive */
   --border-color-disabled: var(--color-spobi-blue-90, #D6E1F2);
-  --border-color-focus: var(--color-spobi-blue-30, #174482);
+  --border-color-selected: var(--color-spobi-blue-30, #174482);
   --border-color-active: var(--color-spobi-blue-30, #174482);
   --border-color-idle: var(--color-spobi-blue-60, #6A91CF);
 
@@ -308,11 +307,10 @@
   --border-color-success: var(--color-green-70, #00C373);
   --border-color-error: var(--color-bild-red-70, #FF8989);
   --border-color-warning: var(--color-orange-70, #FD8227);
-  --border-color-info: var(--color-neutral-40, #565A5F);
 
   /* Semantic - Border - Interactive */
   --border-color-disabled: var(--color-spobi-blue-25, #113B72);
-  --border-color-focus: var(--color-spobi-blue-70, #8FACDB);
+  --border-color-selected: var(--color-spobi-blue-70, #8FACDB);
   --border-color-active: var(--color-spobi-blue-60, #6A91CF);
   --border-color-idle: var(--color-spobi-blue-50, #4676C3);
 

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.1.0
+ * BILD Design System Tokens v1.2.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Sportbild | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -524,18 +524,18 @@
   --density-sm-stack-space-resp-2-xl: var(--space-4-x, 32px);
 
   /* Global - StackSpace - Responsive - Md */
-  --density-md-stack-space-resp-sm: 12px;
-  --density-md-stack-space-resp-md: 16px;
-  --density-md-stack-space-resp-lg: 24px;
-  --density-md-stack-space-resp-xl: 32px;
-  --density-md-stack-space-resp-2-xl: 48px;
+  --density-md-stack-space-resp-sm: var(--space-1-p-5-x, 12px);
+  --density-md-stack-space-resp-md: var(--space-2-x, 16px);
+  --density-md-stack-space-resp-lg: var(--space-3-x, 24px);
+  --density-md-stack-space-resp-xl: var(--space-4-x, 32px);
+  --density-md-stack-space-resp-2-xl: var(--space-6-x, 48px);
 
   /* Global - StackSpace - Responsive - Lg */
-  --density-lg-stack-space-resp-sm: 16px;
-  --density-lg-stack-space-resp-md: 24px;
-  --density-lg-stack-space-resp-lg: 32px;
-  --density-lg-stack-space-resp-xl: 40px;
-  --density-lg-stack-space-resp-2-xl: 64px;
+  --density-lg-stack-space-resp-sm: var(--space-2-x, 16px);
+  --density-lg-stack-space-resp-md: var(--space-3-x, 24px);
+  --density-lg-stack-space-resp-lg: var(--space-4-x, 32px);
+  --density-lg-stack-space-resp-xl: var(--space-5-x, 40px);
+  --density-lg-stack-space-resp-2-xl: var(--space-8-x, 64px);
 
 }
 
@@ -570,18 +570,18 @@
   --density-sm-stack-space-resp-2-xl: var(--space-3-x, 24px);
 
   /* Global - StackSpace - Responsive - Md */
-  --density-md-stack-space-resp-sm: 8px;
-  --density-md-stack-space-resp-md: 12px;
-  --density-md-stack-space-resp-lg: 16px;
-  --density-md-stack-space-resp-xl: 24px;
-  --density-md-stack-space-resp-2-xl: 36px;
+  --density-md-stack-space-resp-sm: var(--space-1-x, 8px);
+  --density-md-stack-space-resp-md: var(--space-1-p-5-x, 12px);
+  --density-md-stack-space-resp-lg: var(--space-2-x, 16px);
+  --density-md-stack-space-resp-xl: var(--space-3-x, 24px);
+  --density-md-stack-space-resp-2-xl: var(--space-4-p-5-x, 36px);
 
   /* Global - StackSpace - Responsive - Lg */
-  --density-lg-stack-space-resp-sm: 12px;
-  --density-lg-stack-space-resp-md: 16px;
-  --density-lg-stack-space-resp-lg: 24px;
-  --density-lg-stack-space-resp-xl: 28px;
-  --density-lg-stack-space-resp-2-xl: 48px;
+  --density-lg-stack-space-resp-sm: var(--space-1-p-5-x, 12px);
+  --density-lg-stack-space-resp-md: var(--space-2-x, 16px);
+  --density-lg-stack-space-resp-lg: var(--space-3-x, 24px);
+  --density-lg-stack-space-resp-xl: var(--space-3-p-5-x, 28px);
+  --density-lg-stack-space-resp-2-xl: var(--space-6-x, 48px);
 
 }
 
@@ -616,17 +616,17 @@
   --density-sm-stack-space-resp-2-xl: var(--space-5-x, 40px);
 
   /* Global - StackSpace - Responsive - Md */
-  --density-md-stack-space-resp-sm: 14px;
-  --density-md-stack-space-resp-md: 20px;
-  --density-md-stack-space-resp-lg: 28px;
-  --density-md-stack-space-resp-xl: 40px;
-  --density-md-stack-space-resp-2-xl: 60px;
+  --density-md-stack-space-resp-sm: var(--space-1-p-75-x, 14px);
+  --density-md-stack-space-resp-md: var(--space-2-p-5-x, 20px);
+  --density-md-stack-space-resp-lg: var(--space-3-p-5-x, 28px);
+  --density-md-stack-space-resp-xl: var(--space-5-x, 40px);
+  --density-md-stack-space-resp-2-xl: var(--space-7-p-5-x, 60px);
 
   /* Global - StackSpace - Responsive - Lg */
-  --density-lg-stack-space-resp-sm: 20px;
-  --density-lg-stack-space-resp-md: 28px;
-  --density-lg-stack-space-resp-lg: 40px;
-  --density-lg-stack-space-resp-xl: 48px;
-  --density-lg-stack-space-resp-2-xl: 80px;
+  --density-lg-stack-space-resp-sm: var(--space-2-p-5-x, 20px);
+  --density-lg-stack-space-resp-md: var(--space-3-p-5-x, 28px);
+  --density-lg-stack-space-resp-lg: var(--space-5-x, 40px);
+  --density-lg-stack-space-resp-xl: var(--space-6-x, 48px);
+  --density-lg-stack-space-resp-2-xl: var(--space-10-x, 80px);
 
 }

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-ChFDVObC.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as t,b as r}from"/build/p-ChFDVObC.js";export{s as setNonce}from"/build/p-ChFDVObC.js";var e=()=>{const t=import.meta.url;const r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return a(r)};e().then((async a=>{await t();return r([["p-84bc6959",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],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-Wtf1fKUK.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as t,g as a,b as r}from"/build/p-Wtf1fKUK.js";export{s as setNonce}from"/build/p-Wtf1fKUK.js";var e=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return t(r)};e().then((async t=>{await a();return r([["p-67bc59c5",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],t)}));
 //# sourceMappingURL=bds.esm.js.map
 </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.1.0",
+  "version": "1.2.0",
   "description": "BILD Design System Web Components - Stencil-based component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",