npm - @cupra/ui-kit - Versions diffs - 2.0.0-canary.17 → 2.0.0-canary.171 - Mend

@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

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.

Files changed (1467) hide show

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

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

package/dist-react/esm/components/ds-icon/iconNames.js CHANGED Viewed

@@ -1,394 +1,4 @@
-const o = [
-  "9-circles",
-  "ad-color",
-  "ae-color",
-  "af-color",
-  "ag-color",
-  "ai-color",
-  "al-color",
-  "am-color",
-  "an-color",
-  "ao-color",
-  "ar-color",
-  "arrow-down",
-  "arrow-down-line",
-  "arrow-download",
-  "arrow-exit",
-  "arrow-expand",
-  "arrow-external-link",
-  "arrow-left",
-  "arrow-left-line",
-  "arrow-reload",
-  "arrow-right",
-  "arrow-right-line",
-  "arrow-rotate-360",
-  "arrow-rotate-360-horizontal",
-  "arrow-switch",
-  "arrow-up",
-  "arrow-up-line",
-  "arrow-upload",
-  "at-color",
-  "au-color",
-  "aw-color",
-  "ax-color",
-  "az-color",
-  "b-color",
-  "ba-color",
-  "battery-g-4-01",
-  "battery-inclined-fill",
-  "battery-vertical-100",
-  "battery-2-sub-arrows-up",
-  "battery-3-sub-arrows-up",
-  "bb-color",
-  "bd-color",
-  "be-color",
-  "bell",
-  "bf-color",
-  "bg-color",
-  "bh-color",
-  "bi-color",
-  "bill",
-  "bin",
-  "bj-color",
-  "bm-color",
-  "bn-color",
-  "bo-color",
-  "book-mark",
-  "box",
-  "br-color",
-  "bs-color",
-  "bt-color",
-  "bw-color",
-  "by-color",
-  "bz-color",
-  "c-color",
-  "ca-color",
-  "cable",
-  "caf-color",
-  "calendar",
-  "camera",
-  "car-arrow-down",
-  "car-compare",
-  "car-door",
-  "car-frontal",
-  "car-imodel",
-  "car-in-window",
-  "car-lateral",
-  "car-model",
-  "car-seat",
-  "cart",
-  "cart-down",
-  "cas-color",
-  "cd-color",
-  "cercle-ribbon-check",
-  "ceu-color",
-  "cf-color",
-  "cg-color",
-  "ch-color",
-  "charger-acc",
-  "charger-type-2",
-  "chat-bubble",
-  "check",
-  "check-mark-circle",
-  "ci-color",
-  "city",
-  "cl-color",
-  "clock",
-  "cloud-co-2",
-  "cm-color",
-  "cn-color",
-  "cna-color",
-  "co-color",
-  "coc-color",
-  "computer-display",
-  "cr-color",
-  "credit-card",
-  "cross",
-  "cross-circle",
-  "csa-color",
-  "cu-color",
-  "cv-color",
-  "cy-color",
-  "cz-color",
-  "de-color",
-  "dj-color",
-  "dk-color",
-  "dm-color",
-  "do-color",
-  "document",
-  "document-check",
-  "document-copy",
-  "document-download",
-  "document-time",
-  "dot",
-  "dz-color",
-  "ec-color",
-  "eco-color",
-  "ee-color",
-  "eg-color",
-  "electric-station",
-  "engine",
-  "envelope",
-  "equals-sign",
-  "er-color",
-  "es-color",
-  "et-color",
-  "eu-color",
-  "euro",
-  "exclamation-mark-circle",
-  "exclamation-mark-triangle",
-  "eye",
-  "eye-crossed-out",
-  "facebook",
-  "fi-color",
-  "filter",
-  "fj-color",
-  "fk-color",
-  "fm-color",
-  "fr-color",
-  "fuel-station",
-  "ga-color",
-  "garage",
-  "gb-color",
-  "gd-color",
-  "ge-color",
-  "gear",
-  "gg-color",
-  "gh-color",
-  "gi-color",
-  "globe",
-  "gm-color",
-  "gn-color",
-  "gq-color",
-  "gr-color",
-  "gt-color",
-  "gw-color",
-  "gy-color",
-  "half-star-filled",
-  "headlight",
-  "heart",
-  "heart-filled",
-  "highway",
-  "hk-color",
-  "hn-color",
-  "hr-color",
-  "ht-color",
-  "hu-color",
-  "id-color",
-  "ie-color",
-  "il-color",
-  "im-color",
-  "in-color",
-  "info-circle",
-  "info-triangle",
-  "instagram",
-  "iq-color",
-  "ir-color",
-  "is-color",
-  "it-color",
-  "je-color",
-  "jm-color",
-  "jo-color",
-  "jp-color",
-  "ke-color",
-  "key",
-  "kg-color",
-  "kh-color",
-  "km-color",
-  "kn-color",
-  "kp-color",
-  "kr-color",
-  "kw-color",
-  "ky-color",
-  "kz-color",
-  "la-color",
-  "label-a-color",
-  "label-b-color",
-  "label-c-color",
-  "label-d-color",
-  "label-e-color",
-  "label-f-color",
-  "label-g-color",
-  "label-h-color",
-  "label-i-color",
-  "label-j-color",
-  "label-k-color",
-  "label-l-color",
-  "label-m-color",
-  "lb-color",
-  "lc-color",
-  "li-color",
-  "light",
-  "lightning",
-  "link",
-  "linkedin",
-  "list",
-  "lk-color",
-  "loader",
-  "location-poi",
-  "lock-locked",
-  "lock-unlocked",
-  "logo",
-  "logo-light",
-  "logo-lockup",
-  "logo-wordmark",
-  "lr-color",
-  "ls-color",
-  "lt-color",
-  "lu-color",
-  "lv-color",
-  "ly-color",
-  "ma-color",
-  "magnifying-glass",
-  "magnifying-glass-minus",
-  "magnifying-glass-plus",
-  "math-symbols-square",
-  "mc-color",
-  "md-color",
-  "me-color",
-  "menu",
-  "mg-color",
-  "micro",
-  "micro-crossed-out",
-  "minus",
-  "mk-color",
-  "ml-color",
-  "mm-color",
-  "mn-color",
-  "mo-color",
-  "mobile",
-  "moon",
-  "mountains",
-  "mr-color",
-  "ms-color",
-  "mt-color",
-  "mu-color",
-  "mv-color",
-  "mw-color",
-  "mx-color",
-  "my-color",
-  "mz-color",
-  "na-color",
-  "ne-color",
-  "ng-color",
-  "ni-color",
-  "nl-color",
-  "no-color",
-  "np-color",
-  "nz-color",
-  "om-color",
-  "pa-color",
-  "parking",
-  "pause",
-  "pause-loading",
-  "pcircle",
-  "pe-color",
-  "pen",
-  "pen-paper",
-  "person-open-arms",
-  "pf-color",
-  "pg-color",
-  "ph-color",
-  "phone-contact",
-  "pig-coin",
-  "pk-color",
-  "pl-color",
-  "play",
-  "play-circle",
-  "plug-regular",
-  "plus",
-  "position",
-  "pr-color",
-  "pt-color",
-  "pw-color",
-  "py-color",
-  "qa-color",
-  "question-mark",
-  "ro-color",
-  "road",
-  "road-mountain",
-  "rs-color",
-  "ru-color",
-  "rw-color",
-  "sa-color",
-  "sb-color",
-  "scan-qr",
-  "sc-color",
-  "sd-color",
-  "se-color",
-  "seat-front",
-  "sg-color",
-  "sh-color",
-  "share",
-  "shopping-bag",
-  "si-color",
-  "sk-color",
-  "sl-color",
-  "sm-color",
-  "sn-color",
-  "so-color",
-  "speaker",
-  "speaker-crossed-out",
-  "spray",
-  "sr-color",
-  "st-color",
-  "star",
-  "star-filled",
-  "store",
-  "suitcase",
-  "sun",
-  "sv-color",
-  "sy-color",
-  "sz-color",
-  "tag",
-  "tc-color",
-  "td-color",
-  "telegram",
-  "tg-color",
-  "th-color",
-  "ticket",
-  "tj-color",
-  "tl-color",
-  "tm-color",
-  "tn-color",
-  "to-color",
-  "tr-color",
-  "transmission-automatic",
-  "transmission-manual",
-  "triple-dot-h",
-  "triple-dot-v",
-  "tt-color",
-  "tw-color",
-  "twitter",
-  "tz-color",
-  "ua-color",
-  "ug-color",
-  "us-color",
-  "user",
-  "uy-color",
-  "uz-color",
-  "vc-color",
-  "ve-color",
-  "vg-color",
-  "video-camera",
-  "video-camera-crossed-out",
-  "vimeo",
-  "vn-color",
-  "vu-color",
-  "wall-charger",
-  "whatsapp",
-  "wheel",
-  "wifi",
-  "wrench-hammer",
-  "ws-color",
-  "ww-color",
-  "ye-color",
-  "youtube",
-  "za-color",
-  "zero-color",
-  "zm-color",
-  "zw-color"
-];
-export {
-  o as iconNames
-};
+//#region src/components/ds-icon/iconNames.ts
+var e = /* @__PURE__ */ "9-circles.ad-color.ae-color.af-color.ag-color.ai-color.al-color.am-color.an-color.ao-color.ar-color.arrow-down.arrow-down-line.arrow-download.arrow-exit.arrow-expand.arrow-external-link.arrow-left.arrow-left-line.arrow-reload.arrow-right.arrow-right-line.arrow-rotate-360.arrow-rotate-360-horizontal.arrow-switch.arrow-up.arrow-up-line.arrow-upload.at-color.au-color.aw-color.ax-color.az-color.b-color.ba-color.battery-g-4-01.battery-inclined-fill.battery-vertical-100.battery-2-sub-arrows-up.battery-3-sub-arrows-up.bb-color.bd-color.be-color.bell.bf-color.bg-color.bh-color.bi-color.bill.bin.bj-color.bm-color.bn-color.bo-color.book-mark.box.br-color.bs-color.bt-color.bw-color.by-color.bz-color.c-color.ca-color.cable.caf-color.calendar.camera.car-arrow-down.car-compare.car-door.car-frontal.car-imodel.car-in-window.car-lateral.car-model.car-seat.cart.cart-down.cas-color.cd-color.cercle-ribbon-check.ceu-color.cf-color.cg-color.ch-color.charger-acc.charger-type-2.chat-bubble.check.check-mark-circle.ci-color.city.cl-color.clock.cloud-co-2.cm-color.cn-color.cna-color.co-color.coc-color.computer-display.cr-color.credit-card.debit-card.cross.cross-circle.csa-color.cu-color.cv-color.cy-color.cz-color.de-color.dj-color.dk-color.dm-color.do-color.document.document-check.document-copy.document-download.document-time.dot.dz-color.ec-color.eco-color.ee-color.eg-color.electric-station.engine.envelope.equals-sign.er-color.es-color.et-color.eu-color.euro.exclamation-mark-circle.exclamation-mark-triangle.eye.eye-crossed-out.facebook.fi-color.filter.fj-color.fk-color.fm-color.fr-color.fuel-station.ga-color.garage.gb-color.gd-color.ge-color.gear.gg-color.gh-color.gi-color.globe.gm-color.gn-color.gq-color.gr-color.gt-color.gw-color.gy-color.half-star-filled.headlight.heart.heart-filled.highway.hk-color.hn-color.hr-color.ht-color.hu-color.id-color.ie-color.il-color.im-color.in-color.info-circle.info-triangle.instagram.iq-color.ir-color.is-color.it-color.je-color.jm-color.jo-color.jp-color.ke-color.key.kg-color.kh-color.km-color.kn-color.kp-color.kr-color.kw-color.ky-color.kz-color.la-color.label-a-color.label-b-color.label-c-color.label-d-color.label-e-color.label-f-color.label-g-color.label-h-color.label-i-color.label-j-color.label-k-color.label-l-color.label-m-color.lb-color.lc-color.li-color.light.lightning.link.linkedin.list.list-line.lk-color.loader.location-poi.lock-locked.lock-unlocked.logo.logo-light.logo-lockup.logo-wordmark.lr-color.ls-color.lt-color.lu-color.lv-color.ly-color.map.ma-color.magnifying-glass.magnifying-glass-minus.magnifying-glass-plus.math-symbols-square.mc-color.md-color.me-color.menu.mg-color.micro.micro-crossed-out.minus.mk-color.ml-color.mm-color.mn-color.mo-color.mobile.moon.mountains.mr-color.ms-color.mt-color.mu-color.mv-color.mw-color.mx-color.my-color.mz-color.na-color.ne-color.ng-color.ni-color.nl-color.no-color.np-color.nz-color.om-color.pa-color.parking.pause.pause-loading.pcircle.pe-color.pen.pen-paper.person-open-arms.pf-color.pg-color.ph-color.phone-contact.pig-coin.pk-color.pl-color.play.play-circle.plug-charge.plug-regular.plus.position.pr-color.pt-color.pw-color.py-color.qa-color.question-mark.ro-color.road.road-mountain.rs-color.ru-color.rw-color.sa-color.sb-color.scan-qr.sc-color.sd-color.se-color.seat-front.sg-color.sh-color.share.shopping-bag.si-color.sk-color.sl-color.sm-color.sn-color.snowflake.so-color.speaker.speaker-crossed-out.spray.sr-color.st-color.star.star-filled.store.suitcase.sun.sunset.sv-color.sy-color.sz-color.tag.tc-color.td-color.telegram.tg-color.th-color.ticket.tj-color.tl-color.tm-color.tn-color.to-color.tr-color.transmission-automatic.transmission-manual.triple-dot-h.triple-dot-v.tt-color.tw-color.twitter.tz-color.ua-color.ug-color.us-color.user.uy-color.uz-color.vc-color.ve-color.vg-color.video-camera.video-camera-crossed-out.vimeo.vn-color.vu-color.wall-charger.whatsapp.wheel.wifi.wrench-hammer.ws-color.ww-color.ye-color.youtube.za-color.zero-color.zm-color.zw-color".split(".");
+//#endregion
+export { e as iconNames };