@fusion.dev/helix 0.34.2 → 0.35.1

package/dist/tabs/panel/tab-panel.d.ts

@@ -10,7 +10,7 @@ import type { CSSResultGroup } from 'lit';
  *
  * @since 0.1.0
  * @status experimental
- * @documentation https://helix.fusion.dev/components/tabs
+ * @documentation https://fusion.dev/helix/components/tabs
  *
  * @slot - The panel's content.
  *

package/dist/tabs/root/tabs-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @category navigation
- * @documentation https://helix.fusion.dev/components/tabs
+ * @documentation https://fusion.dev/helix/components/tabs
  *
  * @slot - The tabs.
  * @slot panels - The panels.

package/dist/tabs/tab/tab.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  *
  * @since 0.1.0
  * @status experimental
- * @documentation https://helix.fusion.dev/components/tabs
+ * @documentation https://fusion.dev/helix/components/tabs
  *
  * @slot - The tab's label.
  *

package/dist/tag/root/tag-root.d.ts

@@ -12,7 +12,7 @@ import type { CSSResultGroup } from 'lit';
  * @status stable
  * @category markers
  * @aliases Chip, Pill, Label
- * @documentation https://helix.fusion.dev/components/tag
+ * @documentation https://fusion.dev/helix/components/tag
  *
  * @slot - The tag's label.
  *

package/dist/text/root/text-root.d.ts

@@ -36,7 +36,7 @@ import type { CSSResultGroup } from 'lit';
  * @status experimental
  * @category typography
  * @aliases Paragraph, Copy, Label, Caption, Heading, Title
- * @documentation https://helix.fusion.dev/components/text
+ * @documentation https://fusion.dev/helix/components/text
  *
  * @slot - The text.
  *

package/dist/textarea/root/textarea-root.d.ts

@@ -13,7 +13,7 @@ import type { CSSResultGroup } from 'lit';
  * @status stable
  * @category forms
  * @aliases Multiline, TextArea
- * @documentation https://helix.fusion.dev/components/textarea
+ * @documentation https://fusion.dev/helix/components/textarea
  *
  * @cssproperty --textarea-background-color - Fill behind the text.
  */

package/dist/time-input/root/time-input-root.d.ts

@@ -21,7 +21,7 @@ import '../../time-picker/index.js';
  * @status experimental
  * @category forms
  * @aliases TimeField, InputTime
- * @documentation https://helix.fusion.dev/components/time-input
+ * @documentation https://fusion.dev/helix/components/time-input
  *
  * @cssproperty --time-input-background-color - Fill behind the field.
  * @cssproperty --time-input-border-color - Color of the panel's edge.

package/dist/time-picker/root/time-picker-root.d.ts

@@ -19,7 +19,7 @@ import '../../option/index.js';
  * @status experimental
  * @category forms
  * @aliases Time, TimeList
- * @documentation https://helix.fusion.dev/components/time-picker
+ * @documentation https://fusion.dev/helix/components/time-picker
  *
  * @cssproperty --time-picker-list-block-size - How tall the list is before it scrolls.
  * @cssproperty --time-picker-range-color - Wash behind the times inside a range.

package/dist/timeline/item/timeline-item.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @status stable
  * @category data
  * @aliases Activity item, History entry, Event
- * @documentation https://helix.fusion.dev/components/timeline
+ * @documentation https://fusion.dev/helix/components/timeline
  *
  * @cssproperty --timeline-marker-radius - How round the mark is. Zero is a square, and half its size is a disc.
  * @cssproperty --timeline-marker-size - Edge length of the mark.

package/dist/timeline/root/timeline-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @status stable
  * @category data
  * @aliases Activity feed, History, Changelog, Audit trail
- * @documentation https://helix.fusion.dev/components/timeline
+ * @documentation https://fusion.dev/helix/components/timeline
  *
  * @cssproperty --timeline-gap - Space between one entry and the next.
  */

package/dist/toast/item/toast-item.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  *
  * @since 0.1.0
  * @status experimental
- * @documentation https://helix.fusion.dev/components/toast
+ * @documentation https://fusion.dev/helix/components/toast
  *
  * @cssproperty --toast-border-color - Color of the panel's edge.
  * @cssproperty --toast-border-width - Width of the panel's edge. Follows

package/dist/toast/root/toast-root.d.ts

