@cupra/ui-kit 1.0.0-canary.19 → 1.0.0-canary.20

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 (11) hide show
  1. package/dist/components/ds-theme-provider/ds-theme-provider.js +1 -1
  2. package/dist/utils/IconsManager.js +23 -22
  3. package/dist/utils/StylesRegistry/StylesRegistry.js +1 -1
  4. package/dist/utils/cssWithTokens.js +1 -1
  5. package/dist/utils/htmlWithTokens.js +1 -1
  6. package/dist-react/components/ds-theme-provider/ds-theme-provider.js +1 -1
  7. package/dist-react/utils/IconsManager.js +23 -22
  8. package/dist-react/utils/StylesRegistry/StylesRegistry.js +1 -1
  9. package/dist-react/utils/cssWithTokens.js +1 -1
  10. package/dist-react/utils/htmlWithTokens.js +1 -1
  11. package/package.json +1 -1
package/dist/components/ds-theme-provider/ds-theme-provider.js CHANGED
@@ -54,7 +54,7 @@ let m = class extends v {
54
54
  }
55
55
  loadThemeStyles() {
56
56
  return this.loadStyles ? new Promise((t, o) => {
57
- const s = "/1.0.0-canary.19", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/1.0.0-canary.20", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
58
58
  if (document.head.querySelector(`link[href="${r}"]`)) t();
59
59
  else {
60
60
  const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
package/dist/utils/IconsManager.js CHANGED
@@ -2,37 +2,38 @@ import { THEME_STORAGE_KEY as r } from "../core/theme.constants.js";
2
2
  import { pubSub as l } from "./PubSub.js";
3
3
  class f {
4
4
  constructor() {
5
- this.icons = {}, this.handleChangeTheme = (s) => {
6
- this.theme = s;
7
- const o = Object.keys(this.icons);
8
- this.icons = {}, o.forEach((t) => this.fetchIcon(t));
9
- }, this.fetchIcon = async (s, o = {}) => {
10
- const t = typeof sessionStorage < "u" ? sessionStorage == null ? void 0 : sessionStorage.getItem(r) : null;
11
- !this.theme && t && (this.theme = t);
12
- const e = this.icons[s];
13
- if (e) return await e;
14
- const n = this.loadIcon(s, o).catch((a) => {
15
- throw delete this.icons[s], a;
5
+ this.icons = {}, this.handleChangeTheme = (e) => {
6
+ if (this.theme === e) return;
7
+ this.theme = e;
8
+ const i = Object.keys(this.icons);
9
+ this.icons = {}, i.forEach((s) => this.fetchIcon(s));
10
+ }, this.fetchIcon = async (e, i = {}) => {
11
+ const s = typeof sessionStorage < "u" ? sessionStorage == null ? void 0 : sessionStorage.getItem(r) : null;
12
+ !this.theme && s && (this.theme = s);
13
+ const t = this.icons[e];
14
+ if (t) return await t;
15
+ const n = this.loadIcon(e, i).catch((a) => {
16
+ throw delete this.icons[e], a;
16
17
  });
17
- return this.icons[s] = n, n;
18
- }, this.loadIcon = (s, { cache: o = "force-cache", ...t }) => this.theme ? fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${s}.svg`, {
19
- cache: o,
20
- ...t
21
- }).then((e) => e.text()).catch((e) => {
22
- if ((e == null ? void 0 : e.name) === "AbortError") throw e;
23
- return console.error(`Failed to fetch icon "${s}":`, e), "";
18
+ return this.icons[e] = n, n;
19
+ }, this.loadIcon = (e, { cache: i = "force-cache", ...s }) => this.theme ? fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`, {
20
+ cache: i,
21
+ ...s
22
+ }).then((t) => t.text()).catch((t) => {
23
+ if ((t == null ? void 0 : t.name) === "AbortError") throw t;
24
+ return console.error(`Failed to fetch icon "${e}":`, t), "";
24
25
  }) : Promise.resolve('<svg class="ds-icon"></svg>'), l.subscribe("theme", this.handleChangeTheme);
25
26
  }
26
27
  }
27
28
  const c = Symbol.for("@cupra/ui-kit/icons-manager"), h = globalThis;
28
- let i = h[c];
29
- i || (i = new f(), Object.defineProperty(h, c, {
30
- value: i,
29
+ let o = h[c];
30
+ o || (o = new f(), Object.defineProperty(h, c, {
31
+ value: o,
31
32
  writable: !1,
32
33
  configurable: !1,
33
34
  enumerable: !1
34
35
  }));
35
- const b = i;
36
+ const b = o;
36
37
  export {
37
38
  b as iconsManager
38
39
  };
package/dist/utils/StylesRegistry/StylesRegistry.js CHANGED
@@ -5,7 +5,7 @@ class s {
5
5
  theme: t
6
6
  }) => {
7
7
  if (!t || !e) return;
8
- const c = `https://ds-assets.cupra.com/1.0.0-canary.19/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
8
+ const c = `https://ds-assets.cupra.com/1.0.0-canary.20/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
9
9
  if (r) return r;
10
10
  const i = this.fetchStyle({ url: c }).then((n) => (n || this.stylePromises.delete(c), n));
11
11
  return this.stylePromises.set(c, i), this.stylePromises.get(c);
package/dist/utils/cssWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
5
  function x(t, ...r) {
6
- const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-19"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-20"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
package/dist/utils/htmlWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
5
5
  function x(t, ...r) {
6
- const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-19"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-20"), e = i(o);
7
7
  return n`${e}`;
8
8
  }
9
9
  export {
package/dist-react/components/ds-theme-provider/ds-theme-provider.js CHANGED
@@ -54,7 +54,7 @@ let m = class extends v {
54
54
  }
55
55
  loadThemeStyles() {
56
56
  return this.loadStyles ? new Promise((t, o) => {
57
- const s = "/1.0.0-canary.19", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/1.0.0-canary.20", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
58
58
  if (document.head.querySelector(`link[href="${r}"]`)) t();
59
59
  else {
60
60
  const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
package/dist-react/utils/IconsManager.js CHANGED
@@ -2,37 +2,38 @@ import { THEME_STORAGE_KEY as r } from "../core/theme.constants.js";
2
2
  import { pubSub as l } from "./PubSub.js";
3
3
  class f {
4
4
  constructor() {
5
- this.icons = {}, this.handleChangeTheme = (s) => {
6
- this.theme = s;
7
- const o = Object.keys(this.icons);
8
- this.icons = {}, o.forEach((t) => this.fetchIcon(t));
9
- }, this.fetchIcon = async (s, o = {}) => {
10
- const t = typeof sessionStorage < "u" ? sessionStorage == null ? void 0 : sessionStorage.getItem(r) : null;
11
- !this.theme && t && (this.theme = t);
12
- const e = this.icons[s];
13
- if (e) return await e;
14
- const n = this.loadIcon(s, o).catch((a) => {
15
- throw delete this.icons[s], a;
5
+ this.icons = {}, this.handleChangeTheme = (e) => {
6
+ if (this.theme === e) return;
7
+ this.theme = e;
8
+ const i = Object.keys(this.icons);
9
+ this.icons = {}, i.forEach((s) => this.fetchIcon(s));
10
+ }, this.fetchIcon = async (e, i = {}) => {
11
+ const s = typeof sessionStorage < "u" ? sessionStorage == null ? void 0 : sessionStorage.getItem(r) : null;
12
+ !this.theme && s && (this.theme = s);
13
+ const t = this.icons[e];
14
+ if (t) return await t;
15
+ const n = this.loadIcon(e, i).catch((a) => {
16
+ throw delete this.icons[e], a;
16
17
  });
17
- return this.icons[s] = n, n;
18
- }, this.loadIcon = (s, { cache: o = "force-cache", ...t }) => this.theme ? fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${s}.svg`, {
19
- cache: o,
20
- ...t
21
- }).then((e) => e.text()).catch((e) => {
22
- if ((e == null ? void 0 : e.name) === "AbortError") throw e;
23
- return console.error(`Failed to fetch icon "${s}":`, e), "";
18
+ return this.icons[e] = n, n;
19
+ }, this.loadIcon = (e, { cache: i = "force-cache", ...s }) => this.theme ? fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`, {
20
+ cache: i,
21
+ ...s
22
+ }).then((t) => t.text()).catch((t) => {
23
+ if ((t == null ? void 0 : t.name) === "AbortError") throw t;
24
+ return console.error(`Failed to fetch icon "${e}":`, t), "";
24
25
  }) : Promise.resolve('<svg class="ds-icon"></svg>'), l.subscribe("theme", this.handleChangeTheme);
25
26
  }
26
27
  }
27
28
  const c = Symbol.for("@cupra/ui-kit/icons-manager"), h = globalThis;
28
- let i = h[c];
29
- i || (i = new f(), Object.defineProperty(h, c, {
30
- value: i,
29
+ let o = h[c];
30
+ o || (o = new f(), Object.defineProperty(h, c, {
31
+ value: o,
31
32
  writable: !1,
32
33
  configurable: !1,
33
34
  enumerable: !1
34
35
  }));
35
- const b = i;
36
+ const b = o;
36
37
  export {
37
38
  b as iconsManager
38
39
  };
package/dist-react/utils/StylesRegistry/StylesRegistry.js CHANGED
@@ -5,7 +5,7 @@ class s {
5
5
  theme: t
6
6
  }) => {
7
7
  if (!t || !e) return;
8
- const c = `https://ds-assets.cupra.com/1.0.0-canary.19/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
8
+ const c = `https://ds-assets.cupra.com/1.0.0-canary.20/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
9
9
  if (r) return r;
10
10
  const i = this.fetchStyle({ url: c }).then((n) => (n || this.stylePromises.delete(c), n));
11
11
  return this.stylePromises.set(c, i), this.stylePromises.get(c);
package/dist-react/utils/cssWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
5
  function x(t, ...r) {
6
- const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-19"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-20"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
package/dist-react/utils/htmlWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
5
5
  function x(t, ...r) {
6
- const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-19"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-20"), e = i(o);
7
7
  return n`${e}`;
8
8
  }
9
9
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-kit",
3
- "version": "1.0.0-canary.19",
3
+ "version": "1.0.0-canary.20",
4
4
  "description": "Web components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",