@fusion.dev/helix 0.2.0 → 0.3.0

package/dist/sandbox/terminal/sandbox-terminal.js

@@ -8,74 +8,21 @@ import { customElement, HelixElement } from '@fusion.dev/helix-core';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { styles } from './sandbox-terminal.css.js';
-/** How many lines are kept. Older ones fall off the top. */
 const LIMIT = 200;
-/**
- * @summary Shows what the previewed example wrote to the console.
- *
- * @description
- * Fed by the sandbox, which hears `helix-console` from the preview and hands it
- * here. The preview is a separate document, so what arrives has already crossed
- * `postMessage`: text, not values.
- *
- * **Repeats collapse.** An example with a render loop can write the same
- * warning hundreds of times, and two hundred identical lines say nothing that
- * one line and a count does not. Only consecutive repeats collapse, so the
- * order of what happened survives.
- *
- * A `role="log"` rather than a live region by hand. It is the semantic for an
- * append-only stream, and it means a reader is told about new output without
- * the whole panel being re-announced each time.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Console, Output
- * @documentation https://helix.fusion.dev/sandbox/terminal
- *
- * @csspart count - How many times a repeated line arrived.
- * @csspart empty - Shown while nothing has been written.
- * @csspart entry - One line.
- * @csspart level - The level a line came in at.
- * @csspart log - The scrolling region.
- * @csspart message - The text of a line.
- *
- * @cssproperty --sandbox-terminal-size - Height of the scrolling region.
- */
 let HelixSandboxTerminal = class HelixSandboxTerminal extends HelixElement {
     constructor() {
         super(...arguments);
-        /**
-         * What to show before anything has been written.
-         */
         this.emptyLabel = 'Nothing written to the console yet.';
-        /**
-         * Accessible name for the log.
-         */
         this.label = 'Console output';
         this.entries = [];
-        /**
-         * Whether the reader is at the bottom, and so wants to follow new output.
-         *
-         * Read before the render that adds a line and applied after it. Scrolling to
-         * the bottom on every line would drag a reader off whatever they had scrolled
-         * up to look at, which for a log of errors is the one thing they are doing.
-         */
         this.following = true;
     }
     get log() {
         return this.renderRoot.querySelector('[part="log"]');
     }
-    /**
-     * Adds a line, collapsing it into the one above when they are identical.
-     *
-     * `write` rather than `append`, which every element already has from
-     * `ParentNode` and which takes nodes. Shadowing it would break
-     * `terminal.append(node)` for anyone who reasonably expected the DOM method.
-     */
     write(detail) {
         const log = this.log;
         if (log) {
-            // A pixel of tolerance: fractional scroll positions do not land exactly.
             this.following = log.scrollHeight - log.scrollTop - log.clientHeight < 2;
         }
         const last = this.entries.at(-1);
@@ -85,7 +32,6 @@ let HelixSandboxTerminal = class HelixSandboxTerminal extends HelixElement {
         }
         this.entries = [...this.entries, { ...detail, count: 1 }].slice(-LIMIT);
     }
-    /** Empties the log. */
     clear() {
         this.entries = [];
         this.following = true;

package/dist/sandbox/toolbar/sandbox-toolbar.css.js

@@ -1,4 +1,3 @@
-// Generated from src/sandbox/toolbar/sandbox-toolbar.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 

package/dist/sandbox/toolbar/sandbox-toolbar.js

@@ -7,37 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement, HelixElement } from '@fusion.dev/helix-core';
 import { html } from 'lit';
 import { styles } from './sandbox-toolbar.css.js';
-/**
- * @summary The bar across the top of a sandbox.
- *
- * @description
- * Spans the source pane and the preview together, so what it holds is about the
- * sandbox rather than about one side of it. The files go at the start and the
- * menus at the end, which is the arrangement every editor has settled on.
- *
- * **Not `role="toolbar"`.** That role brings a roving tabindex, one tab stop
- * for the whole group, and it is for a set of controls of the same kind. This
- * holds a tab list, which owns its own arrow-key behavior and would lose it.
- * Use `helix-toolbar` where the contents really are a row of buttons.
- *
- * Both slots are bare, so an unfilled one generates no box and costs no gap.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Action bar
- * @documentation https://helix.fusion.dev/sandbox/toolbar
- *
- * @slot - Items at the start, usually the files.
- * @slot end - Items at the end, usually menus.
- *
- * @cssproperty --sandbox-toolbar-gap - Space between items.
- * @cssproperty --sandbox-toolbar-size - The bar's height. Defaults to a large control.
- */
 let HelixSandboxToolbar = class HelixSandboxToolbar extends HelixElement {
     render() {
-        // The end slot opens the gap that separates the two ends, the same way the
-        // status bar does it. No wrapper: a slot that is not filled has to cost
-        // nothing, and `display: contents` is what gives that for free.
         return html `<slot></slot>
       <slot name="end"></slot>`;
     }

package/dist/scroll-area/root/scroll-area-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/scroll-area/root/scroll-area-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/scroll-area/root/scroll-area-root.js

@@ -7,30 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessScrollArea } from '@fusion.dev/helix-headless/scroll-area';
 import { styles } from './scroll-area-root.css.js';
-/**
- * @summary A scrolling box that says there is more.
- *
- * @description
- * Presentation only: the fades on the edges the base class names, and a
- * scrollbar that belongs to the system rather than to the platform. Which edges
- * have content past them is measured by the base class.
- *
- * @since 0.1.0
- * @status stable
- * @category layout
- * @aliases Scroller, Overflow, Scroll container
- * @documentation https://helix.fusion.dev/components/scroll-area
- *
- * @cssproperty --scroll-area-fade - How deep the fades are, at both edges.
- * @cssproperty --scroll-area-fade-block-end - And the bottom one.
- * @cssproperty --scroll-area-fade-block-start - How deep the top one is, or `0` to drop it.
- * @cssproperty --scroll-area-fade-color - What they fade to, which is the ground behind.
- * @cssproperty --scroll-area-fade-inline-end - And the trailing one.
- * @cssproperty --scroll-area-fade-inline-start - How deep the leading sideways one is, or `0` to drop it.
- * @cssproperty --scroll-area-scrollbar - The scrollbar width keyword.
- * @cssproperty --scroll-area-thumb-color - The scrollbar's handle.
- * @cssproperty --scroll-area-track-color - And its track.
- */
 let HelixScrollArea = class HelixScrollArea extends HelixHeadlessScrollArea {
     static { this.styles = styles; }
 };

package/dist/select/root/select-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/select/root/select-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/select/root/select-root.js

@@ -10,41 +10,8 @@ import { property } from 'lit/decorators.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './select-root.css.js';
-/* Side-effect imports, because this renders `<helix-listbox>` in its own shadow
-   root and a custom element registers on import. Without them a consumer who
-   imports `@fusion.dev/helix/select` and nothing else gets a select whose panel
-   never upgrades: an unknown element with unstyled options inside it, and no
-   error anywhere, because an unknown element is legal HTML. The suite hides it
-   too, some other file happening to supply the registration, so it shows as a
-   spec that passes together and fails alone. */
 import '../../listbox/index.js';
 import '../../option/index.js';
-/**
- * @summary A closed list that opens to be chosen from.
- *
- * @description
- * The trigger wears the same frame as an `Input`, because in a form it stands
- * in a row with them and a control that looks like a button among fields reads
- * as an action rather than an answer.
- *
- * The panel is an overlay surface rather than a sunken one: it sits over the
- * page instead of on it, which is what its shadow says and what tells it apart
- * from the field it came out of.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases Dropdown, Picker
- * @documentation https://helix.fusion.dev/components/select
- *
- * @cssproperty --select-border-color - Color of the panel's edge.
- * @cssproperty --select-border-width - Width of the panel's edge. Follows
- *   `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a
- *   theme says otherwise.
- * @cssproperty --select-shadow - Lift under the panel. Follows `--helix-shadow-floating`: a
- *   floating surface sits over content nobody can predict, so it keeps a lift by default.
- * @cssproperty --select-surface-max-block-size - How tall the panel gets.
- */
 let HelixSelect = class HelixSelect extends HelixHeadlessSelect {
     static { this.tier = 'helix-'; }
     static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }

package/dist/shared/chart/series.css.js

@@ -1,4 +1,3 @@
-// Generated from src/shared/chart/series.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 --chart-series-1: var(--helix-color-series-1);

package/dist/shared/chart/terminus.css.js

@@ -1,4 +1,3 @@
-// Generated from src/shared/chart/terminus.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="terminus"] {
 background-color: currentColor;

package/dist/shared/field/field-inline.css.js

@@ -1,4 +1,3 @@
-// Generated from src/shared/field/field-inline.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="hint"],
 [part="feedback"] {

package/dist/shared/field/field-stacked.css.js

@@ -1,4 +1,3 @@
-// Generated from src/shared/field/field-stacked.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="label"] {
 display: block;

package/dist/shared/field/field.css.js

@@ -1,4 +1,3 @@
-// Generated from src/shared/field/field.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`::placeholder {
 color: var(--helix-color-foreground-subtle);

package/dist/skeleton/root/skeleton-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/skeleton/root/skeleton-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/skeleton/root/skeleton-root.js

@@ -8,24 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessSkeleton } from '@fusion.dev/helix-headless/skeleton';
 import { property } from 'lit/decorators.js';
 import { styles } from './skeleton-root.css.js';
-/**
- * @summary Stands in for content that has not arrived.
- *
- * @description
- * A sweep rather than a pulse. A block fading in and out reads as something
- * broken; a highlight traveling across it reads as work in progress, and it is
- * the same one property animating either way.
- *
- * @since 0.1.0
- * @status stable
- * @category feedback
- * @aliases Placeholder, Shimmer, Ghost
- * @documentation https://helix.fusion.dev/components/skeleton
- *
- * @csspart skeleton - The placeholder surface.
- *
- * @cssproperty --skeleton-size - Diameter of the circle shape.
- */
 let HelixSkeleton = class HelixSkeleton extends HelixHeadlessSkeleton {
     static { this.styles = styles; }
 };

package/dist/slider/root/slider-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/slider/root/slider-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/slider/root/slider-root.js

@@ -9,38 +9,6 @@ import { HelixHeadlessSlider } from '@fusion.dev/helix-headless/slider';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles } from './slider-root.css.js';
-/**
- * @summary A value chosen from a range by dragging.
- *
- * @description
- * The track and the thumb are the browser's own, restyled through the range
- * pseudo-elements rather than replaced. What that buys is everything a
- * hand-built slider has to reimplement and usually gets slightly wrong: the
- * drag, the keys, and a hit area sized by the platform for a finger.
- *
- * The filled part of the track is painted with a gradient driven by the
- * fraction the headless tier writes, rather than by a second element laid over
- * it. One element cannot be half one color by any other means that survives
- * the thumb being dragged.
- *
- * @since 0.1.0
- * @status experimental
- * @category forms
- * @aliases Range, Range input
- * @documentation https://helix.fusion.dev/components/slider
- *
- * @cssproperty --slider-fill-color - The part behind the thumb.
- * @cssproperty --slider-length - How long a vertical track is. Nine rem by default, and read only when `orientation` is `vertical`, a horizontal track taking the width of its row.
- * @cssproperty --slider-marker-color - The ticks along the track.
- * @cssproperty --slider-thumb-color - The handle.
- * @cssproperty --slider-thumb-length - The handle along the track. Follows the size unless it is told otherwise, and setting one of the two is what makes the handle an oval.
- * @cssproperty --slider-thumb-radius - The handle's corners. Fully round by default, so a handle given two dimensions is a capsule until this says otherwise.
- * @cssproperty --slider-thumb-ring-color - The fence separating the handle from the track, for a slider that is not on the page.
- * @cssproperty --slider-thumb-size - The handle across the track. Square with the length by default, which is what makes it round.
- * @cssproperty --slider-track-color - The part not yet chosen.
- * @cssproperty --slider-track-image - The whole track, for a slider whose color is the value.
- * @cssproperty --slider-track-size - How thick the track is. The progress bar's own size by default, the two being the same object.
- */
 let HelixSlider = class HelixSlider extends HelixHeadlessSlider {
     static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
 };

