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

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

@@ -0,0 +1,84 @@
+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-basic-card/ds-basic-card.js";
+import "./ds-basic-card-image/ds-basic-card-image.js";
+import "./ds-divider/ds-divider.js";
+import "./ds-basic-card-header/ds-basic-card-header.js";
+import "./ds-basic-card-section/ds-basic-card-section.js";
+import "./ds-tooltip/ds-tooltip.js";
+import "./ds-breadcrumbs-item/ds-breadcrumbs-item.js";
+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";
+import "./ds-checkbox/ds-checkbox.js";
+import "./ds-chip/ds-chip.js";
+import "./ds-chips/ds-chips.js";
+import "./ds-currency/ds-currency.js";
+import "./ds-date-picker/ds-date-picker.js";
+import "./ds-dialog/ds-dialog.js";
+import "./ds-dialog-body/ds-dialog-body.js";
+import "./ds-dialog-footer/ds-dialog-footer.js";
+import "./ds-dialog-fullscreen/ds-dialog-fullscreen.js";
+import "./ds-dialog-header/ds-dialog-header.js";
+import "./ds-drawer/ds-drawer.js";
+import "./ds-favourite-action/ds-favourite-action.js";
+import "./ds-hyperlink/ds-hyperlink.js";
+import "./ds-input/ds-input.js";
+import "./ds-interactive-card/ds-interactive-card.js";
+import "./ds-link-button/ds-link-button.js";
+import "./ds-loader-bar/ds-loader-bar.js";
+import "./ds-loader-dots/ds-loader-dots.js";
+import "./ds-loader-logo/ds-loader-logo.js";
+import "./ds-loader-spinner/ds-loader-spinner.js";
+import "./ds-logo/ds-logo.js";
+import "./ds-main-title/ds-main-title.js";
+import "./ds-map-pin/ds-map-pin.js";
+import "./ds-modal/ds-modal.js";
+import "./ds-text-input/ds-text-input.js";
+import "./ds-password-input/ds-password-input.js";
+import "./ds-picker-item/ds-picker-item.js";
+import "./ds-portal/ds-portal.js";
+import "./ds-progress-bar/ds-progress-bar.js";
+import "./ds-radio/ds-radio.js";
+import "./ds-radio-button-group/ds-radio-button-group.js";
+import "./ds-radio-button/ds-radio-button.js";
+import "./ds-radio-group/ds-radio-group.js";
+import "./ds-rating/ds-rating.js";
+import "./ds-search/ds-search.js";
+import "./ds-search-input/ds-search-input.js";
+import "./ds-secondary-navigation/ds-secondary-navigation.js";
+import "./ds-segmented-control/ds-segmented-control.js";
+import "./ds-select/ds-select.js";
+import "./ds-selection/ds-selection.js";
+import "./ds-skeleton/ds-skeleton.js";
+import "./ds-sidebar-navigation/ds-sidebar-navigation.js";
+import "./ds-slider/ds-slider.js";
+import "./ds-static-box/ds-static-box.js";
+import "./ds-stepper/ds-stepper.js";
+import "./ds-tabs/ds-tabs.js";
+import "./ds-tag/ds-tag.js";
+import "./ds-text/ds-text.js";
+import "./ds-textarea/ds-textarea.js";
+import "./ds-theme-provider/ds-theme-provider.js";
+import "./ds-theme-switch/ds-theme-switch.js";
+import "./ds-toast-message/ds-toast-message.js";
+import "./ds-toast/ds-toast.js";
+import "./ds-inline-alert/ds-inline-alert.js";
+import "./ds-toggle-button/ds-toggle-button.js";
+import "./ds-toggle-switch/ds-toggle-switch.js";
+import "./ds-value-unit/ds-value-unit.js";
+import "./ds-media-control/ds-media-control.js";
+import "./ds-list-item/ds-list-item.js";
+import "./ds-list/ds-list.js";
+import "./ds-icon-button-group/ds-icon-button-group.js";
+import "./ds-navigation-controls/ds-navigation-controls.js";
+import "./ds-table/ds-table.js";
+import "./ds-table-row/ds-table-row.js";
+import "./ds-table-cell/ds-table-cell.js";

