@cupra/ui-kit 2.0.0-canary.174 → 2.0.0-canary.176

package/dist-react/cjs/decorators/customUiKitElement.cjs

@@ -1 +1 @@
-const e=require("../utils/version.cjs");function t(t,n){return function(r){var i,a,o,s;if(!(r!=null&&r.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let c=`${t}${e.VERSION_TAG_SUFFIX}`;if(!((i=globalThis)==null||(i=i.customElements)==null)&&i.get(c))return;let l=n!=null&&n.skipTagAsComponentName?[]:[t];Array.isArray(n==null?void 0:n.extendComponentNames)&&(l=[...n.extendComponentNames,...l]),(a=globalThis)==null||(a=a.customElements)==null||(o=a.define)==null||o.call(a,c,(s=class extends r{connectedCallback(){var e;(e=r.prototype.connectedCallback)==null||e.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.174`)}},s.componentName=l,s))}}exports.customUiKitElement=t;
+const e=require("../utils/version.cjs");function t(t,n){return function(r){var i,a,o,s;if(!(r!=null&&r.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let c=`${t}${e.VERSION_TAG_SUFFIX}`;if(!((i=globalThis)==null||(i=i.customElements)==null)&&i.get(c))return;let l=n!=null&&n.skipTagAsComponentName?[]:[t];Array.isArray(n==null?void 0:n.extendComponentNames)&&(l=[...n.extendComponentNames,...l]),(a=globalThis)==null||(a=a.customElements)==null||(o=a.define)==null||o.call(a,c,(s=class extends r{connectedCallback(){var e;(e=r.prototype.connectedCallback)==null||e.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.176`)}},s.componentName=l,s))}}exports.customUiKitElement=t;

package/dist-react/cjs/mixins/ViewportMixin.cjs

@@ -1 +1 @@
-const e=require("../utils/debounce.cjs"),t=require("../utils/breakpoints.cjs");var n=n=>class extends n{constructor(...e){super(...e),this.handleResize=()=>{this.updateViewportWithDebounce()},this.updateViewport=()=>{let e=`xs`;for(let r of[`xxl`,`xl`,`l`,`m`,`s`]){var n;if(((n=window)==null?void 0:n.innerWidth)>=t.breakpoints[r]){e=r;break}}e!==this.currentViewport&&(this.currentViewport=e,this.requestUpdate(`viewport`,null))}}connectedCallback(){var t;super.connectedCallback(),this.updateViewportWithDebounce=e.debounce({func:this.updateViewport}),this.updateViewport(),(t=window)==null||t.addEventListener(`resize`,this.handleResize)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=window)==null||e.removeEventListener(`resize`,this.handleResize)}get viewport(){return this.currentViewport}};exports.ViewportMixin=n;
+const e=require("../utils/breakpoints.cjs"),t=require("../utils/debounce.cjs");var n=n=>class extends n{constructor(...t){super(...t),this.handleResize=()=>{this.updateViewportWithDebounce()},this.updateViewport=()=>{let t=`xs`;for(let r of[`xxl`,`xl`,`l`,`m`,`s`]){var n;if(((n=window)==null?void 0:n.innerWidth)>=e.breakpoints[r]){t=r;break}}t!==this.currentViewport&&(this.currentViewport=t,this.requestUpdate(`viewport`,null))}}connectedCallback(){var e;super.connectedCallback(),this.updateViewportWithDebounce=t.debounce({func:this.updateViewport}),this.updateViewport(),(e=window)==null||e.addEventListener(`resize`,this.handleResize)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=window)==null||e.removeEventListener(`resize`,this.handleResize)}get viewport(){return this.currentViewport}};exports.ViewportMixin=n;

package/dist-react/cjs/utils/IconsManager.cjs

@@ -1 +1 @@
-const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.174`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;
+const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.176`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;

package/dist-react/cjs/utils/PubSub.cjs

@@ -1 +1 @@
-var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.174`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;
+var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.176`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;

package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +1 @@
-var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.174/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;
+var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.176/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist-react/cjs/utils/version.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.174`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.176`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;

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