package/dist/sparkline/root/sparkline-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/sparkline/root/sparkline-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 block-size: var(--sparkline-block-size, 2.5em);

package/dist/sparkline/root/sparkline-root.js

@@ -9,46 +9,6 @@ import { HelixHeadlessSparkline } from '@fusion.dev/helix-headless/sparkline';
 import { property } from 'lit/decorators.js';
 import { styles as terminusStyles } from '../../shared/chart/terminus.css.js';
 import { styles } from './sparkline-root.css.js';
-/**
- * @summary A line with no axes, for the shape of a series beside the number it belongs to.
- *
- * @description
- * Sized in `em` by default, so a sparkline set beside a figure is a figure-sized
- * thing and one set in a table row is a row-sized thing. The type scale is
- * absolute and cannot say "a little wider than this".
- *
- * The stroke does not scale with the box. `preserveAspectRatio="none"` is what
- * lets one drawing fill a 60px slot and a 600px one, and without
- * `vector-effect: non-scaling-stroke` the same line comes out hairline in the
- * first and heavy in the second.
- *
- * One color on the host, read by the line, the wash, the columns and the mark
- * alike, so moving `--sparkline-color` cannot leave parts of one drawing
- * disagreeing.
- *
- * The line's weight is set in `em` rather than pixels, so it grows with the
- * drawing the way the drawing grows with its type. A fixed pixel width leaves a
- * 200 pixel sparkline wearing a hairline: `vector-effect` keeps a stroke out of
- * the view box's stretch, and it also keeps it out of every other reason it
- * might want to be bigger.
- *
- * @since 0.1.0
- * @status experimental
- * @category charts
- * @groups charts
- * @aliases Micro Chart, Trend Line, Inline Chart
- * @documentation https://helix.fusion.dev/components/sparkline
- *
- * @cssproperty --chart-terminus-hole - A fill for the middle of a `ring` terminus, which is otherwise open.
- * @cssproperty --chart-terminus-size - Size of the mark on the last reading.
- * @cssproperty --sparkline-area-opacity - How much of the line's color the wash takes where it meets the line.
- * @cssproperty --sparkline-bar-radius - Corner radius on a column, under `plot="bar"`.
- * @cssproperty --sparkline-bar-stroke - Thickness of a column's edge under `outlined`.
- * @cssproperty --sparkline-block-size - Height of the drawing.
- * @cssproperty --sparkline-color - Color of the line, the wash, the columns and the mark.
- * @cssproperty --sparkline-inline-size - Width of the drawing.
- * @cssproperty --sparkline-width - Thickness of the line, overriding `weight`.
- */
 let HelixSparkline = class HelixSparkline extends HelixHeadlessSparkline {
     static { this.styles = [terminusStyles, styles]; }
 };

