@fusion.dev/helix 0.152.0 → 0.154.0

package/types/vue.d.ts

@@ -689,6 +689,25 @@ export type HelixAreaChartHelixReadingPressElementEvent =
   HelixAreaChartElementEvent<HelixReadingPressEvent>;
 
 export type HelixAreaChartVueProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixAreaChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixAreaChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixAreaChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixAreaChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -786,6 +805,29 @@ them, and the tooltip and the table hold every reading. */
 Absent draws none: bands read as a composition need no numbers beside
 them, and the tooltip and the table hold every reading. */
   valueAxis?: (HelixAreaChart["valueAxis"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixAreaChart["data"]) | undefined;
 };
 
 export type HelixAreaChartVueEvents = {
@@ -1226,6 +1268,25 @@ every component in the library and mean something on one. `wash` because
 that is what the tier below already calls it, in `--chart-bar-wash` and in
 the `bar-wash-start` and `bar-wash-end` stops. */
   wash?: (HelixBarChart["wash"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixBarChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixBarChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixBarChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixBarChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1385,6 +1446,29 @@ bottom of bars under `orientation="horizontal"`.
 Absent draws none with one scale, since bars compared with each other need
 no numbers. With `secondary` both scales are drawn whatever this says. */
   valueAxis?: (HelixBarChart["valueAxis"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixBarChart["data"]) | undefined;
 };
 
 export type HelixBarChartVueEvents = {
@@ -1395,6 +1479,42 @@ export type HelixBarChartVueEvents = {
 };
 
 export type HelixBlockquoteVueProps = {
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  "text-align"?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  textAlign?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  "text-wrap"?: (HelixBlockquote["textWrap"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  textWrap?: (HelixBlockquote["textWrap"]) | undefined;
   /** Who said it, and where, as words, such as "Maria Lopez, operations
 manager". The `attribution` slot replaces them, for markup such as a link.
 
@@ -2588,10 +2708,6 @@ twice what this says once.
 Reflected and undefaulted, so a card that has not asked reads as a card
 with no attribute on it and the stylesheet only describes the departure. */
   mediaPlacement?: (HelixCard["mediaPlacement"]) | undefined;
-  /**  */
-  "aria-labelledby"?: unknown;
-  /**  */
-  "aria-label"?: unknown;
 };
 
 export type HelixCardVueEvents = {};
@@ -3675,6 +3791,22 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   wrap?: (HelixCodeBlock["wrap"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "code-label"?: (HelixCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  codeLabel?: (HelixCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "code-name-label"?: (HelixCodeBlock["codeNameLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  codeNameLabel?: (HelixCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -6691,6 +6823,29 @@ rotation that puts the first slice at nine o'clock, the aspect ratio of a
 box that is no longer square, and where the middle sits once the bottom of
 the circle is not drawn. */
   sweep?: (HelixDonutChart["sweep"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixDonutChart["data"]) | undefined;
 };
 
 export type HelixDonutChartVueEvents = {};
@@ -8318,6 +8473,29 @@ no order in it. */
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
   value?: (HelixHeatmap["value"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeatmap["data"]) | undefined;
 };
 
 export type HelixHeatmapVueEvents = {
@@ -8570,6 +8748,31 @@ export type HelixIconButtonVueEvents = {
 export type HelixIconElementEvent<E = Event> = TypedEvent<HelixIcon, E>;
 
 export type HelixIconVueProps = {
+  /** A motion that draws the eye or says work is going on: `spin` turns the
+glyph without end, `pulse` fades it in and out, and `beat` swells it.
+
+Absent is still. Reduced motion stills every one of them. */
+  animation?: (HelixIcon["animation"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "auto-width"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  autoWidth?: (HelixIcon["autoWidth"]) | undefined;
+  /** Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+`both` across both.
+
+Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+that follows the direction. */
+  flip?: (HelixIcon["flip"]) | undefined;
+  /** Turns the glyph clockwise by 90, 180 or 270 degrees.
+
+Absent draws it upright. `--icon-rotate` turns it by any other angle. */
+  rotate?: (HelixIcon["rotate"]) | undefined;
   /** The icon's name, read by screen readers. Set it for an icon that is not
 decorative. */
   label?: (HelixIcon["label"]) | undefined;
@@ -8593,6 +8796,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   name?: (HelixIcon["name"]) | undefined;
+  /** The URL of an SVG file to draw, fetched once a page and drawn in
+`currentColor` where the file does not color its shapes.
+
+Wins over `name`; `icon` wins over both. Absent draws `name`. */
+  src?: (HelixIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -8609,9 +8817,9 @@ for. Set both and this wins, the value being the more specific statement. */
 };
 
 export type HelixIconVueEvents = {
-  /** `name` matches no registered icon and no library answers it, so nothing is drawn. */
+  /** `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn. */
   error: HelixIconElementEvent;
-  /** A glyph a library gave later for `name` is drawn. */
+  /** A glyph a library gave later for `name`, or the file at `src`, is drawn. */
   load: HelixIconElementEvent;
 };
 
@@ -9411,6 +9619,25 @@ chart and a card mean the same thing by the word.
 material choice, it is an absent series, and a chart says that by not
 having the datum rather than by painting it invisibly. */
   material?: (HelixLineChart["material"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixLineChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixLineChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixLineChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixLineChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -9568,6 +9795,29 @@ Set it where the distance from nothing is the point rather than the shape,
 and accept that a series which never approaches zero becomes a flat rule
 near the top of the box. */
   zero?: (HelixLineChart["zero"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixLineChart["data"]) | undefined;
 };
 
 export type HelixLineChartVueEvents = {
@@ -12257,7 +12507,13 @@ the state's word.
 
 Off by default, because the name and the busy state already change with
 the state, and an orb beside a stream of messages would otherwise talk
-over them. Set it on an orb that is the only sign of progress on the page. */
+over them. Set it on an orb that is the only sign of progress on the page.
+
+**Without it, finishing is silent.** `done` turns the orb into an image
+named "Done" that is no longer busy, which a screen reader reports when it
+next reaches the orb and does not say as it happens. A page whose own
+result arrives in a live region, such as a chat reply, already says the
+work is done; one that shows nothing else sets `announce`. */
   announce?: (HelixOrb["announce"]) | undefined;
   /** The name read by screen readers. Defaults to the name of the state, such
 as "Thinking".
@@ -12907,7 +13163,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "format-options"?: (HelixProgress["formatOptions"]) | undefined;
   /** `Intl.NumberFormat` options the reading is written with, as React Aria's
 Meter and ProgressBar take them: a unit, a currency, or a number of
@@ -12919,7 +13176,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   formatOptions?: (HelixProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -13071,6 +13329,20 @@ export type HelixQrCodeVueEvents = {
 export type HelixQuoteVueProps = {
   /** URL identifying where the quotation came from. */
   cite?: (HelixQuote["cite"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "no-marks"?: (HelixQuote["noMarks"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  noMarks?: (HelixQuote["noMarks"]) | undefined;
 };
 
 export type HelixQuoteVueEvents = {};
@@ -13989,6 +14261,25 @@ export type HelixScatterChartHelixReadingPressElementEvent =
   HelixScatterChartElementEvent<HelixReadingPressEvent>;
 
 export type HelixScatterChartVueProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixScatterChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixScatterChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixScatterChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixScatterChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -14084,6 +14375,29 @@ Absent draws none. A series with fewer than two points, or with every
 point at one measure across, has no line to draw. The summary already
 gives each series' correlation, which says how near the points are to it. */
   trend?: (HelixScatterChart["trend"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixScatterChart["data"]) | undefined;
 };
 
 export type HelixScatterChartVueEvents = {
@@ -14395,6 +14709,11 @@ fade the fill in and out, or `none` to sit still.
 
 Reduced motion stills both. */
   effect?: (HelixSkeleton["effect"]) | undefined;
+  /** How many lines of text the placeholder stands for, with `shape="text"`.
+
+Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+paragraph by it. */
+  lines?: (HelixSkeleton["lines"]) | undefined;
   /** The shape of the placeholder: `text`, `circle`, or a block when unset.
 
 Unset is a block, which is what most missing things are. A block is the
@@ -15127,7 +15446,10 @@ figures compared one against another keep their own widths. */
   columns?: (HelixStatGroup["columns"]) | undefined;
   /** Draws a rule between the figures, in addition to the space. */
   divided?: (HelixStatGroup["divided"]) | undefined;
-  /** Accessible name for the group. */
+  /** Accessible name for the group, which makes it a group.
+
+Absent leaves the stats with no group around them, unless `aria-label` or
+`aria-labelledby` names it. */
   label?: (HelixStatGroup["label"]) | undefined;
 };
 
@@ -15160,6 +15482,29 @@ reports a hydration mismatch. The absent attribute is the column, which the
 stylesheet reads as the base case, and the server spec asserts the host
 carries nothing nobody wrote. */
   direction?: (HelixStat["direction"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "format-options"?: (HelixStat["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  formatOptions?: (HelixStat["formatOptions"]) | undefined;
+  /** The locale `value` is written in, such as `de` for `1.234.567`.
+
+Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+rendered on a server, so the server and the browser write the figure
+alike. */
+  locale?: (HelixStat["locale"]) | undefined;
+  /** The figure as a number, written with `format-options` in `locale` in
+place of a slotted value.
+
+Absent leaves the figure to the slot. */
+  value?: (HelixStat["value"]) | undefined;
 };
 
 export type HelixStatVueEvents = {};
@@ -19050,6 +19395,8 @@ export type CustomCssProperties = {
   "--badge-font-weight"?: (string) | undefined;
   /** The space between the content and the count under `placement="inline"`. */
   "--badge-gap"?: (string) | undefined;
+  /** The size of an icon in the `icon` slot. The count's own size by default. */
+  "--badge-icon-size"?: (string) | undefined;
   /** Pulls the mark in from the corner, along both axes. */
   "--badge-offset"?: (string) | undefined;
   /** How far the indicator's corners are rounded. */
@@ -19910,7 +20257,11 @@ export type CustomCssProperties = {
   "--heatmap-rows"?: (string) | undefined;
   /** The tone of the cell it is set on. The component writes it, and the stylesheet that paints the cell reads it. */
   "--heatmap-tone"?: (string) | undefined;
-  /** The width and height of the icon's box. */
+  /** How long one turn, pulse or beat of `animation` takes. */
+  "--icon-animation-duration"?: (string) | undefined;
+  /** An angle the glyph is turned by, such as `45deg`. `rotate` wins over it. */
+  "--icon-rotate"?: (string) | undefined;
+  /** The width and height of the icon's box. The height alone under `auto-width`. */
   "--icon-size"?: (string) | undefined;
   /** The aspect ratio of the box, such as `16 / 9`. */
   "--image-aspect"?: (string) | undefined;
@@ -20518,6 +20869,12 @@ export type CustomCssProperties = {
   "--popover-shadow"?: (string) | undefined;
   /** Fill of the part that is done. */
   "--progress-color"?: (string) | undefined;
+  /** The color of the words of the default slot where they are over the track, and in a ring. */
+  "--progress-content-color"?: (string) | undefined;
+  /** The color of the words of the default slot where they are over the fill. */
+  "--progress-content-fill-color"?: (string) | undefined;
+  /** The type size of the words of the default slot. */
+  "--progress-content-size"?: (string) | undefined;
   /** Color of a slotted label. */
   "--progress-label-color"?: (string) | undefined;
   /** Space between a slotted label and the bar. */
@@ -20710,6 +21067,8 @@ export type CustomCssProperties = {
   "--skeleton-color"?: (string) | undefined;
   /** How long one sweep or one pulse takes. */
   "--skeleton-duration"?: (string) | undefined;
+  /** The width of the last line of a `lines` paragraph. Defaults to 60%. */
+  "--skeleton-last-line-size"?: (string) | undefined;
   /** The corner of the block shape. */
   "--skeleton-radius"?: (string) | undefined;
   /** The highlight the sweep carries across the fill. */
@@ -21408,7 +21767,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixBarChartVueProps,
     HelixBarChartVueEvents
   >;
-  /** Set in the display face, larger than body text, to mark a change of voice. No quotation marks are drawn by default, because the size and spacing already set the passage apart. 'marks' draws one large opening mark over the passage, as a pull quote sets it, in the element's language. */
+  /** Set in the display face, larger than body text, to mark a change of voice. No quotation marks are drawn by default, because the size and spacing already set the passage apart. 'marks' draws one large opening mark over the passage, as a pull quote sets it, in the element's language.  'text-align' sets the passage and its attribution in the middle of the column or against its far edge, as a pull quote often stands. There, the mark 'marks' draws stands over the passage rather than beside it. 'text-wrap="balance"' evens out a short passage's lines. */
   "helix-blockquote": DefineCustomElement<
     HelixBlockquote,
     HelixBlockquoteVueProps,
@@ -21690,7 +22049,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixIconButtonVueProps,
     HelixIconButtonVueEvents
   >;
-  /** Draws in 'currentColor' and sizes from '--icon-size', so an icon takes the color of the text around it and a container can resize it without a property. Inside a button, '--icon-size' is set in 'em', so the icon scales with the button. */
+  /** Draws in 'currentColor' and sizes from '--icon-size', so an icon takes the color of the text around it and a container can resize it without a property. Inside a button, '--icon-size' is set in 'em', so the icon scales with the button.  **The glyph turns, flips and moves inside its own box**, so the line around it keeps its place: 'rotate' turns it by a quarter, a half or three quarters, '--icon-rotate' by any angle, 'flip' mirrors it across either axis, and 'animation' spins, pulses or beats it, as Web Awesome's icon does. Reduced motion stills every animation. 'auto-width' gives the box the glyph's own proportions, for a mark wider than it is tall. */
   "helix-icon": DefineCustomElement<
     HelixIcon,
     HelixIconVueProps,
@@ -22044,7 +22403,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixSelectVueProps,
     HelixSelectVueEvents
   >;
-  /** Animates a highlight sweeping across the block, which reads as work in progress. A block fading in and out can look broken, so 'effect="pulse"' is a choice rather than the default.  Around content with 'loading', the skeleton takes the content's box and paints over it, and the content is hidden until 'loading' is taken off. */
+  /** Animates a highlight sweeping across the block, which reads as work in progress. A block fading in and out can look broken, so 'effect="pulse"' is a choice rather than the default.  Around content with 'loading', the skeleton takes the content's box and paints over it, and the content is hidden until 'loading' is taken off.  **'lines' draws a paragraph.** With 'shape="text"' and 'lines="3"', one element stands in for three lines of text: each line a 'skeleton' part one 'em' tall, spaced a body line height apart, and the last one shorter, as the end of a paragraph is. */
   "helix-skeleton": DefineCustomElement<
     HelixSkeleton,
     HelixSkeletonVueProps,

package/types/words.d.ts

@@ -148,9 +148,10 @@ declare module '@fusion.dev/helix-core' {
        */
       emptySegmentLabel: Message
       /**
-       * The text shown and announced when there are no rows and none are loading.
+       * The words shown in place of the drawing when the table has no readings,
+       * and the fallback of the `empty` slot.
        *
-       * English: `Nothing to show`
+       * English: `No readings`
        */
       emptyText: Message
       /**
@@ -305,9 +306,10 @@ declare module '@fusion.dev/helix-core' {
        */
       listLabel: Message
       /**
-       * The text shown and announced while the rows load.
+       * The words shown in place of the drawing while `loading` is set and
+       * there are no readings yet, and the fallback of the `loading` slot.
        *
-       * English: `Loading`
+       * English: `Loading readings`
        */
       loadingText: Message
       /**
@@ -1000,6 +1002,19 @@ declare module '@fusion.dev/helix-core' {
       valueMissingMessage: Message
     }
     'helix-code-block': {
+      /**
+       * The name of a block that scrolls, which is a tab stop while it does.
+       *
+       * English: `Code`
+       */
+      codeLabel: Message
+      /**
+       * The name of a block that scrolls, where the block has a name. `{code}` is
+       * `code-label` and `{name}` the block's name.
+       *
+       * English: `{code}, {name}`
+       */
+      codeNameLabel: Message
       /**
        * The expand button's words while the block shows every line.
        *