npm - @marioschmidt/design-system-components - Versions diffs - 1.3.1 → 1.3.2 - Mend

@marioschmidt/design-system-components 1.3.1 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/www/icons/manifest.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-01-08T15:52:26.814Z",
-  "buildDuration": "4.72s",
+  "generatedAt": "2026-01-08T16:08:04.727Z",
+  "buildDuration": "4.60s",
   "inputDirectory": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/icons/src",
   "outputDirectories": {
     "svg": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/icons/svg/dist",

package/dist/www/index.html CHANGED Viewed

@@ -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-DUrpTa_b.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as e,b as t}from"/build/p-DUrpTa_b.js";export{s as setNonce}from"/build/p-DUrpTa_b.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-f4e1fe1f",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],size:[2],color:[1],basePath:[1,"base-path"],lazy:[4],label:[1],svgContent:[32],isLoading:[32],hasError:[32]},null,{name:[{onNameChange:0}],basePath:[{onBasePathChange: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-B4AUg0uO.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-B4AUg0uO.js";export{s as setNonce}from"/build/p-B4AUg0uO.js";(()=>{const n=import.meta.url,s={};return""!==n&&(s.resourcesUrl=new URL(".",n).href),a(s)})().then((async a=>(await n(),t([["p-72d44f50",[[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;
       }
@@ -49,7 +49,7 @@
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 24px;
-      }</style> </head> <body data-color-brand="bild" data-content-brand="bild" data-theme="light" data-density="default"> <div class="brand-switcher"> <label>Color Brand:</label> <select id="colorBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> </select> <label style="margin-top: 12px;">Theme:</label> <select id="theme" onchange="updateBrand()"> <option value="light">Light</option> <option value="dark">Dark</option> </select> <label style="margin-top: 12px;">Content Brand:</label> <select id="contentBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> <option value="advertorial">Advertorial</option> </select> <label style="margin-top: 12px;">Density:</label> <select id="density" onchange="updateBrand()"> <option value="default">Default</option> <option value="dense">Dense</option> <option value="spacious">Spacious</option> </select> </div> <h1>BILD Design System Components</h1> <p>Demo page for testing Stencil Web Components with design tokens.</p> <div class="section"> <h2>Buttons</h2> <h3>Primary Variants</h3> <div class="demo-row"> <ds-button variant="primary-brand">Primary Brand</ds-button> <ds-button variant="primary-neutral">Primary Neutral</ds-button> <ds-button variant="primary-success">Primary Success</ds-button> </div> <h3>Secondary &amp; Tertiary</h3> <div class="demo-row"> <ds-button variant="secondary">Secondary</ds-button> <ds-button variant="tertiary-neutral">Tertiary Neutral</ds-button> <ds-button variant="tertiary-success">Tertiary Success</ds-button> <ds-button variant="ghost">Ghost</ds-button> </div> <h3>Buttons with Icons</h3> <div class="demo-row"> <ds-button variant="primary-brand"> <ds-icon slot="icon-start" name="add"></ds-icon> Add Item </ds-button> <ds-button variant="primary-neutral"> <ds-icon slot="icon-start" name="download"></ds-icon> Download </ds-button> <ds-button variant="secondary"> Next <ds-icon slot="icon-end" name="arrow-right"></ds-icon> </ds-button> <ds-button variant="tertiary-neutral"> <ds-icon slot="icon-start" name="edit"></ds-icon> Edit </ds-button> </div> <h3>Disabled</h3> <div class="demo-row"> <ds-button variant="primary-brand" disabled="">Disabled</ds-button> <ds-button variant="secondary" disabled="">Disabled</ds-button> </div> </div> <div class="section"> <h2>Icons</h2> <div class="demo-row"> <ds-icon name="add" size="24"></ds-icon> <ds-icon name="arrow-right" size="24"></ds-icon> <ds-icon name="checkmark" size="24"></ds-icon> <ds-icon name="close" size="24"></ds-icon> <ds-icon name="download" size="24"></ds-icon> <ds-icon name="edit" size="24"></ds-icon> <ds-icon name="heart" size="24"></ds-icon> <ds-icon name="home" size="24"></ds-icon> <ds-icon name="search" size="24"></ds-icon> <ds-icon name="settings" size="24"></ds-icon> <ds-icon name="star" size="24"></ds-icon> </div> <h3>Different Sizes</h3> <div class="demo-row"> <ds-icon name="star" size="16"></ds-icon> <ds-icon name="star" size="20"></ds-icon> <ds-icon name="star" size="24"></ds-icon> <ds-icon name="star" size="32"></ds-icon> <ds-icon name="star" size="48"></ds-icon> </div> <h3>Custom Colors</h3> <div class="demo-row"> <ds-icon name="heart" size="32" color="#DD0000"></ds-icon> <ds-icon name="star" size="32" color="#FFD700"></ds-icon> <ds-icon name="checkmark" size="32" color="#00A651"></ds-icon> </div> </div> <div class="section"> <h2>Cards</h2> <div class="card-grid"> <ds-card card-title="Primary Card"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the primary surface. It uses design tokens for styling. </p> <div style="margin-top: 16px;"> <ds-button variant="primary">Action</ds-button> </div> </ds-card> <ds-card card-title="Secondary Card" surface="secondary"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the secondary surface variant. </p> <div style="margin-top: 16px;"> <ds-button variant="secondary">Action</ds-button> </div> </ds-card> <ds-card> <p style="margin: 0; color: var(--text-color-primary, #232629);"> A card without a title, just content. </p> </ds-card> </div> </div> <script>
+      }</style> </head> <body data-color-brand="bild" data-content-brand="bild" data-theme="light" data-density="default"> <div class="brand-switcher"> <label>Color Brand:</label> <select id="colorBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> </select> <label style="margin-top: 12px;">Theme:</label> <select id="theme" onchange="updateBrand()"> <option value="light">Light</option> <option value="dark">Dark</option> </select> <label style="margin-top: 12px;">Content Brand:</label> <select id="contentBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> <option value="advertorial">Advertorial</option> </select> <label style="margin-top: 12px;">Density:</label> <select id="density" onchange="updateBrand()"> <option value="default">Default</option> <option value="dense">Dense</option> <option value="spacious">Spacious</option> </select> </div> <h1>BILD Design System Components</h1> <p>Demo page for testing Stencil Web Components with design tokens.</p> <div class="section"> <h2>Buttons</h2> <h3>Primary Variants</h3> <div class="demo-row"> <ds-button variant="primary-brand">Primary Brand</ds-button> <ds-button variant="primary-neutral">Primary Neutral</ds-button> <ds-button variant="primary-success">Primary Success</ds-button> </div> <h3>Secondary &amp; Tertiary</h3> <div class="demo-row"> <ds-button variant="secondary">Secondary</ds-button> <ds-button variant="tertiary-neutral">Tertiary Neutral</ds-button> <ds-button variant="tertiary-success">Tertiary Success</ds-button> <ds-button variant="ghost">Ghost</ds-button> </div> <h3>Buttons with Icons</h3> <div class="demo-row"> <ds-button variant="primary-brand" icon="add">Add Item</ds-button> <ds-button variant="primary-neutral" icon="download">Download</ds-button> <ds-button variant="secondary" icon="arrow-right" icon-position="end">Next</ds-button> <ds-button variant="tertiary-neutral" icon="edit">Edit</ds-button> </div> <h3>Disabled</h3> <div class="demo-row"> <ds-button variant="primary-brand" disabled="">Disabled</ds-button> <ds-button variant="secondary" disabled="">Disabled</ds-button> </div> </div> <div class="section"> <h2>Icons</h2> <div class="demo-row"> <ds-icon name="add"></ds-icon> <ds-icon name="arrow-right"></ds-icon> <ds-icon name="checkmark"></ds-icon> <ds-icon name="close"></ds-icon> <ds-icon name="download"></ds-icon> <ds-icon name="edit"></ds-icon> <ds-icon name="heart"></ds-icon> <ds-icon name="home"></ds-icon> <ds-icon name="search"></ds-icon> <ds-icon name="settings"></ds-icon> <ds-icon name="star"></ds-icon> </div> </div> <div class="section"> <h2>Cards</h2> <div class="card-grid"> <ds-card card-title="Primary Card"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the primary surface. It uses design tokens for styling. </p> <div style="margin-top: 16px;"> <ds-button variant="primary">Action</ds-button> </div> </ds-card> <ds-card card-title="Secondary Card" surface="secondary"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the secondary surface variant. </p> <div style="margin-top: 16px;"> <ds-button variant="secondary">Action</ds-button> </div> </ds-card> <ds-card> <p style="margin: 0; color: var(--text-color-primary, #232629);"> A card without a title, just content. </p> </ds-card> </div> </div> <script>
       function updateBrand() {
         const colorBrand = document.getElementById('colorBrand').value;
         const contentBrand = document.getElementById('contentBrand').value;

package/package.json CHANGED Viewed

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

package/dist/bds/p-f4e1fe1f.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r,h as o,a as t}from"./p-DUrpTa_b.js";const a=class{constructor(o){r(this,o),this.variant="primary-brand",this.disabled=!1}render(){return o("button",{key:"b2c29af56fa84e6274900496d1a57bf7be6070e0",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},o("slot",{key:"c87fb66dffa329b2911752390d69d808aea83ead",name:"icon-start"}),o("span",{key:"3049998d0fca7eef41dc5bbc51ab14d396855840",class:"ds-button__label"},o("slot",{key:"540e93a8de6f0be305963e7b05b90dcbacda6f37"})),o("slot",{key:"f48be5683052a40bb97436f20b219a42fb09319a",name:"icon-end"}))}};a.style=":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}::slotted(ds-icon){--icon-size:var(--icon-size, 24px);color:inherit;flex-shrink:0}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}";const e=class{constructor(o){r(this,o),this.surface="primary"}render(){return o("div",{key:"0709463754ee76974475f214840ade290ee7aa83",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&o("div",{key:"e161468e870e419852e6ef9f92ab9fc24ac60635",class:"ds-card__header"},o("h3",{key:"8cccde3f7e5ea185ef24d90312439d2e49621504",class:"ds-card__title"},this.cardTitle)),o("div",{key:"47457839b1fa00f261c1fbfb8842904fb9bf8245",class:"ds-card__content"},o("slot",{key:"009a1b1e7411daec2c67fd084d654de71875222e"})))}};e.style=":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}";const s=new Map,n=new Map,i=class{constructor(o){r(this,o),this.size=24,this.color="currentColor",this.basePath="/icons",this.lazy=!1,this.svgContent="",this.isLoading=!1,this.hasError=!1,this.isVisible=!1}connectedCallback(){this.lazy?this.setupIntersectionObserver():this.loadIcon()}disconnectedCallback(){this.observer?.disconnect()}onNameChange(){this.lazy&&!this.isVisible||this.loadIcon()}onBasePathChange(){this.lazy&&!this.isVisible||this.loadIcon()}setupIntersectionObserver(){"undefined"!=typeof IntersectionObserver?(this.observer=new IntersectionObserver((r=>{r.forEach((r=>{r.isIntersecting&&(this.isVisible=!0,this.loadIcon(),this.observer?.disconnect())}))}),{rootMargin:"50px"}),this.observer.observe(this.el)):this.loadIcon()}async loadIcon(){if(!this.name)return void(this.hasError=!0);const r=`${this.basePath}/${this.name}.svg`;if(s.has(r))return this.svgContent=s.get(r),void(this.hasError=!1);if(n.has(r)){try{this.svgContent=await n.get(r),this.hasError=!1}catch{this.hasError=!0}return}this.isLoading=!0,this.hasError=!1;const o=this.fetchIcon(r);n.set(r,o);try{this.svgContent=await o,s.set(r,this.svgContent),this.hasError=!1}catch{this.hasError=!0,this.svgContent=""}finally{this.isLoading=!1,n.delete(r)}}async fetchIcon(r){const o=await fetch(r);if(!o.ok)throw new Error(`Failed to load icon: ${r}`);const t=await o.text();if(!t.includes("<svg"))throw new Error(`Invalid SVG content: ${r}`);return t}render(){const r=!this.label;return o("span",{key:"f3c397e6532cf9022416cf53458dd6d0b128a3ed",class:{"ds-icon":!0,"ds-icon--loading":this.isLoading,"ds-icon--error":this.hasError},style:{"--icon-size":`${this.size}px`,"--icon-color":this.color},role:r?"presentation":"img","aria-hidden":r?"true":void 0,"aria-label":this.label},this.svgContent?o("span",{class:"ds-icon__svg",innerHTML:this.svgContent}):this.hasError?o("span",{class:"ds-icon__error",title:`Icon "${this.name}" not found`},o("svg",{viewBox:"0 0 24 24",fill:"currentColor"},o("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}))):null)}get el(){return t(this)}static get watchers(){return{name:[{onNameChange:0}],basePath:[{onBasePathChange:0}]}}};i.style=":host{display:inline-flex;align-items:center;justify-content:center}.ds-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:var(--icon-color, currentColor);flex-shrink:0}.ds-icon__svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ds-icon__svg svg{width:100%;height:100%;fill:currentColor}.ds-icon--loading{opacity:0.5}.ds-icon--error{opacity:0.3}.ds-icon__error{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ds-icon__error svg{width:100%;height:100%;fill:currentColor}";export{a as ds_button,e as ds_card,i as ds_icon}

package/dist/www/build/p-f4e1fe1f.entry.js DELETED Viewed

@@ -1 +0,0 @@