@nldd/design-system 0.8.95 → 0.8.96

package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js

@@ -8,10 +8,10 @@ export const spacerCellStyles = css `
 	/* # Host */
 
 	:host {
-		--_width: var(--primitives-space-16);
+		--_spacer-cell-width: var(--primitives-space-16);
 
 		display: block;
-		width: var(--_width);
+		width: var(--_spacer-cell-width);
 		flex-grow: 0;
 		flex-shrink: 0;
 	}
@@ -23,26 +23,26 @@ export const spacerCellStyles = css `
 
 	/* # Size */
 
-	:host([size="2"])  { --_width: var(--primitives-space-2); }
-	:host([size="4"])  { --_width: var(--primitives-space-4); }
-	:host([size="6"])  { --_width: var(--primitives-space-6); }
-	:host([size="8"])  { --_width: var(--primitives-space-8); }
-	:host([size="10"]) { --_width: var(--primitives-space-10); }
-	:host([size="12"]) { --_width: var(--primitives-space-12); }
-	:host([size="20"]) { --_width: var(--primitives-space-20); }
-	:host([size="24"]) { --_width: var(--primitives-space-24); }
-	:host([size="28"]) { --_width: var(--primitives-space-28); }
-	:host([size="32"]) { --_width: var(--primitives-space-32); }
-	:host([size="40"]) { --_width: var(--primitives-space-40); }
-	:host([size="44"]) { --_width: var(--primitives-space-44); }
-	:host([size="48"]) { --_width: var(--primitives-space-48); }
-	:host([size="56"]) { --_width: var(--primitives-space-56); }
-	:host([size="64"]) { --_width: var(--primitives-space-64); }
-	:host([size="80"]) { --_width: var(--primitives-space-80); }
-	:host([size="96"]) { --_width: var(--primitives-space-96); }
+	:host([size="2"])  { --_spacer-cell-width: var(--primitives-space-2); }
+	:host([size="4"])  { --_spacer-cell-width: var(--primitives-space-4); }
+	:host([size="6"])  { --_spacer-cell-width: var(--primitives-space-6); }
+	:host([size="8"])  { --_spacer-cell-width: var(--primitives-space-8); }
+	:host([size="10"]) { --_spacer-cell-width: var(--primitives-space-10); }
+	:host([size="12"]) { --_spacer-cell-width: var(--primitives-space-12); }
+	:host([size="20"]) { --_spacer-cell-width: var(--primitives-space-20); }
+	:host([size="24"]) { --_spacer-cell-width: var(--primitives-space-24); }
+	:host([size="28"]) { --_spacer-cell-width: var(--primitives-space-28); }
+	:host([size="32"]) { --_spacer-cell-width: var(--primitives-space-32); }
+	:host([size="40"]) { --_spacer-cell-width: var(--primitives-space-40); }
+	:host([size="44"]) { --_spacer-cell-width: var(--primitives-space-44); }
+	:host([size="48"]) { --_spacer-cell-width: var(--primitives-space-48); }
+	:host([size="56"]) { --_spacer-cell-width: var(--primitives-space-56); }
+	:host([size="64"]) { --_spacer-cell-width: var(--primitives-space-64); }
+	:host([size="80"]) { --_spacer-cell-width: var(--primitives-space-80); }
+	:host([size="96"]) { --_spacer-cell-width: var(--primitives-space-96); }
 
 	:host([size="flexible"]) {
-		--_width: auto;
+		--_spacer-cell-width: auto;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;

package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.d.ts → step-cell/step-cell.d.ts}

