@marioschmidt/design-system-components 1.3.5 → 1.3.6

package/dist/bds/bds.esm.js

@@ -1 +1 @@
-import{p as a,g as n,b as t}from"./p-B4AUg0uO.js";export{s as setNonce}from"./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-b5cb6bd4",[[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))));
+import{p as a,g as n,b as t}from"./p-B4AUg0uO.js";export{s as setNonce}from"./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-25f6eddc",[[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))));

package/dist/bds/{p-b5cb6bd4.entry.js → p-25f6eddc.entry.js}

@@ -1 +1 @@
-import{r as o,h as r}from"./p-B4AUg0uO.js";const t=class{constructor(r){o(this,r),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?r("ds-icon",{name:this.icon}):null;return r("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,r("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},r("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}};t.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}ds-icon{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 a=class{constructor(r){o(this,r),this.surface="primary"}render(){return r("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&r("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},r("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),r("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},r("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};a.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 e=new Map,s=class{constructor(r){o(this,r),this.basePath="/icons",this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}async loadIcon(){if(!this.name)return;const o=`${this.basePath}/${this.name}.svg`;if(console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${o}, Full URL: ${new URL(o,window.location.href).href}`),e.has(o))return this.svgContent=e.get(o),void console.log(`[ds-icon] Found in cache: ${this.name}`);try{const r=await fetch(o);if(console.log(`[ds-icon] Fetch response: ${r.status} ${r.statusText} for ${o}`),r.ok){const t=await r.text();e.set(o,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${o}: ${r.status}`)}catch(r){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${o}:`,r)}}render(){return r("span",{key:"af62f9b141cf05a42a67dba786a945b33de8fc58",class:"ds-icon",innerHTML:this.svgContent})}static get watchers(){return{name:[{onNameChange:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}";export{t as ds_button,a as ds_card,s as ds_icon}
+import{r as o,h as r}from"./p-B4AUg0uO.js";const t=class{constructor(r){o(this,r),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?r("ds-icon",{name:this.icon}):null;return r("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,r("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},r("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}};t.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}ds-icon{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 a=class{constructor(r){o(this,r),this.surface="primary"}render(){return r("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&r("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},r("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),r("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},r("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};a.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 e=new Map,s=class{constructor(r){o(this,r),this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}getEffectiveBasePath(){return this.basePath?this.basePath:"undefined"!=typeof window&&window.__ICONS_BASE_PATH__?window.__ICONS_BASE_PATH__:"/icons"}async loadIcon(){if(!this.name)return;const o=`${this.getEffectiveBasePath()}/${this.name}.svg`;if(console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${o}, Full URL: ${new URL(o,window.location.href).href}`),e.has(o))return this.svgContent=e.get(o),void console.log(`[ds-icon] Found in cache: ${this.name}`);try{const r=await fetch(o);if(console.log(`[ds-icon] Fetch response: ${r.status} ${r.statusText} for ${o}`),r.ok){const t=await r.text();e.set(o,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${o}: ${r.status}`)}catch(r){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${o}:`,r)}}render(){return r("span",{key:"02a69af1e7f270998a9edac69f46ad5b36de7a36",class:"ds-icon",innerHTML:this.svgContent})}static get watchers(){return{name:[{onNameChange:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}";export{t as ds_button,a as ds_card,s as ds_icon}

package/dist/cjs/ds-button_3.cjs.entry.js

@@ -56,11 +56,6 @@ const iconCache = new Map();
 const DsIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Base path for icon SVG files.
-         * @default '/icons'
-         */
-        this.basePath = '/icons';
         this.svgContent = '';
     }
     connectedCallback() {
@@ -69,10 +64,24 @@ const DsIcon = class {
     onNameChange() {
         this.loadIcon();
     }
+    /**
+     * Get the effective base path for icons.
+     * Priority: 1. explicit basePath prop, 2. window.__ICONS_BASE_PATH__, 3. '/icons'
+     */
+    getEffectiveBasePath() {
+        if (this.basePath) {
+            return this.basePath;
+        }
+        if (typeof window !== 'undefined' && window.__ICONS_BASE_PATH__) {
+            return window.__ICONS_BASE_PATH__;
+        }
+        return '/icons';
+    }
     async loadIcon() {
         if (!this.name)
             return;
-        const url = `${this.basePath}/${this.name}.svg`;
+        const effectiveBasePath = this.getEffectiveBasePath();
+        const url = `${effectiveBasePath}/${this.name}.svg`;
         console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${url}, Full URL: ${new URL(url, window.location.href).href}`);
         if (iconCache.has(url)) {
             this.svgContent = iconCache.get(url);
@@ -96,7 +105,7 @@ const DsIcon = class {
         }
     }
     render() {
-        return (index.h("span", { key: 'af62f9b141cf05a42a67dba786a945b33de8fc58', class: "ds-icon", innerHTML: this.svgContent }));
+        return (index.h("span", { key: '02a69af1e7f270998a9edac69f46ad5b36de7a36', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get watchers() { return {
         "name": [{

package/dist/collection/ds-icon/ds-icon.js

@@ -2,11 +2,6 @@ import { h } from "@stencil/core";
 const iconCache = new Map();
 export class DsIcon {
     constructor() {
-        /**
-         * Base path for icon SVG files.
-         * @default '/icons'
-         */
-        this.basePath = '/icons';
         this.svgContent = '';
     }
     connectedCallback() {
@@ -15,10 +10,24 @@ export class DsIcon {
     onNameChange() {
         this.loadIcon();
     }
+    /**
+     * Get the effective base path for icons.
+     * Priority: 1. explicit basePath prop, 2. window.__ICONS_BASE_PATH__, 3. '/icons'
+     */
+    getEffectiveBasePath() {
+        if (this.basePath) {
+            return this.basePath;
+        }
+        if (typeof window !== 'undefined' && window.__ICONS_BASE_PATH__) {
+            return window.__ICONS_BASE_PATH__;
+        }
+        return '/icons';
+    }
     async loadIcon() {
         if (!this.name)
             return;
-        const url = `${this.basePath}/${this.name}.svg`;
+        const effectiveBasePath = this.getEffectiveBasePath();
+        const url = `${effectiveBasePath}/${this.name}.svg`;
         console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${url}, Full URL: ${new URL(url, window.location.href).href}`);
         if (iconCache.has(url)) {
             this.svgContent = iconCache.get(url);
@@ -42,7 +51,7 @@ export class DsIcon {
         }
     }
     render() {
-        return (h("span", { key: 'af62f9b141cf05a42a67dba786a945b33de8fc58', class: "ds-icon", innerHTML: this.svgContent }));
+        return (h("span", { key: '02a69af1e7f270998a9edac69f46ad5b36de7a36', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get is() { return "ds-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -82,23 +91,22 @@ export class DsIcon {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [{
                             "name": "default",
                             "text": "'/icons'"
                         }],
-                    "text": "Base path for icon SVG files."
+                    "text": "Base path for icon SVG files.\nIf not set, will check for window.__ICONS_BASE_PATH__ (set by Storybook for GitHub Pages)."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "base-path",
-                "defaultValue": "'/icons'"
+                "attribute": "base-path"
             }
         };
     }

package/dist/components/ds-button.js

@@ -1 +1 @@
-import{t as o,p as r,H as t,h as a}from"./index.js";import{d as e}from"./p-O2hqYb0n.js";const n=r(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?a("ds-icon",{name:this.icon}):null;return a("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,["ds-button--"+this.variant]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,a("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},a("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}static get style(){return":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}ds-icon{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}"}},[257,"ds-button",{variant:[1],disabled:[4],icon:[1],iconPosition:[1,"icon-position"]}]);function s(){"undefined"!=typeof customElements&&["ds-button","ds-icon"].forEach((r=>{switch(r){case"ds-button":customElements.get(o(r))||customElements.define(o(r),n);break;case"ds-icon":customElements.get(o(r))||e()}}))}s();const b=n,c=s;export{b as DsButton,c as defineCustomElement}
+import{t as o,p as r,H as t,h as a}from"./index.js";import{d as e}from"./p-Bn89zAO9.js";const n=r(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?a("ds-icon",{name:this.icon}):null;return a("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,["ds-button--"+this.variant]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,a("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},a("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}static get style(){return":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}ds-icon{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}"}},[257,"ds-button",{variant:[1],disabled:[4],icon:[1],iconPosition:[1,"icon-position"]}]);function s(){"undefined"!=typeof customElements&&["ds-button","ds-icon"].forEach((r=>{switch(r){case"ds-button":customElements.get(o(r))||customElements.define(o(r),n);break;case"ds-icon":customElements.get(o(r))||e()}}))}s();const b=n,c=s;export{b as DsButton,c as defineCustomElement}

package/dist/components/ds-icon.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-O2hqYb0n.js";const p=o,r=s;export{p as DsIcon,r as defineCustomElement}
+import{D as o,d as s}from"./p-Bn89zAO9.js";const p=o,r=s;export{p as DsIcon,r as defineCustomElement}

package/dist/components/p-Bn89zAO9.js

@@ -0,0 +1 @@
+import{t as e,p as n,H as t,h as s}from"./index.js";const i=new Map,o=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}getEffectiveBasePath(){return this.basePath?this.basePath:"undefined"!=typeof window&&window.__ICONS_BASE_PATH__?window.__ICONS_BASE_PATH__:"/icons"}async loadIcon(){if(!this.name)return;const e=`${this.getEffectiveBasePath()}/${this.name}.svg`;if(console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${e}, Full URL: ${new URL(e,window.location.href).href}`),i.has(e))return this.svgContent=i.get(e),void console.log(`[ds-icon] Found in cache: ${this.name}`);try{const n=await fetch(e);if(console.log(`[ds-icon] Fetch response: ${n.status} ${n.statusText} for ${e}`),n.ok){const t=await n.text();i.set(e,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${e}: ${n.status}`)}catch(n){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${e}:`,n)}}render(){return s("span",{key:"02a69af1e7f270998a9edac69f46ad5b36de7a36",class:"ds-icon",innerHTML:this.svgContent})}static get watchers(){return{name:[{onNameChange:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}"}},[1,"ds-icon",{name:[1],basePath:[1,"base-path"],svgContent:[32]},void 0,{name:[{onNameChange:0}]}]);function c(){"undefined"!=typeof customElements&&["ds-icon"].forEach((n=>{"ds-icon"===n&&(customElements.get(e(n))||customElements.define(e(n),o))}))}c();export{o as D,c as d}

package/dist/docs/ds-icon/readme.md

@@ -4,10 +4,10 @@
 
 ## Properties
 
-| Property            | Attribute   | Description                                | Type     | Default     |
-| ------------------- | ----------- | ------------------------------------------ | -------- | ----------- |
-| `basePath`          | `base-path` | Base path for icon SVG files.              | `string` | `'/icons'`  |
-| `name` _(required)_ | `name`      | Name of the icon (without .svg extension). | `string` | `undefined` |
+| Property            | Attribute   | Description                                                                                                              | Type                  | Default     |
+| ------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------ | --------------------- | ----------- |
+| `basePath`          | `base-path` | Base path for icon SVG files. If not set, will check for window.__ICONS_BASE_PATH__ (set by Storybook for GitHub Pages). | `string \| undefined` | `undefined` |
+| `name` _(required)_ | `name`      | Name of the icon (without .svg extension).                                                                               | `string`              | `undefined` |
 
 
 ## Dependencies

package/dist/esm/ds-button_3.entry.js

@@ -54,11 +54,6 @@ const iconCache = new Map();
 const DsIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * Base path for icon SVG files.
-         * @default '/icons'
-         */
-        this.basePath = '/icons';
         this.svgContent = '';
     }
     connectedCallback() {
@@ -67,10 +62,24 @@ const DsIcon = class {
     onNameChange() {
         this.loadIcon();
     }
+    /**
+     * Get the effective base path for icons.
+     * Priority: 1. explicit basePath prop, 2. window.__ICONS_BASE_PATH__, 3. '/icons'
+     */
+    getEffectiveBasePath() {
+        if (this.basePath) {
+            return this.basePath;
+        }
+        if (typeof window !== 'undefined' && window.__ICONS_BASE_PATH__) {
+            return window.__ICONS_BASE_PATH__;
+        }
+        return '/icons';
+    }
     async loadIcon() {
         if (!this.name)
             return;
-        const url = `${this.basePath}/${this.name}.svg`;
+        const effectiveBasePath = this.getEffectiveBasePath();
+        const url = `${effectiveBasePath}/${this.name}.svg`;
         console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${url}, Full URL: ${new URL(url, window.location.href).href}`);
         if (iconCache.has(url)) {
             this.svgContent = iconCache.get(url);
@@ -94,7 +103,7 @@ const DsIcon = class {
         }
     }
     render() {
-        return (h("span", { key: 'af62f9b141cf05a42a67dba786a945b33de8fc58', class: "ds-icon", innerHTML: this.svgContent }));
+        return (h("span", { key: '02a69af1e7f270998a9edac69f46ad5b36de7a36', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get watchers() { return {
         "name": [{

package/dist/types/components.d.ts

@@ -42,10 +42,10 @@ export namespace Components {
     }
     interface DsIcon {
         /**
-          * Base path for icon SVG files.
+          * Base path for icon SVG files. If not set, will check for window.__ICONS_BASE_PATH__ (set by Storybook for GitHub Pages).
           * @default '/icons'
          */
-        "basePath": string;
+        "basePath"?: string;
         /**
           * Name of the icon (without .svg extension).
          */
@@ -112,7 +112,7 @@ declare namespace LocalJSX {
     }
     interface DsIcon {
         /**
-          * Base path for icon SVG files.
+          * Base path for icon SVG files. If not set, will check for window.__ICONS_BASE_PATH__ (set by Storybook for GitHub Pages).
           * @default '/icons'
          */
         "basePath"?: string;

package/dist/types/ds-icon/ds-icon.d.ts

@@ -1,3 +1,8 @@
+declare global {
+    interface Window {
+        __ICONS_BASE_PATH__?: string;
+    }
+}
 export declare class DsIcon {
     /**
      * Name of the icon (without .svg extension).
@@ -5,12 +10,18 @@ export declare class DsIcon {
     name: string;
     /**
      * Base path for icon SVG files.
+     * If not set, will check for window.__ICONS_BASE_PATH__ (set by Storybook for GitHub Pages).
      * @default '/icons'
      */
-    basePath: string;
+    basePath?: string;
     svgContent: string;
     connectedCallback(): void;
     onNameChange(): void;
+    /**
+     * Get the effective base path for icons.
+     * Priority: 1. explicit basePath prop, 2. window.__ICONS_BASE_PATH__, 3. '/icons'
+     */
+    private getEffectiveBasePath;
     private loadIcon;
     render(): any;
 }

package/dist/www/build/bds.esm.js

@@ -1 +1 @@
-import{p as a,g as n,b as t}from"./p-B4AUg0uO.js";export{s as setNonce}from"./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-b5cb6bd4",[[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))));
+import{p as a,g as n,b as t}from"./p-B4AUg0uO.js";export{s as setNonce}from"./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-25f6eddc",[[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))));

package/dist/www/build/{p-b5cb6bd4.entry.js → p-25f6eddc.entry.js}

@@ -1 +1 @@
-import{r as o,h as r}from"./p-B4AUg0uO.js";const t=class{constructor(r){o(this,r),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?r("ds-icon",{name:this.icon}):null;return r("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,r("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},r("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}};t.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}ds-icon{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 a=class{constructor(r){o(this,r),this.surface="primary"}render(){return r("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&r("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},r("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),r("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},r("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};a.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 e=new Map,s=class{constructor(r){o(this,r),this.basePath="/icons",this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}async loadIcon(){if(!this.name)return;const o=`${this.basePath}/${this.name}.svg`;if(console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${o}, Full URL: ${new URL(o,window.location.href).href}`),e.has(o))return this.svgContent=e.get(o),void console.log(`[ds-icon] Found in cache: ${this.name}`);try{const r=await fetch(o);if(console.log(`[ds-icon] Fetch response: ${r.status} ${r.statusText} for ${o}`),r.ok){const t=await r.text();e.set(o,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${o}: ${r.status}`)}catch(r){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${o}:`,r)}}render(){return r("span",{key:"af62f9b141cf05a42a67dba786a945b33de8fc58",class:"ds-icon",innerHTML:this.svgContent})}static get watchers(){return{name:[{onNameChange:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}";export{t as ds_button,a as ds_card,s as ds_icon}
+import{r as o,h as r}from"./p-B4AUg0uO.js";const t=class{constructor(r){o(this,r),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const o=this.icon?r("ds-icon",{name:this.icon}):null;return r("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&o,r("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},r("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&o)}};t.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}ds-icon{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 a=class{constructor(r){o(this,r),this.surface="primary"}render(){return r("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&r("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},r("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),r("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},r("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};a.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 e=new Map,s=class{constructor(r){o(this,r),this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}getEffectiveBasePath(){return this.basePath?this.basePath:"undefined"!=typeof window&&window.__ICONS_BASE_PATH__?window.__ICONS_BASE_PATH__:"/icons"}async loadIcon(){if(!this.name)return;const o=`${this.getEffectiveBasePath()}/${this.name}.svg`;if(console.log(`[ds-icon] Loading icon: ${this.name}, URL: ${o}, Full URL: ${new URL(o,window.location.href).href}`),e.has(o))return this.svgContent=e.get(o),void console.log(`[ds-icon] Found in cache: ${this.name}`);try{const r=await fetch(o);if(console.log(`[ds-icon] Fetch response: ${r.status} ${r.statusText} for ${o}`),r.ok){const t=await r.text();e.set(o,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${o}: ${r.status}`)}catch(r){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${o}:`,r)}}render(){return r("span",{key:"02a69af1e7f270998a9edac69f46ad5b36de7a36",class:"ds-icon",innerHTML:this.svgContent})}static get watchers(){return{name:[{onNameChange:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 24px);height:var(--icon-size, 24px);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}";export{t as ds_button,a as ds_card,s as ds_icon}

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

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

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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * 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.3.5
+ * BILD Design System Tokens v1.3.6
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: RadioButton Component Tokens