@sbb-esta/lyne-elements-dev 5.1.0-dev.1782687750 → 5.1.0-dev.1782718456

package/alert.pure.js

@@ -17,20 +17,20 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,not
             </p>
           </span>
           ${this.readOnly?r:n`<span class="sbb-alert__close-button-wrapper">
-                <sbb-divider
-                  orientation="vertical"
-                  ?negative=${this._isLightMode()}
-                  class="sbb-alert__close-button-divider"
-                ></sbb-divider>
-                <sbb-transparent-button
-                  ?negative=${this._isLightMode()}
-                  size=${this.size===`l`?`m`:this.size||r}
-                  icon-name="cross-small"
-                  @click=${()=>this.close()}
-                  aria-label=${h[this._language.current]}
-                  class="sbb-alert__close-button"
-                ></sbb-transparent-button>
-              </span>`}
+                  <sbb-divider
+                    orientation="vertical"
+                    ?negative=${this._isLightMode()}
+                    class="sbb-alert__close-button-divider"
+                  ></sbb-divider>
+                  <sbb-transparent-button
+                    ?negative=${this._isLightMode()}
+                    size=${this.size===`l`?`m`:this.size||r}
+                    icon-name="cross-small"
+                    @click=${()=>this.close()}
+                    aria-label=${h[this._language.current]}
+                    class="sbb-alert__close-button"
+                  ></sbb-transparent-button>
+                </span>`}
         </div>
       </div>
     `}}})();export{T as SbbAlertElement,C as SbbAlertGroupElement};

package/breadcrumb.pure.js

@@ -29,9 +29,9 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{ResizeControl
         <li class="sbb-breadcrumb-group__item">
           <slot name=${e.name}></slot>
           ${t===n.length-1?i:r`<sbb-icon
-                name="chevron-small-right-small"
-                class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>`}
+                  name="chevron-small-right-small"
+                  class="sbb-breadcrumb-group__divider-icon"
+                ></sbb-icon>`}
         </li>
       `)}render(){return r`
       <ol class="sbb-breadcrumb-group">

package/calendar.pure.js

@@ -21,14 +21,14 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isS
               ${this._weekdays.map((e,t)=>n`
                   <th class="sbb-calendar__table-header-cell">
                     ${this.multiple?n`
-                          <sbb-calendar-weekday
-                            .value=${e}
-                            @click=${()=>{let e=c.filter(e=>e.weekDayValue===(t+1)%7);this._selectMultipleDates(e)}}
-                          ></sbb-calendar-weekday>
-                        `:n`
-                          <span class="sbb-screen-reader-only">${e.long}</span>
-                          <span aria-hidden="true">${e.narrow}</span>
-                        `}
+                            <sbb-calendar-weekday
+                              .value=${e}
+                              @click=${()=>{let e=c.filter(e=>e.weekDayValue===(t+1)%7);this._selectMultipleDates(e)}}
+                            ></sbb-calendar-weekday>
+                          `:n`
+                            <span class="sbb-screen-reader-only">${e.long}</span>
+                            <span aria-hidden="true">${e.narrow}</span>
+                          `}
                   </th>
                 `)}
             </tr>
@@ -37,40 +37,40 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isS
             ${e.map((e,r)=>{let a=7-e.length;return r===0&&a?n`
                   <tr>
                     ${this.weekNumbers?n`
-                          <td class="sbb-calendar__table-header-cell-vertical">
-                            ${this.multiple?n`
-                                  <sbb-calendar-weeknumber
-                                    .value=${t[0]}
-                                    @click=${()=>{let e=s.filter(e=>e.weekValue===t[0]);this._selectMultipleDates(e)}}
-                                  ></sbb-calendar-weeknumber>
-                                `:n`
-                                  <span class="sbb-screen-reader-only"
-                                    >${`${g[this._language.current]} ${t[0]}`}</span
-                                  >
-                                  <span aria-hidden="true">${t[0]}</span>
-                                `}
-                          </td>
-                        `:i}
+                            <td class="sbb-calendar__table-header-cell-vertical">
+                              ${this.multiple?n`
+                                      <sbb-calendar-weeknumber
+                                        .value=${t[0]}
+                                        @click=${()=>{let e=s.filter(e=>e.weekValue===t[0]);this._selectMultipleDates(e)}}
+                                      ></sbb-calendar-weeknumber>
+                                    `:n`
+                                      <span class="sbb-screen-reader-only"
+                                        >${`${g[this._language.current]} ${t[0]}`}</span
+                                      >
+                                      <span aria-hidden="true">${t[0]}</span>
+                                    `}
+                            </td>
+                          `:i}
                     ${[...Array(a).keys()].map(()=>n`<td class="sbb-calendar__table-data"></td>`)}
                     ${this._createDayCells(e)}
                   </tr>
                 `:n`
                 <tr>
                   ${this.weekNumbers?n`
-                        <td class="sbb-calendar__table-header-cell-vertical">
-                          ${this.multiple?n`
-                                <sbb-calendar-weeknumber
-                                  .value=${t[r]}
-                                  @click=${()=>{let e=s.filter(e=>e.weekValue===t[r]);this._selectMultipleDates(e)}}
-                                ></sbb-calendar-weeknumber>
-                              `:n`
-                                <span class="sbb-screen-reader-only"
-                                  >${`${g[this._language.current]} ${t[r]}`}</span
-                                >
-                                <span aria-hidden="true">${t[r]}</span>
-                              `}
-                        </td>
-                      `:i}
+                          <td class="sbb-calendar__table-header-cell-vertical">
+                            ${this.multiple?n`
+                                    <sbb-calendar-weeknumber
+                                      .value=${t[r]}
+                                      @click=${()=>{let e=s.filter(e=>e.weekValue===t[r]);this._selectMultipleDates(e)}}
+                                    ></sbb-calendar-weeknumber>
+                                  `:n`
+                                    <span class="sbb-screen-reader-only"
+                                      >${`${g[this._language.current]} ${t[r]}`}</span
+                                    >
+                                    <span aria-hidden="true">${t[r]}</span>
+                                  `}
+                          </td>
+                        `:i}
                   ${this._createDayCells(e)}
                 </tr>
               `})}