@@ -1,22 +1,23 @@
 /**
- * Nederlandse Digitale Dienst Timeline Track Cell Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Step Cell Component (Lit + TypeScript)
  *
- * A cell component for displaying timeline track indicators in lists.
- * Shows a vertical line with a dot indicating timeline position and state.
- * The row's block padding belongs to the cell itself (via
- * `--context-cell-padding-block`), so the line spans the cell's own box edge to
- * edge and consecutive steps connect without gaps.
+ * A cell that draws steps under each other in an `nldd-list`: a vertical track
+ * with a dot per row, colored by how far along each step is. It is the vertical
+ * counterpart of `nldd-step-bar`, with the same `status` values. Other systems
+ * call this a stepper, a progress list or a timeline. The row's block padding
+ * belongs to the cell itself (via `--context-cell-padding-block`), so the line
+ * spans the cell's own box edge to edge and consecutive steps connect without
+ * gaps.
  *
- * By default the cell is a bare track: a line with a dot per row, for a timeline
- * of events. With `size="md"` the dot grows big enough for a number or an
- * icon and you have a list of steps under each other, the vertical counterpart
- * of `nldd-step-indicator`. The size belongs to the lane rather than to the
+ * By default the dot is small and empty, for steps without a number, such as
+ * the moments in the history of a case. With `size="md"` it grows big enough
+ * for a number or an icon. The size belongs to the lane rather than to the
  * content: every dot in a list is the same size, or the track would jump.
  *
- * @element nldd-timeline-track-cell
+ * @element nldd-step-cell
  * @attr {'major' | 'minor' | 'none'} level - What stands in the lane: a whole dot (`major`, the default), a smaller one for a row that belongs under the one above it (`minor`), or nothing at all (`none`) for a row that carries what a step holds rather than being a step. A `none` row keeps its `size` and its `status`, so it stays in the same lane and the track runs on in the right color
- * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
- * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
+ * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-bar-item`. It colors the dot and the track around it: covered above where you are, still ahead below
+ * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for steps without a number, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
  * @attr {'first' | 'between' | 'last' | 'only'} position - Place of the row in the list as it stands on screen (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `first` is the top row and only has a line below, `last` the bottom row and only has a line above, also with `direction="up"`: position is about where the row stands, `direction` about which way time runs. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
  * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `level="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
@@ -33,11 +34,11 @@ type Level = 'major' | 'minor' | 'none';
 type Direction = 'down' | 'up';
 type Position = 'first' | 'between' | 'last' | 'only';
 type Line = 'auto' | 'top' | 'bottom' | 'both' | 'none';
-declare const NLDDTimelineTrackCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
+declare const NLDDStepCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
     hideBelow?: string;
     hideAbove?: string;
 });
-export declare class NLDDTimelineTrackCell extends NLDDTimelineTrackCell_base {
+export declare class NLDDStepCell extends NLDDStepCell_base {
     static styles: import("lit").CSSResult;
     /**
      * What stands in the lane: a whole dot, a smaller one, or nothing.
@@ -89,8 +90,8 @@ export declare class NLDDTimelineTrackCell extends NLDDTimelineTrackCell_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'nldd-timeline-track-cell': NLDDTimelineTrackCell;
+        'nldd-step-cell': NLDDStepCell;
     }
 }
 export {};
-//# sourceMappingURL=timeline-track-cell.d.ts.map
+//# sourceMappingURL=step-cell.d.ts.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,+BAA+B,CAAC;AAEvC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC5C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AACxC,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAC/B,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACtD,KAAK,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;AAExD,qBACa,YAAa,SAAQ,iBAA8C;IAC/E,OAAgB,MAAM,0BAAkB;IAExC;;;;;;;;;OASG;IAEH,KAAK,EAAE,KAAK,CAAW;IAGvB,MAAM,EAAE,MAAM,CAAU;IAExB;2DACuD;IAEvD,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;4BAIwB;IAExB,SAAS,EAAE,SAAS,CAAU;IAG9B,QAAQ,EAAE,QAAQ,CAAa;IAE/B;;;;;;;;;;;;;;;OAeG;IAEH,IAAI,EAAE,IAAI,CAAU;IAGpB,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;kEAC8D;IAC9D,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,OAAO,CAAC,cAAc,CAAS;IAEtB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.js → step-cell/step-cell.js}

@@ -5,24 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * Nederlandse Digitale Dienst Timeline Track Cell Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Step Cell Component (Lit + TypeScript)
  *
- * A cell component for displaying timeline track indicators in lists.
- * Shows a vertical line with a dot indicating timeline position and state.
- * The row's block padding belongs to the cell itself (via
- * `--context-cell-padding-block`), so the line spans the cell's own box edge to
- * edge and consecutive steps connect without gaps.
+ * A cell that draws steps under each other in an `nldd-list`: a vertical track
+ * with a dot per row, colored by how far along each step is. It is the vertical
+ * counterpart of `nldd-step-bar`, with the same `status` values. Other systems
+ * call this a stepper, a progress list or a timeline. The row's block padding
+ * belongs to the cell itself (via `--context-cell-padding-block`), so the line
+ * spans the cell's own box edge to edge and consecutive steps connect without
+ * gaps.
  *
- * By default the cell is a bare track: a line with a dot per row, for a timeline
- * of events. With `size="md"` the dot grows big enough for a number or an
- * icon and you have a list of steps under each other, the vertical counterpart
- * of `nldd-step-indicator`. The size belongs to the lane rather than to the
+ * By default the dot is small and empty, for steps without a number, such as
+ * the moments in the history of a case. With `size="md"` it grows big enough
+ * for a number or an icon. The size belongs to the lane rather than to the
  * content: every dot in a list is the same size, or the track would jump.
  *
- * @element nldd-timeline-track-cell
+ * @element nldd-step-cell
  * @attr {'major' | 'minor' | 'none'} level - What stands in the lane: a whole dot (`major`, the default), a smaller one for a row that belongs under the one above it (`minor`), or nothing at all (`none`) for a row that carries what a step holds rather than being a step. A `none` row keeps its `size` and its `status`, so it stays in the same lane and the track runs on in the right color
- * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-indicator-item`. It colors the dot and the track around it: covered above where you are, still ahead below
- * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for a timeline of events, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
+ * @attr {'past' | 'current' | 'future'} status - How far along this row is (default 'past'); the same values as `nldd-step-bar-item`. It colors the dot and the track around it: covered above where you are, still ahead below
+ * @attr {'sm' | 'md'} size - How wide the lane is and so how big the dot: `sm` (default, 16px) for steps without a number, `md` (24px) where a number or an icon has to fit. Every row in one list takes the same size, or the track jumps
  * @attr {'down' | 'up'} direction - The direction the timeline moves forward in: `down` (default) puts the past above, `up` below. Only the current step has half a track, so this only has an effect there
  * @attr {'first' | 'between' | 'last' | 'only'} position - Place of the row in the list as it stands on screen (default 'between'): decides whether the line continues above the dot, below it, or on both sides. `first` is the top row and only has a line below, `last` the bottom row and only has a line above, also with `direction="up"`: position is about where the row stands, `direction` about which way time runs. `only` is the single row in the series and gets a line on neither side: a track of one dot leads nowhere. On a `level="none"` row, which is nothing but line, `only` leaves it out altogether: the track ends above it
  * @attr {'auto' | 'top' | 'bottom' | 'both' | 'none'} line - Which halves of the track you have covered, when `status` and `direction` get it wrong (default 'auto', which is what those two say). The halves you name are drawn as covered and the other one as still ahead, so `none` covers neither. Which halves are drawn at all stays with `position`, except that naming a half draws it: `line="both"` on a `first` row draws one above too. A row that opens a group of its own is the case for `both`, since the going carries on below it. A `level="none"` row has one line rather than two halves, and no point where a fill could change over, so there the status colors the whole of it and `line` overrules the whole of it. On a `current` row that leans the way the timeline runs: what belongs to a point usually comes after it, so going `down` the stretch reads as still ahead and going `up` as behind you
@@ -35,10 +36,10 @@ import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
 import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
-import { timelineTrackCellStyles } from './timeline-track-cell.styles.js';
-import { timelineTrackCellTemplate } from './timeline-track-cell.template.js';
+import { stepCellStyles } from './step-cell.styles.js';
+import { stepCellTemplate } from './step-cell.template.js';
 import '../../../content/icon/icon.js';
-let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(LitElement, 'cells-container') {
+let NLDDStepCell = class NLDDStepCell extends VisibilityMixin(LitElement, 'cells-container') {
     constructor() {
         super(...arguments);
         /**
@@ -96,43 +97,43 @@ let NLDDTimelineTrackCell = class NLDDTimelineTrackCell extends VisibilityMixin(
         const ignored = !this.showsContent && Boolean(this.text || this.icon);
         if (ignored && !this._warnedContent) {
             this._warnedContent = true;
-            console.warn('<nldd-timeline-track-cell>: `text` and `icon` only fit in a full dot on a wide track (`size="md"` with `level="major"`); they are not shown here.');
+            console.warn('<nldd-step-cell>: `text` and `icon` only fit in a full dot on a wide track (`size="md"` with `level="major"`); they are not shown here.');
         }
         else if (!ignored) {
             this._warnedContent = false;
         }
     }
     render() {
-        return timelineTrackCellTemplate(this);
+        return stepCellTemplate(this);
     }
 };
-NLDDTimelineTrackCell.styles = timelineTrackCellStyles;
+NLDDStepCell.styles = stepCellStyles;
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('major') })
-], NLDDTimelineTrackCell.prototype, "level", void 0);
+], NLDDStepCell.prototype, "level", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('past') })
-], NLDDTimelineTrackCell.prototype, "status", void 0);
+], NLDDStepCell.prototype, "status", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('sm') })
-], NLDDTimelineTrackCell.prototype, "size", void 0);
+], NLDDStepCell.prototype, "size", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('down') })
-], NLDDTimelineTrackCell.prototype, "direction", void 0);
+], NLDDStepCell.prototype, "direction", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('between') })
-], NLDDTimelineTrackCell.prototype, "position", void 0);
+], NLDDStepCell.prototype, "position", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('auto') })
-], NLDDTimelineTrackCell.prototype, "line", void 0);
+], NLDDStepCell.prototype, "line", void 0);
 __decorate([
     property({ type: String })
-], NLDDTimelineTrackCell.prototype, "text", void 0);
+], NLDDStepCell.prototype, "text", void 0);
 __decorate([
     property({ type: String })
-], NLDDTimelineTrackCell.prototype, "icon", void 0);
-NLDDTimelineTrackCell = __decorate([
-    customElement('nldd-timeline-track-cell')
-], NLDDTimelineTrackCell);
-export { NLDDTimelineTrackCell };
-//# sourceMappingURL=timeline-track-cell.js.map
+], NLDDStepCell.prototype, "icon", void 0);
+NLDDStepCell = __decorate([
+    customElement('nldd-step-cell')
+], NLDDStepCell);
+export { NLDDStepCell };
+//# sourceMappingURL=step-cell.js.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.ts"],"names":[],"mappings":"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"}

package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const stepCellStyles: import("lit").CSSResult;
+//# sourceMappingURL=step-cell.styles.d.ts.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAqL1B,CAAC"}

package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js

@@ -0,0 +1,184 @@
+import { css } from 'lit';
+export const stepCellStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
+
+	:host {
+		--_step-cell-lane-size: var(--primitives-space-16);
+		--_step-cell-marker-size: var(--primitives-space-16);
+		--_step-cell-marker-corner-radius: var(--primitives-corner-radius-full);
+
+		--_step-cell-line-width: var(--primitives-space-2);
+		--_step-cell-track-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
+		--_step-cell-future-fill-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
+		--_step-cell-marker-z-index: 1;
+		--_step-cell-ring-thickness: var(--semantics-surfaces-ring-thickness);
+		--_step-cell-ring-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
+		--_step-cell-marker-content-color: var(--semantics-content-contrast-color);
+		--_step-cell-future-content-color: var(--semantics-content-secondary-color);
+		--_step-cell-current-fill-color: light-dark(var(--primitives-color-accent-75), var(--primitives-color-accent-100));
+		--_step-cell-icon-size: calc(var(--_step-cell-marker-size) * 2 / 3);
+
+		isolation: isolate;
+		display: flex;
+		/* !important: shields the row padding from consumer universal resets, which beat normal :host declarations per CSS Scoping. */
+		padding-block: var(--context-cell-padding-block, 0px) !important;
+		width: var(--_step-cell-lane-size);
+		flex-direction: column;
+		align-self: stretch;
+		align-items: center;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([size="md"]) {
+		--_step-cell-lane-size: var(--primitives-space-24);
+		--_step-cell-marker-size: var(--primitives-space-24);
+	}
+
+	:host([level="minor"]) {
+		--_step-cell-marker-size: var(--primitives-space-10);
+	}
+
+	:host([size="md"][level="minor"]) {
+		--_step-cell-marker-size: var(--primitives-space-12);
+	}
+
+	/* Bleeds back over the host's block padding, so consecutive rows connect. */
+	.step-cell {
+		position: relative;
+		width: var(--_step-cell-lane-size);
+		height: calc(100% + 2 * var(--context-cell-padding-block, 0px));
+		min-height: var(--primitives-space-48);
+		margin-block: calc(var(--context-cell-padding-block, 0px) * -1);
+	}
+
+	/* The ring, but only left and right. A spread would put the same band above
+	   and below the line, and there it would cut the track at every row
+	   boundary: the lines that run on downward deliberately reach past the cell
+	   to bridge the divider. Two offset copies do the sides and nothing else. A
+	   copy shifted sideways has the same top and bottom as the line itself, so
+	   it can only show along the edge it is pushed out from. */
+	.step-cell__full-line,
+	.step-cell__top-line,
+	.step-cell__bottom-line {
+		position: absolute;
+		left: 50%;
+		margin-left: calc(var(--_step-cell-line-width) / -2);
+		box-shadow:
+			calc(-1 * var(--_step-cell-ring-thickness)) 0 0 0 var(--_step-cell-ring-color),
+			var(--_step-cell-ring-thickness) 0 0 0 var(--_step-cell-ring-color);
+		background-color: var(--_step-cell-track-color);
+		width: var(--_step-cell-line-width);
+	}
+
+	/* The lines that run on downward also bridge the row boundary: an
+	   nldd-list-item reserves a divider's worth of space below itself, and
+	   without this the track breaks at every row. The top line needs nothing —
+	   the row above already covers the band. */
+	.step-cell__full-line {
+		top: 0;
+		bottom: calc(-1 * var(--semantics-dividers-thickness));
+	}
+
+	.step-cell__top-line {
+		bottom: 50%;
+		height: 50%;
+	}
+
+	.step-cell__bottom-line {
+		top: 50%;
+		bottom: calc(-1 * var(--semantics-dividers-thickness));
+	}
+
+	:host([status="future"]:not([line])) .step-cell__top-line,
+	:host([status="future"]:not([line])) .step-cell__bottom-line {
+		background-color: var(--_step-cell-future-fill-color);
+	}
+
+	:host([status="current"]:not([line])) .step-cell__bottom-line {
+		background-color: var(--_step-cell-future-fill-color);
+	}
+
+	:host([status="current"][direction="up"]:not([line])) .step-cell__bottom-line {
+		background-color: var(--_step-cell-track-color);
+	}
+
+	:host([status="current"][direction="up"]:not([line])) .step-cell__top-line {
+		background-color: var(--_step-cell-future-fill-color);
+	}
+
+	:host([line="top"]) .step-cell__top-line,
+	:host([line="bottom"]) .step-cell__bottom-line,
+	:host([line="both"]) .step-cell__top-line,
+	:host([line="both"]) .step-cell__bottom-line {
+		background-color: var(--_step-cell-track-color);
+	}
+
+	:host([level="none"][status="future"]) .step-cell__full-line,
+	:host([level="none"][status="current"]:not([direction="up"])) .step-cell__full-line,
+	:host([level="none"][line="none"]) .step-cell__full-line {
+		background-color: var(--_step-cell-future-fill-color);
+	}
+
+	:host([line="top"]) .step-cell__bottom-line,
+	:host([line="bottom"]) .step-cell__top-line,
+	:host([line="none"]) .step-cell__top-line,
+	:host([line="none"]) .step-cell__bottom-line {
+		background-color: var(--_step-cell-future-fill-color);
+	}
+
+	.step-cell__marker {
+		box-sizing: border-box;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		z-index: var(--_step-cell-marker-z-index);
+		display: flex;
+		width: var(--_step-cell-marker-size);
+		height: var(--_step-cell-marker-size);
+		margin-top: calc(var(--_step-cell-marker-size) / -2);
+		margin-left: calc(var(--_step-cell-marker-size) / -2);
+		align-items: center;
+		justify-content: center;
+		border: var(--_step-cell-line-width) solid var(--_step-cell-track-color);
+		border-radius: var(--_step-cell-marker-corner-radius);
+		box-shadow: 0 0 0 var(--_step-cell-ring-thickness) var(--_step-cell-ring-color);
+		color: var(--_step-cell-marker-content-color);
+		font: var(--primitives-font-body-sm-medium-flat);
+	}
+
+	:host([status="past"]) .step-cell__marker,
+	:host(:not([status])) .step-cell__marker {
+		background-color: var(--_step-cell-track-color);
+	}
+
+	:host([status="current"]) .step-cell__marker {
+		background-color: var(--_step-cell-current-fill-color);
+		color: var(--_step-cell-track-color);
+	}
+
+	:host([status="future"]) .step-cell__marker {
+		border-color: var(--_step-cell-future-fill-color);
+		background-color: var(--_step-cell-future-fill-color);
+		color: var(--_step-cell-future-content-color);
+	}
+
+	.step-cell__icon {
+		width: var(--_step-cell-icon-size);
+		height: var(--_step-cell-icon-size);
+	}
+
+	@media (forced-colors: active) {
+		.step-cell__marker,
+		.step-cell__top-line,
+		.step-cell__bottom-line,
+		.step-cell__full-line {
+			forced-color-adjust: none;
+		}
+	}
+`;
+//# sourceMappingURL=step-cell.styles.js.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLhC,CAAC"}

package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts

@@ -0,0 +1,4 @@
+import { type TemplateResult } from 'lit';
+import type { NLDDStepCell } from './step-cell.js';
+export declare function stepCellTemplate(component: NLDDStepCell): TemplateResult;
+//# sourceMappingURL=step-cell.template.d.ts.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAuCxE"}

package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.template.js → step-cell/step-cell.template.js}

@@ -1,12 +1,12 @@
 import { html, nothing } from 'lit';
-export function timelineTrackCellTemplate(component) {
+export function stepCellTemplate(component) {
     // No dot means no point where a fill could change over, so the row draws one
     // line from edge to edge instead of two halves. `only` says the track runs
     // neither above nor below, which here leaves nothing to draw.
     if (component.level === 'none') {
         return html `