package/dist/speed-dial/item/speed-dial-item.css.js

@@ -1,4 +1,3 @@
-// Generated from src/speed-dial/item/speed-dial-item.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: block;

package/dist/speed-dial/item/speed-dial-item.js

@@ -7,22 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessSpeedDialItem } from '@fusion.dev/helix-headless/speed-dial';
 import { styles } from './speed-dial-item.css.js';
-/**
- * @summary One action in a speed dial: a mark, and a name beside it.
- *
- * @description
- * Presentation only: a round mark the size of a small control, and the name on
- * a chip beside it so it can be read against whatever the dial is floating
- * over. Everything about choosing it is the base class.
- *
- * @since 0.1.0
- * @status experimental
- * @category actions
- * @aliases Speed dial action, FAB action, Quick action
- * @documentation https://helix.fusion.dev/components/speed-dial
- *
- * @cssproperty --speed-dial-item-size - Edge length of the mark.
- */
 let HelixSpeedDialItem = class HelixSpeedDialItem extends HelixHeadlessSpeedDialItem {
     static { this.styles = styles; }
 };

package/dist/speed-dial/root/speed-dial-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/speed-dial/root/speed-dial-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;

package/dist/speed-dial/root/speed-dial-root.js

@@ -9,22 +9,6 @@ import { HelixHeadlessSpeedDial } from '@fusion.dev/helix-headless/speed-dial';
 import { styles as glyphStyles } from '../../icon/glyph.css.js';
 import { styles } from './speed-dial-root.css.js';
 import '../../icon/index.js';
