@marioschmidt/design-system-components 1.3.2 → 1.3.3
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.
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/p-a851ab89.entry.js +1 -0
- package/dist/cjs/ds-button_3.cjs.entry.js +2 -2
- package/dist/collection/ds-button/ds-button.css +0 -1
- package/dist/collection/ds-icon/ds-icon.css +2 -2
- package/dist/collection/icons.js +205 -0
- package/dist/components/ds-button.js +1 -1
- package/dist/components/ds-icon.js +1 -1
- package/dist/components/{p-8SkbMDtJ.js → p-o-zDLqwP.js} +1 -1
- package/dist/esm/ds-button_3.entry.js +2 -2
- package/dist/types/icons.d.ts +6 -0
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/p-a851ab89.entry.js +1 -0
- package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
- package/dist/www/css/advertorial/components/article.css +1 -1
- package/dist/www/css/advertorial/components/audioplayer.css +1 -1
- package/dist/www/css/advertorial/components/avatar.css +1 -1
- package/dist/www/css/advertorial/components/badge.css +1 -1
- package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
- package/dist/www/css/advertorial/components/breakingnews.css +1 -1
- package/dist/www/css/advertorial/components/button.css +1 -1
- package/dist/www/css/advertorial/components/card.css +1 -1
- package/dist/www/css/advertorial/components/carousel.css +1 -1
- package/dist/www/css/advertorial/components/chip.css +1 -1
- package/dist/www/css/advertorial/components/datepicker.css +1 -1
- package/dist/www/css/advertorial/components/drawers.css +1 -1
- package/dist/www/css/advertorial/components/dropdown.css +1 -1
- package/dist/www/css/advertorial/components/footer.css +1 -1
- package/dist/www/css/advertorial/components/icon.css +1 -1
- package/dist/www/css/advertorial/components/iconbutton.css +1 -1
- package/dist/www/css/advertorial/components/infoelement.css +1 -1
- package/dist/www/css/advertorial/components/inputfield.css +1 -1
- package/dist/www/css/advertorial/components/liveticker.css +1 -1
- package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
- package/dist/www/css/advertorial/components/menu.css +1 -1
- package/dist/www/css/advertorial/components/newsticker.css +1 -1
- package/dist/www/css/advertorial/components/pagination.css +1 -1
- package/dist/www/css/advertorial/components/paywall.css +1 -1
- package/dist/www/css/advertorial/components/quote.css +1 -1
- package/dist/www/css/advertorial/components/radiobutton.css +1 -1
- package/dist/www/css/advertorial/components/search.css +1 -1
- package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +1 -1
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi.css +1 -1
- package/dist/www/css/advertorial/components/spinner.css +1 -1
- package/dist/www/css/advertorial/components/tab.css +1 -1
- package/dist/www/css/advertorial/components/table.css +1 -1
- package/dist/www/css/advertorial/components/teaser.css +1 -1
- package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
- package/dist/www/css/advertorial/components/video.css +1 -1
- package/dist/www/css/advertorial/theme.css +1 -1
- package/dist/www/css/advertorial/tokens.css +1 -1
- package/dist/www/css/bild/components/_dsysdoc.css +1 -1
- package/dist/www/css/bild/components/_dsysdocs.css +1 -1
- package/dist/www/css/bild/components/alert.css +1 -1
- package/dist/www/css/bild/components/article.css +1 -1
- package/dist/www/css/bild/components/audioplayer.css +1 -1
- package/dist/www/css/bild/components/avatar.css +1 -1
- package/dist/www/css/bild/components/badge.css +1 -1
- package/dist/www/css/bild/components/breadcrumb.css +1 -1
- package/dist/www/css/bild/components/breakingnews.css +1 -1
- package/dist/www/css/bild/components/button.css +1 -1
- package/dist/www/css/bild/components/card.css +1 -1
- package/dist/www/css/bild/components/carousel.css +1 -1
- package/dist/www/css/bild/components/chip.css +1 -1
- package/dist/www/css/bild/components/datepicker.css +1 -1
- package/dist/www/css/bild/components/drawers.css +1 -1
- package/dist/www/css/bild/components/dropdown.css +1 -1
- package/dist/www/css/bild/components/empties.css +1 -1
- package/dist/www/css/bild/components/footer.css +1 -1
- package/dist/www/css/bild/components/gallery.css +1 -1
- package/dist/www/css/bild/components/icon.css +1 -1
- package/dist/www/css/bild/components/iconbutton.css +1 -1
- package/dist/www/css/bild/components/infoelement.css +1 -1
- package/dist/www/css/bild/components/inputfield.css +1 -1
- package/dist/www/css/bild/components/kicker.css +1 -1
- package/dist/www/css/bild/components/liveticker.css +1 -1
- package/dist/www/css/bild/components/mediaplayer.css +1 -1
- package/dist/www/css/bild/components/menu.css +1 -1
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker.css +1 -1
- package/dist/www/css/bild/components/pagination.css +1 -1
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall.css +1 -1
- package/dist/www/css/bild/components/quote.css +1 -1
- package/dist/www/css/bild/components/radiobutton.css +1 -1
- package/dist/www/css/bild/components/search.css +1 -1
- package/dist/www/css/bild/components/sectiontitle.css +1 -1
- package/dist/www/css/bild/components/selection.css +1 -1
- package/dist/www/css/bild/components/separator.css +1 -1
- package/dist/www/css/bild/components/skeletons.css +1 -1
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi.css +1 -1
- package/dist/www/css/bild/components/spinner.css +1 -1
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab.css +1 -1
- package/dist/www/css/bild/components/table.css +1 -1
- package/dist/www/css/bild/components/teaser.css +1 -1
- package/dist/www/css/bild/components/toggleswitch.css +1 -1
- package/dist/www/css/bild/components/video.css +1 -1
- package/dist/www/css/bild/theme.css +1 -1
- package/dist/www/css/bild/tokens.css +1 -1
- package/dist/www/css/bundles/advertorial.css +1 -1
- package/dist/www/css/bundles/bild.css +1 -1
- package/dist/www/css/bundles/sportbild.css +1 -1
- package/dist/www/css/shared/colorprimitive.css +1 -1
- package/dist/www/css/shared/fontprimitive.css +1 -1
- package/dist/www/css/shared/primitives.css +1 -1
- package/dist/www/css/shared/sizeprimitive.css +1 -1
- package/dist/www/css/shared/spaceprimitive.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
- package/dist/www/css/sportbild/components/alert.css +1 -1
- package/dist/www/css/sportbild/components/article.css +1 -1
- package/dist/www/css/sportbild/components/audioplayer.css +1 -1
- package/dist/www/css/sportbild/components/avatar.css +1 -1
- package/dist/www/css/sportbild/components/badge.css +1 -1
- package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
- package/dist/www/css/sportbild/components/breakingnews.css +1 -1
- package/dist/www/css/sportbild/components/button.css +1 -1
- package/dist/www/css/sportbild/components/card.css +1 -1
- package/dist/www/css/sportbild/components/carousel.css +1 -1
- package/dist/www/css/sportbild/components/chip.css +1 -1
- package/dist/www/css/sportbild/components/datepicker.css +1 -1
- package/dist/www/css/sportbild/components/drawers.css +1 -1
- package/dist/www/css/sportbild/components/dropdown.css +1 -1
- package/dist/www/css/sportbild/components/empties.css +1 -1
- package/dist/www/css/sportbild/components/footer.css +1 -1
- package/dist/www/css/sportbild/components/gallery.css +1 -1
- package/dist/www/css/sportbild/components/icon.css +1 -1
- package/dist/www/css/sportbild/components/iconbutton.css +1 -1
- package/dist/www/css/sportbild/components/infoelement.css +1 -1
- package/dist/www/css/sportbild/components/inputfield.css +1 -1
- package/dist/www/css/sportbild/components/kicker.css +1 -1
- package/dist/www/css/sportbild/components/liveticker.css +1 -1
- package/dist/www/css/sportbild/components/mediaplayer.css +1 -1
- package/dist/www/css/sportbild/components/menu.css +1 -1
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker.css +1 -1
- package/dist/www/css/sportbild/components/pagination.css +1 -1
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall.css +1 -1
- package/dist/www/css/sportbild/components/quote.css +1 -1
- package/dist/www/css/sportbild/components/radiobutton.css +1 -1
- package/dist/www/css/sportbild/components/search.css +1 -1
- package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
- package/dist/www/css/sportbild/components/selection.css +1 -1
- package/dist/www/css/sportbild/components/separator.css +1 -1
- package/dist/www/css/sportbild/components/skeletons.css +1 -1
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi.css +1 -1
- package/dist/www/css/sportbild/components/spinner.css +1 -1
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab.css +1 -1
- package/dist/www/css/sportbild/components/table.css +1 -1
- package/dist/www/css/sportbild/components/teaser.css +1 -1
- package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
- package/dist/www/css/sportbild/components/video.css +1 -1
- package/dist/www/css/sportbild/theme.css +1 -1
- package/dist/www/css/sportbild/tokens.css +1 -1
- package/dist/www/icons/manifest.json +2 -2
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-72d44f50.entry.js +0 -1
- package/dist/www/build/p-72d44f50.entry.js +0 -1
package/dist/bds/bds.esm.js
CHANGED
|
@@ -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-
|
|
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-a851ab89",[[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))));
|
|
@@ -0,0 +1 @@
|
|
|
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}}catch{}}render(){return o("span",{key:"f3549bfd71c52f0bf0b23c346fa5a665119c4033",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}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Bb064vv6.js');
|
|
4
4
|
|
|
5
|
-
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{
|
|
5
|
+
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}`;
|
|
6
6
|
|
|
7
7
|
const DsButton = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -50,7 +50,7 @@ const DsCard = class {
|
|
|
50
50
|
};
|
|
51
51
|
DsCard.style = dsCardCss();
|
|
52
52
|
|
|
53
|
-
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}`;
|
|
53
|
+
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}`;
|
|
54
54
|
|
|
55
55
|
const iconCache = new Map();
|
|
56
56
|
const DsIcon = class {
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* List of all available icon names in the design system.
|
|
3
|
+
* These correspond to SVG files in packages/icons/svg/dist/
|
|
4
|
+
*/
|
|
5
|
+
export const ICON_NAMES = [
|
|
6
|
+
'2-liga-logo',
|
|
7
|
+
'account',
|
|
8
|
+
'add',
|
|
9
|
+
'adjust',
|
|
10
|
+
'android',
|
|
11
|
+
'apple-ios',
|
|
12
|
+
'arrow-down',
|
|
13
|
+
'arrow-left',
|
|
14
|
+
'arrow-right',
|
|
15
|
+
'arrow-up',
|
|
16
|
+
'arscan',
|
|
17
|
+
'auto',
|
|
18
|
+
'autobild-logo',
|
|
19
|
+
'bams-logo',
|
|
20
|
+
'basketball',
|
|
21
|
+
'bild-club-logo',
|
|
22
|
+
'bild-logo',
|
|
23
|
+
'bildplay-logo',
|
|
24
|
+
'bildplus-logo',
|
|
25
|
+
'bildplus-logo-simple',
|
|
26
|
+
'bin',
|
|
27
|
+
'bookmark',
|
|
28
|
+
'boxing',
|
|
29
|
+
'bundesliga-logo',
|
|
30
|
+
'burgermenu',
|
|
31
|
+
'calendar',
|
|
32
|
+
'camera',
|
|
33
|
+
'cards',
|
|
34
|
+
'checklist',
|
|
35
|
+
'checkmark',
|
|
36
|
+
'checkmark-circled',
|
|
37
|
+
'chevron-down',
|
|
38
|
+
'chevron-left',
|
|
39
|
+
'chevron-right',
|
|
40
|
+
'chevron-up',
|
|
41
|
+
'clock',
|
|
42
|
+
'close',
|
|
43
|
+
'comment',
|
|
44
|
+
'computerbild-logo',
|
|
45
|
+
'controller',
|
|
46
|
+
'copy',
|
|
47
|
+
'credit-card',
|
|
48
|
+
'dark-mode',
|
|
49
|
+
'data-protection',
|
|
50
|
+
'desktop',
|
|
51
|
+
'desktop-checkmark',
|
|
52
|
+
'desktop-questionmark',
|
|
53
|
+
'digital',
|
|
54
|
+
'download',
|
|
55
|
+
'edit',
|
|
56
|
+
'enter-fullscreen',
|
|
57
|
+
'erotik',
|
|
58
|
+
'exclamationmark-circle',
|
|
59
|
+
'exit-fullscreen',
|
|
60
|
+
'external-intext',
|
|
61
|
+
'external-link',
|
|
62
|
+
'fast-back',
|
|
63
|
+
'fast-back-chevron',
|
|
64
|
+
'fast-back-filled',
|
|
65
|
+
'fast-forward',
|
|
66
|
+
'fast-forward-chevron',
|
|
67
|
+
'fast-forward-filled',
|
|
68
|
+
'fast-upward',
|
|
69
|
+
'football',
|
|
70
|
+
'fussball',
|
|
71
|
+
'geld',
|
|
72
|
+
'gesundheit',
|
|
73
|
+
'gewinnspiele',
|
|
74
|
+
'gtcs',
|
|
75
|
+
'handball',
|
|
76
|
+
'headphones',
|
|
77
|
+
'heart',
|
|
78
|
+
'hey-logo',
|
|
79
|
+
'hide',
|
|
80
|
+
'history',
|
|
81
|
+
'hockey',
|
|
82
|
+
'home',
|
|
83
|
+
'horoskop',
|
|
84
|
+
'image',
|
|
85
|
+
'image-gallery',
|
|
86
|
+
'imprint',
|
|
87
|
+
'information',
|
|
88
|
+
'input',
|
|
89
|
+
'kino',
|
|
90
|
+
'lifestyle',
|
|
91
|
+
'light-mode',
|
|
92
|
+
'list-checked',
|
|
93
|
+
'live-badge',
|
|
94
|
+
'locked',
|
|
95
|
+
'log-out',
|
|
96
|
+
'logged-in',
|
|
97
|
+
'login',
|
|
98
|
+
'lotto',
|
|
99
|
+
'mail',
|
|
100
|
+
'marktplatz-logo',
|
|
101
|
+
'maximize',
|
|
102
|
+
'maximize-pip',
|
|
103
|
+
'mein-verein',
|
|
104
|
+
'menu',
|
|
105
|
+
'minimize',
|
|
106
|
+
'minimize-pip',
|
|
107
|
+
'motorsport',
|
|
108
|
+
'mute',
|
|
109
|
+
'mypass',
|
|
110
|
+
'netid',
|
|
111
|
+
'news',
|
|
112
|
+
'news-ticker',
|
|
113
|
+
'notifications-off',
|
|
114
|
+
'notifications-on',
|
|
115
|
+
'ost-sport',
|
|
116
|
+
'paper',
|
|
117
|
+
'participate',
|
|
118
|
+
'pause',
|
|
119
|
+
'pause-filled',
|
|
120
|
+
'payment-mastercard',
|
|
121
|
+
'pin',
|
|
122
|
+
'placeholder',
|
|
123
|
+
'play',
|
|
124
|
+
'play-filled',
|
|
125
|
+
'podcast-amazon',
|
|
126
|
+
'podcast-applepodcast',
|
|
127
|
+
'podcast-deezer',
|
|
128
|
+
'podcast-googlepodcasts',
|
|
129
|
+
'podcast-spotify',
|
|
130
|
+
'politik',
|
|
131
|
+
'push-notification',
|
|
132
|
+
'questionmark-circle',
|
|
133
|
+
'quote',
|
|
134
|
+
'raetsel',
|
|
135
|
+
'ratgeber',
|
|
136
|
+
'regio',
|
|
137
|
+
'reise',
|
|
138
|
+
'reload',
|
|
139
|
+
'replay',
|
|
140
|
+
'ressorts',
|
|
141
|
+
'revocation',
|
|
142
|
+
'rewind-ten-sec',
|
|
143
|
+
'search',
|
|
144
|
+
'send',
|
|
145
|
+
'settings',
|
|
146
|
+
'sex-und-liebe',
|
|
147
|
+
'share',
|
|
148
|
+
'sharecast',
|
|
149
|
+
'shopping-cart',
|
|
150
|
+
'show',
|
|
151
|
+
'sign-up',
|
|
152
|
+
'skip-next',
|
|
153
|
+
'skip-next-chevron',
|
|
154
|
+
'skip-next-filled',
|
|
155
|
+
'skip-previous',
|
|
156
|
+
'skip-previous-chevron',
|
|
157
|
+
'skip-previous-filled',
|
|
158
|
+
'skip-ten-sec',
|
|
159
|
+
'smartphone',
|
|
160
|
+
'social-facebook',
|
|
161
|
+
'social-fb-messagner',
|
|
162
|
+
'social-google',
|
|
163
|
+
'social-instagram',
|
|
164
|
+
'social-linkedin',
|
|
165
|
+
'social-snapchat',
|
|
166
|
+
'social-whatsapp',
|
|
167
|
+
'social-x-twitter',
|
|
168
|
+
'social-xing',
|
|
169
|
+
'social-youtube',
|
|
170
|
+
'speed',
|
|
171
|
+
'sport',
|
|
172
|
+
'sport-bild-logo',
|
|
173
|
+
'sport-live',
|
|
174
|
+
'sport-ticker',
|
|
175
|
+
'sportimtv',
|
|
176
|
+
'ssl',
|
|
177
|
+
'star',
|
|
178
|
+
'substract',
|
|
179
|
+
'sz-ticker',
|
|
180
|
+
'telephone',
|
|
181
|
+
'tennis',
|
|
182
|
+
'three-dot-horizontal',
|
|
183
|
+
'three-dot-vertical',
|
|
184
|
+
'thumbs-down',
|
|
185
|
+
'thumbs-up',
|
|
186
|
+
'trending',
|
|
187
|
+
'tv',
|
|
188
|
+
'unlocked',
|
|
189
|
+
'unquote',
|
|
190
|
+
'unterhaltung',
|
|
191
|
+
'upload',
|
|
192
|
+
'us-sport',
|
|
193
|
+
'verimi',
|
|
194
|
+
'video',
|
|
195
|
+
'video-error',
|
|
196
|
+
'video-recommendations',
|
|
197
|
+
'volume-down',
|
|
198
|
+
'volume-up',
|
|
199
|
+
'vote',
|
|
200
|
+
'warning',
|
|
201
|
+
'web',
|
|
202
|
+
'wetter',
|
|
203
|
+
'wrestling',
|
|
204
|
+
'zoom-in',
|
|
205
|
+
];
|
|
@@ -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-
|
|
1
|
+
import{t as o,p as r,H as t,h as a}from"./index.js";import{d as e}from"./p-o-zDLqwP.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-o-zDLqwP.js";const p=o,r=s;export{p as DsIcon,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as s,h as n}from"./index.js";const i=new Map,a=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}}catch{}}render(){return n("span",{key:"f3549bfd71c52f0bf0b23c346fa5a665119c4033",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);height:var(--icon-size);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),a))}))}c();export{a as D,c as d}
|
|
1
|
+
import{t,p as e,H as s,h as n}from"./index.js";const i=new Map,a=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}}catch{}}render(){return n("span",{key:"f3549bfd71c52f0bf0b23c346fa5a665119c4033",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),a))}))}c();export{a as D,c as d}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-B4AUg0uO.js';
|
|
2
2
|
|
|
3
|
-
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{
|
|
3
|
+
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}`;
|
|
4
4
|
|
|
5
5
|
const DsButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -48,7 +48,7 @@ const DsCard = class {
|
|
|
48
48
|
};
|
|
49
49
|
DsCard.style = dsCardCss();
|
|
50
50
|
|
|
51
|
-
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}`;
|
|
51
|
+
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}`;
|
|
52
52
|
|
|
53
53
|
const iconCache = new Map();
|
|
54
54
|
const DsIcon = class {
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* List of all available icon names in the design system.
|
|
3
|
+
* These correspond to SVG files in packages/icons/svg/dist/
|
|
4
|
+
*/
|
|
5
|
+
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"];
|
|
6
|
+
export type IconName = typeof ICON_NAMES[number];
|
|
@@ -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-
|
|
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-a851ab89",[[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))));
|
|
@@ -0,0 +1 @@
|
|
|
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}}catch{}}render(){return o("span",{key:"f3549bfd71c52f0bf0b23c346fa5a665119c4033",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}
|