@0001-labs/design-system-1 0.3.0-alpha.28 → 0.3.0

package/DS1/1-root/footer.css

@@ -4,13 +4,19 @@
  * A site footer, as plain classes on native elements.
  *
  * The brand and its line at the start, twelve squares wide; the columns of
- * links beside it, eight squares each, two squares apart; then, two squares
- * below, the legal line at the start and the preferences (language and theme,
- * as `ds-cycle` or native buttons) at the end. Every line is one square, the
- * column headings in the title grey, the links in the text's ink with a faint
- * hairline under the pointer. A hairline runs along its top. Columns that do
- * not fit beside the brand go below it, and on a narrow screen everything
- * stands in one column. The `ds-footer` element draws the same parts from data.
+ * links beside it, eight squares each (or the whole squares a column names in
+ * `--ds-footer-column-width`), two squares apart; then, two squares below, the
+ * legal line at the start, the policies under it as secondary buttons, and the
+ * preferences (language and theme, as `ds-cycle` or native buttons) at the
+ * end. Every line is one square, the column headings in the title grey, the
+ * links in the text's ink with a faint hairline under the pointer. A column of
+ * contact lines mixes words alone (`<span>`) with links: its links, and a
+ * heading that is a link, are underlined as `.ds-link` is. A stacked column
+ * (`--stack`) draws its icon links as round marks one control high, one a
+ * line, one square wide at the end of the row. A hairline runs along its top.
+ * Columns that do not fit beside the brand go below it, and on a narrow screen
+ * everything stands in one column. The `ds-footer` element draws the same
+ * parts from data.
  *
  *   ds-footer                    the block, a <footer>
  *   ds-footer__brand             the mark and its line
@@ -18,13 +24,19 @@
  *   ds-footer__tagline           a line about the site, muted
  *   ds-footer__columns           the columns, a <nav> or <div>
  *   ds-footer__column            one column: a heading and its links
- *   ds-footer__heading           the column's heading, one line in the title grey
- *   ds-footer__links             the links, a <ul> with one link per <li>
+ *   ds-footer__column--stack     a column of round marks, one square wide at the row's end
+ *   ds-footer__heading           the column's heading, one line in the title grey, or an <a> in it
+ *   ds-footer__icons             a column's icon links, a row of marks (a stack in --stack)
+ *   ds-footer__links             the lines, a <ul> with one <a> or <span> per <li>
  *   ds-footer__base              the last row, two squares below
  *   ds-footer__legal             in it, the copyright and legal line, muted
+ *   ds-footer__policies          under it, links as secondary buttons (a.ds-button.ds-button--secondary)
  *   ds-footer__preferences       in it, the language and theme controls, at its end
  *
