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

package/development/dialog/dialog-close-button/dialog-close-button.component.js

@@ -7,6 +7,10 @@ import { css } from "lit";
 const style = css`:host {
   display: block;
   height: fit-content;
+  grid-area: close-button;
+  margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
+  inset-inline-end: var(--sbb-spacing-fixed-4x);
+  margin-block-start: calc(var(--sbb-dialog-padding-block) + 0.5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size, var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)));
 }`;
 let SbbDialogCloseButtonElement = (() => {
   var _a;
@@ -21,10 +25,6 @@ let SbbDialogCloseButtonElement = (() => {
       this._languageController = new SbbLanguageController(this);
       this.size = "s";
     }
-    connectedCallback() {
-      super.connectedCallback();
-      this.slot ||= "title-section";
-    }
     willUpdate(changedProperties) {
       super.willUpdate(changedProperties);
       this.internals.ariaLabel = i18nCloseDialog[this._languageController.current];
@@ -46,4 +46,4 @@ let SbbDialogCloseButtonElement = (() => {
 export {
   SbbDialogCloseButtonElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kaWFsb2cvZGlhbG9nLWNsb3NlLWJ1dHRvbi9kaWFsb2ctY2xvc2UtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudCB9IGZyb20gJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaTE4bkNsb3NlRGlhbG9nIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGlhbG9nLWNsb3NlLWJ1dHRvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIERpYWxvZyBjbG9zZSBidXR0b24sIGludGVuZGVkIHRvIGJlIHBsYWNlZCBpbnNpZGUgc2JiLWRpYWxvZy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBkaWFsb2ctY2xvc2UtYnV0dG9uLiBOb3QgaW50ZW5kZWQgdG8gYmUgdXNlZCBpbiB0aGlzIGNvbnRleHQuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXQuIE5vdCBpbnRlbmRlZCB0byBiZSB1c2VkIGluIHRoaXMgY29udGV4dC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRpYWxvZy1jbG9zZS1idXR0b24nKVxuY2xhc3MgU2JiRGlhbG9nQ2xvc2VCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlQ29udHJvbGxlciA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zaXplID0gJ3MnIGFzIHRoaXNbJ3NpemUnXTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3RpdGxlLXNlY3Rpb24nO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gaTE4bkNsb3NlRGlhbG9nW3RoaXMuX2xhbmd1YWdlQ29udHJvbGxlci5jdXJyZW50XTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIHN1cGVyLnJlbmRlckljb25TbG90KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbk5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvbk5hbWUoKSB8fCAnY3Jvc3Mtc21hbGwnO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGlhbG9nLWNsb3NlLWJ1dHRvbic6IFNiYkRpYWxvZ0Nsb3NlQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7SUFpQk0sK0JBQTJCLE1BQUE7OzBCQURoQyxjQUFjLHlCQUF5QixDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUF5QjtBQUFBLElBS2pFLGNBQUE7QUFDRSxZQUFBO0FBSE0sV0FBQSxzQkFBc0IsSUFBSSxzQkFBc0IsSUFBSTtBQUkxRCxXQUFLLE9BQU87QUFBQSxJQUNkO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFBQSxJQUNoQjtBQUFBLElBRW1CLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFDbEMsV0FBSyxVQUFVLFlBQVksZ0JBQWdCLEtBQUssb0JBQW9CLE9BQU87QUFBQSxJQUM3RTtBQUFBLElBRW1CLGlCQUFjO0FBQy9CLGFBQU8sTUFBTSxlQUFBO0FBQUEsSUFDZjtBQUFBLElBRW1CLGlCQUFjO0FBQy9CLGFBQU8sTUFBTSxvQkFBb0I7QUFBQSxJQUNuQztBQUFBOztBQTFCRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsUUFBUSxLQUFLLEdBRHBGLGtCQUFBLFlBQUEsdUJBQUEsR0FBNEI7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kaWFsb2cvZGlhbG9nLWNsb3NlLWJ1dHRvbi9kaWFsb2ctY2xvc2UtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudCB9IGZyb20gJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaTE4bkNsb3NlRGlhbG9nIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGlhbG9nLWNsb3NlLWJ1dHRvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIERpYWxvZyBjbG9zZSBidXR0b24sIGludGVuZGVkIHRvIGJlIHBsYWNlZCBpbnNpZGUgc2JiLWRpYWxvZy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBkaWFsb2ctY2xvc2UtYnV0dG9uLiBOb3QgaW50ZW5kZWQgdG8gYmUgdXNlZCBpbiB0aGlzIGNvbnRleHQuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIGRpc3BsYXkgdGhlIGljb24sIGlmIG9uZSBpcyBzZXQuIE5vdCBpbnRlbmRlZCB0byBiZSB1c2VkIGluIHRoaXMgY29udGV4dC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRpYWxvZy1jbG9zZS1idXR0b24nKVxuY2xhc3MgU2JiRGlhbG9nQ2xvc2VCdXR0b25FbGVtZW50IGV4dGVuZHMgU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlQ29udHJvbGxlciA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zaXplID0gJ3MnIGFzIHRoaXNbJ3NpemUnXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5DbG9zZURpYWxvZ1t0aGlzLl9sYW5ndWFnZUNvbnRyb2xsZXIuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBzdXBlci5yZW5kZXJJY29uU2xvdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlckljb25OYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHN1cGVyLnJlbmRlckljb25OYW1lKCkgfHwgJ2Nyb3NzLXNtYWxsJztcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRpYWxvZy1jbG9zZS1idXR0b24nOiBTYmJEaWFsb2dDbG9zZUJ1dHRvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQWlCTSwrQkFBMkIsTUFBQTs7MEJBRGhDLGNBQWMseUJBQXlCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQXlCO0FBQUEsSUFLakUsY0FBQTtBQUNFLFlBQUE7QUFITSxXQUFBLHNCQUFzQixJQUFJLHNCQUFzQixJQUFJO0FBSTFELFdBQUssT0FBTztBQUFBLElBQ2Q7QUFBQSxJQUVtQixXQUFXLG1CQUF1QztBQUNuRSxZQUFNLFdBQVcsaUJBQWlCO0FBQ2xDLFdBQUssVUFBVSxZQUFZLGdCQUFnQixLQUFLLG9CQUFvQixPQUFPO0FBQUEsSUFDN0U7QUFBQSxJQUVtQixpQkFBYztBQUMvQixhQUFPLE1BQU0sZUFBQTtBQUFBLElBQ2Y7QUFBQSxJQUVtQixpQkFBYztBQUMvQixhQUFPLE1BQU0sb0JBQW9CO0FBQUEsSUFDbkM7QUFBQTs7QUFyQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsMEJBQTBCLFFBQVEsS0FBSyxHQURwRixrQkFBQSxZQUFBLHVCQUFBLEdBQTRCOzs7In0=

package/development/dialog/dialog-content/dialog-content.component.d.ts

@@ -6,6 +6,7 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
  */
 export declare class SbbDialogContentElement extends LitElement {
     static styles: CSSResultGroup;
+    connectedCallback(): void;
     protected render(): TemplateResult;
 }
 declare global {

package/development/dialog/dialog-content/dialog-content.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog-content/dialog-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"dialog-content.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog-content/dialog-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/development/dialog/dialog-content/dialog-content.component.js

@@ -4,7 +4,15 @@ import { customElement } from "lit/decorators.js";
 const style = css`:host {
   display: block;
   padding-block: var(--sbb-dialog-padding-block);
-  margin-inline: var(--sbb-dialog-padding-inline);
+  padding-inline: var(--sbb-dialog-padding-inline);
+  grid-area: content;
+  overflow: auto;
+}
+
+:host(:focus-visible) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  --sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1);
 }`;
 let SbbDialogContentElement = (() => {
   var _a;
@@ -14,6 +22,10 @@ let SbbDialogContentElement = (() => {
   let _classThis;
   let _classSuper = LitElement;
   _a = class extends _classSuper {
+    connectedCallback() {
+      super.connectedCallback();
+      this.classList.add("sbb-scrollbar");
+    }
     render() {
       return html`<slot></slot>`;
     }
@@ -28,4 +40,4 @@ let SbbDialogContentElement = (() => {
 export {
   SbbDialogContentElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGlhbG9nL2RpYWxvZy1jb250ZW50L2RpYWxvZy1jb250ZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpYWxvZy1jb250ZW50LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogVXNlIHRoaXMgY29tcG9uZW50IHRvIHByb3ZpZGUgYSBjb250ZW50IGZvciBhbiBgc2JiLWRpYWxvZ2AuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgZGlhbG9nIGNvbnRlbnQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kaWFsb2ctY29udGVudCcpXG5jbGFzcyBTYmJEaWFsb2dDb250ZW50RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRpYWxvZy1jb250ZW50JzogU2JiRGlhbG9nQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztJQWFNLDJCQUF1QixNQUFBOzswQkFENUIsY0FBYyxvQkFBb0IsQ0FBQzs7OztvQkFDRTtBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBLElBRzNCLFNBQU07QUFDdkIsYUFBTztBQUFBLElBQ1Q7QUFBQTs7QUFMRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUF3Qjs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGlhbG9nL2RpYWxvZy1jb250ZW50L2RpYWxvZy1jb250ZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpYWxvZy1jb250ZW50LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogVXNlIHRoaXMgY29tcG9uZW50IHRvIHByb3ZpZGUgYSBjb250ZW50IGZvciBhbiBgc2JiLWRpYWxvZ2AuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgZGlhbG9nIGNvbnRlbnQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kaWFsb2ctY29udGVudCcpXG5jbGFzcyBTYmJEaWFsb2dDb250ZW50RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIEFzIHdlIGNhbid0IGluY2x1ZGUgdGhlIHNjcm9sbGJhciBtaXhpbiBvbiB0aGUgaG9zdCBhbmQgdG8gbWluaW1pemVcbiAgICAvLyBwYXlsb2FkLCB3ZSBkZWNpZGVkIHRvIGFkZCB0aGUgc2Nyb2xsYmFyIGNsYXNzIGhlcmUuXG4gICAgLy8gVGhpcyBpcyBhbiBleGNlcHRpb24gYXMgd2Ugbm9ybWFsbHkgZG9uJ3QgYWx0ZXIgdGhlIGNsYXNzTGlzdCBvZiB0aGUgaG9zdC5cbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoJ3NiYi1zY3JvbGxiYXInKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGlhbG9nLWNvbnRlbnQnOiBTYmJEaWFsb2dDb250ZW50RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSwyQkFBdUIsTUFBQTs7MEJBRDVCLGNBQWMsb0JBQW9CLENBQUM7Ozs7b0JBQ0U7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUc5QixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUtOLFdBQUssVUFBVSxJQUFJLGVBQWU7QUFBQSxJQUNwQztBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBLElBQ1Q7QUFBQTs7QUFkRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUF3Qjs7OyJ9

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

@@ -9,7 +9,6 @@ declare const SbbDialogTitleElement_base: import('../../core/mixins.js').Abstrac
 export declare class SbbDialogTitleElement extends SbbDialogTitleElement_base {
     static styles: CSSResultGroup;
     constructor();
-    connectedCallback(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-title.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog-title/dialog-title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;AAI9C;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,0BAA8B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAgC;;IAQ7D,iBAAiB,IAAI,IAAI;CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"dialog-title.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog-title/dialog-title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;AAI9C;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,0BAA8B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAgC;;CAO9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/dialog/dialog-title/dialog-title.component.js

@@ -5,13 +5,24 @@ import { SbbTitleBase } from "../../title.js";
 import { css } from "lit";
 const style = css`:host {
   display: block;
-  margin-block: var(--sbb-dialog-padding-block);
-  margin-inline: var(--sbb-dialog-padding-inline);
+  padding-block: var(--sbb-dialog-padding-block);
+  padding-inline: var(--sbb-dialog-padding-inline);
   hyphens: auto;
+  grid-area: title;
+  position: relative;
 }
 
 :host([negative]) {
   --sbb-title-text-color-normal: var(--sbb-color-3-negative);
+}
+
+:host::after {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0 -10rem 0 0;
+  transition: box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);
+  box-shadow: var(--sbb-dialog-block-start-box-shadow, none);
 }`;
 let SbbDialogTitleElement = (() => {
   var _a;
@@ -26,10 +37,6 @@ let SbbDialogTitleElement = (() => {
       this.level = "2";
       this.visualLevel = "4";
     }
-    connectedCallback() {
-      super.connectedCallback();
-      this.slot ||= "title-section";
-    }
   }, _classThis = _a, (() => {
     const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
     __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -41,4 +48,4 @@ let SbbDialogTitleElement = (() => {
 export {
   SbbDialogTitleElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RpYWxvZy9kaWFsb2ctdGl0bGUvZGlhbG9nLXRpdGxlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJUaXRsZUJhc2UgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpYWxvZy10aXRsZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdGl0bGUgaW5zaWRlIGEgZGlhbG9nIGhlYWRlci5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgZGlhbG9nLXRpdGxlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGlhbG9nLXRpdGxlJylcbmNsYXNzIFNiYkRpYWxvZ1RpdGxlRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiVGl0bGVCYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJUaXRsZUJhc2Uuc3R5bGVzLCBzdHlsZV07XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5sZXZlbCA9ICcyJyBhcyB0aGlzWydsZXZlbCddO1xuICAgIHRoaXMudmlzdWFsTGV2ZWwgPSAnNCcgYXMgdGhpc1sndmlzdWFsTGV2ZWwnXTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3RpdGxlLXNlY3Rpb24nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGlhbG9nLXRpdGxlJzogU2JiRGlhbG9nVGl0bGVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0lBZU0seUJBQXFCLE1BQUE7OzBCQUQxQixjQUFjLGtCQUFrQixDQUFDOzs7O29CQUNFLGlCQUFpQixZQUFZO0FBQXJDLEVBQUEsbUJBQVEsWUFBOEI7QUFBQSxJQUdoRSxjQUFBO0FBQ0UsWUFBQTtBQUNBLFdBQUssUUFBUTtBQUNiLFdBQUssY0FBYztBQUFBLElBQ3JCO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFBQSxJQUNoQjtBQUFBOztBQVpGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLGFBQWEsUUFBUSxLQUFLLEdBRHZFLGtCQUFBLFlBQUEsdUJBQUEsR0FBc0I7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RpYWxvZy9kaWFsb2ctdGl0bGUvZGlhbG9nLXRpdGxlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJUaXRsZUJhc2UgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpYWxvZy10aXRsZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdGl0bGUgaW5zaWRlIGEgZGlhbG9nIGhlYWRlci5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgZGlhbG9nLXRpdGxlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGlhbG9nLXRpdGxlJylcbmNsYXNzIFNiYkRpYWxvZ1RpdGxlRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiVGl0bGVCYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJUaXRsZUJhc2Uuc3R5bGVzLCBzdHlsZV07XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5sZXZlbCA9ICcyJyBhcyB0aGlzWydsZXZlbCddO1xuICAgIHRoaXMudmlzdWFsTGV2ZWwgPSAnNCcgYXMgdGhpc1sndmlzdWFsTGV2ZWwnXTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRpYWxvZy10aXRsZSc6IFNiYkRpYWxvZ1RpdGxlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZU0seUJBQXFCLE1BQUE7OzBCQUQxQixjQUFjLGtCQUFrQixDQUFDOzs7O29CQUNFLGlCQUFpQixZQUFZO0FBQXJDLEVBQUEsbUJBQVEsWUFBOEI7QUFBQSxJQUdoRSxjQUFBO0FBQ0UsWUFBQTtBQUNBLFdBQUssUUFBUTtBQUNiLFdBQUssY0FBYztBQUFBLElBQ3JCO0FBQUE7O0FBUEYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsYUFBYSxRQUFRLEtBQUssR0FEdkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFzQjs7OyJ9

package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js

@@ -49,11 +49,11 @@ const style = css`:host {
 }
 
 .sbb-expansion-panel-header {
-  --sbb-text-font-size: var(--sbb-font-size-text-l);
+  --sbb-text-font-size: var(--sbb-text-font-size-l);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   display: flex;
   justify-content: var(--sbb-expansion-panel-header-justify-content);

package/development/file-selector/common.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin } from "./common/file-selector-common.js";
-import { f } from "../file-selector-common-CsFa5XJ-.js";
+import { f } from "../file-selector-common-B-9Eiig3.js";
 export {
   SbbFileSelectorCommonElementMixin,
   f as fileSelectorCommonStyle

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbFileSelectorElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+declare const SbbFileSelectorElement_base: import('../../core/mixins.ts').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
 /**
  * It allows to select one or more file from storage devices and display them.
  *

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.ts').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
 /**
  * It allows to select one or more file from storage devices via button click or drag and drop, and display them.
  *

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -36,25 +36,25 @@ const style = css`.sbb-file-selector__dropzone-area {
 
 .sbb-file-selector__dropzone-area--title {
   font-weight: bold;
-  --sbb-title-font-size: var(--sbb-title-font-size-level-6);
-  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
-  margin-block: var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);
+  --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));
+  --sbb-title-line-height: var(--sbb-typo-line-height-text);
+  margin-block: var(--sbb-title-margin-block, 0);
   margin-inline: 0;
   font-family: var(--sbb-typo-font-family);
   font-weight: bold;
-  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));
-  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
   font-size: var(--sbb-title-font-size);
   text-align: center;
   color: var(--sbb-file-selector-color);
 }
 
 .sbb-file-selector__dropzone-area--subtitle {
-  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   text-align: center;
   color: var(--sbb-file-selector-subtitle-color);

package/development/{file-selector-common-CsFa5XJ-.js → file-selector-common-B-9Eiig3.js}

@@ -61,11 +61,11 @@ const fileSelectorCommon = css`:host {
 }
 
 .sbb-file-selector__file {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   display: flex;
   gap: var(--sbb-spacing-fixed-4x);
@@ -99,4 +99,4 @@ const fileSelectorCommon = css`:host {
 export {
   fileSelectorCommon as f
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQ3NGYTVYSi0uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQi05RWlpZzMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/development/file-selector.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin } from "./file-selector/common/file-selector-common.js";
-import { f } from "./file-selector-common-CsFa5XJ-.js";
+import { f } from "./file-selector-common-B-9Eiig3.js";
 import { SbbFileSelectorDropzoneElement } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
 export {

package/development/footer/footer.component.js

@@ -35,11 +35,11 @@ const style = css`:host {
 }
 
 .sbb-footer {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   color: var(--sbb-footer-color);
   padding-block: var(--sbb-spacing-responsive-l);

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

@@ -5,7 +5,7 @@ import { SbbNegativeMixin } from "../core/mixins.js";
 import { boxSizingStyles } from "../core/styles.js";
 const style = css`:host {
   --sbb-form-error-color: var(--sbb-color-error);
-  --sbb-form-error-height: calc(var(--sbb-typo-line-height-body-text) * 1em);
+  --sbb-form-error-height: calc(var(--sbb-typo-line-height-text) * 1em);
   --sbb-form-error-icon-size: 1.0625rem;
   --sbb-icon-svg-width: var(--sbb-form-error-icon-size);
   --sbb-icon-svg-height: var(--sbb-form-error-icon-size);
@@ -13,11 +13,11 @@ const style = css`:host {
   align-items: flex-start;
   color: var(--sbb-form-error-color);
   min-height: var(--sbb-form-error-height);
-  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  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) {
@@ -38,7 +38,7 @@ const style = css`:host {
 }
 
 .form-error-content {
-  line-height: var(--sbb-typo-line-height-body-text);
+  line-height: var(--sbb-typo-line-height-text);
   vertical-align: text-top;
 }
 

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

@@ -41,13 +41,13 @@ const style = css`@charset "UTF-8";
     var(--sbb-icon-svg-width) + var(--sbb-form-field-gap)
   );
   --sbb-form-field-overflow: hidden;
-  --sbb-form-field-input-text-size: var(--sbb-font-size-text-m);
-  --sbb-form-field-label-text-size: var(--sbb-font-size-text-xs);
+  --sbb-form-field-input-text-size: var(--sbb-text-font-size-m);
+  --sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);
   --sbb-form-field-label-size: calc(
-    var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text)
+    var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text)
   );
   --sbb-form-field-text-line-height: calc(
-    var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-body-text)
+    var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text)
   );
   --sbb-form-field-margin-block-start: calc(
     (
@@ -105,8 +105,8 @@ const style = css`@charset "UTF-8";
 :host([size=s]) {
   --sbb-form-field-min-height: var(--sbb-size-element-xs);
   --sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);
-  --sbb-form-field-input-text-size: var(--sbb-font-size-text-s);
-  --sbb-form-field-label-text-size: var(--sbb-font-size-text-xxs);
+  --sbb-form-field-input-text-size: var(--sbb-text-font-size-s);
+  --sbb-form-field-label-text-size: var(--sbb-text-font-size-xxs);
   --sbb-form-field-label-to-input-overlapping: 0.625rem;
   --sbb-form-field-floating-label-transform: 0.34375rem;
   --sbb-form-field-spacer-margin-block-end: -0.53125rem;
@@ -126,7 +126,7 @@ const style = css`@charset "UTF-8";
 
 :host([error-space=reserve]) {
   --sbb-form-field-error-min-height: calc(
-    var(--sbb-typo-line-height-body-text) * var(--sbb-font-size-text-xs)
+    var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs)
   );
   --sbb-form-field-error-padding-block-start-override: var(--sbb-form-field-error-divider-width);
 }
@@ -315,7 +315,7 @@ const style = css`@charset "UTF-8";
 
 .sbb-form-field__label-spacer {
   display: flex;
-  height: calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-body-text));
+  height: calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));
   margin-block-end: var(--sbb-form-field-spacer-margin-block-end);
 }
 
@@ -341,19 +341,19 @@ const style = css`@charset "UTF-8";
   position: absolute;
   inset-block-start: 0;
   color: var(--sbb-form-field-label-color);
-  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
 }
 :host([size=s]) .sbb-form-field__label {
-  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
 }
 :host(:where(:is(:state(input-type-select),[state--input-type-select]), :is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label {

package/development/header/common/header-action-common.js

@@ -160,11 +160,11 @@ const style = css`:host {
 }
 
 .sbb-header-action__text {
-  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   font-weight: bold;
   overflow: hidden;

package/development/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.js').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+declare const SbbHeaderButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-header` component.
  *

package/development/header/header-environment/header-environment.component.js

@@ -49,11 +49,11 @@ const style = css`:host {
 }
 
 .sbb-header-environment__text {
-  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   font-weight: bold;
   position: absolute;

package/development/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.js').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+declare const SbbHeaderLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbHeaderActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-header` component.
  *

package/development/image/image.component.d.ts

@@ -198,7 +198,6 @@ export declare class SbbImageElement extends LitElement {
     protected updated(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _logPerformanceMarks;
-    private _matchMediaQueryDesignToken;
     private _addFocusAbilityToLinksInCaption;
     private _prepareImageUrl;
     private _preparePictureSizeConfigs;

package/development/image/image.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AA0FD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AAwFD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}