@@ -87,42 +87,42 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isS
           @focusout=${e=>this._handleTableBlur(e.relatedTarget)}
         >
           ${this.weekNumbers?n`
-                <thead>
-                  <tr>
-                    <th class="sbb-calendar__table-data"></th>
-                    ${t.map(e=>n`
-                        <th class="sbb-calendar__table-header-cell">
-                          ${this.multiple?n`
-                                <sbb-calendar-weeknumber
-                                  .value=${e}
-                                  @click=${()=>{let t=l.filter(t=>t.weekValue===e);this._selectMultipleDates(t)}}
-                                ></sbb-calendar-weeknumber>
-                              `:n`
-                                <span class="sbb-screen-reader-only"
-                                  >${`${g[this._language.current]} ${e}`}</span
-                                >
-                                <span aria-hidden="true">${e}</span>
-                              `}
-                        </th>
-                      `)}
-                  </tr>
-                </thead>
-              `:i}
+                  <thead>
+                    <tr>
+                      <th class="sbb-calendar__table-data"></th>
+                      ${t.map(e=>n`
+                          <th class="sbb-calendar__table-header-cell">
+                            ${this.multiple?n`
+                                    <sbb-calendar-weeknumber
+                                      .value=${e}
+                                      @click=${()=>{let t=l.filter(t=>t.weekValue===e);this._selectMultipleDates(t)}}
+                                    ></sbb-calendar-weeknumber>
+                                  `:n`
+                                    <span class="sbb-screen-reader-only"
+                                      >${`${g[this._language.current]} ${e}`}</span
+                                    >
+                                    <span aria-hidden="true">${e}</span>
+                                  `}
+                          </th>
+                        `)}
+                    </tr>
+                  </thead>
+                `:i}
           <tbody>
             ${e.map((e,t)=>{let r=this._weekdays[t];return n`
                 <tr>
                   <td class="sbb-calendar__table-header-cell-vertical">
                     ${this.multiple?n`
-                          <sbb-calendar-weekday
-                            .value=${r}
-                            @click=${()=>this._selectMultipleDates(e)}
-                          >
-                            ${r.narrow}
-                          </sbb-calendar-weekday>
-                        `:n`
-                          <span class="sbb-screen-reader-only">${r.long}</span>
-                          <span aria-hidden="true">${r.narrow}</span>
-                        `}
+                            <sbb-calendar-weekday
+                              .value=${r}
+                              @click=${()=>this._selectMultipleDates(e)}
+                            >
+                              ${r.narrow}
+                            </sbb-calendar-weekday>
+                          `:n`
+                            <span class="sbb-screen-reader-only">${r.long}</span>
+                            <span aria-hidden="true">${r.narrow}</span>
+                          `}
                   </td>
                   ${t<c?n`<td class="sbb-calendar__table-data"></td>`:i}
                   ${this._createDayCells(e)}

package/core.js

@@ -34,8 +34,8 @@ let xe=0;var Se=class{constructor(){r||(document.body?this._liveElement=this._cr
         ${e}
       </a>
       ${t?n`<span id="sbb-link-new-window" hidden
