@fusion.dev/helix 0.204.0 → 0.204.1

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.204.0",
+  "version": "0.204.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -60,14 +60,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.204.0",
-    "@fusion.dev/helix-headless": "0.204.0",
-    "@fusion.dev/helix-styles": "0.204.0",
+    "@fusion.dev/helix-core": "0.204.1",
+    "@fusion.dev/helix-headless": "0.204.1",
+    "@fusion.dev/helix-styles": "0.204.1",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.204.0",
-    "@fusion.dev/helix-testing": "0.204.0",
+    "@fusion.dev/helix-cem": "0.204.1",
+    "@fusion.dev/helix-testing": "0.204.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/skills/helix/SKILL.md

@@ -2,12 +2,12 @@
 name: helix
 description: Writes and checks pages built with Helix, the web components in @fusion.dev/helix. Use when building or reviewing any user interface in a project that installs @fusion.dev/helix, and when code has helix- elements, Helix tokens, or the helix command line.
 metadata:
-  version: "0.204.0"
+  version: "0.204.1"
 ---
 
 # Helix
 
-This guide is for @fusion.dev/helix 0.204.0, the version installed beside it.
+This guide is for @fusion.dev/helix 0.204.1, the version installed beside it.
 
 ## Using Helix with an agent
 

package/types/jsx.d.ts

@@ -68520,7 +68520,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-bar-chart-block-size`: How tall the plot is.
+   * - `--spatial-bar-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-bar-chart-shade`: How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -69151,7 +69151,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-ribbon-chart-block-size`: How tall the plot is.
+   * - `--spatial-ribbon-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-ribbon-chart-shade`: How far a ribbon's face turns from the light, from 0 for a level top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -69406,7 +69406,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-scatter-chart-block-size`: How tall the plot is.
+   * - `--spatial-scatter-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    *
    * ## CSS Parts
    *
@@ -69668,7 +69668,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-surface-chart-block-size`: How tall the plot is.
+   * - `--spatial-surface-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-surface-chart-high`: The color of the highest reading, which the renderer reads too.
    * - `--spatial-surface-chart-low`: The color of the lowest reading, which the renderer reads too.
    * - `--spatial-surface-chart-level`: How high a face of the surface stands between the lowest reading and the highest, from 0 to 1: its corners' average. The component writes it on each face, and the stylesheet that colors the face along the ramp reads it.
@@ -69925,7 +69925,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-treemap-block-size`: How tall the plot is.
+   * - `--spatial-treemap-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-treemap-shade`: How far a block's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -100850,7 +100850,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-bar-chart-block-size`: How tall the plot is.
+   * - `--spatial-bar-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-bar-chart-shade`: How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -101487,7 +101487,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-ribbon-chart-block-size`: How tall the plot is.
+   * - `--spatial-ribbon-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-ribbon-chart-shade`: How far a ribbon's face turns from the light, from 0 for a level top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -101743,7 +101743,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-scatter-chart-block-size`: How tall the plot is.
+   * - `--spatial-scatter-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    *
    * ## CSS Parts
    *
@@ -102006,7 +102006,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-surface-chart-block-size`: How tall the plot is.
+   * - `--spatial-surface-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-surface-chart-high`: The color of the highest reading, which the renderer reads too.
    * - `--spatial-surface-chart-low`: The color of the lowest reading, which the renderer reads too.
    * - `--spatial-surface-chart-level`: How high a face of the surface stands between the lowest reading and the highest, from 0 to 1: its corners' average. The component writes it on each face, and the stylesheet that colors the face along the ramp reads it.
@@ -102264,7 +102264,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-treemap-block-size`: How tall the plot is.
+   * - `--spatial-treemap-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
    * - `--spatial-treemap-shade`: How far a block's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
    *
    * ## CSS Parts
@@ -111487,7 +111487,7 @@ export type CustomCssProperties = {
   "--sparkline-readout-font-size"?: (string) | undefined;
   /** Thickness of the line, overriding `weight`. */
   "--sparkline-width"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-bar-chart-block-size"?: (string) | undefined;
   /** How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-bar-chart-shade"?: (string) | undefined;
@@ -111505,13 +111505,13 @@ export type CustomCssProperties = {
   "--spatial-heatmap-label-y"?: (string) | undefined;
   /** How many cells the drawing spans across: its columns and its rows together. The component writes it on the strip, and a stylesheet that caps the cell size reads it. */
   "--spatial-heatmap-span"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-ribbon-chart-block-size"?: (string) | undefined;
   /** How far a ribbon's face turns from the light, from 0 for a level top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-ribbon-chart-shade"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-scatter-chart-block-size"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-surface-chart-block-size"?: (string) | undefined;
   /** The color of the highest reading, which the renderer reads too. */
   "--spatial-surface-chart-high"?: (string) | undefined;
@@ -111521,7 +111521,7 @@ export type CustomCssProperties = {
   "--spatial-surface-chart-level"?: (string) | undefined;
   /** How far a face of the surface turns from the light, as a share of lightness to take from its color, from 0 facing it to about 0.3. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-surface-chart-shade"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-treemap-block-size"?: (string) | undefined;
   /** How far a block's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-treemap-shade"?: (string) | undefined;

package/types/vue.d.ts

@@ -25094,7 +25094,7 @@ export type CustomCssProperties = {
   "--sparkline-readout-font-size"?: (string) | undefined;
   /** Thickness of the line, overriding `weight`. */
   "--sparkline-width"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-bar-chart-block-size"?: (string) | undefined;
   /** How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-bar-chart-shade"?: (string) | undefined;
@@ -25112,13 +25112,13 @@ export type CustomCssProperties = {
   "--spatial-heatmap-label-y"?: (string) | undefined;
   /** How many cells the drawing spans across: its columns and its rows together. The component writes it on the strip, and a stylesheet that caps the cell size reads it. */
   "--spatial-heatmap-span"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-ribbon-chart-block-size"?: (string) | undefined;
   /** How far a ribbon's face turns from the light, from 0 for a level top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-ribbon-chart-shade"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-scatter-chart-block-size"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-surface-chart-block-size"?: (string) | undefined;
   /** The color of the highest reading, which the renderer reads too. */
   "--spatial-surface-chart-high"?: (string) | undefined;
@@ -25128,7 +25128,7 @@ export type CustomCssProperties = {
   "--spatial-surface-chart-level"?: (string) | undefined;
   /** How far a face of the surface turns from the light, as a share of lightness to take from its color, from 0 facing it to about 0.3. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-surface-chart-shade"?: (string) | undefined;
-  /** How tall the plot is. */
+  /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-treemap-block-size"?: (string) | undefined;
   /** How far a block's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it. */
   "--spatial-treemap-shade"?: (string) | undefined;