@@ -21,7 +21,7 @@ import type { CSSResultGroup } from 'lit';
  * @status experimental
  * @category overlays
  * @aliases Toaster, Snackbar, Notifications
- * @documentation https://helix.fusion.dev/components/toast
+ * @documentation https://fusion.dev/helix/components/toast
  *
  * @cssproperty --toast-gap - Space between one message and the next.
  * @cssproperty --toast-inline-size - Width of a message.

package/dist/toggle/group/toggle-group.d.ts

@@ -17,7 +17,7 @@ import type { CSSResultGroup } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @aliases SegmentedControl, Segmented, Navigation, Switcher
- * @documentation https://helix.fusion.dev/components/toggle-group
+ * @documentation https://fusion.dev/helix/components/toggle
  *
  * @slot - The group's items.
  *

package/dist/toggle/root/toggle-root.d.ts

@@ -12,7 +12,7 @@ import type { CSSResultGroup } from 'lit';
  * @status experimental
  * @category actions
  * @aliases Segment, NavItem, Option
- * @documentation https://helix.fusion.dev/components/toggle-group
+ * @documentation https://fusion.dev/helix/components/toggle
  *
  * @slot - The item's label.
  *

package/dist/toolbar/root/toolbar-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @status stable
  * @category layout
  * @aliases Actions, Action bar
- * @documentation https://helix.fusion.dev/components/toolbar
+ * @documentation https://fusion.dev/helix/components/toolbar
  *
  * @slot - The toolbar's controls.
  *

package/dist/tooltip/root/tooltip-root.d.ts

@@ -15,7 +15,7 @@ import type { CSSResultGroup } from 'lit';
  * @category overlays
  * @groups charts
  * @aliases Hint, Popup label
- * @documentation https://helix.fusion.dev/components/tooltip
+ * @documentation https://fusion.dev/helix/components/tooltip
  *
  * @cssproperty --tooltip-arrow-size - Size of the point at the bubble's edge.
  * @cssproperty --tooltip-backdrop - Blur behind a `glass` bubble.

package/dist/tour/root/tour-root.d.ts

@@ -9,7 +9,7 @@ import type { CSSResultGroup } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @category overlays
- * @documentation https://helix.fusion.dev/components/tour
+ * @documentation https://fusion.dev/helix/components/tour
  *
  * @cssproperty --tour-scrim-color - The darkness outside the lit box.
  * @cssproperty --tour-spotlight-radius - Corner radius of the lit box.

package/dist/tour/stop/tour-stop.d.ts

@@ -11,7 +11,7 @@ import '../../button/index.js';
  * @since 0.1.0
  * @status experimental
  * @category overlays
- * @documentation https://helix.fusion.dev/components/tour
+ * @documentation https://fusion.dev/helix/components/tour
  *
  * @cssproperty --tour-arrow-size - The point's box, before it is rotated.
  * @cssproperty --tour-border-width - Width of the panel's edge. Follows

package/dist/tree/item/tree-item.d.ts

@@ -16,7 +16,7 @@ import type { CSSResultGroup } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @aliases TreeNode, Branch, Leaf
- * @documentation https://helix.fusion.dev/components/tree
+ * @documentation https://fusion.dev/helix/components/tree
  *
  * @slot - The item's label.
  * @slot children - Nested items, which make this a branch.

package/dist/tree/root/tree-root.d.ts

@@ -12,7 +12,7 @@ import type { CSSResultGroup } from 'lit';
  * @status experimental
  * @category navigation
  * @aliases FileTree, Navigation tree
- * @documentation https://helix.fusion.dev/components/tree
+ * @documentation https://fusion.dev/helix/components/tree
  *
  * @slot - The tree's items.
  *

package/dist/trend/root/trend-root.d.ts

@@ -30,7 +30,7 @@ import '../../icon/index.js';
  * @category charts
  * @groups charts
  * @aliases Delta, Change, Movement
- * @documentation https://helix.fusion.dev/components/trend
+ * @documentation https://fusion.dev/helix/components/trend
  *
  * @cssproperty --trend-color - Color of the arrow, overriding the judgment.
  * @cssproperty --trend-icon-size - Size of the arrow.

package/dist/video/root/video-root.d.ts

@@ -25,7 +25,7 @@ import '../../menu/index.js';
  * @since 0.1.0
  * @status experimental
  * @category media
