@sbb-esta/lyne-elements 1.11.2 → 1.12.0

package/_index.scss

@@ -1,2 +1,2 @@
 @forward 'core/styles' hide development-style, link-base, link-focus-visible, link-hover,
-  link-active, link-consolidation;
+  link-active, link-consolidation, base-marker-list;

package/core/a11y/focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAWnB,CAAC;AAGb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAyB;IAE5C;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA4CA,UAAU,IAAI,IAAI;CAI1B"}
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAYnB,CAAC;AAGb,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAyB;IAE5C;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA4CA,UAAU,IAAI,IAAI;CAI1B"}

package/core/a11y.js

@@ -138,7 +138,7 @@ const I = typeof getComputedStyle > "u" || getComputedStyle(document.documentEle
   "details",
   "summary:not(:disabled)",
   "[tabindex]"
-].map((t) => `${t}:not([disabled]:not([disabled-interactive]),[tabindex="-1"])`).join(",");
+].map((t) => `${t}:not([disabled],[tabindex="-1"],[inert])`).concat('[disabled][disabled-interactive]:not([inert],[tabindex="-1"])').join(",");
 function b(t, e) {
   const n = /* @__PURE__ */ new Set();
   function s(r, c) {

package/core/i18n/i18n.d.ts

@@ -70,4 +70,9 @@ export declare const i18nFileSelectorButtonLabel: Record<string, string>;
 export declare const i18nFileSelectorSubtitleLabel: Record<string, string>;
 export declare const i18nFileSelectorDeleteFile: Record<string, string>;
 export declare const i18nFileSelectorCurrentlySelected: (filesName: string[]) => Record<string, string>;
+export declare const i18nNextPage: Record<string, string>;
+export declare const i18nPreviousPage: Record<string, string>;
+export declare const i18nPage: Record<string, string>;
+export declare const i18nItemsPerPage: Record<string, string>;
+export declare const i18nSelectedPage: (pageNumber: number) => Record<string, string>;
 //# sourceMappingURL=i18n.d.ts.map

package/core/i18n/i18n.d.ts.map

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

package/core/i18n.js

@@ -51,12 +51,12 @@ const n = {
   en: "Train coach",
   fr: "Wagon de train",
   it: "Carrozza del treno"
-}, u = {
+}, d = {
   de: "Nummer",
   en: "Number",
   fr: "Numéro",
   it: "Numero"
-}, d = (e) => e ? {
+}, u = (e) => e ? {
   de: `Geschlossener Wagen mit der Nummer ${e}`,
   en: `Closed train coach with the number ${e}`,
   fr: `Wagon de train fermé avec le numéro ${e}`,
@@ -66,12 +66,12 @@ const n = {
   en: "Closed train coach",
   fr: "Wagon de train fermé",
   it: "Carrozza del treno chiuso"
-}, f = {
+}, g = {
   de: "Lokomotive",
   en: "Locomotive",
   fr: "Locomotive",
   it: "Locomotiva"
-}, h = {
+}, f = {
   previous: {
     de: "Kein Durchgang zum vorherigen Wagen",
     en: "No passage to the previous train coach",
@@ -90,7 +90,7 @@ const n = {
     fr: "Pas de passage au wagon de train suivant et précédent",
     it: "Nessun passaggio alla carrozza del treno successivo e precedente"
   }
-}, g = {
+}, h = {
   de: "Zusätzliche Wageninformation",
   en: "Additional wagon information",
   fr: "Informations supplémentaires sur les wagons",
@@ -185,27 +185,27 @@ const n = {
   en: "Travel time",
   fr: "Durée du voyage",
   it: "Durata del viaggio"
-}, T = {
+}, P = {
   de: "Reisehinweise",
   en: "Travelhints",
   fr: "Indications sur le voyage",
   it: "Idiicazioni di viaggio"
-}, D = {
+}, T = {
   de: "Echtzeitinformationen",
   en: "Real time information",
   fr: "Informations en temps réel",
   it: "Informazioni in tempo reale"
-}, w = {
+}, D = {
   de: "mal umsteigen",
   en: "changes",
   fr: "changement(s) de train",
   it: "cambi"
-}, b = {
+}, w = {
   de: "neu",
   en: "new",
   fr: "nouveau",
   it: "nuovo"
-}, P = {
+}, b = {
   de: "Auf",
   en: "on",
   fr: "sur",
@@ -215,7 +215,7 @@ const n = {
   en: "Supersaver tickets",
   fr: "Billets dégriffés",
   it: "Biglietti risparmio"
-}, A = {
+}, $ = {
   none: {
     de: "Keine Belegungsprognose verfügbar",
     en: "No occupancy forecast available",
@@ -240,7 +240,7 @@ const n = {
     fr: "Un taux d'occupation très élevé est attendu",
     it: "Ci si aspetta un'occupazione molto alta"
   }
-}, y = {
+}, A = {
   funicular: {
     de: "Seilbahn/Zahnradbahn",
     en: "Funicular/Cog railway",
@@ -307,27 +307,27 @@ const n = {
     fr: "Train",
     it: "Treno"
   }
-}, k = {
+}, x = {
   de: "(optional)",
   en: "(optional)",
   fr: "(facultatif)",
   it: "(facoltativo)"
-}, x = {
+}, E = {
   de: "Linkziel öffnet in neuem Fenster.",
   en: "Link target opens in a new window.",
   fr: "Le lien s'ouvre dans une nouvelle fenêtre.",
   it: "L'obiettivo del link si apre in una nuova finestra."
-}, F = {
+}, y = {
   de: "Minuten Fussweg nach Ankunft:",
   en: "minutes of walking time after arrival:",
   fr: "minutes de trajet à pied après l’arrivée:",
   it: "minuti a piedi all’arrivo:"
-}, $ = {
+}, k = {
   de: "Minuten Fussweg vor Abfahrt:",
   en: "minutes of walking time before departure:",
   fr: "minutes trajet à pied avant le départ:",
   it: "minuti a piedi prima della partenza:"
-}, E = {
+}, F = {
   de: "Meldung schliessen",
   en: "Close message",
   fr: "Fermer message",
@@ -337,12 +337,12 @@ const n = {
   en: "Close message",
   fr: "Fermer message",
   it: "Chiudere il messaggio"
-}, N = {
+}, I = {
   de: "Dialog",
   en: "Dialog",
   fr: "Dialogue",
   it: "Dialogo"
-}, I = {
+}, N = {
   de: "Übergelagertes Fenster schliessen",
   en: "Close secondary window",
   fr: "Fermer la fenêtre superposée",
@@ -382,17 +382,17 @@ const n = {
   en: "Change to the previous month",
   fr: "Passer au mois précédent",
   it: "Passare al mese precedente"
-}, j = {
+}, V = {
   de: "Nächster Tag",
   en: "Next day",
   fr: "Le prochain jour",
   it: "Giorno successivo"
-}, H = {
+}, j = {
   de: "Vorheriger Tag",
   en: "Previous day",
   fr: "Jour précédent",
   it: "Giorno precedente"
-}, V = {
+}, H = {
   de: "Jahr und Monat auswählen",
   en: "Choose year and month",
   fr: "Choisissez l'année et le mois",
@@ -482,27 +482,27 @@ const n = {
   en: "Show more breadcrumbs",
   fr: "Afficher plus breadcrumbs",
   it: "Mostra più breadcrumbs"
-}, ue = {
+}, de = {
   de: "Zeit geändert zu",
   en: "Time changed to",
   fr: "Heure modifiée:",
   it: "Orario modificata alle"
-}, de = {
+}, ue = {
   de: "Feldinhalt löschen",
   en: "Clear input value",
   fr: "Effacer la valeur d’entrée",
   it: "Cancella il valore dell’input"
-}, fe = {
+}, ge = {
   de: "Klicken Sie auf diese Karte für Details",
   en: "Click on this card for details",
   fr: "Cliquez sur cette carte pour plus de détails",
   it: "Clicca su questa scheda per i dettagli"
-}, he = {
+}, fe = {
   de: "Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen",
   en: "Click on this card to go back to the summary",
   fr: "Cliquez sur cette carte pour revenir au résumé",
   it: "Clicca su questa scheda per tornare al sommario"
-}, ge = {
+}, he = {
   de: "Datei auswählen",
   en: "Choose a file",
   fr: "Choisissez un fichier",
@@ -527,21 +527,46 @@ const n = {
   en: "No files selected.",
   fr: "Nessun fichier sélectionné.",
   it: "Nessun file selezionato."
-};
+}, Ce = {
+  de: "Nächste Seite",
+  en: "Next page",
+  fr: "Prochaine page",
+  it: "Pagina successiva"
+}, ze = {
+  de: "Vorherige Seite",
+  en: "Previous page",
+  fr: "Page précédente",
+  it: "Pagina precedente"
+}, Se = {
+  de: "Seite",
+  en: "Page",
+  fr: "Page",
+  it: "Pagina"
+}, Pe = {
+  de: "Einträge pro Seite",
+  en: "Items per page",
+  fr: "Entrées par page",
+  it: "Elementi per pagina"
+}, Te = (e) => ({
+  de: `Seite ${e} ausgewählt.`,
+  en: `Page ${e} selected.`,
+  fr: `Page ${e} sélectionnée.`,
+  it: `Pagina ${e} selezionata.`
+});
 export {
-  g as i18nAdditionalWagonInformationHeading,
+  h as i18nAdditionalWagonInformationHeading,
   i as i18nArrival,
-  h as i18nBlockedPassage,
+  f as i18nBlockedPassage,
   le as i18nBreadcrumbEllipsisButtonLabel,
   O as i18nCalendarDateSelection,
   r as i18nClass,
-  de as i18nClearInput,
-  E as i18nCloseAlert,
-  I as i18nCloseDialog,
+  ue as i18nClearInput,
+  F as i18nCloseAlert,
+  N as i18nCloseDialog,
   Z as i18nCloseNavigation,
   R as i18nCloseNotification,
   L as i18nClosePopover,
-  d as i18nClosedCompartmentLabel,
+  u as i18nClosedCompartmentLabel,
   se as i18nCollapsed,
   te as i18nConnectionFrom,
   re as i18nConnectionRoundtrip,
@@ -549,55 +574,60 @@ export {
   ie as i18nDateChangedTo,
   ne as i18nDatePickerPlaceholder,
   m as i18nDeparture,
-  N as i18nDialog,
+  I as i18nDialog,
   n as i18nDirection,
   C as i18nDurationDay,
   v as i18nDurationHour,
   p as i18nDurationMinute,
   oe as i18nExpanded,
-  ge as i18nFileSelectorButtonLabel,
+  he as i18nFileSelectorButtonLabel,
   ve as i18nFileSelectorCurrentlySelected,
   pe as i18nFileSelectorDeleteFile,
   me as i18nFileSelectorSubtitleLabel,
   B as i18nFindOutMore,
-  fe as i18nFlipCard,
-  P as i18nFromPlatform,
+  ge as i18nFlipCard,
+  b as i18nFromPlatform,
   W as i18nGoBack,
-  f as i18nLocomotiveLabel,
+  Pe as i18nItemsPerPage,
+  g as i18nLocomotiveLabel,
   ce as i18nMapContainerButtonLabel,
-  y as i18nMeansOfTransport,
-  b as i18nNew,
-  j as i18nNextDay,
+  A as i18nMeansOfTransport,
+  w as i18nNew,
+  V as i18nNextDay,
   G as i18nNextMonth,
+  Ce as i18nNextPage,
   _ as i18nNextYear,
   Y as i18nNextYearRange,
-  A as i18nOccupancy,
-  k as i18nOptional,
-  H as i18nPreviousDay,
+  $ as i18nOccupancy,
+  x as i18nOptional,
+  Se as i18nPage,
+  j as i18nPreviousDay,
   K as i18nPreviousMonth,
+  ze as i18nPreviousPage,
   q as i18nPreviousYear,
   X as i18nPreviousYearRange,
-  D as i18nRealTimeInfo,
-  he as i18nReverseCard,
+  T as i18nRealTimeInfo,
+  fe as i18nReverseCard,
   t as i18nSector,
   a as i18nSectorShort,
   U as i18nSelectNextDay,
   Q as i18nSelectPreviousDay,
+  Te as i18nSelectedPage,
   ee as i18nShowCalendar,
   M as i18nSupersaver,
-  x as i18nTargetOpensInNewWindow,
-  ue as i18nTimeInputChange,
+  E as i18nTargetOpensInNewWindow,
+  de as i18nTimeInputChange,
   J as i18nToday,
   o as i18nTrain,
   s as i18nTrains,
-  w as i18nTransferProcedures,
-  T as i18nTravelhints,
+  D as i18nTransferProcedures,
+  P as i18nTravelhints,
   S as i18nTripDuration,
   z as i18nTripQuayChange,
   l as i18nWagonLabel,
-  u as i18nWagonLabelNumber,
+  d as i18nWagonLabelNumber,
   c as i18nWagonsLabel,
-  F as i18nWalkingDistanceArrival,
-  $ as i18nWalkingDistanceDeparture,
-  V as i18nYearMonthSelection
+  y as i18nWalkingDistanceArrival,
+  k as i18nWalkingDistanceDeparture,
+  H as i18nYearMonthSelection
 };

package/core/styles/lists.scss

@@ -8,3 +8,7 @@
 .sbb-step-list {
   @include lists.step-list;
 }
+
+.sbb-icon-list {
+  @include lists.icon-list;
+}

package/core/styles/mixins/lists.scss

@@ -76,90 +76,77 @@
   }
 }
 
-@mixin step-list {
-  --sbb-step-list-marker-dimensions: #{functions.px-to-rem-build(34)};
-  --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
-  --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);
-
-  // Additional space from overall li padding to the text because text
-  // has to be centered to marker number.
-  --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);
+@mixin description-list {
+  // Support both top level usage (& is empty / falsy)
+  // and applied to a selector usage.
+  #{if(&, '&:where(dl)', 'dl')} {
+    @include typo.text-s--regular;
 
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  counter-reset: steps;
+    margin: 0;
+    padding: 0;
+    display: grid;
 
-  &:where(.sbb-text-s) {
-    --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
+    // Ensure that description is always attached to the label
+    grid-template-columns: auto minmax(20%, 1fr);
+    gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
+    color: var(--sbb-color-iron);
+
+    :is(dt, dd) {
+      margin: 0;
+      padding: 0;
+    }
   }
+}
 
-  &:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
-    --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
+@mixin base-marker-list(
+  $dimensions,
+  $padding-inline,
+  $to-text-gap,
+  $vertical-gap,
+  $text-to-marker-block-offset
+) {
+  & {
+    #{$dimensions}: #{functions.px-to-rem-build(34)};
+    #{$padding-inline}: var(--sbb-spacing-responsive-xxs);
+    #{$to-text-gap}: var(--sbb-spacing-responsive-xxxs);
+
+    // Additional space from overall li padding to the text because text
+    // has to be centered to marker number.
+    #{$text-to-marker-block-offset}: calc(
+      0.5 *
+        (var(#{$dimensions}) - var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size))
+    );
+    list-style: none;
+    margin: 0;
+    padding: 0;
   }
 
   &:where(.sbb-text-xl) {
     @include mediaqueries.mq($from: medium) {
-      --sbb-step-list-marker-dimensions: #{functions.px-to-rem-build(41)};
+      #{$dimensions}: #{functions.px-to-rem-build(41)};
     }
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
   > 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)
-    );
-
-    &:first-of-type {
-      border-start-start-radius: var(--sbb-step-list-border-radius);
-      border-start-end-radius: var(--sbb-step-list-border-radius);
-    }
-
-    &:last-of-type {
-      border-end-start-radius: var(--sbb-step-list-border-radius);
-      border-end-end-radius: var(--sbb-step-list-border-radius);
-    }
+    padding-inline: calc(var(#{$padding-inline}) + var(#{$dimensions}) + var(#{$to-text-gap}))
+      var(#{$padding-inline});
+    min-height: var(#{$dimensions});
 
     &::before {
       @include typo.text-xxs--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(#{$dimensions});
+      width: var(#{$dimensions});
+      margin-block-start: calc(-1 * var(#{$text-to-marker-block-offset}));
+      inset-inline-start: var(#{$padding-inline});
       border-radius: 50%;
-      color: var(--sbb-color-charcoal);
     }
 
     + li {
-      margin-block-start: var(--sbb-step-list-vertical-gap);
+      margin-block-start: var(#{$vertical-gap});
     }
 
     p {
@@ -173,24 +160,89 @@
   }
 }
 
-@mixin description-list {
-  // Support both top level usage (& is empty / falsy)
-  // and applied to a selector usage.
-  #{if(&, '&:where(dl)', 'dl')} {
-    @include typo.text-s--regular;
+@mixin icon-list {
+  @include base-marker-list(
+    $dimensions: '--sbb-icon-list-dimensions',
+    $padding-inline: '--sbb-icon-list-padding-inline',
+    $to-text-gap: '--sbb-icon-list-to-text-gap',
+    $vertical-gap: '--sbb-icon-list-vertical-gap',
+    $text-to-marker-block-offset: '--sbb-icon-list-text-to-marker-block-offset'
+  );
 
-    margin: 0;
-    padding: 0;
-    display: grid;
+  & {
+    --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);
+  }
 
-    // Ensure that description is always attached to the label
-    grid-template-columns: auto minmax(20%, 1fr);
-    gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
-    color: var(--sbb-color-iron);
+  > 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%;
+  }
+}
 
-    :is(dt, dd) {
-      margin: 0;
-      padding: 0;
+@mixin step-list {
+  @include base-marker-list(
+    $dimensions: '--sbb-step-list-dimensions',
+    $padding-inline: '--sbb-step-list-padding-inline',
+    $to-text-gap: '--sbb-step-list-to-text-gap',
+    $vertical-gap: '--sbb-step-list-vertical-gap',
+    $text-to-marker-block-offset: '--sbb-step-list-text-to-marker-block-offset'
+  );
+
+  & {
+    --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;
+  }
+
+  &:where(.sbb-text-s) {
+    --sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
+  }
+
+  &:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
+    --sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
+  }
+
+  > li {
+    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-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));
+
+    &::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);
+    }
+
+    &:first-of-type {
+      border-start-start-radius: var(--sbb-step-list-border-radius);
+      border-start-end-radius: var(--sbb-step-list-border-radius);
+    }
+
+    &:last-of-type {
+      border-end-start-radius: var(--sbb-step-list-border-radius);
+      border-end-end-radius: var(--sbb-step-list-border-radius);
     }
   }
 }