@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist-react/esm/components/ds-drawer/styles/common.styles.js

@@ -1,6 +1,7 @@
-import { cssQueries as o } from "../../../utils/cssQueries.js";
-import { cssWithTokens as t } from "../../../utils/cssWithTokens.js";
-const r = t`
+import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+import { cssQueries as t } from "../../../utils/cssQueries.js";
+//#region src/components/ds-drawer/styles/common.styles.ts
+var n = e`
     :host {
         display: block;
     }
@@ -34,28 +35,28 @@ const r = t`
         right: 0;
         transform: translateY(100%);
 
-        ${o.m} {
+        ${t.m} {
             top: 0;
             transform: translateX(100%);
             width: 491px;
         }
 
-        ${o.l} {
+        ${t.l} {
             width: 579px;
         }
 
-        ${o.xl} {
+        ${t.xl} {
             width: 588px;
         }
 
-        ${o.xxl} {
+        ${t.xxl} {
             width: 780px;
         }
     }
 
     .container.open {
         transform: translateY(0);
-        ${o.m} {
+        ${t.m} {
             transform: translateX(0);
             box-shadow: 0 -8px 32px 0 var(--ds-opacity-black-60, rgba(9, 9, 11, 0.60));
         }
@@ -64,7 +65,7 @@ const r = t`
     .drawer-footer ::slotted(*) {
         display: flex;
         flex-direction: column;
-        ${o.s} {
+        ${t.s} {
             flex-direction: row;
         }
     }
@@ -80,12 +81,10 @@ const r = t`
         overflow: auto;
         -webkit-overflow-scrolling: touch;
     }
-`, n = t`
+`, r = e`
    .close-button {
         position: absolute;
     }
 `;
-export {
-  r as commonStyles,
-  n as iconStyles
-};
+//#endregion
+export { n as commonStyles, r as iconStyles };

package/dist-react/esm/components/ds-drawer/theme-config.js

@@ -1,14 +1,8 @@
-const t = {
-  cupra: {
-    "icon-button-variant": "primary"
-  },
-  "cupra-diagonal": {
-    "icon-button-variant": "tertiary"
-  },
-  seat: {
-    "icon-button-variant": "tertiary"
-  }
-};
-export {
-  t as themeConfig
+//#region src/components/ds-drawer/theme-config.ts
+var e = {
+	cupra: { "icon-button-variant": "primary" },
+	"cupra-diagonal": { "icon-button-variant": "tertiary" },
+	seat: { "icon-button-variant": "tertiary" }
 };
+//#endregion
+export { e as themeConfig };

package/dist-react/esm/components/ds-favourite-action/ds-favourite-action.js

@@ -1,62 +1,59 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as m } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as d } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as b } from "./styles/common.styles.js";
-var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (t, s, o, l) => {
-  for (var i = l > 1 ? void 0 : l ? S(s, o) : s, c = t.length - 1, n; c >= 0; c--)
-    (n = t[c]) && (i = (l ? n(s, o, i) : n(i)) || i);
-  return l && i && v(s, o, i), i;
-};
-let e = class extends p {
-  constructor() {
-    super(...arguments), this.initialSelected = !1, this.disabled = !1, this._selected = !1, this._initializedFromInitialSelected = !1;
-  }
-  willUpdate(t) {
-    !this._initializedFromInitialSelected && t.has("initialSelected") && (this._selected = this.initialSelected, this._initializedFromInitialSelected = !0);
-  }
-  get currentSelected() {
-    return this.selected ?? this._selected;
-  }
-  handleClick() {
-    if (this.disabled) return;
-    const t = !this.currentSelected;
-    this.selected === void 0 && (this._selected = t), this.dispatchEvent(
-      new CustomEvent("ds-favourite-action:change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          selected: t
-        }
-      })
-    );
-  }
-  get iconName() {
-    return this.currentSelected ? "heart-filled" : "heart";
-  }
-  get iconTemplate() {
-    return this.componentFactory.createIcon({
-      class: "icon",
-      "icon-name": this.iconName
-    });
-  }
-  get classes() {
-    return {
-      button: !0,
-      selected: this.currentSelected,
-      disabled: this.disabled
-    };
-  }
-  render() {
-    return u`
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { e as s } 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 { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-favourite-action/ds-favourite-action.ts
+var l = class extends i {
+	constructor(...e) {
+		super(...e), this.initialSelected = !1, this.disabled = !1, this._selected = !1, this._initializedFromInitialSelected = !1;
+	}
+	static {
+		this.styles = [c];
+	}
+	willUpdate(e) {
+		!this._initializedFromInitialSelected && e.has("initialSelected") && (this._selected = this.initialSelected, this._initializedFromInitialSelected = !0);
+	}
+	get currentSelected() {
+		return this.selected ?? this._selected;
+	}
+	handleClick() {
+		if (this.disabled) return;
+		let e = !this.currentSelected;
+		this.selected === void 0 && (this._selected = e), this.dispatchEvent(new CustomEvent("ds-favourite-action:change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { selected: e }
+		}));
+	}
+	get iconName() {
+		return this.currentSelected ? "heart-filled" : "heart";
+	}
+	get iconTemplate() {
+		return this.componentFactory.createIcon({
+			class: "icon",
+			"icon-name": this.iconName
+		});
+	}
+	get classes() {
+		return {
+			button: !0,
+			selected: this.currentSelected,
+			disabled: this.disabled
+		};
+	}
+	render() {
+		return e`
             <button
                 type="button"
-                class=${f(this.classes)}
+                class=${s(this.classes)}
                 ?disabled=${this.disabled}
                 aria-pressed=${this.currentSelected}
                 aria-label=${this.dataAriaLabel || (this.currentSelected ? "Remove from favourites" : "Add to favourites")}
@@ -65,27 +62,21 @@ let e = class extends p {
                 ${this.iconTemplate}
             </button>
         `;
-  }
-};
-e.styles = [b];
-r([
-  a({ type: Boolean, converter: d, attribute: "initial-selected" })
-], e.prototype, "initialSelected", 2);
-r([
-  a({ type: Boolean, attribute: "selected" })
-], e.prototype, "selected", 2);
-r([
-  a({ type: Boolean, converter: d, reflect: !0 })
-], e.prototype, "disabled", 2);
-r([
-  a({ type: String, attribute: "data-aria-label" })
-], e.prototype, "dataAriaLabel", 2);
-r([
-  h()
-], e.prototype, "_selected", 2);
-e = r([
-  m("ds-favourite-action")
-], e);
-export {
-  e as DsFavouriteAction
+	}
 };
+r([t({
+	type: Boolean,
+	converter: o,
+	attribute: "initial-selected"
+})], l.prototype, "initialSelected", void 0), r([t({
+	type: Boolean,
+	attribute: "selected"
+})], l.prototype, "selected", void 0), r([t({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], l.prototype, "disabled", void 0), r([t({
+	type: String,
+	attribute: "data-aria-label"
+})], l.prototype, "dataAriaLabel", void 0), r([n()], l.prototype, "_selected", void 0), l = r([a("ds-favourite-action")], l);
+//#endregion

package/dist-react/esm/components/ds-favourite-action/styles/common.styles.js

@@ -1,8 +1,7 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as n } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const e = n`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-favourite-action/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-flex;
     }
@@ -18,6 +17,5 @@ const e = n`
         background: transparent;
     }
 `;
-export {
-  e as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-hyperlink/ds-hyperlink.js

@@ -1,58 +1,52 @@
-import { UiKitElement as c } from "../base/UiKitElement.js";
-import { customUiKitElement as f } from "../../decorators/customUiKitElement.js";
-import { htmlWithTokens as y } from "../../utils/htmlWithTokens.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as s } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { choose as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
-import { classMap as n } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as g } from "./styles/common.styles.js";
-var $ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (o, i, p, l) => {
-  for (var e = l > 1 ? void 0 : l ? d(i, p) : i, m = o.length - 1, h; m >= 0; m--)
-    (h = o[m]) && (e = (l ? h(i, p, e) : h(e)) || e);
-  return l && e && $(i, p, e), e;
-};
-let t = class extends c {
-  constructor() {
-    super(...arguments), this.htmlTagName = "a", this.mode = "light", this.size = "large";
-  }
-  handleClick(o) {
-    this.href || o.preventDefault();
-  }
-  get styleTokens() {
-    return y`
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as r } from "../base/UiKitElement.js";
+import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import { htmlWithTokens as a } from "../../utils/htmlWithTokens.js";
+import { e as o } 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 { r as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
+import { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-hyperlink/ds-hyperlink.ts
+var l = class extends r {
+	constructor(...e) {
+		super(...e), this.htmlTagName = "a", this.mode = "light", this.size = "large";
+	}
+	static {
+		this.styles = [c];
+	}
+	handleClick(e) {
+		this.href || e.preventDefault();
+	}
+	get styleTokens() {
+		return a`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
         `;
-  }
-  get classes() {
-    return {
-      hyperlink: !0,
-      [this.size]: !!this.size,
-      [this.mode]: !!this.mode
-    };
-  }
-  render() {
-    return a`
+	}
+	get classes() {
+		return {
+			hyperlink: !0,
+			[this.size]: !!this.size,
+			[this.mode]: !!this.mode
+		};
+	}
+	render() {
+		return e`
             ${this.styleTokens}
-            ${u(this.htmlTagName || "a", [
-      [
-        "button",
-        () => a`
-                        <button class=${n(this.classes)}>
+            ${s(this.htmlTagName || "a", [["button", () => e`
+                        <button class=${o(this.classes)}>
                             <slot></slot>
                         </button>
-                    `
-      ],
-      [
-        "a",
-        () => a`
+                    `], ["a", () => e`
                         <a
-                            class=${n(this.classes)}
+                            class=${o(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -60,34 +54,24 @@ let t = class extends c {
                         >
                             <slot></slot>
                         </a>
-                    `
-      ]
-    ])}
+                    `]])}
         `;
-  }
-};
-t.styles = [g];
-r([
-  s({ type: String, attribute: "html-tag-name" })
-], t.prototype, "htmlTagName", 2);
-r([
-  s({ type: String, reflect: !0 })
-], t.prototype, "href", 2);
-r([
-  s({ type: String, reflect: !0 })
-], t.prototype, "rel", 2);
-r([
-  s({ type: String, reflect: !0 })
-], t.prototype, "target", 2);
-r([
-  s({ type: String, reflect: !0 })
-], t.prototype, "mode", 2);
-r([
-  s({ type: String })
-], t.prototype, "size", 2);
-t = r([
-  f("ds-hyperlink")
-], t);
-export {
-  t as DsHyperlinkButton
+	}
 };