- * Tokens: `--ds-footer-line` (the hairline along the top).
+ * Tokens: `--ds-footer-line` (the hairline along the top),
+ * `--ds-footer-column-width` (a column's width in squares, 8),
+ * `--ds-footer-mark-background` and `--ds-footer-mark-color` (a round mark's
+ * disc and glyph: the ink and the paper).
  */
 
 .ds-footer {
@@ -96,7 +108,7 @@
 
 .ds-footer__column {
   display: flex;
-  flex: 0 0 calc(8 * var(--ds-unit));
+  flex: 0 0 calc(var(--ds-footer-column-width, 8) * var(--ds-unit));
   flex-direction: column;
   max-width: 100%;
   min-width: 0;
@@ -116,7 +128,8 @@
   padding: 0;
 }
 
-.ds-footer__links a {
+.ds-footer__links > li > *,
+.ds-footer__heading > a {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -124,36 +137,146 @@
   text-decoration-line: underline;
   text-decoration-thickness: 1px;
   text-decoration-color: transparent;
-  text-overflow: ellipsis;
+  text-overflow: clip;
   text-underline-offset: calc(2px * var(--ds-sf));
   vertical-align: top;
   white-space: nowrap;
 }
 
+/* A cut line fades over its last square, never an ellipsis (0-face/cut-fade.ts marks it). */
+:is(.ds-footer__links > li > *, .ds-footer__heading > a)[data-cut="end"] {
+  mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-unit)), transparent);
+}
+:is(.ds-footer__links > li > *, .ds-footer__heading > a)[data-cut="end"]:dir(rtl) {
+  mask-image: linear-gradient(to left, #000 calc(100% - var(--ds-unit)), transparent);
+}
+
 .ds-footer__links a:hover {
   text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
 }
 
+/* Among words alone (a contact column) a link, and a heading that is a link, is
+   underlined as .ds-link is: the text's ink, a hairline 40% of it, full under the pointer. */
+.ds-footer .ds-footer__heading > a,
+.ds-footer__links:has(> li > :not(a)) a {
+  color: var(--ds-text-color);
+  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
+}
+
+:is(.ds-footer__heading > a, .ds-footer__links:has(> li > :not(a)) a):hover {
+  text-decoration-color: currentColor;
+}
+
+/* A column's icon links (a brand's marks: Instagram, Facebook, LinkedIn) stand first, in a row of
+   their own one square high, each mark a whole square, half a square apart, named by its label. */
+.ds-footer .ds-footer__icons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0 calc(var(--ds-unit) / 2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.ds-footer__icons li {
+  margin: 0;
+  padding: 0;
+}
+
+.ds-footer__icons a {
+  display: flex;
+  align-items: flex-end;
+  height: var(--ds-unit);
+  color: inherit;
+}
+
+.ds-footer__icons .ds-icon {
+  --ds-icon-size: 20px;
+}
+
+.ds-footer__icons a:hover {
+  color: var(--ds-text-color-muted);
+}
+
+/* A stacked column: its marks one a line at the end of the row, each a round
+   disc one control high in the ink on the sixteen of its square, the glyph in
+   the paper's colour, flush with the square's start. */
+.ds-footer .ds-footer__column--stack {
+  flex: 0 0 var(--ds-unit);
+  margin-inline-start: auto;
+}
+
+.ds-footer__column--stack .ds-footer__icons {
+  flex-direction: column;
+  flex-wrap: nowrap;
+}
+
+.ds-footer__column--stack .ds-footer__icons li {
+  display: flex;
+  align-items: flex-end;
+  height: var(--ds-unit);
+}
+
+.ds-footer__column--stack .ds-footer__icons a {
+  display: grid;
+  place-items: center;
+  width: var(--ds-control-height);
+  height: var(--ds-control-height);
+  border-radius: 50%;
+  corner-shape: round;
+  background: var(--ds-footer-mark-background, var(--ds-text-color));
+  color: var(--ds-footer-mark-color, light-dark(var(--ds-white), var(--ds-black)));
+}
+
+.ds-footer__column--stack .ds-footer__icons .ds-icon {
+  --ds-icon-size: 14px;
+}
+
+.ds-footer__column--stack .ds-footer__icons a:hover {
+  background: var(--ds-text-color-muted);
+  color: var(--ds-footer-mark-color, light-dark(var(--ds-white), var(--ds-black)));
+}
+
 .ds-footer__links a[aria-current]:not([aria-current="false"]) {
   text-decoration-color: currentColor;
 }
 
-:is(.ds-footer__links a, .ds-footer__mark):focus-visible {
+:is(.ds-footer__links a, .ds-footer__heading a, .ds-footer__icons a, .ds-footer__mark):focus-visible {
   outline: 2px solid var(--ds-focus-ring);
   outline-offset: 1px;
 }
 
 /* The last row, two squares below: the legal line at the start, the
-   preferences at the end; on a narrow screen the preferences go first. */
+   policies on the square under it, the preferences at the end; on a narrow
+   screen the preferences go first, a square above the legal line. */
 .ds-footer__base {
   display: flex;
   flex: 0 0 100%;
   flex-wrap: wrap;
   align-items: flex-start;
-  gap: var(--ds-unit) calc(2 * var(--ds-unit));
+  gap: 0 calc(2 * var(--ds-unit));
   min-width: 0;
 }
 
+.ds-footer .ds-footer__policies {
+  display: flex;
+  flex: 0 0 100%;
+  flex-wrap: wrap;
+  order: 1;
+  gap: 0 calc(var(--ds-unit) / 2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.ds-footer__policies li {
+  display: flex;
+  align-items: flex-end;
+  height: var(--ds-unit);
+  margin: 0;
+  padding: 0;
+}
+
 .ds-footer__legal {
   flex: 1 1 auto;
   min-width: 0;
@@ -183,4 +306,12 @@
     order: -1;
     margin-inline-start: 0;
   }
+
+  .ds-footer__preferences:not([hidden]) {
+    margin-block-end: var(--ds-unit);
+  }
+
+  .ds-footer .ds-footer__policies {
+    flex-basis: auto;
+  }
 }

package/DS1/1-root/foundation.ts

@@ -0,0 +1,60 @@
+import { measures } from './measures';
+
+/** Shared geometry belongs to the foundation, not to a design library's appearance.
+ * These are unscaled inputs; device scaling and resolved component metrics stay shared.
+ * Rendered constraints still check layout, contrast, labels and font alignment.
+ */
+export const FOUNDATION_TOKENS: Readonly<Record<string, string>> = {
+  '--ds-1': `${measures.square}px`,
+  '--one-unit': `${measures.square}px`,
+  '--ds-control-size': `${measures.control}px`,
+  '--one-control-height': `${measures.control}px`,
+  '--ds-row-size': `${measures.row}px`,
+  '--ds-text-leading': `${measures.leading}px`,
+  '--ds-08': 'calc(var(--ds-1) * 0.8)',
+  '--ds-unit': 'calc(var(--ds-1, 20px) * var(--ds-sf, 1))',
+  '--ds-control-height': 'calc(var(--ds-control-size, var(--ds-08, 16px)) * var(--ds-sf, 1))',
+  '--ds-row-height': 'calc(var(--ds-row-size, var(--ds-1, 20px)) * var(--ds-sf, 1))',
+  '--ds-type-lineheight-default': 'calc(var(--ds-text-leading, 16px) * var(--ds-sf, 1))',
+};
+
+/** The squares a design may stand on: the default 20px, a finer 10px for tuning, or a coarser 30px. */
+export const SUPPORTED_UNITS = [10, measures.square, 30] as const;
+/** The finest supported square: rows stand on whole multiples of it. */
+const finest = Math.min(...SUPPORTED_UNITS);
+/** A control is its row less the spare four, as the default 16px control sits in its 20px row. */
+const spare = measures.square - measures.control;
+
+const onTens = (px: number) => px > 0 && px % finest === 0;
+/** A control fills whole squares, or stands in them less the spare four. */
+const controlOnTens = (px: number) => px >= measures.control && (onTens(px) || onTens(px + spare));
+/** A line of text's box keeps to the spare four, from the default 16px up. */
+const leadingOnFours = (px: number) => px >= measures.leading && px % spare === 0;
+
+/** The geometry inputs a design may set within the foundation, with the values they accept. */
+const SCALES: Readonly<Record<string, { allows: (px: number) => boolean; words: string }>> = {
+  '--ds-1': { allows: (px) => (SUPPORTED_UNITS as readonly number[]).includes(px), words: `one of ${SUPPORTED_UNITS.join(', ')}px` },
+  '--one-unit': { allows: (px) => (SUPPORTED_UNITS as readonly number[]).includes(px), words: `one of ${SUPPORTED_UNITS.join(', ')}px` },
+  '--ds-row-size': { allows: onTens, words: `a whole number of ${finest}px squares` },
+  '--ds-control-size': { allows: controlOnTens, words: `whole ${finest}px squares, or those less ${spare}px, ${measures.control}px or more` },
+  '--one-control-height': { allows: controlOnTens, words: `whole ${finest}px squares, or those less ${spare}px, ${measures.control}px or more` },
+  '--ds-text-leading': { allows: leadingOnFours, words: `a multiple of ${spare}px, ${measures.leading}px or more` },
+};
+
+/** A foundation input a design may change within its supported scales, rather than one fixed. */
+export const foundationScale = (name: string) => name in SCALES;
+
+/** A design can repeat a foundation default or choose a supported scale; anything else requires a foundation release. */
+export function foundationTokenIssue(name: string, value: string): string | undefined {
+  const expected = FOUNDATION_TOKENS[name];
+  if (!expected) return;
+  if (value.replace(/\s/g, '') === expected.replace(/\s/g, '')) return;
+  // The published compatibility bridge derives these inputs from protected library tokens.
+  if ((name === '--ds-1' && value.trim() === 'var(--one-unit)') ||
+      (name === '--ds-control-size' && value.trim() === 'var(--one-control-height)')) return;
+  const literal = /^([0-9]+(?:\.[0-9]+)?)px$/i.exec(value.trim());
+  const scale = SCALES[name];
+  if (literal && (scale ? scale.allows(Number(literal[1])) : Number(literal[1]) === Number.parseFloat(expected))) return;
+  if (scale) return `${name} belongs to the shared foundation and must be ${scale.words}. Change colours, fonts and appearance within its constraints.`;
+  return `${name} belongs to the shared foundation and must stay ${expected}. Change colours, fonts and appearance within its constraints.`;
+}

package/DS1/1-root/guide.css

@@ -0,0 +1,35 @@
+/* Product guides: semantic prose beside real, captioned device examples.
+   Load after the foundation and before product styles. Device chrome stays
+   in ds-device-bezel and ds-window; screenshots and words belong to the app. */
+.ds-guide { --ds-guide-read: calc(32 * var(--ds-unit)); --ds-title-color: var(--ds-text-color-muted); }
+.ds-guide .ds-guide-footer { color: var(--ds-text-color-muted); }
+.ds-guide-illustrated {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  align-items: start;
+  gap: calc(2 * var(--ds-unit));
+  min-width: 0;
+}
+.ds-guide-illustrated--phone {
+  grid-template-columns: minmax(0, calc(14 * var(--ds-unit))) minmax(0, var(--ds-guide-read));
+}
+.ds-guide-words { min-width: 0; max-width: var(--ds-guide-read); }
+.ds-guide-example { min-width: 0; margin: 0; }
+.ds-guide-example img { display: block; width: 100%; height: auto; }
+.ds-guide-example figcaption {
+  margin-top: var(--ds-unit);
+  font-size: calc(12px * var(--ds-sf, 1));
+  line-height: var(--ds-unit);
+  color: var(--ds-text-color-muted);
+}
+.ds-guide-example-note { display: block; margin-top: calc(var(--ds-unit) / 2); }
+.ds-guide-example--phone { width: calc(14 * var(--ds-unit)); max-width: 100%; }
+.ds-guide .aa-partial { display: inline-block; vertical-align: baseline; max-width: 100%; }
+.ds-guide .aa-partial > ds-button { pointer-events: none; }
+@media (max-width: 1199px) {
+  .ds-guide-illustrated:not(.ds-guide-illustrated--phone) { grid-template-columns: minmax(0, 1fr); }
+}
+@media (max-width: 680px) {
+  .ds-guide-illustrated--phone { grid-template-columns: minmax(0, 1fr); }
+  .ds-guide-example--phone { position: static; margin-inline: auto; }
+}

package/DS1/1-root/header.css

@@ -5,8 +5,9 @@
  * A site header, as plain classes on native elements.
  *
  * One row of one square, a square of room around it: the brand at the start
- * in twelve squares (as a page's navigation column is, so the links stand
- * over the work), the navigation two squares after it, the actions at the end. Every link is
+ * (at least twelve squares), the navigation in the middle of the row, centred
+ * on the page whatever the brand and the actions hold, the actions at the end:
+ * three columns, the two outer ones sharing what the middle leaves. Every link is
  * one square high, a square apart, in the text's ink; the page you are on
  * (`aria-current="page"`) stands on a hairline of the full ink, the others
  * show a faint one under the pointer. Below thirty squares of width the
@@ -30,7 +31,8 @@
 .ds-header {
   box-sizing: border-box;
   container-type: inline-size;
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
   align-items: center;
   gap: calc(2 * var(--ds-unit));
   min-width: 0;
@@ -56,6 +58,8 @@
 
 .ds-header__brand {
   box-sizing: border-box;
+  grid-column: 1;
+  justify-self: start;
   display: inline-flex;
   flex: 0 0 auto;
   min-width: var(--ds-header-brand, calc(12 * var(--ds-unit)));
@@ -85,17 +89,18 @@
   padding: 0;
 }
 
-.ds-header__nav {
-  flex: 1 1 auto;
+.ds-header > .ds-header__nav {
+  grid-column: 2;
+  justify-content: center;
   flex-wrap: wrap;
   row-gap: 0;
 }
 
-.ds-header__actions {
-  flex: 0 0 auto;
+.ds-header > .ds-header__actions {
+  grid-column: 3;
+  justify-self: end;
   justify-content: flex-end;
   gap: calc(var(--ds-unit) / 2);
-  margin-inline-start: auto;
 }
 
 /* A link in the navigation: the text's ink on a one-square line. */
@@ -128,7 +133,8 @@
    Two classes, so the button's own display and margin do not undo it. */
 .ds-header > .ds-header__toggle {
   display: none;
-  margin-inline-start: auto;
+  grid-column: 3;
+  justify-self: end;
   /* Centred in the last square of the row, where the close button stands too. */
   margin-inline-end: calc((var(--ds-unit) - var(--ds-control-height)) / 2);
 }
@@ -163,3 +169,18 @@
   flex-wrap: wrap;
   gap: calc(var(--ds-unit) / 2);
 }
+
+/* App title bar: two squares high, one square inset, regular title and a hairline. */
+.ds-header--app {
+  height: calc(2 * var(--ds-unit));
+  min-height: calc(2 * var(--ds-unit));
+  padding: 0 var(--ds-unit);
+  gap: var(--ds-unit);
+  background: var(--ds-header-paper, var(--background, Canvas));
+  box-shadow: inset 0 -1px var(--ds-header-line, var(--ds-border-color));
+}
+.ds-header--app .ds-header__brand {
+  min-width: 0;
+  font-family: var(--ds-typeface-regular);
+  font-weight: var(--ds-type-weight-default);
+}

package/DS1/1-root/material.css

@@ -0,0 +1,67 @@
+/* Opt-in surface finishes. Load after one.css. Materials paint only their
+ * own background: no extra elements, text filters, layout or runtime. */
+:where([data-ds-material="solid"], [data-ds-material="paper"], [data-ds-material="glass"], [data-ds-material="wash"]) {
+  color: var(--ds-material-ink, var(--ds-text-color));
+  background-color: var(--ds-material-base, var(--ds-paper));
+  background-image: none;
+  background-repeat: repeat;
+  background-size: auto;
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
+
+:where([data-ds-material="paper"]) {
+  background-color: color-mix(in srgb, var(--ds-material-base, var(--ds-paper)) 97%, var(--ds-orange));
+  /* paper-tile:start */
+  background-image: url("data:image/png;base64,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");
+  /* paper-tile:end */
+  background-size: calc(128px * var(--ds-sf, 1)) calc(128px * var(--ds-sf, 1));
+}
+
+:where([data-ds-material="wash"]) {
+  background-color: color-mix(in srgb, var(--ds-material-base, var(--ds-paper)) 92%, var(--ds-material-tint, var(--ds-sharp-blue)));
+  background-image: linear-gradient(180deg, color-mix(in srgb, var(--ds-material-tint, var(--ds-sharp-blue)) 6%, transparent), transparent);
+}
+
+/* Opaque unless blur is supported. Keep blur small and constant; never animate
+ * it or stack it. Tint leaves text legible over a changing backdrop. */
+@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+  :where([data-ds-material="glass"]) {
+    background-color: color-mix(in srgb, var(--ds-material-base, var(--ds-paper)) 88%, transparent);
+    -webkit-backdrop-filter: blur(8px);
+    backdrop-filter: blur(8px);
+  }
+}
+
+/* An inner pane does not add another backdrop pass. */
+:where([data-ds-material="glass"] [data-ds-material="glass"]) {
+  background-color: var(--ds-material-base, var(--ds-paper));
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
+
+/* A product may disable effects on one surface or on a whole subtree. */
+:where([data-ds-material-effects="off"][data-ds-material], [data-ds-material-effects="off"] [data-ds-material]) {
+  background-color: var(--ds-material-base, var(--ds-paper));
+  background-image: none;
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+}
+
+@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), print {
+  :where([data-ds-material]) {
+    background-color: var(--ds-material-base, var(--ds-paper));
+    background-image: none;
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
+}
+
+@media (forced-colors: active) {
+  :where([data-ds-material]) {
+    color: CanvasText;
+    background: Canvas;
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
+}

package/DS1/1-root/notice.css

@@ -158,7 +158,15 @@
   min-width: 0;
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: clip;
+}
+
+/* Cut words fade over their last square, never an ellipsis (0-face/cut-fade.ts marks them). */
+:is(.ds-notice--banner, .ds-notice--app) :is(.ds-notice__title, .ds-notice__text)[data-cut="end"] {
+  mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-unit)), transparent);
+}
+:is(.ds-notice--banner, .ds-notice--app) :is(.ds-notice__title, .ds-notice__text)[data-cut="end"]:dir(rtl) {
+  mask-image: linear-gradient(to left, #000 calc(100% - var(--ds-unit)), transparent);
 }
 
 .ds-notice--banner .ds-notice__text {
@@ -219,7 +227,7 @@
   grid-column: 2;
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: clip;
 }
 
 .ds-notice--app .ds-notice__title { grid-row: 1; }

package/DS1/1-root/one.css

@@ -1,4 +1,4 @@
-/* version 0.3.0-alpha.28 */
+/* version 0.3.0 */
 
 @import "./grid.css";
 @import "./component-tokens.css";
@@ -246,7 +246,7 @@ body {
 }
 
 .ds-input::placeholder {
-  color: var(--base-darker-grey);
+  color: var(--ds-input-placeholder-color, var(--ds-text-color-muted));
 }
 
 .ds-card {
@@ -431,8 +431,7 @@ body {
 }
 
 .header.dragging {
-  outline: calc(var(--outline-stroke) * var(--sf)) solid var(--black);
-  outline-offset: calc(var(--outline-stroke-offset) * var(--sf));
+  outline: calc(1px * var(--sf)) solid var(--black);
   background-color: var(--white);
 }
 
@@ -448,7 +447,7 @@ body {
   margin-right: var(--margin-correction);
   outline: var(--outline-stroke);
   background-color: light-dark(var(--white), var(--slate-dark));
-  color: var(--text-color-primary);
+  color: var(--text-color);
 }
 
 .mobile .card {
@@ -469,7 +468,7 @@ body {
   z-index: 99;
   margin-bottom: 2px;
   padding-left: calc(3px * var(--sf));
-  color: var(--text-color-primary);
+  color: var(--text-color);
   outline: var(--outline-stroke);
   background-color: transparent;
 }
@@ -505,10 +504,18 @@ body {
   width: var(--item-width);
   padding-left: calc(5px * var(--sf));
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: clip;
   white-space: nowrap;
 }
 
+/* Cut words fade over the last square, never an ellipsis (0-face/cut-fade.ts marks them). */
+.item-text[data-cut="end"] {
+  mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-unit)), transparent);
+}
+.item-text[data-cut="end"]:dir(rtl) {
+  mask-image: linear-gradient(to left, #000 calc(100% - var(--ds-unit)), transparent);
+}
+
 .grouped-item {
   width: var(--item-width);
   background-color: transparent;

package/DS1/1-root/progress.css

@@ -238,7 +238,15 @@
   padding-inline-end: calc(4px * var(--ds-sf, 1));
   overflow: hidden;
   white-space: nowrap;
-  text-overflow: ellipsis;
+  text-overflow: clip;
+}
+
+/* A cut step name fades over its last square, never an ellipsis (0-face/cut-fade.ts marks it). */
+.ds-progress__label[data-cut="end"] {
+  mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-unit)), transparent);
+}
+.ds-progress__label[data-cut="end"]:dir(rtl) {
+  mask-image: linear-gradient(to left, #000 calc(100% - var(--ds-unit)), transparent);
 }
 
 .ds-progress__step--current .ds-progress__label {