@@ -0,0 +1,74 @@
+import { E as e, x as t } 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 } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r } 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 i } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as a } from "../base/UiKitElement.js";
+import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as s } from "../../utils/booleanConverter.js";
+import { uiKitHtml as c } from "../../utils/uiKitHtml.js";
+import { e as l } 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 "../ds-icon-button/ds-icon-button.js";
+import { bannerStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-banner/ds-banner.ts
+var d, f = (d = class extends a {
+	constructor(...e) {
+		super(...e), this.orientation = "horizontal", this.showClose = !0, this._show = void 0, this._showState = !0;
+	}
+	get show() {
+		return this._show ?? this._showState;
+	}
+	set show(e) {
+		this._show = e;
+	}
+	handleClose() {
+		let e = new CustomEvent("banner:close", {
+			bubbles: !0,
+			composed: !0
+		});
+		this.dispatchEvent(e), this._showState = !1;
+	}
+	get containerClasses() {
+		return {
+			container: !0,
+			[this.orientation ?? "horizontal"]: !0
+		};
+	}
+	get closeButtonTemplate() {
+		return this.showClose ? c`<ds-icon-button
+            class="close-button"
+            data-aria-label="close"
+            @click=${this.handleClose}
+            icon-name="cross"
+            variant="tertiary"
+            size="medium"
+        ></ds-icon-button>` : e;
+	}
+	render() {
+		return this.show ? t`
+            <div class=${l(this.containerClasses)}>
+                <div class="banner" part="banner">
+                    <slot name="image"></slot>
+                    <div class="content-actions">
+                        <slot></slot>
+                        <slot name="actions"></slot>
+                    </div>
+                </div>
+                ${this.closeButtonTemplate}
+            </div>
+        ` : e;
+	}
+}, d.styles = [u], d);
+i([n({ type: String })], f.prototype, "orientation", void 0), i([n({
+	attribute: "show-close",
+	type: Boolean,
+	converter: s,
+	reflect: !0
+})], f.prototype, "showClose", void 0), i([n({
+	type: Boolean,
+	attribute: "show",
+	converter: s
+})], f.prototype, "_show", void 0), i([r()], f.prototype, "_showState", void 0), f = i([o("ds-banner")], f);
+//#endregion

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

@@ -0,0 +1,82 @@
+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-banner/styles/common.styles.ts
+var t = e`
+    :host {
+        display: content;
+    }
+
+    .container {
+        display: flex;
+        align-items: flex-start;
+        position: var(--ui-kit-banner-position, static);
+    }
+
+    .container.horizontal {
+        width: var(--ui-kit-banner-width, 100%);
+        flex-direction: row;
+    }
+
+    .container.vertical {
+        width: var(--ui-kit-banner-width, fit-content);
+        flex-direction: column;
+    }
+
+    .banner {
+        display: flex;
+        box-sizing: border-box;
+        flex: 1 1 auto;
+        min-width: 0;
+    }
+
+    .container.horizontal .banner {
+        flex-direction: row;
+    }
+
+    .container.vertical .banner {
+        flex-direction: column;
+    }
+
+    .content-actions {
+        display: flex;
+        flex: 1 1 auto;
+        min-width: 0;
+        flex-direction: column;
+    }
+
+    slot[name='image']::slotted(*) {
+        display: block;
+    }
+
+    slot:not([name]) {
+        display: block;
+        flex: 0 0 auto;
+        min-width: 0;
+    }
+
+    slot[name='actions'] {
+        display: flex;
+        flex-wrap: wrap;
+        flex-shrink: 0;
+    }
+
+    .container.horizontal slot[name='actions'] {
+        flex-direction: row;
+        justify-content: flex-end;
+    }
+
+    .container.vertical slot[name='actions'] {
+        flex-direction: column-reverse;
+    }
+
+    .close-button {
+        flex-shrink: 0;
+    }
+
+    .container.vertical .close-button {
+        order: -1;
+        align-self: flex-end;
+    }
+`;
+//#endregion
+export { t as bannerStyles };

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

@@ -11,8 +11,8 @@ import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { o as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import "../ds-calendar-day/ds-calendar-day.js";
 import "../ds-icon-button/ds-icon-button.js";
+import "../ds-calendar-day/ds-calendar-day.js";
 import { arrayConverter as l } from "../../utils/arrayConverter.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-calendar/ds-calendar.ts

package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js

@@ -13,8 +13,8 @@ import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { o as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { n as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import "../ds-icon-button/ds-icon-button.js";
+import { n as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import { inlineAlertStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-inline-alert/ds-inline-alert.ts
 var p, m = (p = class extends a {

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

@@ -13,8 +13,8 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
-import "../ds-button/ds-button.js";
 import "../ds-icon-button/ds-icon-button.js";
+import "../ds-button/ds-button.js";
 import { alignStyles as d, commonStyles as f, dialogStyles as p, fitStyles as m, fullScreenStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-modal/ds-modal.ts
 var g, _ = (g = class extends u(i) {

package/dist-react/esm/components/ds-secondary-navigation/ds-secondary-navigation.js

@@ -13,8 +13,8 @@ import { uiKitHtml as l } from "../../utils/uiKitHtml.js";
 import { e as u } 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 { ViewportMixin as d } from "../../mixins/ViewportMixin.js";
-import "../ds-button/ds-button.js";
 import "../ds-icon-button/ds-icon-button.js";
+import "../ds-button/ds-button.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-secondary-navigation/ds-secondary-navigation.ts
 var p, m, h = (p = class extends d(s) {

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

@@ -9,10 +9,10 @@ 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 { s as c, u as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
+import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
+import { objectConverter as l } from "../../utils/objectConverter.js";
+import { s as u, u as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
-import { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
-import { objectConverter as d } from "../../utils/objectConverter.js";
 import { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
 import { commonStyles as p } from "./styles/common.styles.js";
@@ -31,7 +31,7 @@ var m, h = new Set([
 	"h4",
 	"h5",
 	"h6"
-]), g = (m = class extends u(i) {
+]), g = (m = class extends c(i) {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.emphasis = "secondary", this.variant = "body", this.htmlTagName = "span", this.mode = "light";
 	}
@@ -49,8 +49,8 @@ var m, h = new Set([
 		};
 	}
 	render() {
-		let t = (this.htmlTagName ?? "").toLowerCase(), n = c(h.has(t) ? t : "span");
-		return l`
+		let t = (this.htmlTagName ?? "").toLowerCase(), n = u(h.has(t) ? t : "span");
+		return d`
             <${n} 
                 part="container" 
                 data-testid="ds-text-container" 
@@ -65,7 +65,7 @@ var m, h = new Set([
 }, m.styles = [p], m);
 r([t({
 	type: String,
-	converter: d
+	converter: l
 })], g.prototype, "size", void 0), r([t({ type: String })], g.prototype, "emphasis", void 0), r([t({ type: String })], g.prototype, "variant", void 0), r([t({
 	type: String,
 	attribute: "html-tag-name"

package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js

@@ -53,7 +53,7 @@ var f = class extends a {
 		}
 	}
 	loadThemeStyles() {
-		let e = "/2.0.0-canary.174";
+		let e = "/2.0.0-canary.176";
 		return this.loadUnusedStyles && this.applyUnusedStyles(e), this.loadStyles ? new Promise((t, n) => {
 			let r = `https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;
 			if (document.head.querySelector(`link[href="${r}"]`)) t();

package/dist-react/esm/components/ds-toast-message/ds-toast-message.js

@@ -12,8 +12,8 @@ import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { n as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import "../ds-icon-button/ds-icon-button.js";
+import { n as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import { toastMessageStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-toast-message/ds-toast-message.ts
 var f, p = (f = class extends i {

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

@@ -11,8 +11,8 @@ import { customUiKitElement as c } from "../../decorators/customUiKitElement.js"
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
 import { e as u } 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 { arrow as d, computePosition as f, flip as p, offset as m, shift as h, size as g } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { debounce as _ } from "../../utils/debounce.js";
+import { debounce as d } from "../../utils/debounce.js";
+import { arrow as f, computePosition as p, flip as m, offset as h, shift as g, size as _ } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { commonStyles as v } from "./styles/common.styles.js";
 //#region src/components/ds-tooltip/ds-tooltip.ts
 var y, b = (y = class extends s {
@@ -23,7 +23,7 @@ var y, b = (y = class extends s {
 			this.usingKeyboard = !1;
 		}, this.handleTooltipPointerDown = (e) => {
 			e.stopImmediatePropagation();
-		}, this.handleResize = _({ func: () => this.requestUpdate() }), this.handleClose = () => {
+		}, this.handleResize = d({ func: () => this.requestUpdate() }), this.handleClose = () => {
 			this.show = !1;
 		}, this.handleAnchorPointerDown = (e) => {
 			this.disablePressListener || e.button === 0 && (this.show = !this.show);
@@ -56,21 +56,21 @@ var y, b = (y = class extends s {
 	updatePosition() {
 		requestAnimationFrame(() => {
 			var e;
-			!this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (f(this.anchorContainer, this.container, {
+			!this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (p(this.anchorContainer, this.container, {
 				strategy: "fixed",
 				placement: "bottom-start",
 				middleware: [
-					m(({ placement: e }) => ({
+					h(({ placement: e }) => ({
 						mainAxis: 8,
 						crossAxis: e.endsWith("-end") ? 8 : -8
 					})),
-					p({ crossAxis: !0 }),
-					h(),
-					d({
+					m({ crossAxis: !0 }),
+					g(),
+					f({
 						element: this.arrow,
 						padding: 12
 					}),
-					g({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
+					_({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
 						Object.assign(n.floating.style, {
 							maxWidth: `${Math.min(240, e - 8)}px`,
 							maxHeight: `${Math.max(0, t - 8)}px`

package/dist-react/esm/components/index.js

@@ -2,6 +2,8 @@ import "./ds-icon/ds-icon.js";
 import "./ds-accordion/ds-accordion.js";
 import "./ds-avatar/ds-avatar.js";
 import "./ds-badge/ds-badge.js";
+import "./ds-icon-button/ds-icon-button.js";
+import "./ds-banner/ds-banner.js";
 import "./ds-basic-card/ds-basic-card.js";
 import "./ds-basic-card-image/ds-basic-card-image.js";
 import "./ds-divider/ds-divider.js";
@@ -13,7 +15,6 @@ import "./ds-breadcrumbs/ds-breadcrumbs.js";
 import "./ds-bullets/ds-bullets.js";
 import "./ds-button/ds-button.js";
 import "./ds-calendar-day/ds-calendar-day.js";
-import "./ds-icon-button/ds-icon-button.js";
 import "./ds-calendar/ds-calendar.js";
 import "./ds-carousel-indicator/ds-carousel-indicator.js";
 import "./ds-checkbox-group/ds-checkbox-group.js";

package/dist-react/esm/decorators/customUiKitElement.js

@@ -10,7 +10,7 @@ function t(t, n) {
 		Array.isArray(n == null ? void 0 : n.extendComponentNames) && (l = [...n.extendComponentNames, ...l]), (a = globalThis) == null || (a = a.customElements) == null || (o = a.define) == null || o.call(a, c, (s = class extends r {
 			connectedCallback() {
 				var e;
-				(e = r.prototype.connectedCallback) == null || e.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.174");
+				(e = r.prototype.connectedCallback) == null || e.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.176");
 			}
 		}, s.componentName = l, s));
 	};

package/dist-react/esm/mixins/ViewportMixin.js

@@ -1,12 +1,12 @@
-import { debounce as e } from "../utils/debounce.js";
-import { breakpoints as t } from "../utils/breakpoints.js";
+import { breakpoints as e } from "../utils/breakpoints.js";
+import { debounce as t } from "../utils/debounce.js";
 //#region src/mixins/ViewportMixin.ts
 var n = (n) => class extends n {
-	constructor(...e) {
-		super(...e), this.handleResize = () => {
+	constructor(...t) {
+		super(...t), this.handleResize = () => {
 			this.updateViewportWithDebounce();
 		}, this.updateViewport = () => {
-			let e = "xs";
+			let t = "xs";
 			for (let r of [
 				"xxl",
 				"xl",
@@ -15,17 +15,17 @@ var n = (n) => class extends n {
 				"s"
 			]) {
 				var n;
-				if (((n = window) == null ? void 0 : n.innerWidth) >= t[r]) {
-					e = r;
+				if (((n = window) == null ? void 0 : n.innerWidth) >= e[r]) {
+					t = r;
 					break;
 				}
 			}
-			e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
+			t !== this.currentViewport && (this.currentViewport = t, this.requestUpdate("viewport", null));
 		};
 	}
 	connectedCallback() {
-		var t;
-		super.connectedCallback(), this.updateViewportWithDebounce = e({ func: this.updateViewport }), this.updateViewport(), (t = window) == null || t.addEventListener("resize", this.handleResize);
+		var e;
+		super.connectedCallback(), this.updateViewportWithDebounce = t({ func: this.updateViewport }), this.updateViewport(), (e = window) == null || e.addEventListener("resize", this.handleResize);
 	}
 	disconnectedCallback() {
 		var e;

package/dist-react/esm/utils/IconsManager.js

@@ -26,7 +26,7 @@ var n = class {
 			return console.error(`Failed to fetch icon "${e}":`, t), "";
 		}), t.subscribe("theme", this.handleChangeTheme);
 	}
-}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.174"), i = globalThis, a = i[r];
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.176"), i = globalThis, a = i[r];
 a || (a = new n(), Object.defineProperty(i, r, {
 	value: a,
 	writable: !1,

package/dist-react/esm/utils/PubSub.js

@@ -18,7 +18,7 @@ var e = class {
 			}
 		});
 	}
-}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.174"), n = globalThis, r = n[t];
+}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.176"), n = globalThis, r = n[t];
 r || (r = new e(), Object.defineProperty(n, t, {
 	value: r,
 	writable: !1,

package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js

@@ -4,7 +4,7 @@ var t = e(20), n = class e {
 	constructor() {
 		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
 			if (!n || !e) return;
-			let r = `https://ds-assets.cupra.com/2.0.0-canary.174/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.176/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
 			if (i) return i;
 			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
 			return this.stylePromises.set(r, a), this.stylePromises.get(r);

package/dist-react/esm/utils/version.js

@@ -1,4 +1,4 @@
 //#region src/utils/version.ts
-var e = "2.0.0-canary.174", t = `--v${e.replaceAll(".", "-")}`;
+var e = "2.0.0-canary.176", t = `--v${e.replaceAll(".", "-")}`;
 //#endregion
 export { e as VERSION, t as VERSION_TAG_SUFFIX };

package/dist-react/types/components/ds-banner/ds-banner.d.ts

@@ -0,0 +1,20 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import { nothing } from 'lit';
+import type { DsBannerAttrs } from './ds-banner.types.js';
+export declare class DsBanner extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    orientation: DsBannerAttrs['orientation'];
+    showClose: DsBannerAttrs['show-close'];
+    _show: boolean | undefined;
+    private _showState;
+    get show(): boolean;
+    set show(value: boolean | undefined);
+    private handleClose;
+    protected get containerClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+    };
+    protected get closeButtonTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}

package/dist-react/types/components/ds-banner/ds-banner.types.d.ts

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types.ts';
+export type DsBannerOrientation = 'horizontal' | 'vertical';
+export interface DsBannerAttrs extends CommonAttrs {
+    orientation?: DsBannerOrientation;
+    show?: boolean;
+    'show-close'?: boolean;
+}

package/dist-react/types/components/ds-banner/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const bannerStyles: import("lit").CSSResult;

package/dist-react/types/components/index.d.ts

@@ -1,6 +1,7 @@
 import './ds-accordion/ds-accordion.ts';
 import './ds-avatar/ds-avatar.ts';
 import './ds-badge/ds-badge.ts';
+import './ds-banner/ds-banner.ts';
 import './ds-basic-card/ds-basic-card.ts';
 import './ds-basic-card-image/ds-basic-card-image.ts';
 import './ds-basic-card-header/ds-basic-card-header.ts';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.174",
+  "version": "2.0.0-canary.176",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",