-/**
- * @summary A button that fans out the few actions a screen is for.
- *
- * @description
- * Presentation only: the column the actions fan into, and which end they line
- * up on. Everything about what opens it, what closes it and how a keyboard
- * moves through it is the base class.
- *
- * @since 0.1.0
- * @status experimental
- * @category actions
- * @aliases FAB, Floating action button, Action button, Quick actions
- * @documentation https://helix.fusion.dev/components/speed-dial
- *
- * @cssproperty --speed-dial-gap - Space between the actions.
- */
 let HelixSpeedDial = class HelixSpeedDial extends HelixHeadlessSpeedDial {
     static { this.styles = [glyphStyles, styles]; }
 };

package/dist/splitter/root/splitter-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/splitter/root/splitter-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/splitter/root/splitter-root.js

@@ -8,56 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessSplitter } from '@fusion.dev/helix-headless/splitter';
 import { property } from 'lit/decorators.js';
 import { styles } from './splitter-root.css.js';
-/**
- * @summary Two panes and a divider the reader can move.
- *
- * @description
- * The divider is a line to look at and a box to hit, and they are different
- * sizes. Drawn at the border's own width it is a one pixel pointer target, which
- * is the fault every hand-rolled splitter has; the line is a border and the
- * target is the box around it.
- *
- * It lights on hover before it is touched, because a hairline says nothing about
- * being movable, and the whole target lights rather than the line, so the thing
- * that answers the pointer is the thing that changed.
- *
- * Both panes scroll and both have their minimum size taken off them. A flex
- * item's floor is its content, so a pane holding anything scrollable would
- * otherwise refuse to go below it: the divider would stop at a width nobody
- * asked for and nothing would say why.
- *
- * The corner where a nested splitter crosses is twice the divider's target,
- * because it is aimed at as a point rather than a line. It draws nothing of its
- * own: the `move` cursor already says what it is, at the moment a reader is on
- * it. A ring on focus is the exception, since with nothing drawn there would
- * otherwise be no way to see where the keyboard is.
- *
- * A divider stays lit for as long as it is moving, which `:hover` cannot say on
- * its own: a drag captures the pointer, and a corner moves the nested divider
- * while the reader is nowhere near it. It goes primary while it moves rather
- * than merely darker, because hover is a question and a drag is an answer, and
- * because a corner moving two dividers at once needs the pair to read as one
- * gesture.
- *
- * @since 0.1.0
- * @status experimental
- * @category layout
- * @aliases SplitPane, Resizable, SplitView
- * @documentation https://helix.fusion.dev/components/splitter
- *
- * @csspart corner - The handle where a nested splitter's divider crosses this one.
- * @csspart end - The box holding the second.
- * @csspart separator - The divider itself.
- * @csspart start - The box holding the first pane.
- *
- * @cssproperty --splitter-color - The line between the panes.
- * @cssproperty --splitter-corner - How wide the handle at a crossing is.
- * @cssproperty --splitter-drag-color - The line while it is being moved.
- * @cssproperty --splitter-grip-color - The grip beside the line, once it is shown.
- * @cssproperty --splitter-grip-length - How far the grip runs along the divider.
- * @cssproperty --splitter-hover-color - The target under the pointer.
- * @cssproperty --splitter-target - How wide the draggable box is.
- */
 let HelixSplitter = class HelixSplitter extends HelixHeadlessSplitter {
     static { this.styles = styles; }
 };

