@cupra/ui-kit 1.0.0-canary.17 → 1.0.0-canary.18

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.
@@ -0,0 +1,10 @@
1
+ import { UiKitElement } from '../base/UiKitElement.ts';
2
+ declare const DsMainTitle_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
3
+ export declare class DsMainTitle extends DsMainTitle_base {
4
+ static styles: import("lit").CSSResult[];
5
+ protected get containerClasses(): {
6
+ container: boolean;
7
+ };
8
+ render(): import("lit").TemplateResult<1>;
9
+ }
10
+ export {};
@@ -0,0 +1,35 @@
1
+ import { UiKitElement as l } from "../base/UiKitElement.js";
2
+ import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
3
+ import { ViewportMixin as p } from "../../mixins/ViewportMixin.js";
4
+ import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
5
+ import { html as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
6
+ import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
7
+ import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
8
+ import { commonStyles as v } from "./styles/common.styles.js";
9
+ var u = Object.getOwnPropertyDescriptor, d = (s, o, n, i) => {
10
+ for (var t = i > 1 ? void 0 : i ? u(o, n) : o, e = s.length - 1, m; e >= 0; e--)
11
+ (m = s[e]) && (t = m(t) || t);
12
+ return t;
13
+ };
14
+ let r = class extends p(l) {
15
+ get containerClasses() {
16
+ return {
17
+ container: !0
18
+ };
19
+ }
20
+ render() {
21
+ return c`
22
+ <div class=${f(this.containerClasses)}>
23
+ <slot name="title"></slot>
24
+ <slot name="description"></slot>
25
+ </div>
26
+ `;
27
+ }
28
+ };
29
+ r.styles = [v];
30
+ r = d([
31
+ a("ds-main-title")
32
+ ], r);
33
+ export {
34
+ r as DsMainTitle
35
+ };
@@ -0,0 +1,7 @@
1
+ import type { DsMainTitle } from './ds-main-title';
2
+ import './ds-main-title.ts';
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ 'ds-main-title': DsMainTitle;
6
+ }
7
+ }
@@ -0,0 +1,2 @@
1
+ import type { CommonAttrs } from '../../types/types';
2
+ export type DsMainTitleAttrs = CommonAttrs;
@@ -0,0 +1 @@
1
+ export declare const commonStyles: import("lit").CSSResult;
@@ -0,0 +1,19 @@
1
+ import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
2
+ import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
+ import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
+ import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
+ const l = o`
6
+ :host {
7
+ display: block;
8
+ width: 100%;
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ ::slotted([slot='title']),
13
+ ::slotted([slot='description']) {
14
+ margin: 0;
15
+ }
16
+ `;
17
+ export {
18
+ l as commonStyles
19
+ };
@@ -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.17", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/1.0.0-canary.18", 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");
@@ -21,6 +21,7 @@ import './ds-loader-dots/ds-loader-dots.ts';
21
21
  import './ds-loader-logo/ds-loader-logo.ts';
22
22
  import './ds-loader-spinner/ds-loader-spinner.ts';
23
23
  import './ds-logo/ds-logo.ts';
24
+ import './ds-main-title/ds-main-title.ts';
24
25
  import './ds-map-pin/ds-map-pin.ts';
25
26
  import './ds-modal/ds-modal.ts';
26
27
  import './ds-password-input/ds-password-input.ts';
package/dist/index.js CHANGED
@@ -21,6 +21,7 @@ import "./components/ds-loader-dots/ds-loader-dots.js";
21
21
  import "./components/ds-loader-logo/ds-loader-logo.js";
22
22
  import "./components/ds-loader-spinner/ds-loader-spinner.js";
23
23
  import "./components/ds-logo/ds-logo.js";
24
+ import "./components/ds-main-title/ds-main-title.js";
24
25
  import "./components/ds-map-pin/ds-map-pin.js";
25
26
  import "./components/ds-modal/ds-modal.js";
26
27
  import "./components/ds-password-input/ds-password-input.js";
@@ -55,7 +56,7 @@ import "./components/ds-static-box/ds-static-box.js";
55
56
  import "./components/ds-interactive-card/ds-interactive-card.js";
56
57
  import "./components/ds-radio-button-group/ds-radio-button-group.js";
57
58
  import "./components/ds-sidebar-navigation/ds-sidebar-navigation.js";
58
- import { iconNames as to } from "./components/ds-icon/iconNames.js";
59
+ import { iconNames as eo } from "./components/ds-icon/iconNames.js";
59
60
  export {
60
- to as iconNames
61
+ eo as iconNames
61
62
  };