-            >${mt[this.language.current]}</span
-          >`:i}
+              >${mt[this.language.current]}</span
+            >`:i}
     `}}})();var jn=class extends P{static{this.events={beforeopen:`beforeopen`,open:`open`,beforeclose:`beforeclose`,close:`close`}}set state(e){this._state&&this.internals.states.delete(`state-${this._state}`),this._state=e,this._state&&this.internals.states.add(`state-${this._state}`)}get state(){return this._state}get isOpen(){return this.state===`opened`}constructor(){super(),this.state=`closed`}escapeStrategy(){this.close()}dispatchBeforeOpenEvent(){return this.dispatchEvent(new Event(`beforeopen`,{cancelable:!0}))}dispatchOpenEvent(){return this.dispatchEvent(new Event(`open`))}dispatchBeforeCloseEvent(){return this.dispatchEvent(new Event(`beforeclose`,{cancelable:!0}))}dispatchCloseEvent(){return this.dispatchEvent(new Event(`close`))}};const V=e=>(()=>{let t=e,n=[],r;return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;r=[l({type:Boolean,reflect:!0})],o(this,null,r,{kind:`setter`,name:`disabled`,static:!1,private:!1,access:{has:e=>`disabled`in e,set:(e,t)=>{e.disabled=t}},metadata:e},null,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}set disabled(e){this.#e=!!e,this.toggleAttribute(`disabled`,this.disabled)}get disabled(){return this.#e||this.isDisabledExternally()}#e=(s(this,n),!1);isDisabledExternally(){return!1}}})(),Mn=e=>(()=>{let t=e,n,r=[],i=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[I(),l({attribute:`disabled-interactive`,type:Boolean,reflect:!0})],o(this,null,n,{kind:`accessor`,name:`disabledInteractive`,static:!1,private:!1,access:{has:e=>`disabledInteractive`in e,get:e=>e.disabledInteractive,set:(e,t)=>{e.disabledInteractive=t}},metadata:e},r,i),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#e=s(this,r,!1);get disabledInteractive(){return this.#e}set disabledInteractive(e){this.#e=e}constructor(){super(...arguments),s(this,i)}}})(),Nn=e=>{class t extends Mn(V(e)){willUpdate(e){super.willUpdate(e),e.has(`disabledInteractive`)&&(this.internals.ariaDisabled=this.disabledInteractive?`true`:null),e.has(`disabled`)&&(this.disabled?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`))}}return t},H=e=>(()=>{let t=e,n=[],r;return class extends t{constructor(){super(...arguments),this._required=(s(this,n),!1)}static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;r=[l({reflect:!0,type:Boolean})],o(this,null,r,{kind:`setter`,name:`required`,static:!1,private:!1,access:{has:e=>`required`in e,set:(e,t)=>{e.required=t}},metadata:e},null,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}set required(e){this._required=!!e}get required(){return this._required||this.isRequiredExternally()}willUpdate(e){super.willUpdate(e),e.has(`required`)&&(this.internals.ariaRequired=`${this.required}`)}isRequiredExternally(){return!1}}})();var Pn=`:host{flex-flow:var(--sbb-selection-group-orientation) wrap;gap:var(--sbb-selection-group-gap);width:var(--sbb-selection-group-width);align-items:flex-start;display:flex}:host([orientation=vertical]){--sbb-selection-group-orientation:column;--sbb-selection-group-width:100%;--sbb-selection-group-elements-width:100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-selection-group-width:100%;--sbb-selection-group-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-selection-group-elements-flex:auto}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}slot[name=error]::slotted(*){flex-basis:100%}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:var(--sbb-selection-group-elements-flex)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel,sbb-radio-button-panel)){width:var(--sbb-selection-group-elements-width)}
 `;let Fn=(()=>{let e=V(H(P)),t,r=[],i=[],c,u=[],f=[],p,m=[],h=[];return class extends e{static{let n=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;t=[l()],c=[l({attribute:`horizontal-from`,reflect:!0})],p=[l({reflect:!0})],o(this,null,t,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:n},r,i),o(this,null,c,{kind:`accessor`,name:`horizontalFrom`,static:!1,private:!1,access:{has:e=>`horizontalFrom`in e,get:e=>e.horizontalFrom,set:(e,t)=>{e.horizontalFrom=t}},metadata:n},u,f),o(this,null,p,{kind:`accessor`,name:`orientation`,static:!1,private:!1,access:{has:e=>`orientation`in e,get:e=>e.orientation,set:(e,t)=>{e.orientation=t}},metadata:n},m,h),n&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})}static{this.styles=[a(Pn)]}#e=s(this,r,null);get size(){return this.#e}set size(e){this.#e=e}#t=(s(this,i),s(this,u,null));get horizontalFrom(){return this.#t}set horizontalFrom(e){this.#t=e}#n=(s(this,f),s(this,m,`horizontal`));get orientation(){return this.#n}set orientation(e){this.#n=e}get selectionElements(){return Array.from(this.querySelectorAll?.(this.selectionElementSelectors)??[]).filter(e=>e.closest?.(this.localName)===this)}constructor(){super(),s(this,h),this.addController(new d(this,{config:{childList:!0,subtree:!0},callback:()=>this.toggleState(`has-panel`,!!this.querySelector?.(this.panelElementSelector))}))}onSlotChange(){}render(){return n`
       <slot @slotchange=${()=>this.onSlotChange()}></slot>