- * @documentation https://helix.fusion.dev/components/video
+ * @documentation https://fusion.dev/helix/components/video
  *
  * @cssproperty --video-accent-color - The played part of the scrubber.
  * @cssproperty --video-aspect-ratio - The shape of the box. Defaults to the

package/dist/video-playlist/item/video-playlist-item.d.ts

@@ -10,7 +10,7 @@ import type { CSSResultGroup } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @category media
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @cssproperty --video-playlist-item-background-color - Fill behind a row.
  * @cssproperty --video-playlist-media-size - Width of the thumbnail column.

package/dist/video-playlist/menu/video-playlist-menu.d.ts

@@ -26,7 +26,7 @@ import '../../menu/index.js';
  * @status experimental
  * @category media
  * @aliases Episode Menu, Queue Menu, Up Next
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @cssproperty --video-playlist-menu-color - Color of the trigger, defaulting to the control bar's.
  * @cssproperty --video-playlist-menu-poster - Width of an entry's still.

package/dist/video-playlist/root/video-playlist-root.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @status experimental
  * @category media
  * @aliases Playlist, Queue, Up next
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @cssproperty --video-playlist-layout - Columns for the player and the list.
  * @cssproperty --video-playlist-size - How tall the list gets before it scrolls.

package/dist/virtual-list/root/virtual-list-root.d.ts

@@ -12,8 +12,8 @@ import type { CSSResultGroup } from 'lit';
  *
  * @category layout
  * @since 0.1.0
- * @status experimental
- * @documentation https://helix.fusion.dev/components/virtual-list
+ * @status stable
+ * @documentation https://fusion.dev/helix/components/virtual-list
  *
  * @csspart after - The space standing in for rows below the window.
  * @csspart before - The space standing in for rows above the window.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix",
   "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
-  "version": "0.34.2",
+  "version": "0.35.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -47,14 +47,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.34.2",
-    "@fusion.dev/helix-headless": "0.34.2",
-    "@fusion.dev/helix-styles": "0.34.2"
+    "@fusion.dev/helix-core": "0.35.1",
+    "@fusion.dev/helix-headless": "0.35.1",
+    "@fusion.dev/helix-styles": "0.35.1"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.34.2",
-    "@fusion.dev/helix-testing": "0.34.2",
+    "@fusion.dev/helix-cem": "0.35.1",
+    "@fusion.dev/helix-testing": "0.35.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -14871,9 +14871,11 @@ attribute onto a host the consumer rendered, which React reports as a
 hydration mismatch.
 
 `none` lets the line stop on its own, which suits a series read as a shape
-rather than for where it finished. `ring` lets the ground through, for a
-chart drawn over something busy. `triangle` points along the axis and reads
-as "and onward" rather than as a second claim about the data.
+rather than for where it finished. `square` is the same mark with its
+corners, for a drawing whose neighbors are square, columns in the table
+beside it for instance. `ring` lets the ground through, for a chart drawn
+over something busy. `triangle` points along the axis and reads as "and
+onward" rather than as a second claim about the data.
 
 A `bar` plot draws none of them: the last column already is the last
 reading, and a mark on top of it would say the same thing twice.
@@ -15002,9 +15004,11 @@ attribute onto a host the consumer rendered, which React reports as a
 hydration mismatch.
 
 `none` lets the line stop on its own, which suits a series read as a shape
-rather than for where it finished. `ring` lets the ground through, for a
-chart drawn over something busy. `triangle` points along the axis and reads
-as "and onward" rather than as a second claim about the data.
+rather than for where it finished. `square` is the same mark with its
+corners, for a drawing whose neighbors are square, columns in the table
+beside it for instance. `ring` lets the ground through, for a chart drawn
+over something busy. `triangle` points along the axis and reads as "and
+onward" rather than as a second claim about the data.
 
 A `bar` plot draws none of them: the last column already is the last
 reading, and a mark on top of it would say the same thing twice.