@@ -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.17/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
8
+ const c = `https://ds-assets.cupra.com/1.0.0-canary.18/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);
@@ -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-17"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-18"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
@@ -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-17"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-18"), e = i(o);
7
7
  return n`${e}`;
8
8
  }
9
9
  export {
@@ -0,0 +1,10 @@
1
+ import { UiKitElement } from '../base/UiKitElement.ts';
2
+ declare const DsMainTitle_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
3
+ export declare class DsMainTitle extends DsMainTitle_base {
4
+ static styles: import("lit").CSSResult[];
5
+ protected get containerClasses(): {
6
+ container: boolean;
7
+ };
8
+ render(): import("lit").TemplateResult<1>;
9
+ }
10
+ export {};
@@ -0,0 +1,35 @@
1
+ import { UiKitElement as l } from "../base/UiKitElement.js";
2
+ import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
3
+ import { ViewportMixin as p } from "../../mixins/ViewportMixin.js";
4
+ import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
5
+ import { html as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
6
+ import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
7
+ import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
8
+ import { commonStyles as v } from "./styles/common.styles.js";
9
+ var u = Object.getOwnPropertyDescriptor, d = (s, o, n, i) => {
10
+ for (var t = i > 1 ? void 0 : i ? u(o, n) : o, e = s.length - 1, m; e >= 0; e--)
11
+ (m = s[e]) && (t = m(t) || t);
12
+ return t;
13
+ };
14
+ let r = class extends p(l) {
15
+ get containerClasses() {
16
+ return {
17
+ container: !0
18
+ };
19
+ }
20
+ render() {
21
+ return c`
22
+ <div class=${f(this.containerClasses)}>
23
+ <slot name="title"></slot>
24
+ <slot name="description"></slot>
25
+ </div>
26
+ `;
27
+ }
28
+ };
29
+ r.styles = [v];
30
+ r = d([
31
+ a("ds-main-title")
32
+ ], r);
33
+ export {
34
+ r as DsMainTitle
35
+ };
@@ -0,0 +1,7 @@
1
+ import type { DsMainTitle } from './ds-main-title';
2
+ import './ds-main-title.ts';
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ 'ds-main-title': DsMainTitle;
6
+ }
7
+ }
@@ -0,0 +1,2 @@
1
+ import type { CommonAttrs } from '../../types/types';
2
+ export type DsMainTitleAttrs = CommonAttrs;
@@ -0,0 +1 @@
1
+ export declare const commonStyles: import("lit").CSSResult;
@@ -0,0 +1,19 @@
1
+ import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
2
+ import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
+ import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
+ import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
+ const l = o`
6
+ :host {
7
+ display: block;
8
+ width: 100%;
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ ::slotted([slot='title']),
13
+ ::slotted([slot='description']) {
14
+ margin: 0;
15
+ }
16
+ `;
17
+ export {
18
+ l as commonStyles
19
+ };
@@ -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.17", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/1.0.0-canary.18", 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");
@@ -21,6 +21,7 @@ import './ds-loader-dots/ds-loader-dots.ts';
21
21
  import './ds-loader-logo/ds-loader-logo.ts';
22
22
  import './ds-loader-spinner/ds-loader-spinner.ts';
23
23
  import './ds-logo/ds-logo.ts';
24
+ import './ds-main-title/ds-main-title.ts';
24
25
  import './ds-map-pin/ds-map-pin.ts';
25
26
  import './ds-modal/ds-modal.ts';
26
27
  import './ds-password-input/ds-password-input.ts';
@@ -21,6 +21,7 @@ import "./components/ds-loader-dots/ds-loader-dots.js";
21
21
  import "./components/ds-loader-logo/ds-loader-logo.js";
22
22
  import "./components/ds-loader-spinner/ds-loader-spinner.js";
23
23
  import "./components/ds-logo/ds-logo.js";
24
+ import "./components/ds-main-title/ds-main-title.js";
24
25
  import "./components/ds-map-pin/ds-map-pin.js";
25
26
  import "./components/ds-modal/ds-modal.js";
26
27
  import "./components/ds-password-input/ds-password-input.js";
@@ -55,7 +56,7 @@ import "./components/ds-static-box/ds-static-box.js";
55
56
  import "./components/ds-interactive-card/ds-interactive-card.js";
56
57
  import "./components/ds-radio-button-group/ds-radio-button-group.js";
57
58
  import "./components/ds-sidebar-navigation/ds-sidebar-navigation.js";
58
- import { iconNames as to } from "./components/ds-icon/iconNames.js";
59
+ import { iconNames as eo } from "./components/ds-icon/iconNames.js";
59
60
  export {
60
- to as iconNames
61
+ eo as iconNames
61
62
  };
@@ -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.17/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
8
+ const c = `https://ds-assets.cupra.com/1.0.0-canary.18/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);
@@ -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-17"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-18"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
@@ -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-17"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-18"), 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.17",
3
+ "version": "1.0.0-canary.18",
4
4
  "description": "Web components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",