@marioschmidt/design-system-components 1.5.0 → 1.6.0

package/dist/www/css/README.md

@@ -520,26 +520,44 @@ Usage:
 <span class="button-label">Click Me</span>
 ```
 
-### Effect Classes
+### Effect Classes (Mode-Agnostic with var() Support)
 
-Shadows are output as CSS classes under **ColorBrand**:
+Shadow effects use a **mode-agnostic architecture** where the shadow structure is constant but colors adapt to the theme via CSS Custom Properties:
 
 ```css
-/* Semantic effects */
-[data-color-brand="bild"][data-theme="light"] .shadow-soft-md {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), ...;
+/* Step 1: Semantic shadow colors (theme-aware) */
+[data-color-brand="bild"][data-theme="light"] {
+  --shadow-color-soft-key-sm: var(--color-neutral-0-a-7, rgba(0,0,0,0.07));
+  --shadow-color-soft-ambient-sm: var(--color-neutral-0-a-10, rgba(0,0,0,0.1));
 }
 
-/* Component effects */
-[data-color-brand="bild"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black-20, rgba(0, 0, 0, 0.2));
+[data-color-brand="bild"][data-theme="dark"] {
+  --shadow-color-soft-key-sm: var(--color-neutral-0-a-20, rgba(0,0,0,0.2));
+  --shadow-color-soft-ambient-sm: var(--color-neutral-0-a-30, rgba(0,0,0,0.3));
+}
+
+/* Step 2: Mode-agnostic shadow effect (no [data-theme] needed!) */
+[data-color-brand="bild"] .shadow-soft-sm {
+  box-shadow:
+    var(--size-0-x, 0px) var(--size-0-p-25-x, 2px) var(--size-0-p-5-x, 4px) var(--size-0-x, 0px) var(--shadow-color-soft-key-sm),
+    var(--size-0-x, 0px) var(--size-0-p-125-x, 1px) var(--size-0-p-375-x, 3px) var(--size-0-p-125-x, 1px) var(--shadow-color-soft-ambient-sm);
 }
 ```
 
+**Why this architecture?**
+- Shadow **dimensions** (offset, blur, spread) are identical between light/dark modes
+- Only **colors** change per theme
+- Results in **smaller CSS** (no duplicate shadow definitions)
+- Full **var() support** enables runtime theming
+
+**Fallback Strategy:**
+- Dimension properties (`--size-*`) get fallbacks (primitive references)
+- Color properties (`--shadow-color-*`) don't get fallbacks (semantic references should fail visibly if theme not set)
+
 Usage:
 ```html
 <div class="shadow-soft-md">Elevated card</div>
-<div class="alert-shadow-down">Alert with shadow</div>
+<div class="shadow-hard-lg">Strong shadow</div>
 ```
 
 ---
@@ -889,13 +907,25 @@ CSS Custom Properties are supported in all modern browsers:
 - Safari 9.1+
 - Edge 15+
 
-For legacy browser support, fallback values are included:
+### Conditional Fallback Strategy
+
+Fallback values are included **conditionally** based on reference type:
 
 ```css
+/* ✅ WITH fallback: Primitive references (split-loading safety) */
 --text-color-primary: var(--color-neutral-15, #232629);
-/*                                            ↑ fallback value */
+--grid-space-resp-base: var(--space-1-p-5-x, 12px);
+
+/* ❌ WITHOUT fallback: Semantic references (fail visible) */
+--button-primary-bg: var(--bg-color-brand-solid);
 ```
 
+**Rationale:**
+- **Primitive references** get fallbacks → protects against missing `primitives.css` in split-file loading
+- **Semantic references** don't get fallbacks → missing `data-theme` should fail visibly, not silently degrade
+
+> See [CLAUDE.md](../../CLAUDE.md#shadow-effects-css-architecture) for detailed fallback architecture.
+
 ---
 
 ## 📖 Related Documentation

package/dist/www/css/advertorial/components/article.css

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

package/dist/www/css/advertorial/components/audioplayer.css

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

package/dist/www/css/advertorial/components/avatar.css

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

package/dist/www/css/advertorial/components/badge.css

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

package/dist/www/css/advertorial/components/breadcrumb.css

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

package/dist/www/css/advertorial/components/breakingnews.css

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

package/dist/www/css/advertorial/components/button.css

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

package/dist/www/css/advertorial/components/card.css

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

package/dist/www/css/advertorial/components/carousel.css

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

package/dist/www/css/advertorial/components/chip.css

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

package/dist/www/css/advertorial/components/datepicker.css

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

package/dist/www/css/advertorial/components/drawers.css

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

package/dist/www/css/advertorial/components/dropdown.css

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

package/dist/www/css/advertorial/components/footer.css

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

package/dist/www/css/advertorial/components/icon.css

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

package/dist/www/css/advertorial/components/iconbutton.css

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

package/dist/www/css/advertorial/components/infoelement.css

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

package/dist/www/css/advertorial/components/inputfield.css

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

package/dist/www/css/advertorial/components/liveticker.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/www/css/advertorial/theme.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.5.0
+ * BILD Design System Tokens v1.6.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Advertorial | Bundle: Theme (Color tokens + Effects for light/dark mode)

package/dist/www/css/advertorial/tokens.css

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

package/dist/www/css/bild/components/alert.css

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

package/dist/www/css/bild/components/article.css

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

package/dist/www/css/bild/components/audioplayer.css

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

package/dist/www/css/bild/components/avatar.css

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

package/dist/www/css/bild/components/badge.css

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

package/dist/www/css/bild/components/breadcrumb.css

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

package/dist/www/css/bild/components/breakingnews.css

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

package/dist/www/css/bild/components/button.css

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

package/dist/www/css/bild/components/card.css

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

package/dist/www/css/bild/components/carousel.css

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

package/dist/www/css/bild/components/chip.css

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

package/dist/www/css/bild/components/datepicker.css

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

package/dist/www/css/bild/components/drawers.css

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

package/dist/www/css/bild/components/dropdown.css

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

package/dist/www/css/bild/components/empties.css

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