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

@marioschmidt/design-system-components 1.3.2 → 1.3.4

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 (170) hide show

package/dist/bds/bds.esm.js CHANGED Viewed

	@@ -1 +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-~~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))));
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-dd41e3ed",[[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-dd41e3ed.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,h as o}from"./p-B4AUg0uO.js";const t=class{constructor(o){r(this,o),this.variant="primary-brand",this.disabled=!1,this.iconPosition="start"}render(){const r=this.icon?o("ds-icon",{name:this.icon}):null;return o("button",{key:"000508b5713956932132412d59f9ba1b9baa96c7",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},"start"===this.iconPosition&&r,o("span",{key:"1cf189f05c1f2cdb82f54f6f2283eaa9c6e38381",class:"ds-button__label"},o("slot",{key:"89eadaa81aaa4e458e46b29e02291ad45c027101"})),"end"===this.iconPosition&&r)}};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(o){r(this,o),this.surface="primary"}render(){return o("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&o("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},o("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),o("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},o("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(o){r(this,o),this.basePath="/icons",this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}async loadIcon(){if(!this.name)return;const r=`${this.basePath}/${this.name}.svg`;if(e.has(r))this.svgContent=e.get(r);else try{const o=await fetch(r);if(o.ok){const t=await o.text();e.set(r,t),this.svgContent=t}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${r}: ${o.status}`)}catch(o){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${r}:`,o)}}render(){return o("span",{key:"e8124ff5ea7fc26476ed2861838c0ae10086f18f",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 CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-Bb064vv6.js');
-const dsButtonCss = () => `: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{--icon-size:var(--icon-size);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 dsButtonCss = () => `: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 DsButton = class {
     constructor(hostRef) {
@@ -50,7 +50,7 @@ const DsCard = class {
 };
 DsCard.style = dsCardCss();
-const dsIconCss = () => `:host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}`;
+const dsIconCss = () => `: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}`;
 const iconCache = new Map();
 const DsIcon = class {
@@ -58,6 +58,7 @@ const DsIcon = class {
         index.registerInstance(this, hostRef);
         /**
          * Base path for icon SVG files.
+         * @default '/icons'
          */
         this.basePath = '/icons';
         this.svgContent = '';
@@ -83,13 +84,16 @@ const DsIcon = class {
                 iconCache.set(url, svg);
                 this.svgContent = svg;
             }
+            else {
+                console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${url}: ${response.status}`);
+            }
         }
-        catch {
-            // Silent fail
+        catch (error) {
+            console.warn(`[ds-icon] Error loading icon "${this.name}" from ${url}:`, error);
         }
     }
     render() {
-        return (index.h("span", { key: 'f3549bfd71c52f0bf0b23c346fa5a665119c4033', class: "ds-icon", innerHTML: this.svgContent }));
+        return (index.h("span", { key: 'e8124ff5ea7fc26476ed2861838c0ae10086f18f', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get watchers() { return {
         "name": [{

package/dist/collection/ds-button/ds-button.css CHANGED Viewed

@@ -54,7 +54,6 @@
    ============================================================================= */
 ds-icon {
-  --icon-size: var(--icon-size);
   flex-shrink: 0;
 }

package/dist/collection/ds-icon/ds-icon.css CHANGED Viewed

@@ -2,8 +2,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: var(--icon-size);
-  height: var(--icon-size);
+  width: var(--icon-size, 24px);
+  height: var(--icon-size, 24px);
   color: inherit;
 }

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

@@ -4,6 +4,7 @@ export class DsIcon {
     constructor() {
         /**
          * Base path for icon SVG files.
+         * @default '/icons'
          */
         this.basePath = '/icons';
         this.svgContent = '';
@@ -29,13 +30,16 @@ export class DsIcon {
                 iconCache.set(url, svg);
                 this.svgContent = svg;
             }
+            else {
+                console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${url}: ${response.status}`);
+            }
         }
-        catch {
-            // Silent fail
+        catch (error) {
+            console.warn(`[ds-icon] Error loading icon "${this.name}" from ${url}:`, error);
         }
     }
     render() {
-        return (h("span", { key: 'f3549bfd71c52f0bf0b23c346fa5a665119c4033', class: "ds-icon", innerHTML: this.svgContent }));
+        return (h("span", { key: 'e8124ff5ea7fc26476ed2861838c0ae10086f18f', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get is() { return "ds-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -81,7 +85,10 @@ export class DsIcon {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
+                    "tags": [{
+                            "name": "default",
+                            "text": "'/icons'"
+                        }],
                     "text": "Base path for icon SVG files."
                 },
                 "getter": false,

package/dist/collection/icons.js ADDED Viewed

@@ -0,0 +1,205 @@
+/**
+ * List of all available icon names in the design system.
+ * These correspond to SVG files in packages/icons/svg/dist/
+ */
+export const ICON_NAMES = [
+    '2-liga-logo',
+    'account',
+    'add',
+    'adjust',
+    'android',
+    'apple-ios',
+    'arrow-down',
+    'arrow-left',
+    'arrow-right',
+    'arrow-up',
+    'arscan',
+    'auto',
+    'autobild-logo',
+    'bams-logo',
+    'basketball',
+    'bild-club-logo',
+    'bild-logo',
+    'bildplay-logo',
+    'bildplus-logo',
+    'bildplus-logo-simple',
+    'bin',
+    'bookmark',
+    'boxing',
+    'bundesliga-logo',
+    'burgermenu',
+    'calendar',
+    'camera',
+    'cards',
+    'checklist',
+    'checkmark',
+    'checkmark-circled',
+    'chevron-down',
+    'chevron-left',
+    'chevron-right',
+    'chevron-up',
+    'clock',
+    'close',
+    'comment',
+    'computerbild-logo',
+    'controller',
+    'copy',
+    'credit-card',
+    'dark-mode',
+    'data-protection',
+    'desktop',
+    'desktop-checkmark',
+    'desktop-questionmark',
+    'digital',
+    'download',
+    'edit',
+    'enter-fullscreen',
+    'erotik',
+    'exclamationmark-circle',
+    'exit-fullscreen',
+    'external-intext',
+    'external-link',
+    'fast-back',
+    'fast-back-chevron',
+    'fast-back-filled',
+    'fast-forward',
+    'fast-forward-chevron',
+    'fast-forward-filled',
+    'fast-upward',
+    'football',
+    'fussball',
+    'geld',
+    'gesundheit',
+    'gewinnspiele',
+    'gtcs',
+    'handball',
+    'headphones',
+    'heart',
+    'hey-logo',
+    'hide',
+    'history',
+    'hockey',
+    'home',
+    'horoskop',
+    'image',
+    'image-gallery',
+    'imprint',
+    'information',
+    'input',
+    'kino',
+    'lifestyle',
+    'light-mode',
+    'list-checked',
+    'live-badge',
+    'locked',
+    'log-out',
+    'logged-in',
+    'login',
+    'lotto',
+    'mail',
+    'marktplatz-logo',
+    'maximize',
+    'maximize-pip',
+    'mein-verein',
+    'menu',
+    'minimize',
+    'minimize-pip',
+    'motorsport',
+    'mute',
+    'mypass',
+    'netid',
+    'news',
+    'news-ticker',
+    'notifications-off',
+    'notifications-on',
+    'ost-sport',
+    'paper',
+    'participate',
+    'pause',
+    'pause-filled',
+    'payment-mastercard',
+    'pin',
+    'placeholder',
+    'play',
+    'play-filled',
+    'podcast-amazon',
+    'podcast-applepodcast',
+    'podcast-deezer',
+    'podcast-googlepodcasts',
+    'podcast-spotify',
+    'politik',
+    'push-notification',
+    'questionmark-circle',
+    'quote',
+    'raetsel',
+    'ratgeber',
+    'regio',
+    'reise',
+    'reload',
+    'replay',
+    'ressorts',
+    'revocation',
+    'rewind-ten-sec',
+    'search',
+    'send',
+    'settings',
+    'sex-und-liebe',
+    'share',
+    'sharecast',
+    'shopping-cart',
+    'show',
+    'sign-up',
+    'skip-next',
+    'skip-next-chevron',
+    'skip-next-filled',
+    'skip-previous',
+    'skip-previous-chevron',
+    'skip-previous-filled',
+    'skip-ten-sec',
+    'smartphone',
+    'social-facebook',
+    'social-fb-messagner',
+    'social-google',
+    'social-instagram',
+    'social-linkedin',
+    'social-snapchat',
+    'social-whatsapp',
+    'social-x-twitter',
+    'social-xing',
+    'social-youtube',
+    'speed',
+    'sport',
+    'sport-bild-logo',
+    'sport-live',
+    'sport-ticker',
+    'sportimtv',
+    'ssl',
+    'star',
+    'substract',
+    'sz-ticker',
+    'telephone',
+    'tennis',
+    'three-dot-horizontal',
+    'three-dot-vertical',
+    'thumbs-down',
+    'thumbs-up',
+    'trending',
+    'tv',
+    'unlocked',
+    'unquote',
+    'unterhaltung',
+    'upload',
+    'us-sport',
+    'verimi',
+    'video',
+    'video-error',
+    'video-recommendations',
+    'volume-down',
+    'volume-up',
+    'vote',
+    'warning',
+    'web',
+    'wetter',
+    'wrestling',
+    'zoom-in',
+];

package/dist/components/ds-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as o,p as r,H as t,h as a}from"./index.js";import{d as e}from"./p-~~8SkbMDtJ~~.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{~~--icon-size:var(--icon-size);~~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}
1	+ import{t as o,p as r,H as t,h as a}from"./index.js";import{d as e}from"./p-Yawtsxoc.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 CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~8SkbMDtJ~~.js";const t=o,p=s;export{t as DsIcon,p as defineCustomElement}
1	+ import{D as o,d as s}from"./p-Yawtsxoc.js";const t=o,a=s;export{t as DsIcon,a as defineCustomElement}

package/dist/components/p-Yawtsxoc.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t,p as e,H as s,h as n}from"./index.js";const i=new Map,o=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.basePath="/icons",this.svgContent=""}connectedCallback(){this.loadIcon()}onNameChange(){this.loadIcon()}async loadIcon(){if(!this.name)return;const t=`${this.basePath}/${this.name}.svg`;if(i.has(t))this.svgContent=i.get(t);else try{const e=await fetch(t);if(e.ok){const s=await e.text();i.set(t,s),this.svgContent=s}else console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${t}: ${e.status}`)}catch(e){console.warn(`[ds-icon] Error loading icon "${this.name}" from ${t}:`,e)}}render(){return n("span",{key:"e8124ff5ea7fc26476ed2861838c0ae10086f18f",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((e=>{"ds-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}c();export{o as D,c as d}

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-B4AUg0uO.js';
-const dsButtonCss = () => `: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{--icon-size:var(--icon-size);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 dsButtonCss = () => `: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 DsButton = class {
     constructor(hostRef) {
@@ -48,7 +48,7 @@ const DsCard = class {
 };
 DsCard.style = dsCardCss();
-const dsIconCss = () => `:host{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:inherit}.ds-icon{display:flex;width:100%;height:100%}.ds-icon svg{width:100%;height:100%;fill:currentColor}`;
+const dsIconCss = () => `: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}`;
 const iconCache = new Map();
 const DsIcon = class {
@@ -56,6 +56,7 @@ const DsIcon = class {
         registerInstance(this, hostRef);
         /**
          * Base path for icon SVG files.
+         * @default '/icons'
          */
         this.basePath = '/icons';
         this.svgContent = '';
@@ -81,13 +82,16 @@ const DsIcon = class {
                 iconCache.set(url, svg);
                 this.svgContent = svg;
             }
+            else {
+                console.warn(`[ds-icon] Failed to load icon "${this.name}" from ${url}: ${response.status}`);
+            }
         }
-        catch {
-            // Silent fail
+        catch (error) {
+            console.warn(`[ds-icon] Error loading icon "${this.name}" from ${url}:`, error);
         }
     }
     render() {
-        return (h("span", { key: 'f3549bfd71c52f0bf0b23c346fa5a665119c4033', class: "ds-icon", innerHTML: this.svgContent }));
+        return (h("span", { key: 'e8124ff5ea7fc26476ed2861838c0ae10086f18f', class: "ds-icon", innerHTML: this.svgContent }));
     }
     static get watchers() { return {
         "name": [{

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

@@ -5,6 +5,7 @@ export declare class DsIcon {
     name: string;
     /**
      * Base path for icon SVG files.
+     * @default '/icons'
      */
     basePath: string;
     svgContent: string;

package/dist/types/icons.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+/**
+ * List of all available icon names in the design system.
+ * These correspond to SVG files in packages/icons/svg/dist/
+ */
+export declare const ICON_NAMES: readonly ["2-liga-logo", "account", "add", "adjust", "android", "apple-ios", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "arscan", "auto", "autobild-logo", "bams-logo", "basketball", "bild-club-logo", "bild-logo", "bildplay-logo", "bildplus-logo", "bildplus-logo-simple", "bin", "bookmark", "boxing", "bundesliga-logo", "burgermenu", "calendar", "camera", "cards", "checklist", "checkmark", "checkmark-circled", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "clock", "close", "comment", "computerbild-logo", "controller", "copy", "credit-card", "dark-mode", "data-protection", "desktop", "desktop-checkmark", "desktop-questionmark", "digital", "download", "edit", "enter-fullscreen", "erotik", "exclamationmark-circle", "exit-fullscreen", "external-intext", "external-link", "fast-back", "fast-back-chevron", "fast-back-filled", "fast-forward", "fast-forward-chevron", "fast-forward-filled", "fast-upward", "football", "fussball", "geld", "gesundheit", "gewinnspiele", "gtcs", "handball", "headphones", "heart", "hey-logo", "hide", "history", "hockey", "home", "horoskop", "image", "image-gallery", "imprint", "information", "input", "kino", "lifestyle", "light-mode", "list-checked", "live-badge", "locked", "log-out", "logged-in", "login", "lotto", "mail", "marktplatz-logo", "maximize", "maximize-pip", "mein-verein", "menu", "minimize", "minimize-pip", "motorsport", "mute", "mypass", "netid", "news", "news-ticker", "notifications-off", "notifications-on", "ost-sport", "paper", "participate", "pause", "pause-filled", "payment-mastercard", "pin", "placeholder", "play", "play-filled", "podcast-amazon", "podcast-applepodcast", "podcast-deezer", "podcast-googlepodcasts", "podcast-spotify", "politik", "push-notification", "questionmark-circle", "quote", "raetsel", "ratgeber", "regio", "reise", "reload", "replay", "ressorts", "revocation", "rewind-ten-sec", "search", "send", "settings", "sex-und-liebe", "share", "sharecast", "shopping-cart", "show", "sign-up", "skip-next", "skip-next-chevron", "skip-next-filled", "skip-previous", "skip-previous-chevron", "skip-previous-filled", "skip-ten-sec", "smartphone", "social-facebook", "social-fb-messagner", "social-google", "social-instagram", "social-linkedin", "social-snapchat", "social-whatsapp", "social-x-twitter", "social-xing", "social-youtube", "speed", "sport", "sport-bild-logo", "sport-live", "sport-ticker", "sportimtv", "ssl", "star", "substract", "sz-ticker", "telephone", "tennis", "three-dot-horizontal", "three-dot-vertical", "thumbs-down", "thumbs-up", "trending", "tv", "unlocked", "unquote", "unterhaltung", "upload", "us-sport", "verimi", "video", "video-error", "video-recommendations", "volume-down", "volume-up", "vote", "warning", "web", "wetter", "wrestling", "zoom-in"];
+export type IconName = typeof ICON_NAMES[number];

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

	@@ -1 +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-~~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))));
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-dd41e3ed",[[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-dd41e3ed.entry.js ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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