package/dist/stat/group/stat-group.css.js

@@ -1,4 +1,3 @@
-// Generated from src/stat/group/stat-group.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: flex;

package/dist/stat/group/stat-group.js

@@ -8,28 +8,9 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessStatGroup } from '@fusion.dev/helix-headless/stat';
 import { property } from 'lit/decorators.js';
 import { styles } from './stat-group.css.js';
-/**
- * @summary A row of related measurements.
- *
- * @description
- * Wraps rather than scrolls, and each figure keeps its own width instead of
- * every one taking an equal share: a set of figures is read by comparing them,
- * and equal columns make a four-digit number and a two-digit one look like the
- * same quantity.
- *
- * @since 0.1.0
- * @status stable
- * @aliases Metrics, KPIs, Figures
- * @documentation https://helix.fusion.dev/components/stat
- *
- * @cssproperty --stat-group-gap - Space between figures.
- */
 let HelixStatGroup = class HelixStatGroup extends HelixHeadlessStatGroup {
     constructor() {
         super(...arguments);
-        /**
-         * Whether the figures are separated by a rule as well as by space.
-         */
         this.divided = false;
     }
     static { this.styles = styles; }

package/dist/stat/root/stat-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/stat/root/stat-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 

package/dist/stat/root/stat-root.js

@@ -7,23 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessStat } from '@fusion.dev/helix-headless/stat';
 import { styles } from './stat-root.css.js';