@@ -22849,12 +22853,12 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--checkbox-background-color`: Fill of an unticked box. (default: `undefined`)
+   * - `--checkbox-background-color`: Fill of the box, which does not change when it is ticked. (default: `undefined`)
    * - `--checkbox-border-color`: Edge of the box, in every state. (default: `undefined`)
    * - `--checkbox-card-background-color`: Fill behind a card-shaped choice. (default: `undefined`)
    * - `--checkbox-card-border-color`: Edge around one. (default: `undefined`)
    * - `--checkbox-card-padding`: Inset of the card appearance. (default: `undefined`)
-   * - `--checkbox-checked-color`: Fill of a ticked box. (default: `undefined`)
+   * - `--checkbox-checked-color`: Edge of a ticked box, where `--checkbox-border-color` is unset. (default: `undefined`)
    * - `--checkbox-mark-color`: Ink the tick is drawn in. (default: `undefined`)
    * - `--checkbox-size`: Width and height of the box. (default: `undefined`)
    *
@@ -28158,10 +28162,12 @@ export type CustomElements = {
    * and there is no arrangement of eight names that fits every width. Set
    * `--legend-direction` to `column` where it sits beside one instead.
    *
-   * The eight series colors are mapped here rather than in the tier below, which
-   * carries the index and holds no tokens. Eight rules, because an index in
-   * markup cannot select a token and a custom property set inline would be the
-   * headless tier naming a color.
+   * The series colors are mapped on this tier rather than in the one below, which
+   * carries the index and holds no tokens. `shared/chart/series.css` is where the
+   * mapping lives, because an index in markup cannot select a token and a custom
+   * property set inline would be the headless tier naming a color, and it is
+   * shared because a chart and the legend keying it have to reach the same
+   * twenty-four names.
    *
    * ## Attributes & Properties
    *
@@ -33832,9 +33838,11 @@ export type CustomElements = {
    * hydration mismatch.
    *
    * `none` lets the line stop on its own, which suits a series read as a shape
-   * rather than for where it finished. `ring` lets the ground through, for a
-   * chart drawn over something busy. `triangle` points along the axis and reads
-   * as "and onward" rather than as a second claim about the data.
+   * rather than for where it finished. `square` is the same mark with its
+   * corners, for a drawing whose neighbors are square, columns in the table
+   * beside it for instance. `ring` lets the ground through, for a chart drawn
+   * over something busy. `triangle` points along the axis and reads as "and
+   * onward" rather than as a second claim about the data.
    *
    * A `bar` plot draws none of them: the last column already is the last
    * reading, and a mark on top of it would say the same thing twice.
@@ -41719,12 +41727,12 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--checkbox-background-color`: Fill of an unticked box. (default: `undefined`)
+   * - `--checkbox-background-color`: Fill of the box, which does not change when it is ticked. (default: `undefined`)
    * - `--checkbox-border-color`: Edge of the box, in every state. (default: `undefined`)
    * - `--checkbox-card-background-color`: Fill behind a card-shaped choice. (default: `undefined`)
    * - `--checkbox-card-border-color`: Edge around one. (default: `undefined`)
    * - `--checkbox-card-padding`: Inset of the card appearance. (default: `undefined`)
-   * - `--checkbox-checked-color`: Fill of a ticked box. (default: `undefined`)
+   * - `--checkbox-checked-color`: Edge of a ticked box, where `--checkbox-border-color` is unset. (default: `undefined`)
    * - `--checkbox-mark-color`: Ink the tick is drawn in. (default: `undefined`)
    * - `--checkbox-size`: Width and height of the box. (default: `undefined`)
    *
