@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.3

package/dialog/dialog-title/dialog-title.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbTitleBase } from '../../title.js';
-declare const SbbDialogTitleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+import { SbbTitleBase } from '../../title.ts';
+declare const SbbDialogTitleElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbTitleBase;
 /**
  * It displays a title inside a dialog header.
  *

package/dialog/dialog-title.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './dialog-title/dialog-title.component.js';
+export * from './dialog-title/dialog-title.component.ts';
 //# sourceMappingURL=dialog-title.d.ts.map

package/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './dialog/dialog.component.js';
+export * from './dialog/dialog.component.ts';
 //# sourceMappingURL=dialog.d.ts.map

package/dialog.d.ts

@@ -1,9 +1,9 @@
 /**
  * @entrypoint
  */
-export * from './dialog/dialog-actions.js';
-export * from './dialog/dialog-content.js';
-export * from './dialog/dialog-close-button.js';
-export * from './dialog/dialog-title.js';
-export * from './dialog/dialog.js';
+export * from './dialog/dialog-actions.ts';
+export * from './dialog/dialog-content.ts';
+export * from './dialog/dialog-close-button.ts';
+export * from './dialog/dialog-title.ts';
+export * from './dialog/dialog.ts';
 //# sourceMappingURL=dialog.d.ts.map

package/divider/divider.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbOrientation } from '../core/interfaces.js';
-declare const SbbDividerElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+import { SbbOrientation } from '../core/interfaces.ts';
+declare const SbbDividerElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a divider between sections.
  */

package/divider.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './divider/divider.component.js';
+export * from './divider/divider.component.ts';
 //# sourceMappingURL=divider.d.ts.map

package/expansion-panel/expansion-panel/expansion-panel.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbTitleLevel } from '../../title.js';
-declare const SbbExpansionPanelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+import { SbbTitleLevel } from '../../title.ts';
+declare const SbbExpansionPanelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays an expandable summary-details widget.
  *

package/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbExpansionPanelContentElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbExpansionPanelContentElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It can be used as a container for the content of the `sbb-expansion-panel` component.
  *

package/expansion-panel/expansion-panel-content.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel-content/expansion-panel-content.component.js';
+export * from './expansion-panel-content/expansion-panel-content.component.ts';
 //# sourceMappingURL=expansion-panel-content.d.ts.map