-/**
- * @summary One measurement, with the word for what it measures.
- *
- * @description
- * The value is set on the display face at a size the type scale does not reach,
- * because a figure is the one place on a page where the number is the design.
- * The label sits above it in the label ramp, quiet and wide-tracked, so the
- * pair reads as one object rather than as two lines of text.
- *
- * @since 0.1.0
- * @status stable
- * @category data
- * @aliases Metric, KPI, Figure
- * @documentation https://helix.fusion.dev/components/stat
- *
- * @cssproperty --stat-value-size - Size of the figure.
- */
 let HelixStat = class HelixStat extends HelixHeadlessStat {
     static { this.styles = styles; }
 };

package/dist/steps/root/steps-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/steps/root/steps-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 counter-reset: helix-step;

package/dist/steps/root/steps-root.js

@@ -7,32 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessSteps } from '@fusion.dev/helix-headless/steps';
 import { styles } from './steps-root.css.js';
-/**
- * @summary A sequence of stages, and where the reader is in it.
- *
- * @description
- * The numbering is a CSS counter rather than a property, so a step's position
- * is drawn by the browser at layout and is right in the server's markup with no
- * script involved. Reordering the steps renumbers them; nothing has to be told.
- *
- * A step's name is a `helix-button`, so what it looks like under the pointer,
- * with focus, and when refused are Button's decisions and Button's hooks. There
- * is no `--steps-hover-color`: `--button-background-color` is that hook, and a
- * second name for it here would be a second thing to keep in step.
- *
- * @since 0.1.0
- * @status experimental
- * @category navigation
- * @aliases Stepper, Wizard, Progress steps
- * @documentation https://helix.fusion.dev/components/steps
- *
- * @cssproperty --steps-complete-color - The mark on a finished step.
- * @cssproperty --steps-connector-color - The rule running through the steps.
- * @cssproperty --steps-connector-inset - Air either side of a mark, before the rail.
- * @cssproperty --steps-current-color - The mark on the current step.
- * @cssproperty --steps-gap - Space between one step and the next.
- * @cssproperty --steps-marker-size - Size of the mark, glyph or digit.
- */
 let HelixSteps = class HelixSteps extends HelixHeadlessSteps {
     static { this.styles = styles; }
 };

package/dist/steps/step/step.css.js

@@ -1,4 +1,3 @@
-// Generated from src/steps/step/step.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 align-items: start;

package/dist/steps/step/step.js

@@ -6,20 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessStep } from '@fusion.dev/helix-headless/steps';
-/* Side-effect import, because the tier below renders `<helix-button>` and a custom
-   element registers on import. Inherited from the base along with the template,
-   which is why it is restated here: this file has no `<helix-button>` in it to
-   remind anyone. */
 import '../../button/index.js';
 import { styles } from './step.css.js';
-/**
- * @summary One stage in a sequence.
- *
- * @since 0.1.0
- * @status experimental
- * @aliases Stage
- * @documentation https://helix.fusion.dev/components/steps
- */
 let HelixStep = class HelixStep extends HelixHeadlessStep {
     static { this.tier = 'helix-'; }
     static { this.styles = styles; }

package/dist/switch/root/switch-root.css.js

@@ -1,4 +1,3 @@
-// Generated from src/switch/root/switch-root.css by `turbo run styles`. Do not edit.
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`:host {
 display: inline-flex;