package/dist-react/esm/core/theme.constants.js

@@ -1,4 +1,4 @@
-const t = "@cupra/ui-kit/theme";
-export {
-  t as THEME_STORAGE_KEY
-};
+//#region src/core/theme.constants.ts
+var e = "@cupra/ui-kit/theme";
+//#endregion
+export { e as THEME_STORAGE_KEY };

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

@@ -1,23 +1,19 @@
-import { reactFactory as u } from "../utils/componentFactory.js";
-function o(a, e) {
-  return function(m) {
-    var s, n, t, l;
-    if (!(m != null && m.prototype))
-      throw new TypeError("@customUiKitElement requires a class that extends HTMLElement.");
-    const c = `${a}-react`;
-    if ((s = globalThis == null ? void 0 : globalThis.customElements) != null && s.get(c)) return;
-    let r = e != null && e.skipTagAsComponentName ? [] : [a];
-    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (r = [...e.extendComponentNames, ...r]), (l = (n = globalThis == null ? void 0 : globalThis.customElements) == null ? void 0 : n.define) == null || l.call(
-      n,
-      c,
-      (t = class extends m {
-        constructor() {
-          super(...arguments), this.componentFactory = u;
-        }
-      }, t.componentName = r, t)
-    );
-  };
+import { VERSION_TAG_SUFFIX as e } from "../utils/version.js";
+//#region src/decorators/customUiKitElement.ts
+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}`;
+		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.171");
+			}
+		}, s.componentName = l, s));
+	};
 }
-export {
-  o as customUiKitElement
-};
+//#endregion
+export { t as customUiKitElement };

package/dist-react/esm/index.js

@@ -1,72 +1,4 @@
-import "./components/ds-accordion/ds-accordion.js";
-import "./components/ds-avatar/ds-avatar.js";
-import "./components/ds-badge/ds-badge.js";
-import "./components/ds-basic-card/ds-basic-card.js";
-import "./components/ds-basic-card-image/ds-basic-card-image.js";
-import "./components/ds-basic-card-header/ds-basic-card-header.js";
-import "./components/ds-basic-card-section/ds-basic-card-section.js";
-import "./components/ds-bullets/ds-bullets.js";
-import "./components/ds-button/ds-button.js";
-import "./components/ds-carousel-indicator/ds-carousel-indicator.js";
-import "./components/ds-checkbox/ds-checkbox.js";
-import "./components/ds-chip/ds-chip.js";
-import "./components/ds-chips/ds-chips.js";
-import "./components/ds-currency/ds-currency.js";
-import "./components/ds-dialog/ds-dialog.js";
-import "./components/ds-dialog-body/ds-dialog-body.js";
-import "./components/ds-dialog-footer/ds-dialog-footer.js";
-import "./components/ds-dialog-fullscreen/ds-dialog-fullscreen.js";
-import "./components/ds-dialog-header/ds-dialog-header.js";
-import "./components/ds-divider/ds-divider.js";
-import "./components/ds-drawer/ds-drawer.js";
-import "./components/ds-hyperlink/ds-hyperlink.js";
-import "./components/ds-icon/ds-icon.js";
-import "./components/ds-icon-button/ds-icon-button.js";
-import "./components/ds-input/ds-input.js";
-import "./components/ds-interactive-card/ds-interactive-card.js";
-import "./components/ds-link-button/ds-link-button.js";
-import "./components/ds-loader-bar/ds-loader-bar.js";
-import "./components/ds-loader-dots/ds-loader-dots.js";
-import "./components/ds-loader-logo/ds-loader-logo.js";
-import "./components/ds-loader-spinner/ds-loader-spinner.js";
-import "./components/ds-logo/ds-logo.js";
-import "./components/ds-main-title/ds-main-title.js";
-import "./components/ds-map-pin/ds-map-pin.js";
-import "./components/ds-modal/ds-modal.js";
-import "./components/ds-password-input/ds-password-input.js";
-import "./components/ds-picker-item/ds-picker-item.js";
-import "./components/ds-portal/ds-portal.js";
-import "./components/ds-progress-bar/ds-progress-bar.js";
-import "./components/ds-radio/ds-radio.js";
-import "./components/ds-radio-button/ds-radio-button.js";
-import "./components/ds-radio-button-group/ds-radio-button-group.js";
-import "./components/ds-radio-group/ds-radio-group.js";
-import "./components/ds-rating/ds-rating.js";
-import "./components/ds-search/ds-search.js";
-import "./components/ds-search-input/ds-search-input.js";
-import "./components/ds-secondary-navigation/ds-secondary-navigation.js";
-import "./components/ds-segmented-control/ds-segmented-control.js";
-import "./components/ds-select/ds-select.js";
-import "./components/ds-selection/ds-selection.js";
-import "./components/ds-sidebar-navigation/ds-sidebar-navigation.js";
-import "./components/ds-slider/ds-slider.js";
-import "./components/ds-static-box/ds-static-box.js";
-import "./components/ds-stepper/ds-stepper.js";
-import "./components/ds-tabs/ds-tabs.js";
-import "./components/ds-tag/ds-tag.js";
-import "./components/ds-text/ds-text.js";
-import "./components/ds-text-input/ds-text-input.js";
-import "./components/ds-textarea/ds-textarea.js";
-import "./components/ds-theme-provider/ds-theme-provider.js";
-import "./components/ds-toast/ds-toast.js";
-import "./components/ds-toast-message/ds-toast-message.js";
-import "./components/ds-toggle-button/ds-toggle-button.js";
-import "./components/ds-toggle-switch/ds-toggle-switch.js";
-import "./components/ds-tooltip/ds-tooltip.js";
-import "./components/ds-media-control/ds-media-control.js";
-import "./components/ds-list-item/ds-list-item.js";
-import "./components/ds-list/ds-list.js";
-import { iconNames as ho } from "./components/ds-icon/iconNames.js";
-export {
-  ho as iconNames
-};
+import { VERSION as e, VERSION_TAG_SUFFIX as t } from "./utils/version.js";
+import "./components/index.js";
+import { iconNames as n } from "./components/ds-icon/iconNames.js";
+export { e as VERSION, t as VERSION_TAG_SUFFIX, n as iconNames };

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

@@ -1,14 +1,13 @@
-const i = (e) => {
-  const n = class n extends e {
-    constructor(...s) {
-      var r;
-      super(s), this._internals = (r = this.attachInternals) == null ? void 0 : r.call(this);
-    }
-  };
-  n.formAssociated = !0;
-  let t = n;
-  return t;
-};
-export {
-  i as FormAssociatedMixin
+//#region src/mixins/FormAssociatedMixin.ts
+var e = (e) => {
+	var t;
+	class n extends e {
+		constructor(...e) {
+			var t;
+			super(e), this._internals = (t = this.attachInternals) == null ? void 0 : t.call(this);
+		}
+	}
+	return t = n, t.formAssociated = !0, n;
 };
+//#endregion
+export { e as FormAssociatedMixin };

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

@@ -1,32 +1,39 @@
-import { breakpoints as n } from "../utils/breakpoints.js";
-import { debounce as o } from "../utils/debounce.js";
-const c = (i) => class extends i {
-  constructor() {
-    super(...arguments), this.handleResize = () => {
-      this.updateViewportWithDebounce();
-    }, this.updateViewport = () => {
-      let e = "xs";
-      const r = ["xxl", "xl", "l", "m", "s"];
-      for (const t of r)
-        if ((window == null ? void 0 : window.innerWidth) >= n[t]) {
-          e = t;
-          break;
-        }
-      e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateViewportWithDebounce = o({
-      func: this.updateViewport
-    }), this.updateViewport(), window == null || window.addEventListener("resize", this.handleResize);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window == null || window.removeEventListener("resize", this.handleResize);
-  }
-  get viewport() {
-    return this.currentViewport;
-  }
-};
-export {
-  c as ViewportMixin
+import { debounce as e } from "../utils/debounce.js";
+import { breakpoints as t } from "../utils/breakpoints.js";
+//#region src/mixins/ViewportMixin.ts
+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[r]) {
+					e = r;
+					break;
+				}
+			}
+			e !== this.currentViewport && (this.currentViewport = e, 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);
+	}
+	disconnectedCallback() {
+		var e;
+		super.disconnectedCallback(), (e = window) == null || e.removeEventListener("resize", this.handleResize);
+	}
+	get viewport() {
+		return this.currentViewport;
+	}
 };
+//#endregion
+export { n as ViewportMixin };

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

@@ -1,46 +1,57 @@
-const o = (u) => class extends u {
-  constructor() {
-    super(...arguments), this.inputStates = {
-      currentValue: "",
-      focus: !1,
-      focusVisible: !1,
-      invalid: !1,
-      filled: !1,
-      disabled: !1
-    }, this.keyboardMode = !1, this._updateStates = () => {
-      var t, e, s, i, n;
-      this.inputStates.currentValue = (t = this.nativeInput) == null ? void 0 : t.value, this.inputStates.invalid = !((e = this.nativeInput) != null && e.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (s = this.nativeInput) == null ? void 0 : s.disabled, this.inputStates.filled = ((n = (i = this.nativeInput) == null ? void 0 : i.value) == null ? void 0 : n.length) > 0, this.requestUpdate();
-    }, this._handleKeydown = () => {
-      this.keyboardMode = !0;
-    }, this._handleMousedown = () => {
-      this.keyboardMode = !1;
-    }, this._handlePointerdown = () => {
-      this.keyboardMode = !1;
-    }, this._handleFocusIn = (t) => {
-      t.target === this.nativeInput && (this.inputStates.focus = !0, this.inputStates.focusVisible = !!this.keyboardMode, this.requestUpdate());
-    }, this._handleFocusOut = () => {
-      this.inputStates.focus = !1, this.inputStates.focusVisible = !1, this.requestUpdate();
-    };
-  }
-  onInputReady(t) {
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), window == null || window.addEventListener("keydown", this._handleKeydown), window == null || window.addEventListener("mousedown", this._handleMousedown), window == null || window.addEventListener("pointerdown", this._handlePointerdown);
-    const e = () => {
-      var i, n, a;
-      const s = this.querySelector("input") || this.querySelector("textarea") || ((i = this.shadowRoot) == null ? void 0 : i.querySelector("input")) || ((n = this.shadowRoot) == null ? void 0 : n.querySelector("textarea"));
-      s && (this.nativeInput = s, this._setupInputObservers(), this.onInputReady(s), (a = this.hostMutationObserver) == null || a.disconnect());
-    };
-    e(), this.hostMutationObserver = new MutationObserver(e), this.hostMutationObserver.observe(this, { childList: !0, subtree: !0, attributes: !0 });
-  }
-  _setupInputObservers() {
-    this.nativeInput.addEventListener("input", this._updateStates), this.nativeInput.addEventListener("focusin", this._handleFocusIn), this.nativeInput.addEventListener("focusout", this._handleFocusOut), this.inputMutationObserver = new MutationObserver(this._updateStates), this.inputMutationObserver.observe(this.nativeInput, { attributes: !0 }), this._updateStates();
-  }
-  disconnectedCallback() {
-    var t, e;
-    super.disconnectedCallback(), window == null || window.removeEventListener("keydown", this._handleKeydown), window == null || window.removeEventListener("mousedown", this._handleMousedown), window == null || window.removeEventListener("pointerdown", this._handlePointerdown), (t = this.hostMutationObserver) == null || t.disconnect(), (e = this.inputMutationObserver) == null || e.disconnect(), this.nativeInput && (this.nativeInput.removeEventListener("input", this._updateStates), this.nativeInput.removeEventListener("focusin", this._handleFocusIn), this.nativeInput.removeEventListener("focusout", this._handleFocusOut));
-  }
-};
-export {
-  o as inputStatesMixin
+//#region src/mixins/inputStatesMixin.ts
+var e = (e) => class extends e {
+	constructor(...e) {
+		super(...e), this.inputStates = {
+			currentValue: "",
+			focus: !1,
+			focusVisible: !1,
+			invalid: !1,
+			filled: !1,
+			disabled: !1,
+			readonly: !1
+		}, this.keyboardMode = !1, this._updateStates = () => {
+			this._syncInputStates(), this.requestUpdate();
+		}, this._handleKeydown = () => {
+			this.keyboardMode = !0;
+		}, this._handleMousedown = () => {
+			this.keyboardMode = !1;
+		}, this._handlePointerdown = () => {
+			this.keyboardMode = !1;
+		}, this._handleFocusIn = (e) => {
+			e.target === this.nativeInput && (this.inputStates.focus = !0, this.inputStates.focusVisible = !!this.keyboardMode, this.requestUpdate());
+		}, this._handleFocusOut = () => {
+			this.inputStates.focus = !1, this.inputStates.focusVisible = !1, this.requestUpdate();
+		};
+	}
+	onInputReady(e) {}
+	firstUpdated(e) {
+		var t, n, r;
+		super.firstUpdated(e), (t = window) == null || t.addEventListener("keydown", this._handleKeydown), (n = window) == null || n.addEventListener("mousedown", this._handleMousedown), (r = window) == null || r.addEventListener("pointerdown", this._handlePointerdown);
+		let i = () => {
+			var e, t;
+			let n = this.querySelector("input") || this.querySelector("textarea") || ((e = this.shadowRoot) == null ? void 0 : e.querySelector("input")) || ((t = this.shadowRoot) == null ? void 0 : t.querySelector("textarea"));
+			if (n) {
+				var r;
+				this.nativeInput = n, this._setupInputObservers(), this.onInputReady(n), (r = this.hostMutationObserver) == null || r.disconnect();
+			}
+		};
+		i(), this.hostMutationObserver = new MutationObserver(i), this.hostMutationObserver.observe(this, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0
+		});
+	}
+	_setupInputObservers() {
+		this.nativeInput.addEventListener("input", this._updateStates), this.nativeInput.addEventListener("focusin", this._handleFocusIn), this.nativeInput.addEventListener("focusout", this._handleFocusOut), this.inputMutationObserver = new MutationObserver(this._updateStates), this.inputMutationObserver.observe(this.nativeInput, { attributes: !0 }), this._syncInputStates(), queueMicrotask(() => this.requestUpdate());
+	}
+	_syncInputStates() {
+		var e, t, n, r, i;
+		this.inputStates.currentValue = (e = this.nativeInput) == null ? void 0 : e.value, this.inputStates.invalid = !((t = this.nativeInput) != null && t.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (n = this.nativeInput) == null ? void 0 : n.disabled, this.inputStates.readonly = ((r = this.nativeInput) == null ? void 0 : r.readOnly) ?? !1, this.inputStates.filled = ((i = this.nativeInput) == null || (i = i.value) == null ? void 0 : i.length) > 0;
+	}
+	disconnectedCallback() {
+		var e, t, n, r, i;
+		super.disconnectedCallback(), (e = window) == null || e.removeEventListener("keydown", this._handleKeydown), (t = window) == null || t.removeEventListener("mousedown", this._handleMousedown), (n = window) == null || n.removeEventListener("pointerdown", this._handlePointerdown), (r = this.hostMutationObserver) == null || r.disconnect(), (i = this.inputMutationObserver) == null || i.disconnect(), this.nativeInput && (this.nativeInput.removeEventListener("input", this._updateStates), this.nativeInput.removeEventListener("focusin", this._handleFocusIn), this.nativeInput.removeEventListener("focusout", this._handleFocusOut));
+	}
 };
+//#endregion
+export { e as inputStatesMixin };