@fusion.dev/helix 0.213.0 → 0.214.0

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.213.0",
+  "version": "0.214.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -67,14 +67,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.213.0",
-    "@fusion.dev/helix-headless": "0.213.0",
-    "@fusion.dev/helix-styles": "0.213.0",
+    "@fusion.dev/helix-core": "0.214.0",
+    "@fusion.dev/helix-headless": "0.214.0",
+    "@fusion.dev/helix-styles": "0.214.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.213.0",
-    "@fusion.dev/helix-testing": "0.213.0",
+    "@fusion.dev/helix-cem": "0.214.0",
+    "@fusion.dev/helix-testing": "0.214.0",
     "@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.213.0"
+  version: "0.214.0"
 ---
 
 # Helix
 
-This guide is for @fusion.dev/helix 0.213.0, the version installed beside it.
+This guide is for @fusion.dev/helix 0.214.0, the version installed beside it.
 
 ## Using Helix with an agent
 

package/types/jsx.d.ts

@@ -73168,6 +73168,9 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-cell-min-block-size`: The least height of a cell, and so of its row. Unset, every row is as tall as a control, whatever its cells hold.
+   * - `--table-padding-block`: The space above and below a cell's content. Two values set the space above and the space below.
+   * - `--table-rule-color`: The color of the line under a cell, which is the line between rows. It takes a color only, because it fills the color in a border shorthand, and a full border value makes the rule invalid. It is drawn on the cells, because the row is `display: contents`.
    * - `--table-cell-align`: The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction.
    *
    * ## CSS States
@@ -73358,6 +73361,13 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `order(row: Readonly<Record<string, unknown>>) => unknown`: The value this column sorts and filters by for a row, which can differ from
    * what it shows.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--table-padding-block`: The space above and below a heading's words. Unset, the heading takes none, and its height comes from its own least height.
+   * - `--table-rule-color`: The color of the line under the headings. It takes a color only, because it fills the color in a border shorthand.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -106490,6 +106500,9 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-cell-min-block-size`: The least height of a cell, and so of its row. Unset, every row is as tall as a control, whatever its cells hold.
+   * - `--table-padding-block`: The space above and below a cell's content. Two values set the space above and the space below.
+   * - `--table-rule-color`: The color of the line under a cell, which is the line between rows. It takes a color only, because it fills the color in a border shorthand, and a full border value makes the rule invalid. It is drawn on the cells, because the row is `display: contents`.
    * - `--table-cell-align`: The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction.
    *
    * ## CSS States
@@ -106683,6 +106696,13 @@ export type CustomElementsSolidJs = {
    * - `order(row: Readonly<Record<string, unknown>>) => unknown`: The value this column sorts and filters by for a row, which can differ from
    * what it shows.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--table-padding-block`: The space above and below a heading's words. Unset, the heading takes none, and its height comes from its own least height.
+   * - `--table-rule-color`: The color of the line under the headings. It takes a color only, because it fills the color in a border shorthand.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -114626,6 +114646,12 @@ export type CustomCssProperties = {
   "--switch-on-color"?: (string) | undefined;
   /** Color of the thumb, in both states. */
   "--switch-thumb-color"?: (string) | undefined;
+  /** The least height of a cell, and so of its row. Unset, every row is as tall as a control, whatever its cells hold. */
+  "--table-cell-min-block-size"?: (string) | undefined;
+  /** The space above and below a cell's content. Two values set the space above and the space below. */
+  "--table-padding-block"?: (string) | undefined;
+  /** The color of the line under a cell, which is the line between rows. It takes a color only, because it fills the color in a border shorthand, and a full border value makes the rule invalid. It is drawn on the cells, because the row is `display: contents`. */
+  "--table-rule-color"?: (string) | undefined;
   /** The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction. */
   "--table-cell-align"?: (string) | undefined;
   /** How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default. */

package/types/vue.d.ts

@@ -25789,6 +25789,12 @@ export type CustomCssProperties = {
   "--switch-on-color"?: (string) | undefined;
   /** Color of the thumb, in both states. */
   "--switch-thumb-color"?: (string) | undefined;
+  /** The least height of a cell, and so of its row. Unset, every row is as tall as a control, whatever its cells hold. */
+  "--table-cell-min-block-size"?: (string) | undefined;
+  /** The space above and below a cell's content. Two values set the space above and the space below. */
+  "--table-padding-block"?: (string) | undefined;
+  /** The color of the line under a cell, which is the line between rows. It takes a color only, because it fills the color in a border shorthand, and a full border value makes the rule invalid. It is drawn on the cells, because the row is `display: contents`. */
+  "--table-rule-color"?: (string) | undefined;
   /** The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction. */
   "--table-cell-align"?: (string) | undefined;
   /** How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default. */