-			<div class="timeline-track-cell">
-				${component.position === 'only' ? nothing : html `<div class="timeline-track-cell__full-line"></div>`}
+			<div class="step-cell">
+				${component.position === 'only' ? nothing : html `<div class="step-cell__full-line"></div>`}
 			</div>
 		`;
     }
@@ -20,9 +20,9 @@ export function timelineTrackCellTemplate(component) {
     const marker = !component.showsContent
         ? nothing
         : component.icon
-            ? html `<nldd-icon class="timeline-track-cell__icon" icon=${component.icon}></nldd-icon>`
+            ? html `<nldd-icon class="step-cell__icon" icon=${component.icon}></nldd-icon>`
             : component.text
-                ? html `<span class="timeline-track-cell__text">${component.text}</span>`
+                ? html `<span class="step-cell__text">${component.text}</span>`
                 : nothing;
     // The attributes are the shorthand for the common cases; the slot is there for
     // anything else.
@@ -30,11 +30,11 @@ export function timelineTrackCellTemplate(component) {
         ? html `${marker}<slot></slot>`
         : marker;
     return html `
-		<div class="timeline-track-cell">
-			${showTopLine ? html `<div class="timeline-track-cell__top-line"></div>` : nothing}
-			<div class="timeline-track-cell__marker">${content}</div>
-			${showBottomLine ? html `<div class="timeline-track-cell__bottom-line"></div>` : nothing}
+		<div class="step-cell">
+			${showTopLine ? html `<div class="step-cell__top-line"></div>` : nothing}
+			<div class="step-cell__marker">${content}</div>
+			${showBottomLine ? html `<div class="step-cell__bottom-line"></div>` : nothing}
 		</div>
 	`;
 }
-//# sourceMappingURL=timeline-track-cell.template.js.map
+//# sourceMappingURL=step-cell.template.js.map

package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/step-cell/step-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,6EAA6E;IAC7E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,SAAS,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;QAChC,OAAO,IAAI,CAAA;;MAEP,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,0CAA0C;;GAE3F,CAAC;IACH,CAAC;IAED,+EAA+E;IAC/E,4EAA4E;IAC5E,kBAAkB;IAClB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC;IACjF,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,OAAO,CAAC;IACrF,MAAM,WAAW,GAAG,MAAM,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IACpF,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC;IAC7F,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS,CAAC,IAAI;YACf,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,eAAe;YAC9E,CAAC,CAAC,SAAS,CAAC,IAAI;gBACf,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,IAAI,SAAS;gBAC9D,CAAC,CAAC,OAAO,CAAC;IACb,+EAA+E;IAC/E,iBAAiB;IACjB,MAAM,OAAO,GAAG,SAAS,CAAC,YAAY;QACrC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,eAAe;QAC9B,CAAC,CAAC,MAAM,CAAC;IAEV,OAAO,IAAI,CAAA;;KAEP,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,CAAC,CAAC,CAAC,OAAO;oCACtC,OAAO;KACtC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,4CAA4C,CAAC,CAAC,CAAC,OAAO;;EAE9E,CAAC;AACH,CAAC"}

package/dist/components/lists-and-tables/cells/text-cell/text-cell.js

@@ -115,36 +115,36 @@ let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement, 'cells
     }
     _applyDimensionStyles() {
         // width's 'full' and 'fit-content' are handled via [width] attribute
-        // selectors in CSS; any other value is a CSS length fed through --_width.
+        // selectors in CSS; any other value is a CSS length fed through --_text-cell-width.
         const w = this.width;
         const widthIsKeyword = w === 'full' || w === 'fit-content';
         const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
         if (widthIsValidLength) {
-            this.style.setProperty('--_width', w);
+            this.style.setProperty('--_text-cell-width', w);
         }
         else {
-            this.style.removeProperty('--_width');
+            this.style.removeProperty('--_text-cell-width');
         }
         if (w && !widthIsKeyword && !widthIsValidLength) {
             this.width = '';
         }
         if (this.minWidth) {
-            this.style.setProperty('--_min-width', this.minWidth);
+            this.style.setProperty('--_text-cell-min-width', this.minWidth);
         }
         else {
-            this.style.removeProperty('--_min-width');
+            this.style.removeProperty('--_text-cell-min-width');
         }
         if (this.maxWidth) {
-            this.style.setProperty('--_max-width', this.maxWidth);
+            this.style.setProperty('--_text-cell-max-width', this.maxWidth);
         }
         else {
-            this.style.removeProperty('--_max-width');
+            this.style.removeProperty('--_text-cell-max-width');
         }
         if (this.minHeight) {
-            this.style.setProperty('--_min-height', this.minHeight);
+            this.style.setProperty('--_text-cell-min-height', this.minHeight);
         }
         else {
-            this.style.removeProperty('--_min-height');
+            this.style.removeProperty('--_text-cell-min-height');
         }
     }
     render() {

package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.ts"],"names":[],"mappings":"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"}