@solid-design-system/components 3.24.0 → 4.0.0-next.1

package/dist/versioned-package/components/spinner/spinner.d.ts

@@ -1,13 +0,0 @@
-import { LocalizeController } from '../../utilities/localize';
-import SolidElement from '../../internal/solid-element';
-export default class SdSpinner extends SolidElement {
-    color: 'primary' | 'white' | 'currentColor';
-    localize: LocalizeController;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-spinner': SdSpinner;
-    }
-}

package/dist/versioned-package/components/spinner/spinner.js

@@ -1,46 +0,0 @@
-import { css, html } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { LocalizeController } from "../../utilities/localize.js";
-import { property } from "lit/decorators.js";
-import cx from "classix";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdSpinner = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.color = "currentColor";
-    this.localize = new LocalizeController(this);
-  }
-  render() {
-    return html`<svg role="progressbar" viewBox="0 0 24 24" class="${cx(
-      "animate-spin",
-      {
-        primary: "text-primary",
-        white: "text-white",
-        currentColor: ""
-      }[this.color]
-    )}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`;
-  }
-};
-SdSpinner.styles = [
-  SolidElement.styles,
-  css`:host{display:inline-block;width:1em;height:1em}`
-];
-__decorateClass([
-  property({ reflect: true })
-], SdSpinner.prototype, "color", 2);
-SdSpinner = __decorateClass([
-  customElement("sd-3-24-0-spinner")
-], SdSpinner);
-export {
-  SdSpinner as default
-};

package/dist/versioned-package/components/step/step.d.ts

@@ -1,27 +0,0 @@
-import SolidElement from '../../internal/solid-element';
-export default class SdStep extends SolidElement {
-    size: 'lg' | 'sm';
-    orientation: 'horizontal' | 'vertical';
-    disabled: boolean;
-    current: boolean;
-    noTail: boolean;
-    notInteractive: boolean;
-    label: string;
-    description: string;
-    index: number;
-    href: string;
-    connectedCallback(): void;
-    private isLink;
-    private handleBlur;
-    private handleFocus;
-    handleCurrentChange(): void;
-    handleDisabledChange(): void;
-    handleInteractivityChange(): void;
-    render(): import("lit").TemplateResult;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-step': SdStep;
-    }
-}

package/dist/versioned-package/components/step/step.js

