@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.
- package/dist/components/ds-main-title/ds-main-title.d.ts +10 -0
- package/dist/components/ds-main-title/ds-main-title.js +35 -0
- package/dist/components/ds-main-title/ds-main-title.test.d.ts +7 -0
- package/dist/components/ds-main-title/ds-main-title.types.d.ts +2 -0
- package/dist/components/ds-main-title/styles/common.styles.d.ts +1 -0
- package/dist/components/ds-main-title/styles/common.styles.js +19 -0
- package/dist/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +3 -2
- package/dist/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist/utils/cssWithTokens.js +1 -1
- package/dist/utils/htmlWithTokens.js +1 -1
- package/dist-react/components/ds-main-title/ds-main-title.d.ts +10 -0
- package/dist-react/components/ds-main-title/ds-main-title.js +35 -0
- package/dist-react/components/ds-main-title/ds-main-title.test.d.ts +7 -0
- package/dist-react/components/ds-main-title/ds-main-title.types.d.ts +2 -0
- package/dist-react/components/ds-main-title/styles/common.styles.d.ts +1 -0
- package/dist-react/components/ds-main-title/styles/common.styles.js +19 -0
- package/dist-react/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist-react/components/index.d.ts +1 -0
- package/dist-react/index.js +3 -2
- package/dist-react/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist-react/utils/cssWithTokens.js +1 -1
- package/dist-react/utils/htmlWithTokens.js +1 -1
- package/package.json +1 -1
|
@@ -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 @@
|
|
|
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.
|
|
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
|
|
59
|
+
import { iconNames as eo } from "./components/ds-icon/iconNames.js";
|
|
59
60
|
export {
|
|
60
|
-
|
|
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.
|
|
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-
|
|
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-
|
|
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 @@
|
|
|
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.
|
|
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-react/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
|
|
59
|
+
import { iconNames as eo } from "./components/ds-icon/iconNames.js";
|
|
59
60
|
export {
|
|
60
|
-
|
|
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.
|
|
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-
|
|
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-
|
|
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 {
|