@cupra/ui-kit 1.1.0-canary.9 → 2.0.0-canary.16

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

@@ -0,0 +1,90 @@
+import { UiKitElement as m } from "../base/UiKitElement.js";
+import { customUiKitElement as u } from "../../decorators/customUiKitElement.js";
+import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
+import { inputStatesMixin as f } from "../../mixins/inputStatesMixin.js";
+import { objectConverter as v } from "../../utils/objectConverter.js";
+import { validateMaxLength as x } from "../../utils/validateMaxLength.js";
+import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import { html as a, nothing as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import { property as p } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { classMap as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { commonStyles as E } from "./styles/common.styles.js";
+var y = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? S(e, o) : e, h = t.length - 1, d; h >= 0; h--)
+    (d = t[h]) && (s = (i ? d(e, o, s) : d(s)) || s);
+  return i && s && y(e, o, s), s;
+};
+let r = class extends f(c(m)) {
+  constructor() {
+    super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.mode = "light";
+  }
+  onInputReady(t) {
+    t.classList.add("ds-scroll");
+  }
+  get classes() {
+    const t = typeof this.size == "string" ? this.size : this.size[this.viewport];
+    return {
+      container: !0,
+      error: !!this.forcedError,
+      [t]: !!t,
+      [this.mode]: !!this.mode,
+      disabled: this.inputStates.disabled,
+      filled: this.inputStates.filled,
+      invalid: this.inputStates.invalid,
+      focus: this.inputStates.focus,
+      "focus-visible": this.inputStates.focusVisible
+    };
+  }
+  render() {
+    return a`
+            <div class=${g(this.classes)}>
+                <div class="input-container">
+                    <slot></slot>
+                </div>
+                <div class="footer">
+                    ${this.helperTextTemplate}
+                    ${this.forcedErrorTemplate}
+                    ${this.invalidErrorTemplate}
+                    ${this.lengthTemplate}
+                </div>
+            </div>
+        `;
+  }
+  get lengthTemplate() {
+    var e, o, i;
+    const t = (o = (e = this.nativeInput) == null ? void 0 : e.maxLength) == null ? void 0 : o.toString();
+    return x(t) ? a`<span class="char-counter">${((i = this.inputStates.currentValue) == null ? void 0 : i.length) || 0}/${t}</span>` : l;
+  }
+  get helperTextTemplate() {
+    return this.forcedError || this.inputStates.invalid && this.invalidError ? l : a`<span class="support-text helper-text">${this.helperText}</span>`;
+  }
+  get forcedErrorTemplate() {
+    return this.forcedError ? a`<span class="support-text error-text forced-error">${this.forcedError}</span>` : l;
+  }
+  get invalidErrorTemplate() {
+    return this.forcedError || !this.inputStates.invalid || !this.invalidError ? l : a`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
+  }
+};
+r.styles = [E];
+n([
+  p({ type: String, converter: v })
+], r.prototype, "size", 2);
+n([
+  p({ type: String, attribute: "helper-text" })
+], r.prototype, "helperText", 2);
+n([
+  p({ type: String, attribute: "forced-error" })
+], r.prototype, "forcedError", 2);
+n([
+  p({ type: String, attribute: "invalid-error" })
+], r.prototype, "invalidError", 2);
+n([
+  p({ type: String })
+], r.prototype, "mode", 2);
+r = n([
+  u("ds-textarea")
+], r);
+export {
+  r as DsTextarea
+};

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

@@ -0,0 +1,93 @@
+import { THEME_STORAGE_KEY as p } from "../../core/theme.constants.js";
+import { customUiKitElement as f } from "../../decorators/customUiKitElement.js";
+import { provide as c } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
+import { pubSub as u } from "../../utils/PubSub.js";
+import { booleanConverter as h } from "../../utils/booleanConverter.js";
+import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as y, html as $ } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { LitElement as F } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as l } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import { fontsConfig as v } from "../../styles/fonts-config.js";
+import { themeContext as S } from "./themeContext.js";
+var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (t, o, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? E(o, s) : o, a = t.length - 1, n; a >= 0; a--)
+    (n = t[a]) && (e = (r ? n(o, s, e) : n(e)) || e);
+  return r && e && w(o, s, e), e;
+};
+let m = class extends F {
+  constructor() {
+    super(...arguments), this.loadFonts = !0, this.loadStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
+  }
+  updated(t) {
+    if (super.updated(t), t.has("theme")) {
+      if (u.publish("theme", this.theme), sessionStorage == null || sessionStorage.setItem(p, this.theme), typeof FontFace > "u" || !(document != null && document.fonts)) return;
+      this.loadThemeFonts(), this.loadThemeStyles().then(() => {
+        this.cssLoaded = !0;
+      });
+    }
+  }
+  loadThemeFonts() {
+    var t;
+    (t = v[this.theme]) == null || t.fonts.forEach((o) => {
+      this.loadThemeFont(o);
+    });
+  }
+  async loadThemeFont({ weight: t, name: o, file: s }) {
+    if (!this.loadFonts) return Promise.resolve();
+    const r = `${o}-${t}`;
+    if (this.loadedFonts.has(r)) return;
+    const e = new FontFace(
+      o,
+      `url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff2') format('woff2'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff') format('woff'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.ttf') format('truetype'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.otf') format('opentype')`,
+      {
+        style: "normal",
+        weight: t,
+        display: "swap"
+      }
+    );
+    try {
+      await e.load(), document.fonts.add(e), this.loadedFonts.add(r);
+    } catch (a) {
+      console.error(`Error loading "${o}" font with "${t}" weight:`, a);
+    }
+  }
+  loadThemeStyles() {
+    return this.loadStyles ? new Promise((t, o) => {
+      const s = "/2.0.0-canary.16", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
+      if (document.head.querySelector(`link[href="${r}"]`)) t();
+      else {
+        const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
+        n.id = e, n.rel = "stylesheet", n.href = r, n.onload = () => t(), n.onerror = () => o(new Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(n), a == null || a.remove();
+      }
+    }) : Promise.resolve();
+  }
+  render() {
+    return this.cssLoaded ? $`<slot></slot>` : y;
+  }
+};
+d([
+  i({ type: Boolean, converter: h, attribute: "load-fonts" })
+], m.prototype, "loadFonts", 2);
+d([
+  i({ type: Boolean, converter: h, attribute: "load-styles" })
+], m.prototype, "loadStyles", 2);
+d([
+  c({ context: S }),
+  i({ type: String })
+], m.prototype, "theme", 2);
+d([
+  l()
+], m.prototype, "cssLoaded", 2);
+d([
+  l()
+], m.prototype, "loadedFonts", 2);
+m = d([
+  f("ds-theme-provider")
+], m);
+export {
+  m as DsThemeProvider
+};

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

@@ -0,0 +1,103 @@
+import { UiKitElement as u } from "../base/UiKitElement.js";
+import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as h } from "../../utils/booleanConverter.js";
+import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as v, html as m } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import { property as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { when as p } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
+import { toastMessageStyles as g } from "./styles/common.styles.js";
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (a, o, n, i) => {
+  for (var e = i > 1 ? void 0 : i ? b(o, n) : o, c = a.length - 1, l; c >= 0; c--)
+    (l = a[c]) && (e = (i ? l(o, n, e) : l(e)) || e);
+  return i && e && y(o, n, e), e;
+};
+let t = class extends u {
+  constructor() {
+    super(...arguments), this.status = "default", this.dataId = "", this.title = "", this.text = "", this.dataTemplate = !0;
+  }
+  getIconName() {
+    switch (this.status) {
+      case "success":
+        return "check-mark-circle";
+      case "error":
+        return "cross-circle";
+      case "warning":
+        return "exclamation-mark-circle";
+      case "info":
+        return "info-circle";
+      default:
+        return "chat-bubble";
+    }
+  }
+  handleClickCloseButton() {
+    const a = new CustomEvent("toast:remove", {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        id: this.dataId
+      }
+    });
+    this.dispatchEvent(a);
+  }
+  get toastMessageClasses() {
+    return {
+      container: !0,
+      [this.status || "default"]: !0
+    };
+  }
+  get iconTemplate() {
+    return this.componentFactory.createIcon({
+      class: "icon",
+      "icon-name": this.getIconName(),
+      size: 24
+    });
+  }
+  get closeButtonTemplate() {
+    return this.componentFactory.createIconButton({
+      "data-aria-label": "close-button",
+      "@click": this.handleClickCloseButton,
+      "icon-name": "cross",
+      variant: "naked",
+      size: "medium"
+    });
+  }
+  render() {
+    return this.dataTemplate ? v : m`
+            <div class=${f(this.toastMessageClasses)}>
+                ${this.iconTemplate}
+                <div class="content">
+                    <div class="header">
+                        ${p(this.title, () => m`<div class="title">${this.title}</div>`)}
+                        ${p(this.text, () => m`<div class="message">${this.text}</div>`)}
+                    </div>
+                    <slot></slot>
+                </div>
+                ${this.closeButtonTemplate}
+            </div>
+        `;
+  }
+};
+t.styles = [g];
+s([
+  r({ type: String })
+], t.prototype, "status", 2);
+s([
+  r({ type: String, attribute: "data-id", reflect: !0 })
+], t.prototype, "dataId", 2);
+s([
+  r({ type: String })
+], t.prototype, "title", 2);
+s([
+  r({ type: String })
+], t.prototype, "text", 2);
+s([
+  r({ type: Boolean, converter: h, attribute: "data-template", reflect: !0 })
+], t.prototype, "dataTemplate", 2);
+t = s([
+  d("ds-toast-message")
+], t);
+export {
+  t as DsToastMessage
+};

package/dist-react/esm/index.js

@@ -0,0 +1,72 @@
+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
+};

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

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

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

@@ -0,0 +1,33 @@
+class e {
+  constructor() {
+    this.subscribers = {}, this.lastPublishedData = {};
+  }
+  subscribe(s, r) {
+    return this.subscribers[s] || (this.subscribers[s] = []), this.subscribers[s].push(r), this.lastPublishedData[s];
+  }
+  unsubscribe(s, r) {
+    this.subscribers[s] && (this.subscribers[s] = this.subscribers[s].filter((i) => i !== r));
+  }
+  publish(s, r) {
+    this.lastPublishedData[s] = r, this.subscribers[s] && this.subscribers[s].forEach((i) => {
+      try {
+        i(r);
+      } catch (c) {
+        console.error(`Error in subscriber for event "${s}":`, c);
+      }
+    });
+  }
+}
+const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.16"), t = globalThis;
+let b = t[u];
+b || (b = new e(), Object.defineProperty(t, u, {
+  value: b,
+  writable: !1,
+  configurable: !1,
+  enumerable: !1
+}));
+const a = b;
+export {
+  e as PubSub,
+  a as pubSub
+};

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

@@ -0,0 +1,33 @@
+class s {
+  constructor() {
+    this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
+      componentName: e,
+      theme: t
+    }) => {
+      if (!t || !e) return;
+      const r = `https://ds-assets.cupra.com/2.0.0-canary.16/styles/${t}/components/${e}.css`, c = this.getCachedStyleSheetPromise({ url: r });
+      if (c) return c;
+      const i = this.fetchStyle({ url: r }).then((n) => (n || this.stylePromises.delete(r), n));
+      return this.stylePromises.set(r, i), this.stylePromises.get(r);
+    };
+  }
+  async fetchStyle({ url: e }) {
+    try {
+      if (typeof fetch > "u") return;
+      const 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 s.instance || (s.instance = new s()), s.instance;
+  }
+}
+const a = s.getInstance();
+export {
+  a as stylesRegistry
+};

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