@@ -1,143 +0,0 @@
-import { unsafeCSS, css } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { literal, html } from "lit/static-html.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property } from "lit/decorators.js";
-import { watch } from "../../internal/watch.js";
-import componentStyles from "../../styles/component.styles.js";
-import cx from "classix";
-import ParagraphStyles from "../../styles/paragraph/paragraph.css.js";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdStep = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.size = "lg";
-    this.orientation = "horizontal";
-    this.disabled = false;
-    this.current = false;
-    this.noTail = false;
-    this.notInteractive = false;
-    this.label = "";
-    this.description = "";
-    this.index = 1;
-    this.href = "";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  isLink() {
-    return this.href ? true : false;
-  }
-  handleBlur() {
-    this.emit("sd-blur");
-  }
-  handleFocus() {
-    this.emit("sd-focus");
-  }
-  handleCurrentChange() {
-    if (this.current) {
-      this.disabled = false;
-    }
-  }
-  handleDisabledChange() {
-    if (this.disabled) {
-      this.current = false;
-    }
-  }
-  handleInteractivityChange() {
-    if (this.notInteractive) {
-      this.current = false;
-      this.disabled = false;
-    }
-  }
-  render() {
-    const isLink = this.isLink();
-    const tag = this.notInteractive ? literal`div` : isLink ? literal`a` : literal`button`;
-    return html`<div role="listitem" part="base" class="${cx(
-      "flex pt-1",
-      this.orientation === "horizontal" ? "flex-col w-full" : "flex-row gap-4 items-stretch h-full w-min overflow-hidden",
-      !this.disabled && !this.current && !this.notInteractive && "group"
-    )}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${cx(
-      "flex shrink-0 gap-2",
-      this.noTail && "w-max",
-      this.orientation === "horizontal" ? "flex-row" : "flex-col items-stretch",
-      this.orientation === "horizontal" ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" ? "mt-1" : "mt-3"
-    )}"><${tag} part="circle" href="${ifDefined(isLink ? this.href : void 0)}" aria-disabled="${ifDefined(this.disabled || void 0)}" aria-current="${this.current ? "step" : void 0}" aria-labelledby="${ifDefined("label")}" aria-describedby="${ifDefined("description")}" class="${cx(
-      "border rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
-      this.disabled ? "focus-visible:outline-none cursor-not-allowed" : "focus-visible:focus-outline group-hover:cursor-pointer",
-      this.notInteractive ? this.size === "lg" ? "w-[72px]" : "w-12" : this.size === "lg" ? "w-12" : "w-8",
-      this.disabled && "border-neutral-400 text-neutral-700",
-      !this.disabled && !this.current && !this.notInteractive && "border-primary group-hover:bg-primary-100 group-hover:border-primary-500",
-      this.notInteractive && "border-neutral-400",
-      this.current && "bg-accent border-none text-white"
-    )}"><slot name="circle-content" class="${cx(
-      !this.disabled && !this.current && !this.notInteractive && "text-primary group-hover:text-primary-500 group-hover:fill-primary-500",
-      this.notInteractive && "text-primary",
-      this.size === "lg" ? "text-lg" : "text-sm"
-    )}">${!this.disabled && !this.current && !this.notInteractive ? html`<sd-3-24-0-icon name="status-check" library="system"></sd-3-24-0-icon>` : html`${this.index}`}</slot></${tag}>${this.noTail ? "" : html`<div part="tail" class="${cx(
-      this.orientation === "horizontal" ? "border-t w-full my-auto mr-2" : "border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",
-      !this.disabled && !this.current && !this.notInteractive ? " border-primary group-hover:border-primary-500" : "border-neutral-400"
-    )}"></div>`}</div><div part="text-container" class="${cx("mt-4 break-words flex flex-col gap-2", this.orientation === "horizontal" ? "text-center w-40" : "w-max text-left", this.disabled && "!text-neutral-700", this.notInteractive ? "ml-3" : "mr-4")}"><div part="label" id="label" class="${cx("!font-bold sd-paragraph", this.disabled && "!text-neutral-700", !this.disabled && !this.current && !this.notInteractive ? "!text-primary group-hover:!text-primary-500 group-hover:cursor-pointer" : "text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${cx("sd-paragraph sd-paragraph--size-sm", this.disabled && "!text-neutral-700")}">${this.description || html`<slot></slot>`}</div></div></div>`;
-  }
-};
-SdStep.styles = [
-  SolidElement.styles,
-  componentStyles,
-  unsafeCSS(ParagraphStyles),
-  css`:host{flex:1 1 0%}:host([no-tail]){flex-grow:0}.translateLg{transform:translateX(55px)}.translateSm{transform:translateX(64px)}`
-];
-__decorateClass([
-  property({ reflect: true })
-], SdStep.prototype, "size", 2);
-__decorateClass([
-  property({ reflect: true })
-], SdStep.prototype, "orientation", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdStep.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdStep.prototype, "current", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean, attribute: "no-tail" })
-], SdStep.prototype, "noTail", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "not-interactive" })
-], SdStep.prototype, "notInteractive", 2);
-__decorateClass([
-  property()
-], SdStep.prototype, "label", 2);
-__decorateClass([
-  property()
-], SdStep.prototype, "description", 2);
-__decorateClass([
-  property({ type: Number, reflect: true, attribute: "index" })
-], SdStep.prototype, "index", 2);
-__decorateClass([
-  property()
-], SdStep.prototype, "href", 2);
-__decorateClass([
-  watch("current")
-], SdStep.prototype, "handleCurrentChange", 1);
-__decorateClass([
-  watch("disabled")
-], SdStep.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("notInteractive")
-], SdStep.prototype, "handleInteractivityChange", 1);
-SdStep = __decorateClass([
-  customElement("sd-3-24-0-step")
-], SdStep);
-export {
-  SdStep as default
-};

package/dist/versioned-package/components/step-group/step-group.d.ts

@@ -1,22 +0,0 @@
-import SolidElement from '../../internal/solid-element';
-export default class SdStepGroup extends SolidElement {
-    private steps;
-    body: HTMLSlotElement;
-    size: 'lg' | 'sm';
-    orientation: 'horizontal' | 'vertical';
-    activeStep: number;
-    notInteractive: boolean;
-    connectedCallback(): void;
-    updateSize(): void;
-    updateOrientation(): void;
-    private getAllSteps;
-    setActiveStep(index: number): void;
-    handleInteractivityChange(): void;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-step-group': SdStepGroup;
-    }
-}

package/dist/versioned-package/components/step-group/step-group.js

@@ -1,126 +0,0 @@
-import { css, html } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { query, property } from "lit/decorators.js";
-import { watch } from "../../internal/watch.js";
-import componentStyles from "../../styles/component.styles.js";
-import cx from "classix";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdStepGroup = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.steps = [];
-    this.size = "lg";
-    this.orientation = "horizontal";
-    this.activeStep = 0;
-    this.notInteractive = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.updateComplete.then(() => {
-      this.steps = this.getAllSteps();
-      this.steps[this.steps.length - 1].noTail = true;
-      let activeStep;
-      this.steps.forEach((step, index) => {
-        step.index = index + 1;
-        step.size = this.size;
-        step.orientation = this.orientation;
-        if (this.notInteractive) {
-          step.current = false;
-          step.disabled = false;
-          step.notInteractive = true;
-        } else if (step.current) {
-          activeStep = index;
-        }
-      });
-      this.setActiveStep(activeStep || this.activeStep);
-    });
-  }
-  updateSize() {
-    this.steps.forEach((step) => {
-      step.size = this.size;
-    });
-  }
-  updateOrientation() {
-    this.steps.forEach((step) => {
-      step.orientation = this.orientation;
-    });
-  }
-  getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-3-24-0-step");
-  }
-  /**
-   * Sets the active step.
-   * @param index The index of the step to set as active.
-   */
-  setActiveStep(index) {
-    if (index >= 0 && index < this.steps.length && !this.notInteractive) {
-      this.activeStep = index;
-      this.steps.forEach((step, i) => {
-        if (i === index) {
-          step.current = true;
-        } else if (i > index) {
-          step.disabled = true;
-        } else {
-          step.current = false;
-        }
-      });
-    }
-  }
-  handleInteractivityChange() {
-    if (this.notInteractive) {
-      this.steps.forEach((step) => {
-        step.current = false;
-        step.disabled = false;
-        step.notInteractive = true;
-      });
-    }
-  }
-  render() {
-    return html`<div role="${!this.notInteractive ? "navigation" : "group"}" class="h-full"><div role="list" part="base" class="${cx("flex", this.orientation === "vertical" && "flex-col h-full")}"><slot part="body"></slot></div></div>`;
-  }
-};
-SdStepGroup.styles = [
-  SolidElement.styles,
-  componentStyles,
-  css`:host{width:-moz-max-content;width:max-content}`
-];
-__decorateClass([
-  query("[part=body]")
-], SdStepGroup.prototype, "body", 2);
-__decorateClass([
-  property({ reflect: true })
-], SdStepGroup.prototype, "size", 2);
-__decorateClass([
-  property({ reflect: true })
-], SdStepGroup.prototype, "orientation", 2);
-__decorateClass([
-  property({ type: Number, reflect: true, attribute: "active-step" })
-], SdStepGroup.prototype, "activeStep", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "not-interactive" })
-], SdStepGroup.prototype, "notInteractive", 2);
-__decorateClass([
-  watch("size", { waitUntilFirstUpdate: true })
-], SdStepGroup.prototype, "updateSize", 1);
-__decorateClass([
-  watch("orientation", { waitUntilFirstUpdate: true })
-], SdStepGroup.prototype, "updateOrientation", 1);
-__decorateClass([
-  watch("notInteractive")
-], SdStepGroup.prototype, "handleInteractivityChange", 1);
-SdStepGroup = __decorateClass([
-  customElement("sd-3-24-0-step-group")
-], SdStepGroup);
-export {
-  SdStepGroup as default
-};

package/dist/versioned-package/components/switch/switch.d.ts

@@ -1,39 +0,0 @@
-import SolidElement from '../../internal/solid-element';
-import type { SolidFormControl } from '../../internal/solid-element';
-export default class SdSwitch extends SolidElement implements SolidFormControl {
-    private readonly formControlController;
-    input: HTMLInputElement;
-    invalidMessage: HTMLDivElement;
-    showInvalidStyle: boolean;
-    title: string;
-    name: string;
-    value: string;
-    disabled: boolean;
-    checked: boolean;
-    defaultChecked: boolean;
-    form: string;
-    required: boolean;
-    get validity(): ValidityState;
-    firstUpdated(): void;
-    private handleClick;
-    private handleBlur;
-    private handleInput;
-    private handleInvalid;
-    private handleFocus;
-    handleDisabledChange(): void;
-    handleStateChange(): void;
-    click(): void;
-    focus(options?: FocusOptions): void;
-    blur(): void;
-    checkValidity(): boolean;
-    getForm(): HTMLFormElement | null;
-    reportValidity(): boolean;
-    setCustomValidity(message: string): void;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-switch': SdSwitch;
-    }
-}

package/dist/versioned-package/components/switch/switch.js

@@ -1,169 +0,0 @@
-import { css, html } from "lit";
-import { customElement } from "../../internal/register-custom-element.js";
-import { defaultValue } from "../../internal/default-value.js";
-import { FormControlController } from "../../internal/form.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { live } from "lit/directives/live.js";
-import { query, state, property } from "lit/decorators.js";
-import { watch } from "../../internal/watch.js";
-import cx from "classix";
-import SolidElement from "../../internal/solid-element.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let SdSwitch = class extends SolidElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      value: (control) => control.checked ? control.value || "on" : void 0,
-      defaultValue: (control) => control.defaultChecked,
-      setValue: (control, checked) => control.checked = checked
-    });
-    this.showInvalidStyle = false;
-    this.title = "";
-    this.name = "";
-    this.disabled = false;
-    this.checked = false;
-    this.defaultChecked = false;
-    this.form = "";
-    this.required = false;
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.input.validity;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
-  handleClick() {
-    this.checked = !this.checked;
-    this.emit("sd-change");
-  }
-  handleBlur() {
-    this.emit("sd-blur");
-  }
-  handleInput() {
-    this.emit("sd-input");
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-    this.invalidMessage.textContent = event.target.validationMessage;
-  }
-  handleFocus() {
-    this.emit("sd-focus");
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-    this.formControlController.setValidity(this.disabled);
-  }
-  handleStateChange() {
-    this.input.checked = this.checked;
-    this.formControlController.updateValidity();
-  }
-  /** Simulates a click on the switch. */
-  click() {
-    this.input.click();
-  }
-  /** Sets focus on the switch. */
-  focus(options) {
-    this.input.focus(options);
-  }
-  /** Removes focus from the switch. */
-  blur() {
-    this.input.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns true when valid and false when invalid. */
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows a validation message if the control is invalid. */
-  reportValidity() {
-    return this.input.reportValidity();
-  }
-  /**
-   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   */
-  setCustomValidity(message) {
-    this.input.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
-  render() {
-    return html`<label part="base" class="${cx(
-      "group flex items-center text-base leading-normal text-black cursor-pointer",
-      this.disabled && "hover:cursor-not-allowed"
-    )}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"}" class="${cx(
-      `relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
-            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
-            peer-focus-visible:outline-primary`,
-      this.disabled && this.checked ? "border-neutral-500 bg-neutral-500" : this.disabled ? "border-neutral-500" : this.showInvalidStyle ? "border-error bg-error hover:bg-error-400" : this.checked ? "border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550" : "border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200"
-    )}"><span id="thumb" part="thumb" class="${cx(
-      "w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",
-      this.disabled && this.checked ? "bg-white" : this.disabled ? "-translate-x-2 bg-neutral-500" : this.showInvalidStyle ? "bg-white -translate-x-2" : this.checked ? "translate-x-2 bg-white" : "bg-neutral-800 -translate-x-2"
-    )}"></span> </span><span part="label" id="label" class="${cx(
-      "select-none inline-block ml-2",
-      this.disabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
-    )}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;
-  }
-};
-SdSwitch.styles = [
-  SolidElement.styles,
-  css`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label::after{content:' *'}`
-];
-__decorateClass([
-  query("input")
-], SdSwitch.prototype, "input", 2);
-__decorateClass([
-  query("#invalid-message")
-], SdSwitch.prototype, "invalidMessage", 2);
-__decorateClass([
-  state()
-], SdSwitch.prototype, "showInvalidStyle", 2);
-__decorateClass([
-  property()
-], SdSwitch.prototype, "title", 2);
-__decorateClass([
-  property()
-], SdSwitch.prototype, "name", 2);
-__decorateClass([
-  property()
-], SdSwitch.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdSwitch.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdSwitch.prototype, "checked", 2);
-__decorateClass([
-  defaultValue("checked")
-], SdSwitch.prototype, "defaultChecked", 2);
-__decorateClass([
-  property({ reflect: true })
-], SdSwitch.prototype, "form", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdSwitch.prototype, "required", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SdSwitch.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch(["checked"], { waitUntilFirstUpdate: true })
-], SdSwitch.prototype, "handleStateChange", 1);
-SdSwitch = __decorateClass([
-  customElement("sd-3-24-0-switch")
-], SdSwitch);
-export {
-  SdSwitch as default
-};

package/dist/versioned-package/components/tab/tab.d.ts

@@ -1,22 +0,0 @@
-import SolidElement from '../../internal/solid-element';
-export default class SdTab extends SolidElement {
-    private readonly attrId;
-    private readonly componentId;
-    tab: HTMLElement;
-    variant: 'default' | 'container';
-    active: boolean;
-    disabled: boolean;
-    panel: string;
-    connectedCallback(): void;
-    handleActiveChange(): void;
-    handleDisabledChange(): void;
-    focus(options?: FocusOptions): void;
-    blur(): void;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultGroup[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sd-3-24-0-tab': SdTab;
-    }
-}