@solid-design-system/components 3.21.0 → 3.22.1

package/dist/package/_components/button-group/button-group.d.ts

@@ -10,7 +10,7 @@ export default class SdButtonGroup extends SolidElement {
     private handleMouseOver;
     private handleMouseOut;
     private handleSlotChange;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/package/components/accordion/accordion.d.ts

@@ -14,7 +14,7 @@ export default class SdAccordion extends SolidElement {
     handleOpenChange(): Promise<void>;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/accordion-group/accordion-group.d.ts

@@ -6,7 +6,7 @@ export default class SdAccordionGroup extends SolidElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleAccordionShow;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/audio/audio.d.ts

@@ -45,7 +45,7 @@ export default class SdAudio extends SolidElement {
     private stopAnimation;
     private clear;
     draw(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/badge/badge.d.ts

@@ -3,7 +3,7 @@ export default class SdBadge extends SolidElement {
     size: 'lg' | 'md' | 'sm';
     variant: 'default' | 'success' | 'error';
     inverted: boolean;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/brandshape/brandshape.d.ts

@@ -1,5 +1,5 @@
 import SolidElement from '../../internal/solid-element';
-import type { TemplateResult } from 'lit-html';
+import type { TemplateResult } from 'lit';
 type Breakpoints = 0 | 414 | 640;
 export default class SdBrandshape extends SolidElement {
     containerElem: HTMLElement;

package/dist/package/components/button/button.d.ts

@@ -42,7 +42,7 @@ export default class SdButton extends SolidElement implements SolidFormControl {
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/button/button.js

@@ -166,12 +166,12 @@ let SdButton = class extends SolidElement {
       {
         /* variants */
         primary: !this.inverted ? `text-white bg-primary border-transparent
-           hover:text-primary-100 hover:bg-primary-500
-           active:text-primary-200 active:bg-primary-800
-           disabled:bg-neutral-500` : `text-primary bg-white border-transparent
-           hover:text-primary-500 hover:bg-primary-100
-           active:text-primary-800 active:bg-primary-200
-           disabled:bg-neutral-600 disabled:text-white`,
+          hover:text-primary-100 hover:bg-primary-500
+          active:text-primary-200 active:bg-primary-800
+          disabled:bg-neutral-500` : `text-primary bg-white border-transparent
+          hover:text-primary-500 hover:bg-primary-100
+          active:text-primary-800 active:bg-primary-200
+          disabled:bg-neutral-600 disabled:text-white`,
         secondary: !this.inverted ? `text-primary border-primary
           hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100
           active:text-primary-800 active:border-primary-800 active:bg-primary-200

package/dist/package/components/carousel/carousel.d.ts

@@ -42,7 +42,7 @@ export default class SdCarousel extends SolidElement {
     next(behavior?: ScrollBehavior): void;
     nextTillFirst(behavior?: ScrollBehavior): void;
     goToSlide(index: number, behavior?: ScrollBehavior): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/carousel-item/carousel-item.d.ts

@@ -2,7 +2,7 @@ import SolidElement from '../../internal/solid-element.js';
 export default class SdCarouselItem extends SolidElement {
     static isCarouselItem(node: Node): boolean;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/checkbox/checkbox.d.ts

@@ -32,7 +32,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/checkbox-group/checkbox-group.d.ts

@@ -10,7 +10,7 @@ export default class SdCheckboxGroup extends SolidElement {
     private syncCheckboxes;
     handleSizeChange(): void;
     handleInvalid(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/dialog/dialog.d.ts

@@ -23,7 +23,7 @@ export default class SdDialog extends SolidElement {
     handleOpenChange(): Promise<void>;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/divider/divider.d.ts

@@ -3,7 +3,7 @@ export default class SdDivider extends SolidElement {
     orientation: 'horizontal' | 'vertical';
     inverted: boolean;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/drawer/drawer.d.ts

@@ -25,7 +25,7 @@ export default class SdDrawer extends SolidElement {
     handleNoModalChange(): void;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/dropdown/dropdown.d.ts

@@ -40,7 +40,7 @@ export default class SdDropdown extends SolidElement {
     addOpenListeners(): void;
     removeOpenListeners(): void;
     handleOpenChange(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/expandable/expandable.d.ts

@@ -11,7 +11,7 @@ export default class SdExpandable extends SolidElement {
     onOpenChange(): void;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     cloneContentToLightDOM(): void;
     static styles: import("lit").CSSResultGroup[];

package/dist/package/components/flipcard/flipcard.d.ts

@@ -13,7 +13,7 @@ export default class SdFlipcard extends SolidElement {
     private handleBackClick;
     private handleFrontKeydown;
     private handleBackKeydown;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/header/header.d.ts

@@ -12,7 +12,7 @@ export default class SdHeader extends SolidElement {
     private onResize;
     private addResizeObserver;
     private setCalculatedHeightProperty;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     private handleSlotChange;
     static styles: import("lit").CSSResultGroup[];
 }

package/dist/package/components/icon/icon.d.ts

@@ -12,7 +12,7 @@ export default class SdIcon extends SolidElement {
     private getUrl;
     handleLabelChange(): void;
     setIcon(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }
 declare global {

package/dist/package/components/include/include.d.ts

@@ -5,7 +5,7 @@ export default class SdInclude extends SolidElement {
     allowScripts: boolean;
     private executeScript;
     handleSrcChange(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }
 declare global {

package/dist/package/components/input/input.d.ts

@@ -71,7 +71,7 @@ export default class SdInput extends SolidElement implements SolidFormControl {
     checkValidity(): boolean;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/link/link.d.ts

@@ -12,7 +12,7 @@ export default class SdLink extends SolidElement {
     private handleFocus;
     focus(options?: FocusOptions): void;
     blur(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/map-marker/map-marker.d.ts

@@ -13,7 +13,7 @@ export default class SdMapMarker extends SolidElement {
     readonly marker: {
         [key in 'cluster' | 'main' | 'place']: SVGTemplateResult;
     };
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/map-marker/map-marker.js

@@ -45,7 +45,7 @@ let SdMapMarker = class extends SolidElement {
     return html`<${tag} part="base" class="${cx(
       "flex justify-center",
       !this.notInteractive && "focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" aria-labelledby="content"><div part="marker" class="${cx(
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${ifDefined(this.notInteractive || isLink ? void 0 : "button")}" aria-labelledby="${ifDefined(!this.notInteractive ? "content" : void 0)}"><div part="marker" class="${cx(
       "inline-flex",
       this.animated && (this.variant === "main" || this.variant === "place") && "animate-bounce-once",
       this.variant === "cluster" && this.state === "hover" && "scale-110 fill-primary-500",

package/dist/package/components/navigation-item/navigation-item.d.ts

@@ -23,7 +23,7 @@ export default class SdNavigationItem extends SolidElement {
     private showDetails;
     private get calculatePaddingX();
     private get tag();
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/notification/notification.d.ts

@@ -22,7 +22,7 @@ export default class SdNotification extends SolidElement {
     show(): Promise<void>;
     hide(): Promise<void>;
     toast(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/option/option.d.ts

@@ -19,7 +19,7 @@ export default class SdOption extends SolidElement {
     handleSelectedChange(): void;
     handleValueChange(): void;
     getTextLabel(): string;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/popup/popup.d.ts

@@ -35,7 +35,7 @@ export default class SdPopup extends SolidElement {
     private start;
     private stop;
     reposition(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/quickfact/quickfact.d.ts

@@ -2,7 +2,7 @@ import '../icon/icon';
 import SdAccordion from '../accordion/accordion';
 export default class SdQuickfact extends SdAccordion {
     expandable: boolean;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
 }
 declare global {

package/dist/package/components/radio/radio.d.ts

@@ -17,7 +17,7 @@ export default class SdRadio extends SolidElement {
     private setInitialAttributes;
     handleCheckedChange(): void;
     handleDisabledChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/radio-button/radio-button.d.ts

@@ -15,7 +15,7 @@ export default class SdRadioButton extends SolidElement {
     handleDisabledChange(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/radio-group/radio-group.d.ts

@@ -43,7 +43,7 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
     setCustomValidity(message?: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/scrollable/scrollable.d.ts

@@ -18,7 +18,7 @@ export default class SdScrollable extends SolidElement {
     private get container();
     updateScrollIndicatorVisibility(): void;
     handleScroll(direction: 'left' | 'right' | 'up' | 'down'): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/spinner/spinner.d.ts

@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
 export default class SdSpinner extends SolidElement {
     color: 'primary' | 'white' | 'currentColor';
     localize: LocalizeController;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/step/step.d.ts

@@ -17,7 +17,7 @@ export default class SdStep extends SolidElement {
     handleCurrentChange(): void;
     handleDisabledChange(): void;
     handleInteractivityChange(): void;
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/step-group/step-group.d.ts

@@ -12,7 +12,7 @@ export default class SdStepGroup extends SolidElement {
     private getAllSteps;
     setActiveStep(index: number): void;
     handleInteractivityChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/switch/switch.d.ts

@@ -29,7 +29,7 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/tab/tab.d.ts

@@ -12,7 +12,7 @@ export default class SdTab extends SolidElement {
     handleDisabledChange(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/tab-group/tab-group.d.ts

@@ -27,7 +27,7 @@ export default class SdTabGroup extends SolidElement {
     private syncTabsAndPanels;
     private updateScrollControls;
     show(panel: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/tab-panel/tab-panel.d.ts

@@ -6,7 +6,7 @@ export default class SdTabPanel extends SolidElement {
     active: boolean;
     connectedCallback(): void;
     handleActiveChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/tag/tag.d.ts

@@ -15,7 +15,7 @@ export default class SdTag extends SolidElement {
     click(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/teaser/teaser.d.ts

@@ -12,6 +12,6 @@ export default class SdTeaser extends SolidElement {
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
     updateOrientation(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }

package/dist/package/components/teaser-media/teaser-media.d.ts

@@ -3,6 +3,6 @@ export default class SdTeaserMedia extends SolidElement {
     variant: 'white' | 'neutral-100' | 'primary' | 'primary-100' | 'gradient-white' | 'gradient-dark';
     teaserMedia: HTMLElement;
     private readonly hasSlotController;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }

package/dist/package/components/textarea/textarea.d.ts

@@ -61,7 +61,7 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/tooltip/tooltip.d.ts

@@ -31,7 +31,7 @@ export default class SdTooltip extends SolidElement {
     handleDisabledChange(): void;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/components/video/video.d.ts

@@ -14,7 +14,7 @@ export default class SdVideo extends SolidElement {
     private handleButtonResize;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
 }
 declare global {

package/dist/package/internal/form.d.ts

@@ -32,7 +32,7 @@ export declare class FormControlController implements ReactiveController {
     private doAction;
     updateValidityStyle(): void;
     getForm(): HTMLFormElement | null;
-    renderInvalidMessage(): import("lit-html").TemplateResult<1>;
+    renderInvalidMessage(): import("lit").TemplateResult<1>;
     reset(invoker?: HTMLInputElement | SdButton): void;
     submit(invoker?: HTMLInputElement | SdButton): void;
     setValidity(isValid: boolean): void;