@cupra/ui-kit 2.0.0-canary.129 → 2.0.0-canary.131

package/dist/esm/components/ds-tooltip/ds-tooltip.js

@@ -9,14 +9,13 @@ import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.122.0/he
 import { UiKitElement as s } from "../base/UiKitElement.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as u } from "../../utils/htmlWithTokens.js";
-import { e as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { debounce as f } from "../../utils/debounce.js";
-import { arrow as p, computePosition as m, flip as h, offset as g, shift as _, size as v } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { commonStyles as y } from "./styles/common.styles.js";
+import { debounce as d } from "../../utils/debounce.js";
+import { arrow as f, computePosition as p, flip as m, offset as h, shift as g, size as _ } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { commonStyles as v } from "./styles/common.styles.js";
 //#region src/components/ds-tooltip/ds-tooltip.ts
-var b = class extends s {
+var y = class extends s {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.show = !1, this.disableHoverListener = !1, this.disableFocusListener = !1, this.disablePressListener = !1, this.tooltipId = `ds-tooltip-${Date.now()}-${Math.floor(Math.random() * 1e6)}`, this.usingKeyboard = !1, this.handleKeyDown = () => {
 			this.usingKeyboard = !0;
@@ -24,7 +23,7 @@ var b = class extends s {
 			this.usingKeyboard = !1;
 		}, this.handleTooltipPointerDown = (e) => {
 			e.stopImmediatePropagation();
-		}, this.handleResize = f({ func: () => this.requestUpdate() }), this.handleClose = () => {
+		}, this.handleResize = d({ func: () => this.requestUpdate() }), this.handleClose = () => {
 			this.show = !1;
 		}, this.handleAnchorPointerDown = (e) => {
 			this.disablePressListener || e.button === 0 && (this.show = !this.show);
@@ -45,7 +44,7 @@ var b = class extends s {
 		};
 	}
 	static {
-		this.styles = [y];
+		this.styles = [v];
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.container?.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
@@ -55,18 +54,18 @@ var b = class extends s {
 	}
 	updatePosition() {
 		requestAnimationFrame(() => {
-			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (m(this.anchorContainer, this.container, {
+			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (p(this.anchorContainer, this.container, {
 				strategy: "fixed",
 				placement: "bottom-start",
 				middleware: [
-					h(),
-					_(),
-					g({
+					m(),
+					g(),
+					h({
 						mainAxis: 8,
 						crossAxis: -8
 					}),
-					p({ element: this.arrow }),
-					v({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
+					f({ element: this.arrow }),
+					_({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
 						Object.assign(n.floating.style, {
 							maxWidth: `${Math.min(240, e - 8)}px`,
 							maxHeight: `${Math.max(0, t - 8)}px`
@@ -118,7 +117,7 @@ var b = class extends s {
 	}
 	get arrowTemplate() {
 		return t`
-            <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${d(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
+            <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${u(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
                 <path d="M5.77946 4.38048L0.5 9L16 9L11.1427 4.46656C9.88663 3.29419 9.25858 2.708 8.48883 2.69565C7.71909 2.68329 7.07255 3.24902 5.77946 4.38048Z" class="ds-tooltip-arrow-background"/>
                 <path d="M0.5 8.5L5.89467 4.11683C7.1398 3.10516 7.76236 2.59933 8.49029 2.6109C9.21822 2.62246 9.8244 3.14782 11.0368 4.19853L16 8.5" stroke-opacity="1" stroke-linecap="round" class="ds-tooltip-arrow-border"/>
             </svg>`;
@@ -128,17 +127,17 @@ var b = class extends s {
             <div
                 id=${this.tooltipId}
                 part="container"
-                class=${d(this.containerClasses)}
+                class=${u(this.containerClasses)}
                 popover="manual"
                 @mouseout=${this.handleAnchorMouseOut}
                 role="tooltip"
                 @pointerdown=${this.handleTooltipPointerDown}
             >
-                <header part="header" class=${d(this.headerClasses)}>
+                <header part="header" class=${u(this.headerClasses)}>
                     <slot @slotchange=${this.updatePosition} name="header"></slot>
                     <slot @slotchange=${this.updatePosition} name="close-button" @click=${this.handleClose}></slot>
                 </header>
-                <div part="content" class=${d(this.contentClasses)}>
+                <div part="content" class=${u(this.contentClasses)}>
                     <slot @slotchange=${this.updatePosition} name="content"></slot>
                 </div>
                 <slot part="image" @slotchange=${this.updatePosition} name="image"></slot>
@@ -147,7 +146,7 @@ var b = class extends s {
         `;
 	}
 	get styleTokens() {
-		return u`
+		return t`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -187,25 +186,25 @@ var b = class extends s {
 o([n({
 	type: String,
 	reflect: !0
-})], b.prototype, "mode", void 0), o([n({
+})], y.prototype, "mode", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l
-})], b.prototype, "show", void 0), o([n({
+})], y.prototype, "show", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-hover-listener"
-})], b.prototype, "disableHoverListener", void 0), o([n({
+})], y.prototype, "disableHoverListener", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-focus-listener"
-})], b.prototype, "disableFocusListener", void 0), o([n({
+})], y.prototype, "disableFocusListener", void 0), o([n({
 	type: Boolean,
 	reflect: !0,
 	converter: l,
 	attribute: "disable-press-listener"
-})], b.prototype, "disablePressListener", void 0), o([r()], b.prototype, "tooltopPlacement", void 0), o([r()], b.prototype, "tooltipId", void 0), o([i(".container")], b.prototype, "container", void 0), o([i("#button")], b.prototype, "anchorContainer", void 0), o([i("#arrow")], b.prototype, "arrow", void 0), o([a({ slot: "" })], b.prototype, "anchorElements", void 0), o([a({ slot: "header" })], b.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], b.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], b.prototype, "contentElements", void 0), b = o([c("ds-tooltip")], b);
+})], y.prototype, "disablePressListener", void 0), o([r()], y.prototype, "tooltopPlacement", void 0), o([r()], y.prototype, "tooltipId", void 0), o([i(".container")], y.prototype, "container", void 0), o([i("#button")], y.prototype, "anchorContainer", void 0), o([i("#arrow")], y.prototype, "arrow", void 0), o([a({ slot: "" })], y.prototype, "anchorElements", void 0), o([a({ slot: "header" })], y.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], y.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], y.prototype, "contentElements", void 0), y = o([c("ds-tooltip")], y);
 //#endregion
-export { b as DsTooltip };
+export { y as DsTooltip };

package/dist/esm/components/ds-tooltip/styles/common.styles.js

@@ -86,11 +86,11 @@ var t = e`
     }
 
     .ds-tooltip-arrow-background {
-        fill: var(--ui-kit-tooltip-arrow-background-color);
+        fill: var(--ui-kit-private-tooltip-arrow-background-color);
     }
 
     .ds-tooltip-arrow-border {
-        stroke: var(--ui-kit-tooltip-arrow-border-color);
+        stroke: var(--ui-kit-private-tooltip-arrow-border-color);
     }
 
     .anchor {

package/dist/esm/decorators/customUiKitElement.js

@@ -15,7 +15,7 @@ function r(r, i) {
 				this.componentName = c;
 			}
 			connectedCallback() {
-				a.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.129");
+				a.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.131");
 			}
 		});
 	};

package/dist/esm/utils/IconsManager.js

@@ -25,7 +25,7 @@ var n = class {
 			return console.error(`Failed to fetch icon "${e}":`, t), "";
 		}), t.subscribe("theme", this.handleChangeTheme);
 	}
-}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.129"), i = globalThis, a = i[r];
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.131"), i = globalThis, a = i[r];
 a || (a = new n(), Object.defineProperty(i, r, {
 	value: a,
 	writable: !1,

package/dist/esm/utils/PubSub.js

@@ -18,7 +18,7 @@ var e = class {
 			}
 		});
 	}
-}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.129"), n = globalThis, r = n[t];
+}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.131"), n = globalThis, r = n[t];
 r || (r = new e(), Object.defineProperty(n, t, {
 	value: r,
 	writable: !1,

package/dist/esm/utils/StylesRegistry/StylesRegistry.js

@@ -4,7 +4,7 @@ var t = e(20), n = class e {
 	constructor() {
 		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
 			if (!n || !e) return;
-			let r = `https://ds-assets.cupra.com/2.0.0-canary.129/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.131/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
 			if (i) return i;
 			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
 			return this.stylePromises.set(r, a), this.stylePromises.get(r);

package/dist/esm/utils/componentFactory.js

@@ -55,8 +55,6 @@ var a = n(`ds-icon${i}`), o = n(`ds-calendar-day${i}`), s = n(`ds-button${i}`),
                 rel=${n?.rel}
                 target=${n?.target}
                 data-testid=${n?.["data-testid"]}
-                custom-background=${t(n?.["custom-background"])}
-                custom-color=${t(n?.["custom-color"])}
             >
                 ${n.children}
             </ds-button>
@@ -187,8 +185,6 @@ var a = n(`ds-icon${i}`), o = n(`ds-calendar-day${i}`), s = n(`ds-button${i}`),
                 rel=${e?.rel}
                 target=${e?.target}
                 data-testid=${e?.["data-testid"]}
-                custom-background=${t(e?.["custom-background"])}
-                custom-color=${t(e?.["custom-color"])}
             >
                 ${e.children}
             </${s}>

package/dist/esm/utils/version.js

@@ -1,4 +1,4 @@
 //#region src/utils/version.ts
-var e = "2.0.0-canary.129", t = `--v${e.replaceAll(".", "-")}`;
+var e = "2.0.0-canary.131", t = `--v${e.replaceAll(".", "-")}`;
 //#endregion
 export { e as VERSION, t as VERSION_TAG_SUFFIX };

package/dist/types/components/base/ds-base-input/ds-base-input.d.ts

@@ -34,7 +34,7 @@ export declare abstract class DsBaseInput extends DsBaseInput_base {
     protected abstract inputTemplate: TemplateResult | symbol;
     protected abstract iconTemplate: TemplateResult | symbol;
     protected abstract dropdownTemplate: TemplateResult | symbol;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): TemplateResult<1>;
     render(): TemplateResult<1>;
 }
 export {};

package/dist/types/components/base/ds-base-progress-bar/ds-base-progress-bar.d.ts

@@ -10,6 +10,6 @@ export declare class DsBaseProgressBar extends DsUiElement {
         [x: string]: boolean;
         track: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get barTemplate(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-accordion/ds-accordion.d.ts

@@ -22,7 +22,7 @@ export declare class DsAccordion extends UiKitElement {
     };
     protected get openIconTemplate(): any;
     protected get closeIconTemplate(): any;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected handleKeyDown(event: KeyboardEvent): void;
     protected handleToggle(event: ToggleEvent): void;
     render(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-avatar/ds-avatar.d.ts

@@ -13,7 +13,7 @@ export declare class DsAvatar extends UiKitElement {
     private get hasImage();
     private get mode();
     private handleSlotChange;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleKeyDown(event: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-badge/ds-badge.d.ts

@@ -13,6 +13,6 @@ export declare class DsBadge extends UiKitElement {
         dot: boolean;
         number: boolean;
     };
-    protected get contentTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get contentTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-bullets/ds-bullets.d.ts

@@ -9,6 +9,6 @@ export declare class DsBullets extends UiKitElement {
     private handleClickChunk;
     private get bulletsTemplate();
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-button/ds-button.d.ts

@@ -1,5 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import { type PropertyValues, nothing } from 'lit';
+import { nothing } from 'lit';
 import type { DsButtonAttrs } from './ds-button.types';
 declare const DsButton_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
 export declare class DsButton extends DsButton_base {
@@ -19,15 +19,12 @@ export declare class DsButton extends DsButton_base {
     fullWidth: DsButtonAttrs['full-width'];
     loading: DsButtonAttrs['loading'];
     textLoading: DsButtonAttrs['text-loading'];
-    customBackground: DsButtonAttrs['custom-background'];
-    customColor: DsButtonAttrs['custom-color'];
     private closestForm;
     static styles: import("lit").CSSResult[];
     connectedCallback(): void;
     protected get classes(): {
         [x: string]: boolean;
         button: boolean;
-        custom: boolean;
         rounded: boolean;
         disabled: boolean;
         destructive: boolean;
@@ -36,10 +33,9 @@ export declare class DsButton extends DsButton_base {
     protected handleClick(event: Event): void;
     protected handleCustomClick(event: Event): void;
     protected get iconTemplate(): any;
-    protected get loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected get contentTemplate(): import("lit").TemplateResult<1>;
-    updated(changedProperties: PropertyValues): void;
-    protected get cssTokens(): import("lit").HTMLTemplateResult;
+    protected get cssTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/types/components/ds-button/ds-button.types.d.ts

@@ -26,8 +26,6 @@ type HtmlElement = Link | Button | CustomElement;
 export type DsButtonStandardVariant = 'primary' | 'secondary' | 'tertiary' | 'naked';
 export type DsButtonAttrs = {
     variant?: DsButtonStandardVariant | (string & {});
-    'custom-background'?: string;
-    'custom-color'?: string;
     mode?: 'dark' | 'light';
     disabled?: boolean;
     destructive?: boolean;

package/dist/types/components/ds-carousel-indicator/ds-carousel-indicator.d.ts

@@ -8,5 +8,5 @@ export declare class DsCarouselIndicator extends UiKitElement {
     private maxSelectorsShown;
     private get classes();
     private get selectorsTemplate();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-checkbox/ds-checkbox.d.ts

@@ -45,7 +45,7 @@ export declare class DsCheckbox extends DsCheckbox_base {
         error: boolean;
     };
     protected get iconTemplate(): any;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/types/components/ds-chip/ds-chip.d.ts

@@ -11,7 +11,7 @@ export declare class DsChip extends UiKitElement {
     private slottedText;
     private handleSlotChange;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleClick(): void;
     handleKeyDown(event: KeyboardEvent): void;
     private handleClickIcon;

package/dist/types/components/ds-currency/ds-currency.d.ts

@@ -23,7 +23,7 @@ export declare class DsCurrency extends UiKitElement {
     noteSize: DsCurrencyAttrs['note-size'];
     noteWeight: DsCurrencyAttrs['note-weight'];
     protected get valueTemplate(): import("lit").TemplateResult<1>;
-    protected get periodTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get noteTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get periodTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get noteTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-dialog/ds-dialog.d.ts

@@ -37,5 +37,5 @@ export declare class DsDialog extends UiKitElement {
     disconnectedCallback(): void;
     private handleHostClick;
     private checkScroll;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-dialog-body/ds-dialog-body.d.ts

@@ -2,6 +2,6 @@ import { UiKitElement } from '../base/UiKitElement.ts';
 export declare class DsDialogBody extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-dialog-fullscreen/ds-dialog-fullscreen.d.ts

@@ -23,5 +23,5 @@ export declare class DsDialogFullscreen extends UiKitElement {
     disconnectedCallback(): void;
     private handleKeyDown;
     private checkScroll;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-dialog-header/ds-dialog-header.d.ts

@@ -6,7 +6,7 @@ export declare class DsDialogHeader extends UiKitElement {
     iconName: DsButtonAttrs['icon-name'];
     iconSize: DsButtonAttrs['icon-size'];
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get iconTemplate(): any;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-divider/ds-divider.d.ts

@@ -9,6 +9,6 @@ export declare class DsDivider extends UiKitElement {
         [x: string]: boolean;
         divider: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-hyperlink/ds-hyperlink.d.ts

@@ -9,7 +9,7 @@ export declare class DsHyperlinkButton extends UiKitElement {
     mode: DsHyperlinkAttrs['mode'];
     size: DsHyperlinkAttrs['size'];
     private handleClick;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get classes(): {
         [x: string]: boolean;
         hyperlink: boolean;

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

@@ -14,6 +14,6 @@ export declare class DsIcon extends UiKitElement {
     protected getIcon: () => Promise<void>;
     updated(changedProperties: PropertyValues): Promise<void>;
     getDimension(primary: number | undefined, secondary: number | undefined, defaultCssVar: string): string;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-inline-alert/ds-inline-alert.d.ts

@@ -20,5 +20,5 @@ export declare class DsInlineAlert extends UiKitElement {
     };
     protected get iconTemplate(): any;
     protected get closeButtonTemplate(): any;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-input/ds-input.d.ts

@@ -14,7 +14,7 @@ export declare class DsInput extends DsBaseInput {
     private _hasPicker;
     protected firstUpdated(): void;
     private handleClickIcon;
-    protected get iconTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected handleInput: (event: Event) => void;
     protected get labelTemplate(): import("lit").TemplateResult<1>;
     protected get inputTemplate(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-link-button/ds-link-button.d.ts

@@ -20,6 +20,6 @@ export declare class DsLinkButton extends UiKitElement {
         underline: boolean;
     };
     protected handleClick(event: Event): void;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-loader-bar/ds-loader-bar.d.ts

@@ -2,5 +2,5 @@ import { DsBaseProgressBar } from '../base/ds-base-progress-bar/ds-base-progress
 import { nothing } from 'lit';
 export declare class DsLoaderBar extends DsBaseProgressBar {
     static styles: import("lit").CSSResult[];
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-loader-dots/ds-loader-dots.d.ts

@@ -10,6 +10,6 @@ export declare class DsLoaderDots extends UiKitElement {
         [x: string]: boolean;
         container: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-loader-logo/ds-loader-logo.d.ts

@@ -9,5 +9,5 @@ export declare class DsLoaderLogo extends UiKitElement {
     color: DsLoaderLogoAttrs['color'];
     protected get styleTokens(): import("lit").TemplateResult<1>;
     private get iconTemplate();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-loader-spinner/ds-loader-spinner.d.ts

@@ -15,5 +15,5 @@ export declare class DsLoaderSpinner extends UiKitElement {
         width: string;
         height: string;
     };
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-logo/ds-logo.d.ts

@@ -7,6 +7,6 @@ export declare class DsLogo extends UiKitElement {
     protected get logoTemplate(): any;
     protected get logoWordmarkTemplate(): any;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-map-pin/ds-map-pin.d.ts

@@ -11,7 +11,7 @@ export declare class DsMapPin extends UiKitElement {
     iconTop: DsMapPinAttrs['icon-top'];
     clusterCount: DsMapPinAttrs['cluster-count'];
     protected get iconTemplate(): any;
-    protected get clusterNumberTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get clusterNumberTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected handleClick(): void;
     protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get classes(): {

package/dist/types/components/ds-picker-item/ds-picker-item.d.ts

@@ -19,7 +19,7 @@ export declare class DsPickerItem extends DsPickerItem_base {
         [x: string]: boolean;
         'image-container': boolean;
     };
-    protected get loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/types/components/ds-progress-bar/ds-progress-bar.d.ts

@@ -4,5 +4,5 @@ import type { DsProgressBarAttrs } from './ds-progress-bar.types';
 export declare class DsProgressBar extends DsBaseProgressBar {
     progress: DsProgressBarAttrs['progress'];
     static styles: import("lit").CSSResult[];
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-radio/ds-radio.d.ts

@@ -21,6 +21,6 @@ export declare class DsRadio extends UiKitElement {
         [x: string]: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-search/ds-search.d.ts

@@ -39,9 +39,9 @@ export declare class DsSearch extends DsSearch_base {
     protected get clearIconTemplate(): import("lit").TemplateResult<1>;
     protected handleInput: (event: Event) => void;
     protected get inputTemplate(): import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get errorTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get errorTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleSuccess: (position: GeolocationPosition) => void;
     handleError: (error: GeolocationPositionError) => void;
     protected handleClickHelperText(): void;

package/dist/types/components/ds-search-input/ds-search-input.d.ts

@@ -20,11 +20,11 @@ export declare class DsSearchInput extends DsSearchInput_base {
     protected get removeTemplate(): any;
     protected get positionTemplate(): any;
     protected get loaderSpinnerTemplate(): any;
-    protected get footerTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get footerTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     handleClickPositionButton: () => void;
-    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get invalidErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

package/dist/types/components/ds-slider/ds-slider.d.ts

@@ -82,7 +82,7 @@ export declare class DsSlider extends DsSlider_base {
         container: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/types/components/ds-static-box/ds-static-box.d.ts

@@ -12,7 +12,7 @@ export declare class DsStaticBox extends DsStaticBox_base {
     private cleanupScrollObserver?;
     private get classes();
     private get mainWrapperClasses();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     private onSlotChange;
     firstUpdated(): void;
     disconnectedCallback(): void;

package/dist/types/components/ds-stepper/ds-stepper.d.ts

@@ -10,5 +10,5 @@ export declare class DsStepper extends UiKitElement {
     private get sectionNumberText();
     private get headerTemplate();
     private get stepsRowTemplate();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-table/ds-table.d.ts

@@ -9,5 +9,5 @@ export declare class DsTable extends UiKitElement {
     private handleBodySlotChange;
     private get columnCount();
     private get showEmptyState();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-tag/ds-tag.d.ts

@@ -20,5 +20,5 @@ export declare class DsTag extends UiKitElement {
     };
     private handleClickIcon;
     protected get iconTemplate(): any;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }