@sbb-esta/lyne-elements 1.11.3 → 1.12.1

package/standard-theme.css

@@ -6,199 +6,100 @@ sub, sup {
   vertical-align: baseline;
 }
 
-/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
-/*
- * SBB table mixin
- * Notes:
- * We cannot use `border-collapse` because it is not compatible with the `border-radius` property.
- * Therefore, we have to build the grid avoiding double borders.
- */
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-/*
-Document
-========
-*/
-/**
-1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size (opinionated).
-*/
 html {
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-text-size-adjust: 100%; /* 2 */
-  text-size-adjust: 100%; /* 2 */
-  tab-size: 4; /* 3 */
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  tab-size: 4;
 }
 
-/*
-Sections
-========
-*/
 body {
-  margin: 0; /* Remove the margin in all browsers. */
+  margin: 0;
 }
 
-/*
-Grouping content
-================
-*/
-/**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-*/
 hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
+  height: 0;
+  color: inherit;
 }
 
-/*
-Text-level semantics
-====================
-*/
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
 abbr[title] {
   text-decoration: underline dotted;
 }
 
-/**
-Add the correct font weight in Edge and Safari.
-*/
 b,
 strong {
   font-weight: bolder;
 }
 
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
 code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
-  font-size: 1em; /* 2 */
+  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  font-size: 1em;
 }
 
-/**
-Add the correct font size in all browsers.
-*/
 small {
   font-size: 80%;
 }
 
-/*
-Tabular data
-============
-*/
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
 table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
+  text-indent: 0;
+  border-color: inherit;
 }
 
-/*
-Forms
-=====
-*/
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
 button,
 input,
 optgroup,
 select,
 textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
 }
 
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-*/
 button,
 select {
   text-transform: none;
 }
 
-/**
-Correct the inability to style clickable types in iOS and Safari.
-*/
 button,
 :is(button, input):where([type=button], [type=reset], [type=submit]) {
   -webkit-appearance: button;
 }
 
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
 :-moz-ui-invalid {
   box-shadow: none;
 }
 
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
 legend {
   padding: 0;
 }
 
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
 progress {
   vertical-align: baseline;
 }
 
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto;
 }
 
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
 [type=search] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
 ::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
+  -webkit-appearance: button;
+  font: inherit;
 }
 
-/*
-Interactive
-===========
-*/
-/*
-Add the correct display in Chrome and Safari.
-*/
 summary {
   display: list-item;
 }