@@ -0,0 +1,11 @@
+import "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+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";
+function x(t, ...r) {
+  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-16"), i = n(e);
+  return o`${i}`;
+}
+export {
+  x as cssWithTokens
+};

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

@@ -0,0 +1,11 @@
+import "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
+function x(t, ...r) {
+  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-16"), e = i(o);
+  return n`${e}`;
+}
+export {
+  x as htmlWithTokens
+};

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

@@ -0,0 +1,10 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+export declare class DsList extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    size: 'small' | 'medium';
+    protected get classes(): {
+        [x: string]: boolean;
+        'ds-list': boolean;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-list/ds-list.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsList } from './ds-list';
+import './ds-list';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-list': DsList;
+    }
+}

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

@@ -0,0 +1,4 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsListAttrs extends CommonAttrs {
+    size?: 'small' | 'medium';
+}

package/dist-react/types/components/ds-list/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-list-item/ds-list-item.d.ts

@@ -0,0 +1,20 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+export declare class DsListItem extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    variant: 'selection' | 'action' | 'info';
+    selected: boolean;
+    disabled: boolean;
+    size: 'small' | 'medium';
+    protected get classes(): {
+        [x: string]: boolean;
+        content: boolean;
+        selected: boolean;
+        disabled: boolean;
+    };
+    connectedCallback(): void;
+    private renderSelectionTemplate;
+    private renderActionTemplate;
+    private renderInfoTemplate;
+    private renderByTemplate;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-list-item/ds-list-item.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsListItem } from './ds-list-item';
+import './ds-list-item';
+import '../ds-list/ds-list';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-list-item': DsListItem;
+    }
+}

