@marioschmidt/design-system-components 1.3.1 → 1.3.3

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

@@ -1,58 +1,15 @@
 export declare class DsIcon {
-    el: HTMLElement;
     /**
-     * Name of the icon to display (without .svg extension).
-     * Must match a file in the icons directory.
-     * @example "add", "arrow-left", "close"
+     * Name of the icon (without .svg extension).
      */
     name: string;
     /**
-     * Size of the icon in pixels.
-     * @default 24
-     */
-    size: number;
-    /**
-     * Color of the icon. Accepts any valid CSS color value.
-     * Icons use currentColor by default, inheriting from parent.
-     * @default 'currentColor'
-     */
-    color: string;
-    /**
-     * Base path for loading icon SVG files.
-     * @default '/icons'
+     * Base path for icon SVG files.
      */
     basePath: string;
-    /**
-     * Enable lazy loading with IntersectionObserver.
-     * Icon will only load when visible in viewport.
-     * @default false
-     */
-    lazy: boolean;
-    /**
-     * Accessible label for screen readers.
-     * If provided, icon is treated as semantic (not decorative).
-     */
-    label?: string;
-    /**
-     * Internal state for the loaded SVG content.
-     */
     svgContent: string;
-    /**
-     * Internal state for loading status.
-     */
-    isLoading: boolean;
-    /**
-     * Internal state for error status.
-     */
-    hasError: boolean;
-    private observer?;
-    private isVisible;
     connectedCallback(): void;
-    disconnectedCallback(): void;
     onNameChange(): void;
-    onBasePathChange(): void;
-    private setupIntersectionObserver;
     private loadIcon;
-    private fetchIcon;
     render(): any;
 }

package/dist/types/icons.d.ts

@@ -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

@@ -1 +1 @@
-import{p as a,g as e,b as t}from"./p-DUrpTa_b.js";export{s as setNonce}from"./p-DUrpTa_b.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-f4e1fe1f",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],size:[2],color:[1],basePath:[1,"base-path"],lazy:[4],label:[1],svgContent:[32],isLoading:[32],hasError:[32]},null,{name:[{onNameChange:0}],basePath:[{onBasePathChange:0}]}]]]],a))));
+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))));