@@ -1382,8 +1283,6 @@ sbb-form-field textarea {
   --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
   --sbb-scrollbar-track-color: transparent;
   --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-  /* Scrollbar itself */
-  /* Hide button (top and bottom of the scrollbar) */
 }
 sbb-form-field textarea::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -1420,8 +1319,6 @@ sbb-form-field[negative] textarea {
   --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
   --sbb-scrollbar-track-color: transparent;
   --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-  /* Scrollbar itself */
-  /* Hide button (top and bottom of the scrollbar) */
 }
 sbb-form-field[negative] textarea::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -1639,7 +1536,6 @@ sup {
   margin: 0;
   padding: 0;
   padding-inline-start: var(--sbb-list-padding-inline-start);
-  color: var(--sbb-color-iron);
 }
 .sbb-list:where(ol, ul) > li + li,
 .sbb-list:where(ol, ul) :is(ol, ul) > li + li {
@@ -1689,7 +1585,6 @@ sup {
   display: grid;
   grid-template-columns: auto minmax(20%, 1fr);
   gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
-  color: var(--sbb-color-iron);
 }
 .sbb-list:where(dl) :is(dt, dd) {
   margin: 0;
@@ -1697,24 +1592,54 @@ sup {
 }
 
 .sbb-step-list {
-  --sbb-step-list-marker-dimensions: 2.125rem;
-  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-step-list-dimensions: 2.125rem;
   --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-step-list-marker-to-text-gap: var(--sbb-spacing-responsive-xxxs);
-  --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
-  --sbb-step-list-text-to-marker-block-offset: calc(
-    0.5 *
-      (
-        var(--sbb-step-list-marker-dimensions) - var(--sbb-typo-line-height-body-text) *
-          var(--sbb-text-font-size)
-      )
-  );
-  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-step-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
+  --sbb-step-list-text-to-marker-block-offset: calc(0.5 * (var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size)));
   list-style: none;
   margin: 0;
   padding: 0;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-step-list:where(.sbb-text-xl) {
+    --sbb-step-list-dimensions: 2.5625rem;
+  }
+}
+.sbb-step-list > li {
+  position: relative;
+  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
+  min-height: var(--sbb-step-list-dimensions);
+}
+.sbb-step-list > li::before {
+  --sbb-text-font-size: var(--sbb-font-size-text-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);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  position: absolute;
+  height: var(--sbb-step-list-dimensions);
+  width: var(--sbb-step-list-dimensions);
+  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
+  inset-inline-start: var(--sbb-step-list-padding-inline);
+  border-radius: 50%;
+}
+.sbb-step-list > li + li {
+  margin-block-start: var(--sbb-step-list-vertical-gap);
+}
+.sbb-step-list > li p {
+  margin-block: 0;
+}
+.sbb-step-list > li > * + p {
+  margin-block-start: var(--sbb-spacing-responsive-xxxs);
+}
+.sbb-step-list {
+  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-step-list-border-radius: var(--sbb-border-radius-4x);
   counter-reset: steps;
-  /* stylelint-disable-next-line no-descending-specificity */
+  color: var(--sbb-color-iron);
 }
 .sbb-step-list:where(.sbb-text-s) {
   --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
@@ -1722,18 +1647,20 @@ sup {
 .sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
   --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
 }
-@media (min-width: calc(52.5rem)) {
-  .sbb-step-list:where(.sbb-text-xl) {
-    --sbb-step-list-marker-dimensions: 2.5625rem;
-  }
-}
 .sbb-step-list > li {
-  position: relative;
   counter-increment: steps;
   background-color: var(--sbb-color-milk);
   padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
-  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-marker-dimensions) + var(--sbb-step-list-marker-to-text-gap)) var(--sbb-step-list-padding-inline);
-  min-height: calc(var(--sbb-step-list-marker-dimensions) + 2 * var(--sbb-step-list-padding-block));
+  padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
+  min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
+}
+.sbb-step-list > li::before {
+  content: counter(steps);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
+  color: var(--sbb-color-charcoal);
 }
 .sbb-step-list > li:first-of-type {
   border-start-start-radius: var(--sbb-step-list-border-radius);
@@ -1743,7 +1670,27 @@ sup {
   border-end-start-radius: var(--sbb-step-list-border-radius);
   border-end-end-radius: var(--sbb-step-list-border-radius);
 }
-.sbb-step-list > li::before {
+
+.sbb-icon-list {
+  --sbb-icon-list-dimensions: 2.125rem;
+  --sbb-icon-list-padding-inline: var(--sbb-spacing-responsive-xxs);
+  --sbb-icon-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
+  --sbb-icon-list-text-to-marker-block-offset: calc(0.5 * (var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size)));
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-icon-list:where(.sbb-text-xl) {
+    --sbb-icon-list-dimensions: 2.5625rem;
+  }
+}
+.sbb-icon-list > li {
+  position: relative;
+  padding-inline: calc(var(--sbb-icon-list-padding-inline) + var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) var(--sbb-icon-list-padding-inline);
+  min-height: var(--sbb-icon-list-dimensions);
+}
+.sbb-icon-list > li::before {
   --sbb-text-font-size: var(--sbb-font-size-text-xxs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
@@ -1751,28 +1698,37 @@ sup {
   letter-spacing: var(--sbb-typo-letter-spacing-body-text);
   font-size: var(--sbb-text-font-size);
   font-weight: bold;
-  content: counter(steps);
   position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--sbb-step-list-marker-dimensions);
-  width: var(--sbb-step-list-marker-dimensions);
-  margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
-  inset-inline-start: var(--sbb-step-list-padding-inline);
-  border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
+  height: var(--sbb-icon-list-dimensions);
+  width: var(--sbb-icon-list-dimensions);
+  margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
+  inset-inline-start: var(--sbb-icon-list-padding-inline);
   border-radius: 50%;
-  color: var(--sbb-color-charcoal);
 }
-.sbb-step-list > li + li {
-  margin-block-start: var(--sbb-step-list-vertical-gap);
+.sbb-icon-list > li + li {
+  margin-block-start: var(--sbb-icon-list-vertical-gap);
 }
-.sbb-step-list > li p {
+.sbb-icon-list > li p {
   margin-block: 0;
 }
-.sbb-step-list > li > * + p {
+.sbb-icon-list > li > * + p {
   margin-block-start: var(--sbb-spacing-responsive-xxxs);
 }
+.sbb-icon-list {
+  --sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
+  --sbb-icon-list-marker-icon-color: currentcolor;
+  --sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
+  --sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
+}
+.sbb-icon-list > li::before {
+  content: "";
+  background-color: var(--sbb-icon-list-marker-icon-color);
+  mask-image: var(--sbb-icon-list-marker-icon);
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: 100%;
+}
 
 .sbb-table,
 .sbb-table-m,

package/teaser.js

@@ -5,13 +5,13 @@ import { slotState as h } from "./core/decorators.js";
 import { css as p } from "lit";
 import "./chip.js";
 import "./title.js";
-const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){will-change:transform;display:block;object-fit:cover;width:18.75rem;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);aspect-ratio:4/3}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
-var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, t = (l, a, b, r) => {
-  for (var e = r > 1 ? void 0 : r ? u(a, b) : a, i = l.length - 1, n; i >= 0; i--)
+const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;will-change:transform;display:block;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: 4 / 3}::slotted(img[slot=image]){aspect-ratio:4/3;object-fit:cover}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (l, a, b, r) => {
+  for (var e = r > 1 ? void 0 : r ? g(a, b) : a, i = l.length - 1, n; i >= 0; i--)
     (n = l[i]) && (e = (r ? n(a, b, e) : n(e)) || e);
   return r && e && m(a, b, e), e;
 };
-let s = class extends c {
+let t = class extends c {
   constructor() {
     super(...arguments), this.alignment = "after-centered", this.titleLevel = "5";
   }
@@ -36,23 +36,23 @@ let s = class extends c {
     `;
   }
 };
-s.styles = f;
-t([
+t.styles = f;
+s([
   o({ reflect: !0 })
-], s.prototype, "alignment", 2);
-t([
+], t.prototype, "alignment", 2);
+s([
   o({ attribute: "title-level" })
-], s.prototype, "titleLevel", 2);
-t([
+], t.prototype, "titleLevel", 2);
+s([
   o({ attribute: "title-content" })
-], s.prototype, "titleContent", 2);
-t([
+], t.prototype, "titleContent", 2);
+s([
   o({ attribute: "chip-content", reflect: !0 })
-], s.prototype, "chipContent", 2);
-s = t([
+], t.prototype, "chipContent", 2);
+t = s([
   d("sbb-teaser"),
   h()
-], s);
+], t);
 export {
-  s as SbbTeaserElement
+  t as SbbTeaserElement
 };