package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbExpansionPanelHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbExpansionPanelHeaderElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
 /**
  * It acts as a native `summary` tag for the `sbb-expansion-panel` component.
  *

package/expansion-panel/expansion-panel-header.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel-header/expansion-panel-header.component.js';
+export * from './expansion-panel-header/expansion-panel-header.component.ts';
 //# sourceMappingURL=expansion-panel-header.d.ts.map

package/expansion-panel/expansion-panel.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel/expansion-panel.component.js';
+export * from './expansion-panel/expansion-panel.component.ts';
 //# sourceMappingURL=expansion-panel.d.ts.map

package/expansion-panel.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel/expansion-panel.js';
-export * from './expansion-panel/expansion-panel-content.js';
-export * from './expansion-panel/expansion-panel-header.js';
+export * from './expansion-panel/expansion-panel.ts';
+export * from './expansion-panel/expansion-panel-content.ts';
+export * from './expansion-panel/expansion-panel-header.ts';
 //# sourceMappingURL=expansion-panel.d.ts.map

package/file-selector/common/file-selector-common.d.ts

@@ -1,8 +1,8 @@
 import { LitElement, TemplateResult } from 'lit';
-import { SbbSecondaryButtonStaticElement } from '../../button.js';
-import { SbbLanguageController } from '../../core/controllers.js';
-import { Constructor, FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
-declare const SbbFileSelectorCommonElementMixinType_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+import { SbbSecondaryButtonStaticElement } from '../../button.ts';
+import { SbbLanguageController } from '../../core/controllers.ts';
+import { Constructor, FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
+declare const SbbFileSelectorCommonElementMixinType_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 export declare abstract class SbbFileSelectorCommonElementMixinType extends SbbFileSelectorCommonElementMixinType_base {
     accessor size: 's' | 'm';
     accessor multiple: boolean;

package/file-selector/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/file-selector-common.js';
+export * from './common/file-selector-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/file-selector/file-selector/file-selector.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbFileSelectorElement_base: import('../../core/mixins.ts').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+declare const SbbFileSelectorElement_base: import('../../core/mixins.ts').Constructor<import('../common.ts').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
 /**
  * It allows to select one or more file from storage devices and display them.
  *
- * @slot error - Use this to provide a `sbb-form-error` to show an error message.
+ * @slot error - Use this to provide a `sbb-error` to show an error message.
  */
 export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
     static styles: CSSResultGroup;

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.ts').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.ts').Constructor<import('../common.ts').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
 /**
  * It allows to select one or more file from storage devices via button click or drag and drop, and display them.
  *
- * @slot error - Use this to provide a `sbb-form-error` to show an error message.
+ * @slot error - Use this to provide a `sbb-error` to show an error message.
  */
 export declare class SbbFileSelectorDropzoneElement extends SbbFileSelectorDropzoneElement_base {
     static styles: CSSResultGroup;

package/file-selector/file-selector-dropzone.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './file-selector-dropzone/file-selector-dropzone.component.js';
+export * from './file-selector-dropzone/file-selector-dropzone.component.ts';
 //# sourceMappingURL=file-selector-dropzone.d.ts.map

package/file-selector/file-selector.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './file-selector/file-selector.component.js';
+export * from './file-selector/file-selector.component.ts';
 //# sourceMappingURL=file-selector.d.ts.map

package/file-selector.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './file-selector/common.js';
-export * from './file-selector/file-selector-dropzone.js';
-export * from './file-selector/file-selector.js';
+export * from './file-selector/common.ts';
+export * from './file-selector/file-selector-dropzone.ts';
+export * from './file-selector/file-selector.ts';
 //# sourceMappingURL=file-selector.d.ts.map

package/flip-card/flip-card/flip-card.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { SbbFlipCardDetailsElement } from '../flip-card-details.js';
-import { SbbFlipCardSummaryElement } from '../flip-card-summary.js';
-declare const SbbFlipCardElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+import { SbbFlipCardDetailsElement } from '../flip-card-details.ts';
+import { SbbFlipCardSummaryElement } from '../flip-card-summary.ts';
+declare const SbbFlipCardElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
 /**
  * Displays an informative card that reveals more information upon being clicked.
  *

package/flip-card/flip-card-details.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './flip-card-details/flip-card-details.component.js';
+export * from './flip-card-details/flip-card-details.component.ts';
 //# sourceMappingURL=flip-card-details.d.ts.map

package/flip-card/flip-card-summary.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './flip-card-summary/flip-card-summary.component.js';
+export * from './flip-card-summary/flip-card-summary.component.ts';
 //# sourceMappingURL=flip-card-summary.d.ts.map

package/flip-card/flip-card.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './flip-card/flip-card.component.js';
+export * from './flip-card/flip-card.component.ts';
 //# sourceMappingURL=flip-card.d.ts.map

package/flip-card.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './flip-card/flip-card.js';
-export * from './flip-card/flip-card-summary.js';
-export * from './flip-card/flip-card-details.js';
+export * from './flip-card/flip-card.ts';
+export * from './flip-card/flip-card-summary.ts';
+export * from './flip-card/flip-card-details.ts';
 //# sourceMappingURL=flip-card.d.ts.map

package/footer/footer.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbTitleLevel } from '../title.js';
-declare const SbbFooterElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbTitleLevel } from '../title.ts';
+declare const SbbFooterElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays a footer section for the page.
  *

package/footer.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './footer/footer.component.js';
+export * from './footer/footer.component.ts';
 //# sourceMappingURL=footer.d.ts.map

package/{development/form-error/form-error.component.d.ts → form-field/error/error.component.d.ts}

@@ -1,20 +1,20 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbFormErrorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+declare const SbbErrorElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays an error message in the `sbb-form-field`.
  *
  * @slot - Use this slot to display the error message.
  * @slot icon - Use this slot to override the default error icon.
  */
-export declare class SbbFormErrorElement extends SbbFormErrorElement_base {
+export declare class SbbErrorElement extends SbbErrorElement_base {
     static styles: CSSResultGroup;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sbb-form-error': SbbFormErrorElement;
+        'sbb-error': SbbErrorElement;
     }
 }
 export {};
-//# sourceMappingURL=form-error.component.d.ts.map
+//# sourceMappingURL=error.component.d.ts.map

package/form-field/error/error.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/error/error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAUvC;;;;;GAKG;AACH,qBAEM,eAAgB,SAAQ,oBAA4B;IACxD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/form-field/error/error.component.js

@@ -0,0 +1,47 @@
+import { __esDecorate as l, __runInitializers as n } from "tslib";
+import { css as b, LitElement as c, html as h } from "lit";
+import { customElement as m } from "lit/decorators.js";
+import { SbbNegativeMixin as g } from "../../core/mixins.js";
+import { boxSizingStyles as v } from "../../core/styles.js";
+const f = b`:host{--sbb-error-color: var(--sbb-color-error);--sbb-error-height: calc(var(--sbb-typo-line-height-text) * 1em);--sbb-error-icon-size: 1.0625rem;--sbb-icon-svg-width: var(--sbb-error-icon-size);--sbb-icon-svg-height: var(--sbb-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-error-color);min-height:var(--sbb-error-height);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}@media(forced-colors:active){:host{--sbb-error-color: LinkText !important}}:host([negative]){--sbb-error-color: var(--sbb-color-red85)}.error__icon{display:flex;align-items:center;height:var(--sbb-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.error-content{line-height:var(--sbb-typo-line-height-text);vertical-align:text-top}.error__icon-svg{stroke:currentcolor;height:var(--sbb-error-height)}`;
+let d = 0, z = (() => {
+  var t;
+  let a = [m("sbb-error")], s, i = [], e, o = g(c);
+  return t = class extends o {
+    connectedCallback() {
+      super.connectedCallback(), this.id ||= `sbb-error-${d++}`;
+      const r = this.closest?.("sbb-form-field") ?? this.closest?.("[data-form-field]");
+      r && (this.negative = r.hasAttribute("negative"));
+    }
+    render() {
+      return h`
+      <span class="error__icon">
+        <slot name="icon">
+          <svg
+            class="error__icon-svg"
+            aria-hidden="true"
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <line x1="7" y1="3" x2="7" y2="8.5" />
+            <line x1="7" y1="10" x2="7" y2="11" />
+            <circle cx="7" cy="7" r="6.5" />
+          </svg>
+        </slot>
+      </span>
+      <span class="error-content">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, e = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    l(null, s = { value: e }, a, { kind: "class", name: e.name, metadata: r }, null, i), e = s.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = [v, f], n(e, i), e;
+})();
+export {
+  z as SbbErrorElement
+};

package/form-field/error.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './error/error.component.ts';
+//# sourceMappingURL=error.d.ts.map

package/form-field/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/elements/form-field/error.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/form-field/error.js

@@ -0,0 +1,4 @@
+import { SbbErrorElement as o } from "./error/error.component.js";
+export {
+  o as SbbErrorElement
+};

package/form-field/form-field/form-field.component.d.ts

@@ -20,7 +20,7 @@ export declare class SbbFormFieldControlEvent extends Event {
     get control(): SbbFormFieldElementControl | null;
     constructor(control: SbbFormFieldElementControl | null);
 }
-declare const SbbFormFieldElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbFormFieldElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It wraps an input element adding label, errors, icon, etc.
  *
@@ -99,7 +99,7 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
     private _isInputEmpty;
     private _isInputValueEmpty;
     /**
-     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-form-error> instances.
+     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.
      */
     private _onSlotErrorChange;
     private _assignErrorMessageElements;

package/form-field/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}

package/form-field/form-field/form-field.component.js

@@ -177,7 +177,7 @@ let je = (() => {
       this._assignSlots(), this._connectInputElement();
     }
     _assignSlots() {
-      this.querySelectorAll("label:not([slot])").forEach((e) => e.setAttribute("slot", "label")), this.querySelectorAll("sbb-form-error:not([slot])").forEach((e) => e.setAttribute("slot", "error"));
+      this.querySelectorAll("label:not([slot])").forEach((e) => e.setAttribute("slot", "label")), this.querySelectorAll("sbb-error:not([slot])").forEach((e) => e.setAttribute("slot", "error"));
     }
     _connectInputElement() {
       let e = null;
@@ -250,7 +250,7 @@ let je = (() => {
       return ["", void 0, null].includes(e) || Array.isArray(e) && e.length === 0;
     }
     /**
-     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-form-error> instances.
+     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.
      */
     _onSlotErrorChange(e) {
       const t = e.target.assignedElements();
@@ -271,7 +271,7 @@ let je = (() => {
       this._input?.localName === "input" && (this._input.value = "", this._checkAndUpdateInputEmpty());
     }
     _syncNegative() {
-      this.querySelectorAll?.("sbb-form-error,sbb-mini-button,sbb-form-field-clear,sbb-datepicker-next-day,sbb-datepicker-previous-day,sbb-datepicker-toggle,sbb-select,sbb-autocomplete,sbb-autocomplete-grid,sbb-chip-group").forEach((e) => e.toggleAttribute("negative", this.negative));
+      this.querySelectorAll?.("sbb-error,sbb-mini-button,sbb-form-field-clear,sbb-datepicker-next-day,sbb-datepicker-previous-day,sbb-datepicker-toggle,sbb-select,sbb-autocomplete,sbb-autocomplete-grid,sbb-chip-group").forEach((e) => e.toggleAttribute("negative", this.negative));
     }
     _syncSize() {
       this.querySelectorAll?.("sbb-autocomplete,sbb-autocomplete-grid,sbb-select").forEach((e) => e.size = this.size === "s" ? "s" : "m");

package/form-field/form-field-clear/form-field-clear.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbFormFieldClearElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbFormFieldClearElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
 /**
  * Combined with `sbb-form-field`, it displays a button which clears the input value.
  */

package/form-field/form-field-clear.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './form-field-clear/form-field-clear.component.js';
+export * from './form-field-clear/form-field-clear.component.ts';
 //# sourceMappingURL=form-field-clear.d.ts.map

package/form-field/form-field.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './form-field/form-field.component.js';
+export * from './form-field/form-field.component.ts';
 //# sourceMappingURL=form-field.d.ts.map

package/form-field.d.ts

@@ -1,6 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './form-field/form-field.js';
-export * from './form-field/form-field-clear.js';
+export * from './form-field/error.ts';
+export * from './form-field/form-field.ts';
+export * from './form-field/form-field-clear.ts';
 //# sourceMappingURL=form-field.d.ts.map

package/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../src/elements/form-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../src/elements/form-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC"}

package/form-field.js

@@ -1,7 +1,9 @@
-import { SbbFormFieldControlEvent as r, SbbFormFieldElement as l } from "./form-field/form-field/form-field.component.js";
-import { SbbFormFieldClearElement as b } from "./form-field/form-field-clear/form-field-clear.component.js";
+import { SbbErrorElement as o } from "./form-field/error/error.component.js";
+import { SbbFormFieldControlEvent as b, SbbFormFieldElement as l } from "./form-field/form-field/form-field.component.js";
+import { SbbFormFieldClearElement as F } from "./form-field/form-field-clear/form-field-clear.component.js";
 export {
-  b as SbbFormFieldClearElement,
-  r as SbbFormFieldControlEvent,
+  o as SbbErrorElement,
+  F as SbbFormFieldClearElement,
+  b as SbbFormFieldControlEvent,
   l as SbbFormFieldElement
 };

package/header/common/header-action-common.d.ts

@@ -1,7 +1,7 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { SbbHorizontalFrom } from '../../core/interfaces.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbHeaderActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { SbbHorizontalFrom } from '../../core/interfaces.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbHeaderActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbActionBaseElement;
 export declare class SbbHeaderActionCommonElementMixinType extends SbbHeaderActionCommonElementMixinType_base {
     accessor expandFrom: SbbHorizontalFrom;
 }

package/header/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/header-action-common.js';
+export * from './common/header-action-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/header/header/header.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-declare const SbbHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+declare const SbbHeaderElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays a header section for the page.
  *

package/header/header-button/header-button.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbHeaderButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbHeaderButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-header` component.
  *

package/header/header-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './header-button/header-button.component.js';
+export * from './header-button/header-button.component.ts';
 //# sourceMappingURL=header-button.d.ts.map

package/header/header-environment/header-environment.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbHeaderEnvironmentElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbHeaderEnvironmentElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a ribbon inside the header to indicate the current environment.
  *

package/header/header-environment.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './header-environment/header-environment.component.js';
+export * from './header-environment/header-environment.component.ts';
 //# sourceMappingURL=header-environment.d.ts.map

package/header/header-link/header-link.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbHeaderLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbHeaderLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbHeaderActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-header` component.
  *

package/header/header-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './header-link/header-link.component.js';
+export * from './header-link/header-link.component.ts';
 //# sourceMappingURL=header-link.d.ts.map

package/header/header.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './header/header.component.js';
+export * from './header/header.component.ts';
 //# sourceMappingURL=header.d.ts.map

package/header.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './header/header.js';
-export * from './header/header-button.js';
-export * from './header/header-link.js';
-export * from './header/common.js';
+export * from './header/header.ts';
+export * from './header/header-button.ts';
+export * from './header/header-link.ts';
+export * from './header/common.ts';
 //# sourceMappingURL=header.d.ts.map