package/dist-react/types/components/ds-list-item/ds-list-item.types.d.ts

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsListItemAttrs extends CommonAttrs {
+    variant?: 'selection' | 'action' | 'info';
+    selected?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+}

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

@@ -0,0 +1,21 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsTextareaAttrs } from './ds-textarea.types.ts';
+declare const DsTextarea_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
+export declare class DsTextarea extends DsTextarea_base {
+    static styles: import("lit").CSSResult[];
+    private keyboardMode;
+    size: DsTextareaAttrs['size'];
+    helperText: DsTextareaAttrs['helper-text'];
+    forcedError: DsTextareaAttrs['forced-error'];
+    invalidError: DsTextareaAttrs['invalid-error'];
+    mode: DsTextareaAttrs['mode'];
+    protected onInputReady(nativeInput: HTMLInputElement | HTMLTextAreaElement): void;
+    private get classes();
+    render(): import("lit").TemplateResult<1>;
+    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,68 @@
+import './ds-accordion/ds-accordion.ts';
+import './ds-avatar/ds-avatar.ts';
+import './ds-badge/ds-badge.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';
+import './ds-basic-card-section/ds-basic-card-section.ts';
+import './ds-bullets/ds-bullets.ts';
+import './ds-button/ds-button.ts';
+import './ds-carousel-indicator/ds-carousel-indicator.ts';
+import './ds-checkbox/ds-checkbox.ts';
+import './ds-chip/ds-chip.ts';
+import './ds-chips/ds-chips.ts';
+import './ds-currency/ds-currency.ts';
+import './ds-dialog/ds-dialog.ts';
+import './ds-dialog-body/ds-dialog-body.ts';
+import './ds-dialog-footer/ds-dialog-footer.ts';
+import './ds-dialog-fullscreen/ds-dialog-fullscreen.ts';
+import './ds-dialog-header/ds-dialog-header.ts';
+import './ds-divider/ds-divider.ts';
+import './ds-drawer/ds-drawer.ts';
+import './ds-hyperlink/ds-hyperlink.ts';
+import './ds-icon/ds-icon.ts';
+import './ds-icon-button/ds-icon-button.ts';
+import './ds-input/ds-input.ts';
+import './ds-interactive-card/ds-interactive-card.ts';
+import './ds-link-button/ds-link-button.ts';
+import './ds-loader-bar/ds-loader-bar.ts';
+import './ds-loader-dots/ds-loader-dots.ts';
+import './ds-loader-logo/ds-loader-logo.ts';
+import './ds-loader-spinner/ds-loader-spinner.ts';
+import './ds-logo/ds-logo.ts';
+import './ds-main-title/ds-main-title.ts';
+import './ds-map-pin/ds-map-pin.ts';
+import './ds-modal/ds-modal.ts';
+import './ds-password-input/ds-password-input.ts';
+import './ds-picker-item/ds-picker-item.ts';
+import './ds-portal/ds-portal.ts';
+import './ds-progress-bar/ds-progress-bar.ts';
+import './ds-radio/ds-radio.ts';
+import './ds-radio-button/ds-radio-button.ts';
+import './ds-radio-button-group/ds-radio-button-group.ts';
+import './ds-radio-group/ds-radio-group.ts';
+import './ds-rating/ds-rating.ts';
+import './ds-search/ds-search.ts';
+import './ds-search-input/ds-search-input.ts';
+import './ds-secondary-navigation/ds-secondary-navigation.ts';
+import './ds-segmented-control/ds-segmented-control.ts';
+import './ds-select/ds-select.ts';
+import './ds-selection/ds-selection.ts';
+import './ds-sidebar-navigation/ds-sidebar-navigation.ts';
+import './ds-slider/ds-slider.ts';
+import './ds-static-box/ds-static-box.ts';
+import './ds-stepper/ds-stepper.ts';
+import './ds-tabs/ds-tabs.ts';
+import './ds-tag/ds-tag.ts';
+import './ds-text/ds-text.ts';
+import './ds-text-input/ds-text-input.ts';
+import './ds-textarea/ds-textarea.ts';
+import './ds-theme-provider/ds-theme-provider.ts';
+import './ds-toast/ds-toast.ts';
+import './ds-toast-message/ds-toast-message.ts';
+import './ds-toggle-button/ds-toggle-button.ts';
+import './ds-toggle-switch/ds-toggle-switch.ts';
+import './ds-tooltip/ds-tooltip.ts';
+import './ds-media-control/ds-media-control.ts';
+import './ds-list-item/ds-list-item.ts';
+import './ds-list/ds-list.ts';