@fusion.dev/helix 0.35.1 → 0.37.0

package/custom-elements.json

@@ -22305,7 +22305,7 @@
               "name": "--color-input-swatch-radius"
             },
             {
-              "description": "Edge length of the block in `appearance=\"swatch\"`.",
+              "description": "Edge length of the block in `variant=\"swatch\"`.",
               "name": "--color-input-swatch-size"
             },
             {
@@ -23686,7 +23686,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/color-input",
             "aliases": [
               "ColorField",
@@ -35765,7 +35765,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/date-input",
             "aliases": [
               "DatePicker",
@@ -58602,7 +58602,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The frame is the field rather than the input, so anything slotted at either\nend sits inside the same box as the text and the focus ring is drawn once,\naround the whole control, instead of around a smaller box within it.\n\nThe input itself is the native one, stripped rather than replaced, so the\ncaret, the selection, the autofill, and the keyboard a phone chooses are all\nthe platform's.\n\nHeight comes from the region, like every other control: `data-density` on\nwhatever holds it, not a `size` here. Invalid styling waits for\n`:user-invalid`, because a field is not wrong before anyone has filled it in.",
+          "description": "The frame is the field rather than the input, so anything slotted at either\nend sits inside the same box as the text and the focus ring is drawn once,\naround the whole control, instead of around a smaller box within it.\n\nThe input itself is the native one, stripped rather than replaced, so the\ncaret, the selection, the autofill, and the keyboard a phone chooses are all\nthe platform's.\n\nHeight comes from the region, like every other control: `data-density` on\nwhatever holds it, not a `size` here. Invalid styling waits for the `invalid`\ncustom state, because a field is not wrong before anyone has filled it in and\n`:user-invalid` cannot answer that here: it tracks the control the reader is\nin, which is inside this shadow root, so it never reaches the host the rule\nselects on.",
           "name": "HelixInput",
           "cssProperties": [
             {
@@ -59091,7 +59091,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "attribute": "readonly",
               "reflects": true,
               "inheritedFrom": {
@@ -59877,7 +59877,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/input",
             "aliases": [
               "TextField",
@@ -60102,7 +60102,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.\n\nA part was renamed for\nthe same kind of reason: there is no `helix-v` tag, so no consumer is\nholding the old spelling, and this is free today and a deprecation after\nthe first release.",
+              "description": "Whether the field refuses input while still submitting its value.\n\n**The attribute is `readonly`, which is the platform's spelling.** A\ncamelCase property needs an explicit `attribute`, and dash-casing a word\nHTML writes as one costs what an attribute always costs here: nothing\nwarns. `<helix-input readonly>` is what anybody who has written HTML types;\nagainst `read-only` it parses to no property at all, and the field stays\neditable with no error anywhere. Measured on the dash-cased form, `readOnly`\ncame back `false`.",
               "fieldName": "readOnly",
               "inheritedFrom": {
                 "name": "HelixHeadlessInput",
@@ -65737,7 +65737,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/listbox",
             "aliases": [
               "Options",
@@ -66016,6 +66016,14 @@
                 "module": "src/listbox/root/listbox-root.ts"
               }
             },
+            {
+              "description": "The mark in the filter's field. Left empty, a magnifier is drawn.",
+              "name": "filter-icon",
+              "inheritedFrom": {
+                "name": "HelixHeadlessListbox",
+                "module": "src/listbox/root/listbox-root.ts"
+              }
+            },
             {
               "description": "Richer than a string.",
               "name": "hint",
@@ -76055,7 +76063,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/number-input",
             "aliases": [
               "NumberField",
@@ -90465,7 +90473,7 @@
               "type": {
                 "text": "'dots' | 'marks' | undefined"
               },
-              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`appearance=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
+              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`variant=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
               "attribute": "variant",
               "reflects": true
             },
@@ -91684,7 +91692,7 @@
               "type": {
                 "text": "'dots' | 'marks' | undefined"
               },
-              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`appearance=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
+              "description": "Which mark the row is drawn with.\n\n`marks` is the star, and is what a rating means to most readers. `dots`\ndrops the glyph for a plain circle, which says how much rather than how\ngood: a star carries a judgment that a level of spice, a difficulty or a\nconfidence has not earned.\n\nBoth are one shape repeated and clipped to the score, so halves work in\neither, and both are only a choice of drawing. A scale whose marks are\n*different* drawings is a set of choices rather than a quantity: that is\n`Radio.Group`, whose options already carry a value and a name each.\n\n**Undefaulted, because it reflects.** A default of `marks` writes\n`variant=\"marks\"` onto every server-rendered rating, which React holds no\nprop for and reports as a hydration mismatch. The stylesheet names only\n`dots`, so an unset one draws marks anyway.",
               "fieldName": "variant"
             },
             {
@@ -98998,7 +99006,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/select",
             "aliases": [
               "Dropdown",
@@ -119333,7 +119341,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/time-input",
             "aliases": [
               "TimeField",

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

@@ -22,7 +22,7 @@ import '../../color-picker/index.js';
  * pads its own lower rows.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases ColorField, ColourInput, InputColor
  * @documentation https://fusion.dev/helix/components/color-input
@@ -37,7 +37,7 @@ import '../../color-picker/index.js';
  *   `--helix-shadow-floating`: a floating surface sits over content nobody can predict, so it
  *   keeps a lift by default.
  * @cssproperty --color-input-swatch-radius - Corner radius of that block.
- * @cssproperty --color-input-swatch-size - Edge length of the block in `appearance="swatch"`.
+ * @cssproperty --color-input-swatch-size - Edge length of the block in `variant="swatch"`.
  */
 export declare class HelixColorInput extends HelixHeadlessColorInput {
     static tier: string;

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

@@ -20,7 +20,7 @@ import '../../tag/index.js';
  * whatever holds it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases DatePicker, DateField, InputDate
  * @documentation https://fusion.dev/helix/components/date-input

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

@@ -14,11 +14,14 @@ import '../../icon/index.js';
  * the platform's.
  *
  * Height comes from the region, like every other control: `data-density` on
- * whatever holds it, not a `size` here. Invalid styling waits for
- * `:user-invalid`, because a field is not wrong before anyone has filled it in.
+ * whatever holds it, not a `size` here. Invalid styling waits for the `invalid`
+ * custom state, because a field is not wrong before anyone has filled it in and
+ * `:user-invalid` cannot answer that here: it tracks the control the reader is
+ * in, which is inside this shadow root, so it never reaches the host the rule
+ * selects on.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases TextField, Field, TextInput
  * @documentation https://fusion.dev/helix/components/input

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

@@ -13,7 +13,7 @@ import type { CSSResultGroup } from 'lit';
  * list moves under the reader rather than the reader moving to find it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Options, Select list
  * @documentation https://fusion.dev/helix/components/listbox

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

@@ -18,7 +18,7 @@ import type { CSSResultGroup } from 'lit';
  * three times as long to cross.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases NumberField, Stepper, InputNumber
  * @documentation https://fusion.dev/helix/components/number-input

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

@@ -38,7 +38,7 @@ export declare class HelixRating extends HelixHeadlessRating {
      * `Radio.Group`, whose options already carry a value and a name each.
      *
      * **Undefaulted, because it reflects.** A default of `marks` writes
-     * `appearance="marks"` onto every server-rendered rating, which React holds no
+     * `variant="marks"` onto every server-rendered rating, which React holds no
      * prop for and reports as a hydration mismatch. The stylesheet names only
      * `dots`, so an unset one draws marks anyway.
      */

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

@@ -15,7 +15,7 @@ import '../../option/index.js';
  * from the field it came out of.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Dropdown, Picker
  * @documentation https://fusion.dev/helix/components/select

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

@@ -18,7 +18,7 @@ import '../../time-picker/index.js';
  * belongs to. That is the same reasoning Select gives for its own list.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases TimeField, InputTime
  * @documentation https://fusion.dev/helix/components/time-input

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.35.1",
+  "version": "0.37.0",
   "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.35.1",
-    "@fusion.dev/helix-headless": "0.35.1",
-    "@fusion.dev/helix-styles": "0.35.1"
+    "@fusion.dev/helix-core": "0.37.0",
+    "@fusion.dev/helix-headless": "0.37.0",
+    "@fusion.dev/helix-styles": "0.37.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.35.1",
-    "@fusion.dev/helix-testing": "0.35.1",
+    "@fusion.dev/helix-cem": "0.37.0",
+    "@fusion.dev/helix-testing": "0.37.0",
     "@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

@@ -9108,12 +9108,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readonly?: (HelixInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -9123,12 +9118,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readOnly?: (HelixInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -9272,12 +9262,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   "bool:readonly"?: (HelixInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -9287,12 +9272,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   "prop:readOnly"?: (HelixInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -13445,7 +13425,7 @@ either, and both are only a choice of drawing. A scale whose marks are
 `Radio.Group`, whose options already carry a value and a name each.
 
 **Undefaulted, because it reflects.** A default of `marks` writes
-`appearance="marks"` onto every server-rendered rating, which React holds no
+`variant="marks"` onto every server-rendered rating, which React holds no
 prop for and reports as a hydration mismatch. The stylesheet names only
 `dots`, so an unset one draws marks anyway. */
   variant?: (HelixRating["variant"]) | undefined;
@@ -13585,7 +13565,7 @@ either, and both are only a choice of drawing. A scale whose marks are
 `Radio.Group`, whose options already carry a value and a name each.
 
 **Undefaulted, because it reflects.** A default of `marks` writes
-`appearance="marks"` onto every server-rendered rating, which React holds no
+`variant="marks"` onto every server-rendered rating, which React holds no
 prop for and reports as a hydration mismatch. The stylesheet names only
 `dots`, so an unset one draws marks anyway. */
   "prop:variant"?: (HelixRating["variant"]) | undefined;
@@ -23300,7 +23280,7 @@ export type CustomElements = {
    * - `--color-input-panel-size`: Width of the panel, and so of the square. (default: `undefined`)
    * - `--color-input-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. (default: `undefined`)
    * - `--color-input-swatch-radius`: Corner radius of that block. (default: `undefined`)
-   * - `--color-input-swatch-size`: Edge length of the block in `appearance="swatch"`. (default: `undefined`)
+   * - `--color-input-swatch-size`: Edge length of the block in `variant="swatch"`. (default: `undefined`)
    * - `--color-input-swatch`: The chosen color, to paint over the transparency check. (default: `undefined`)
    *
    * ## CSS Parts
@@ -27837,8 +27817,11 @@ export type CustomElements = {
    * the platform's.
    *
    * Height comes from the region, like every other control: `data-density` on
-   * whatever holds it, not a `size` here. Invalid styling waits for
-   * `:user-invalid`, because a field is not wrong before anyone has filled it in.
+   * whatever holds it, not a `size` here. Invalid styling waits for the `invalid`
+   * custom state, because a field is not wrong before anyone has filled it in and
+   * `:user-invalid` cannot answer that here: it tracks the control the reader is
+   * in, which is inside this shadow root, so it never reaches the host the rule
+   * selects on.
    *
    * ## Attributes & Properties
    *
@@ -27885,11 +27868,6 @@ export type CustomElements = {
    * against `read-only` it parses to no property at all, and the field stays
    * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
    * came back `false`.
-   *
-   * A part was renamed for
-   * the same kind of reason: there is no `helix-v` tag, so no consumer is
-   * holding the old spelling, and this is free today and a deprecation after
-   * the first release.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -28848,6 +28826,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The options, and any groups of them.
+   * - `filter-icon`: The mark in the filter's field. Left empty, a magnifier is drawn.
    * - `hint`: Richer than a string.
    * - `label`: Richer than a string.
    *
@@ -32219,7 +32198,7 @@ export type CustomElements = {
    * `Radio.Group`, whose options already carry a value and a name each.
    *
    * **Undefaulted, because it reflects.** A default of `marks` writes
-   * `appearance="marks"` onto every server-rendered rating, which React holds no
+   * `variant="marks"` onto every server-rendered rating, which React holds no
    * prop for and reports as a hydration mismatch. The stylesheet names only
    * `dots`, so an unset one draws marks anyway.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
@@ -42182,7 +42161,7 @@ export type CustomElementsSolidJs = {
    * - `--color-input-panel-size`: Width of the panel, and so of the square. (default: `undefined`)
    * - `--color-input-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. (default: `undefined`)
    * - `--color-input-swatch-radius`: Corner radius of that block. (default: `undefined`)
-   * - `--color-input-swatch-size`: Edge length of the block in `appearance="swatch"`. (default: `undefined`)
+   * - `--color-input-swatch-size`: Edge length of the block in `variant="swatch"`. (default: `undefined`)
    * - `--color-input-swatch`: The chosen color, to paint over the transparency check. (default: `undefined`)
    *
    * ## CSS Parts
@@ -46808,8 +46787,11 @@ export type CustomElementsSolidJs = {
    * the platform's.
    *
    * Height comes from the region, like every other control: `data-density` on
-   * whatever holds it, not a `size` here. Invalid styling waits for
-   * `:user-invalid`, because a field is not wrong before anyone has filled it in.
+   * whatever holds it, not a `size` here. Invalid styling waits for the `invalid`
+   * custom state, because a field is not wrong before anyone has filled it in and
+   * `:user-invalid` cannot answer that here: it tracks the control the reader is
+   * in, which is inside this shadow root, so it never reaches the host the rule
+   * selects on.
    *
    * ## Attributes & Properties
    *
@@ -46856,11 +46838,6 @@ export type CustomElementsSolidJs = {
    * against `read-only` it parses to no property at all, and the field stays
    * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
    * came back `false`.
-   *
-   * A part was renamed for
-   * the same kind of reason: there is no `helix-v` tag, so no consumer is
-   * holding the old spelling, and this is free today and a deprecation after
-   * the first release.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -47837,6 +47814,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The options, and any groups of them.
+   * - `filter-icon`: The mark in the filter's field. Left empty, a magnifier is drawn.
    * - `hint`: Richer than a string.
    * - `label`: Richer than a string.
    *
@@ -51290,7 +51268,7 @@ export type CustomElementsSolidJs = {
    * `Radio.Group`, whose options already carry a value and a name each.
    *
    * **Undefaulted, because it reflects.** A default of `marks` writes
-   * `appearance="marks"` onto every server-rendered rating, which React holds no
+   * `variant="marks"` onto every server-rendered rating, which React holds no
    * prop for and reports as a hydration mismatch. The stylesheet names only
    * `dots`, so an unset one draws marks anyway.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
@@ -58089,7 +58067,7 @@ export type CustomCssProperties = {
   "--color-input-shadow"?: (string) | undefined;
   /** Corner radius of that block. */
   "--color-input-swatch-radius"?: (string) | undefined;
-  /** Edge length of the block in `appearance="swatch"`. */
+  /** Edge length of the block in `variant="swatch"`. */
   "--color-input-swatch-size"?: (string) | undefined;
   /** The chosen color, to paint over the transparency check. */
   "--color-input-swatch"?: (string) | undefined;

package/types/vue.d.ts

@@ -4700,12 +4700,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readonly?: (HelixInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
@@ -4715,12 +4710,7 @@ HTML writes as one costs what an attribute always costs here: nothing
 warns. `<helix-input readonly>` is what anybody who has written HTML types;
 against `read-only` it parses to no property at all, and the field stays
 editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`.
-
-A part was renamed for
-the same kind of reason: there is no `helix-v` tag, so no consumer is
-holding the old spelling, and this is free today and a deprecation after
-the first release. */
+came back `false`. */
   readOnly?: (HelixInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -6899,7 +6889,7 @@ either, and both are only a choice of drawing. A scale whose marks are
 `Radio.Group`, whose options already carry a value and a name each.
 
 **Undefaulted, because it reflects.** A default of `marks` writes
-`appearance="marks"` onto every server-rendered rating, which React holds no
+`variant="marks"` onto every server-rendered rating, which React holds no
 prop for and reports as a hydration mismatch. The stylesheet names only
 `dots`, so an unset one draws marks anyway. */
   variant?: (HelixRating["variant"]) | undefined;
@@ -10397,7 +10387,7 @@ export type CustomCssProperties = {
   "--color-input-shadow"?: (string) | undefined;
   /** Corner radius of that block. */
   "--color-input-swatch-radius"?: (string) | undefined;
-  /** Edge length of the block in `appearance="swatch"`. */
+  /** Edge length of the block in `variant="swatch"`. */
   "--color-input-swatch-size"?: (string) | undefined;
   /** The chosen color, to paint over the transparency check. */
   "--color-input-swatch"?: (string) | undefined;
@@ -11537,7 +11527,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixImageVueProps,
     HelixImageVueEvents
   >;
-  /** The frame is the field rather than the input, so anything slotted at either end sits inside the same box as the text and the focus ring is drawn once, around the whole control, instead of around a smaller box within it.  The input itself is the native one, stripped rather than replaced, so the caret, the selection, the autofill, and the keyboard a phone chooses are all the platform's.  Height comes from the region, like every other control: 'data-density' on whatever holds it, not a 'size' here. Invalid styling waits for ':user-invalid', because a field is not wrong before anyone has filled it in. */
+  /** The frame is the field rather than the input, so anything slotted at either end sits inside the same box as the text and the focus ring is drawn once, around the whole control, instead of around a smaller box within it.  The input itself is the native one, stripped rather than replaced, so the caret, the selection, the autofill, and the keyboard a phone chooses are all the platform's.  Height comes from the region, like every other control: 'data-density' on whatever holds it, not a 'size' here. Invalid styling waits for the 'invalid' custom state, because a field is not wrong before anyone has filled it in and ':user-invalid' cannot answer that here: it tracks the control the reader is in, which is inside this shadow root, so it never reaches the host the rule selects on. */
   "helix-input": DefineCustomElement<
     HelixInput,
     HelixInputVueProps,