package/custom-elements.json

@@ -79014,7 +79014,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'transparent-bordered'\n    | 'transparent-bordered-dashed'"
+                "text": "'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed'"
               },
               "privacy": "public",
               "default": "'white'",
@@ -79310,7 +79310,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'transparent-bordered'\n    | 'transparent-bordered-dashed'"
+                "text": "'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed'"
               },
               "default": "'white'",
               "description": "Option to set the component's background color.",
@@ -82939,7 +82939,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -83263,7 +83263,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -83530,7 +83530,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -84188,7 +84188,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -86578,7 +86578,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n    | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -87387,7 +87387,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n    | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons: if `pageSizeOptions` is set,\nthe sbb-select for the pageSize change will be positioned oppositely, with the page numbers always in the center.",
@@ -89236,7 +89236,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "'transparent' | 'white' | 'milk' | 'midnight' | 'charcoal'"
               },
               "privacy": "public",
               "default": "'white'",
@@ -89550,7 +89550,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "'transparent' | 'white' | 'milk' | 'midnight' | 'charcoal'"
               },
               "default": "'white'",
               "description": "Color of the container, like transparent, white etc.",
@@ -89637,7 +89637,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "'white' | 'milk' | 'midnight' | 'charcoal' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -90177,7 +90177,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "'white' | 'milk' | 'midnight' | 'charcoal' | null"
               },
               "default": "null",
               "description": "Color of the container, like transparent, white etc.",
@@ -105684,7 +105684,7 @@
               "kind": "field",
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "privacy": "public",
               "default": "'opaque'",
@@ -106741,7 +106741,7 @@
             {
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "default": "'opaque'",
               "description": "Backdrop density.",
@@ -138549,7 +138549,7 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "| 'info'\n    | 'note'\n    | 'success'\n    | 'warn'\n    | 'error'"
+                "text": "'info' | 'note' | 'success' | 'warn' | 'error'"
               },
               "privacy": "public",
               "default": "'info'",
@@ -139137,7 +139137,7 @@
             {
               "name": "type",
               "type": {
-                "text": "| 'info'\n    | 'note'\n    | 'success'\n    | 'warn'\n    | 'error'"
+                "text": "'info' | 'note' | 'success' | 'warn' | 'error'"
               },
               "default": "'info'",
               "description": "The type of the notification.",
@@ -166959,7 +166959,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -167212,7 +167212,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -168995,7 +168995,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -170095,7 +170095,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -170348,7 +170348,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -171133,7 +171133,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -171401,7 +171401,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -171996,7 +171996,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",

package/development/alert.pure.js

@@ -369,20 +369,20 @@ let SbbAlertElement = (() => {
             </p>
           </span>
           ${!this.readOnly ? html`<span class="sbb-alert__close-button-wrapper">
-                <sbb-divider
-                  orientation="vertical"
-                  ?negative=${this._isLightMode()}
-                  class="sbb-alert__close-button-divider"
-                ></sbb-divider>
-                <sbb-transparent-button
-                  ?negative=${this._isLightMode()}
-                  size=${this.size === "l" ? "m" : this.size || nothing}
-                  icon-name="cross-small"
-                  @click=${() => this.close()}
-                  aria-label=${i18nCloseAlert[this._language.current]}
-                  class="sbb-alert__close-button"
-                ></sbb-transparent-button>
-              </span>` : nothing}
+                  <sbb-divider
+                    orientation="vertical"
+                    ?negative=${this._isLightMode()}
+                    class="sbb-alert__close-button-divider"
+                  ></sbb-divider>
+                  <sbb-transparent-button
+                    ?negative=${this._isLightMode()}
+                    size=${this.size === "l" ? "m" : this.size || nothing}
+                    icon-name="cross-small"
+                    @click=${() => this.close()}
+                    aria-label=${i18nCloseAlert[this._language.current]}
+                    class="sbb-alert__close-button"
+                  ></sbb-transparent-button>
+                </span>` : nothing}
         </div>
       </div>
     `;

package/development/breadcrumb.pure.js

@@ -178,9 +178,9 @@ let SbbBreadcrumbGroupElement = (() => {
         <li class="sbb-breadcrumb-group__item">
           <slot name=${slot.name}></slot>
           ${index !== array.length - 1 ? html`<sbb-icon
-                name="chevron-small-right-small"
-                class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : nothing}
+                  name="chevron-small-right-small"
+                  class="sbb-breadcrumb-group__divider-icon"
+                ></sbb-icon>` : nothing}
         </li>
       `);
 		}