+n([t({
+	type: String,
+	attribute: "html-tag-name"
+})], l.prototype, "htmlTagName", void 0), n([t({
+	type: String,
+	reflect: !0
+})], l.prototype, "href", void 0), n([t({
+	type: String,
+	reflect: !0
+})], l.prototype, "rel", void 0), n([t({
+	type: String,
+	reflect: !0
+})], l.prototype, "target", void 0), n([t({
+	type: String,
+	reflect: !0
+})], l.prototype, "mode", void 0), n([t({ type: String })], l.prototype, "size", void 0), l = n([i("ds-hyperlink")], l);
+//#endregion

package/dist-react/esm/components/ds-hyperlink/styles/common.styles.js

@@ -1,8 +1,7 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const e = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-hyperlink/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-flex;
     }
@@ -17,6 +16,5 @@ const e = o`
         background: transparent;
     }
 `;
-export {
-  e as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-icon/ds-icon.js

@@ -1,58 +1,47 @@
-import { UiKitElement as d } from "../base/UiKitElement.js";
-import { customUiKitElement as f } from "../../decorators/customUiKitElement.js";
-import { iconsManager as y } from "../../utils/IconsManager.js";
-import { pubSub as _ } from "../../utils/PubSub.js";
-import { htmlWithTokens as g } from "../../utils/htmlWithTokens.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as k } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { unsafeHTML as w } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
-import { css as x } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-var $ = Object.defineProperty, H = Object.getOwnPropertyDescriptor, m = (t) => {
-  throw TypeError(t);
-}, n = (t, i, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? H(i, e) : i, h = t.length - 1, p; h >= 0; h--)
-    (p = t[h]) && (r = (s ? p(i, e, r) : p(r)) || r);
-  return s && r && $(i, e, r), r;
-}, u = (t, i, e) => i.has(t) || m("Cannot " + e), v = (t, i, e) => (u(t, i, "read from private field"), e ? e.call(t) : i.get(t)), I = (t, i, e) => i.has(t) ? m("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), D = (t, i, e, s) => (u(t, i, "write to private field"), i.set(t, e), e), N = (t, i, e, s) => ({
-  set _(r) {
-    D(t, i, r);
-  },
-  get _() {
-    return v(t, i, s);
-  }
-}), c;
-let o = class extends d {
-  constructor() {
-    super(), this.iconHtml = "", I(this, c, 0), this.getIcon = async () => {
-      const t = ++N(this, c)._, i = await y.fetchIcon(this.iconName);
-      t === v(this, c) && (this.iconHtml = i);
-    }, _.subscribe("theme", this.getIcon);
-  }
-  async updated(t) {
-    super.updated(t), (t.has("iconName") || !this.iconHtml) && await this.getIcon();
-  }
-  getDimension(t, i, e) {
-    return t ? `${t}px` : i ? "auto" : this.size ? `${this.size}px` : e;
-  }
-  get styleTokens() {
-    const t = this.getDimension(
-      this.width,
-      this.height,
-      "var(--private-ui-kit-icon-width, var(--ui-kit-icon-width, 20px))"
-    ), i = this.getDimension(
-      this.height,
-      this.width,
-      "var(--private-ui-kit-icon-height, var(--ui-kit-icon-height, 20px))"
-    );
-    return g`
+import { pubSub as e } from "../../utils/PubSub.js";
+import { i as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import { x as n } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as o } from "../base/UiKitElement.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
+import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.js";
+import { htmlWithTokens as l } from "../../utils/htmlWithTokens.js";
+import { iconsManager as u } from "../../utils/IconsManager.js";
+//#region src/components/ds-icon/ds-icon.ts
+var d = class extends o {
+	static {
+		this.styles = t`
+        :host {
+            line-height: 0;
+            display: inline-block;
+        }
+    `;
+	}
+	#e = 0;
+	constructor() {
+		super(), this.iconHtml = "", this.getIcon = async () => {
+			let e = ++this.#e, t = await u.fetchIcon(this.iconName);
+			e === this.#e && (this.iconHtml = t);
+		}, e.subscribe("theme", this.getIcon);
+	}
+	async updated(e) {
+		super.updated(e), (e.has("iconName") || !this.iconHtml) && await this.getIcon();
+	}
+	getDimension(e, t, n) {
+		return e ? `${e}px` : t ? "auto" : this.size ? `${this.size}px` : n;
+	}
+	get styleTokens() {
+		return l`
             <style>
                 .ds-icon {
                     display: inline-block;
-                    width: ${t};
-                    height: ${i};
+                    width: ${this.getDimension(this.width, this.height, "var(--private-ui-kit-icon-width, var(--ui-kit-icon-width, 20px))")};
+                    height: ${this.getDimension(this.height, this.width, "var(--private-ui-kit-icon-height, var(--ui-kit-icon-height, 20px))")};
                 }
 
                 .ds-icon-color {
@@ -64,42 +53,23 @@ let o = class extends d {
                 }
             </style>
         `;
-  }
-  render() {
-    return l`
+	}
+	render() {
+		return n`
             ${this.styleTokens}
-            ${this.iconHtml ? w(this.iconHtml) : l`<svg class="ds-icon">x</svg>`}
+            ${this.iconHtml ? c(this.iconHtml) : n`<svg class="ds-icon">x</svg>`}
         `;
-  }
-};
-c = /* @__PURE__ */ new WeakMap();
-o.styles = x`
-        :host {
-            line-height: 0;
-            display: inline-block;
-        }
-    `;
-n([
-  a({ type: String, attribute: "icon-name" })
-], o.prototype, "iconName", 2);
-n([
-  a({ type: String, attribute: "color" })
-], o.prototype, "color", 2);
-n([
-  a({ type: Number })
-], o.prototype, "width", 2);
-n([
-  a({ type: Number })
-], o.prototype, "height", 2);
-n([
-  a({ type: Number, attribute: "size" })
-], o.prototype, "size", 2);
-n([
-  k()
-], o.prototype, "iconHtml", 2);
-o = n([
-  f("ds-icon")
-], o);
-export {
-  o as DsIcon
+	}
 };
+a([r({
+	type: String,
+	attribute: "icon-name"
+})], d.prototype, "iconName", void 0), a([r({
+	type: String,
+	attribute: "color"
+})], d.prototype, "color", void 0), a([r({ type: Number })], d.prototype, "width", void 0), a([r({ type: Number })], d.prototype, "height", void 0), a([r({
+	type: Number,
+	attribute: "size"
+})], d.prototype, "size", void 0), a([i()], d.prototype, "iconHtml", void 0), d = a([s("ds-icon")], d);
+//#endregion
+export { d as DsIcon };