@@ -47132,10 +47140,12 @@ export type CustomElementsSolidJs = {
    * and there is no arrangement of eight names that fits every width. Set
    * `--legend-direction` to `column` where it sits beside one instead.
    *
-   * The eight series colors are mapped here rather than in the tier below, which
-   * carries the index and holds no tokens. Eight rules, because an index in
-   * markup cannot select a token and a custom property set inline would be the
-   * headless tier naming a color.
+   * The series colors are mapped on this tier rather than in the one below, which
+   * carries the index and holds no tokens. `shared/chart/series.css` is where the
+   * mapping lives, because an index in markup cannot select a token and a custom
+   * property set inline would be the headless tier naming a color, and it is
+   * shared because a chart and the legend keying it have to reach the same
+   * twenty-four names.
    *
    * ## Attributes & Properties
    *
@@ -52938,9 +52948,11 @@ export type CustomElementsSolidJs = {
    * hydration mismatch.
    *
    * `none` lets the line stop on its own, which suits a series read as a shape
-   * rather than for where it finished. `ring` lets the ground through, for a
-   * chart drawn over something busy. `triangle` points along the axis and reads
-   * as "and onward" rather than as a second claim about the data.
+   * rather than for where it finished. `square` is the same mark with its
+   * corners, for a drawing whose neighbors are square, columns in the table
+   * beside it for instance. `ring` lets the ground through, for a chart drawn
+   * over something busy. `triangle` points along the axis and reads as "and
+   * onward" rather than as a second claim about the data.
    *
    * A `bar` plot draws none of them: the last column already is the last
    * reading, and a mark on top of it would say the same thing twice.
@@ -58031,7 +58043,7 @@ export type CustomCssProperties = {
   "--chat-rule"?: (string) | undefined;
   /** Space between the boxes. */
   "--checkbox-group-gap"?: (string) | undefined;
-  /** Fill of an unticked box. */
+  /** Fill of the box, which does not change when it is ticked. */
   "--checkbox-background-color"?: (string) | undefined;
   /** Edge of the box, in every state. */
   "--checkbox-border-color"?: (string) | undefined;
@@ -58041,7 +58053,7 @@ export type CustomCssProperties = {
   "--checkbox-card-border-color"?: (string) | undefined;
   /** Inset of the card appearance. */
   "--checkbox-card-padding"?: (string) | undefined;
-  /** Fill of a ticked box. */
+  /** Edge of a ticked box, where `--checkbox-border-color` is unset. */
   "--checkbox-checked-color"?: (string) | undefined;
   /** Ink the tick is drawn in. */
   "--checkbox-mark-color"?: (string) | undefined;

package/types/vue.d.ts

@@ -7636,9 +7636,11 @@ attribute onto a host the consumer rendered, which React reports as a
 hydration mismatch.
 
 `none` lets the line stop on its own, which suits a series read as a shape
-rather than for where it finished. `ring` lets the ground through, for a
-chart drawn over something busy. `triangle` points along the axis and reads
-as "and onward" rather than as a second claim about the data.
+rather than for where it finished. `square` is the same mark with its
+corners, for a drawing whose neighbors are square, columns in the table
+beside it for instance. `ring` lets the ground through, for a chart drawn
+over something busy. `triangle` points along the axis and reads as "and
+onward" rather than as a second claim about the data.
 
 A `bar` plot draws none of them: the last column already is the last
 reading, and a mark on top of it would say the same thing twice.
@@ -10349,7 +10351,7 @@ export type CustomCssProperties = {
   "--chat-rule"?: (string) | undefined;
   /** Space between the boxes. */
   "--checkbox-group-gap"?: (string) | undefined;
-  /** Fill of an unticked box. */
+  /** Fill of the box, which does not change when it is ticked. */
   "--checkbox-background-color"?: (string) | undefined;
   /** Edge of the box, in every state. */
   "--checkbox-border-color"?: (string) | undefined;
@@ -10359,7 +10361,7 @@ export type CustomCssProperties = {
   "--checkbox-card-border-color"?: (string) | undefined;
   /** Inset of the card appearance. */
   "--checkbox-card-padding"?: (string) | undefined;
-  /** Fill of a ticked box. */
+  /** Edge of a ticked box, where `--checkbox-border-color` is unset. */
   "--checkbox-checked-color"?: (string) | undefined;
   /** Ink the tick is drawn in. */
   "--checkbox-mark-color"?: (string) | undefined;
@@ -11547,7 +11549,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixKbdVueProps,
     HelixKbdVueEvents
   >;
-  /** A row that wraps, because a legend sits under a chart as wide as the chart and there is no arrangement of eight names that fits every width. Set '--legend-direction' to 'column' where it sits beside one instead.  The eight series colors are mapped here rather than in the tier below, which carries the index and holds no tokens. Eight rules, because an index in markup cannot select a token and a custom property set inline would be the headless tier naming a color. */
+  /** A row that wraps, because a legend sits under a chart as wide as the chart and there is no arrangement of eight names that fits every width. Set '--legend-direction' to 'column' where it sits beside one instead.  The series colors are mapped on this tier rather than in the one below, which carries the index and holds no tokens. 'shared/chart/series.css' is where the mapping lives, because an index in markup cannot select a token and a custom property set inline would be the headless tier naming a color, and it is shared because a chart and the legend keying it have to reach the same twenty-four names. */
   "helix-legend": DefineCustomElement<
     HelixLegend,
     HelixLegendVueProps,