@fusion.dev/helix 0.17.0 → 0.17.1

package/custom-elements.json

@@ -6873,15 +6873,10 @@
               "type": {
                 "text": "'joined' | 'spaced' | undefined"
               },
-              "description": "Whether the buttons are one bar or a spaced row.\n\nJoined by default: one control made of parts, sharing borders, reading as a\nsegmented bar.\n\n`spaced` is the same set with air between them, for a row of related but\nseparate actions. The semantics and the joining are separate questions:\n`role=\"group\"` and a shared name are what make a set of buttons a set, and\n`helix-flex` gives the spacing without the group.",
+              "description": "Whether the buttons are one bar or a spaced row.",
               "attribute": "variant",
               "reflects": true
             },
-            {
-              "description": "Whether the buttons are one bar or a spaced row.",
-              "name": "appearance",
-              "kind": "field"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -7090,7 +7085,7 @@
               "type": {
                 "text": "'joined' | 'spaced' | undefined"
               },
-              "description": "Whether the buttons are one bar or a spaced row.\n\nJoined by default: one control made of parts, sharing borders, reading as a\nsegmented bar.\n\n`spaced` is the same set with air between them, for a row of related but\nseparate actions. The semantics and the joining are separate questions:\n`role=\"group\"` and a shared name are what make a set of buttons a set, and\n`helix-flex` gives the spacing without the group.",
+              "description": "Whether the buttons are one bar or a spaced row.",
               "fieldName": "variant"
             },
             {

package/dist/button-group/root/button-group-root.d.ts

@@ -22,7 +22,7 @@ import type { CSSResultGroup } from 'lit';
  *
  * @cssproperty --button-group-gap - Space between the buttons, when `spaced`.
  *
- * @property appearance - Whether the buttons are one bar or a spaced row.
+ * @property variant - Whether the buttons are one bar or a spaced row.
  */
 export declare class HelixButtonGroup extends HelixHeadlessButtonGroup {
     static styles: CSSResultGroup;

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.17.0",
+  "version": "0.17.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.17.0",
-    "@fusion.dev/helix-headless": "0.17.0",
-    "@fusion.dev/helix-styles": "0.17.0"
+    "@fusion.dev/helix-core": "0.17.1",
+    "@fusion.dev/helix-headless": "0.17.1",
+    "@fusion.dev/helix-styles": "0.17.1"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.17.0",
-    "@fusion.dev/helix-testing": "0.17.0",
+    "@fusion.dev/helix-cem": "0.17.1",
+    "@fusion.dev/helix-testing": "0.17.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^3.3.0",

package/types/jsx.d.ts

@@ -1657,15 +1657,7 @@ export type HelixBreadcrumbsSolidJsProps = {
 };
 
 export type HelixButtonGroupProps = {
-  /** Whether the buttons are one bar or a spaced row.
-
-Joined by default: one control made of parts, sharing borders, reading as a
-segmented bar.
-
-`spaced` is the same set with air between them, for a row of related but
-separate actions. The semantics and the joining are separate questions:
-`role="group"` and a shared name are what make a set of buttons a set, and
-`helix-flex` gives the spacing without the group. */
+  /** Whether the buttons are one bar or a spaced row. */
   variant?: (HelixButtonGroup["variant"]) | undefined;
   /** Accessible name for the group.
 
@@ -1690,20 +1682,10 @@ buttons sharing edges as one shape, and a wrapped row carries the corners of
 a first row into a second. Stacked, the same three keep one shape and one
 column. */
   orientation?: (HelixButtonGroup["orientation"]) | undefined;
-  /** Whether the buttons are one bar or a spaced row. */
-  appearance?: (HelixButtonGroup["appearance"]) | undefined;
 };
 
 export type HelixButtonGroupSolidJsProps = {
-  /** Whether the buttons are one bar or a spaced row.
-
-Joined by default: one control made of parts, sharing borders, reading as a
-segmented bar.
-
-`spaced` is the same set with air between them, for a row of related but
-separate actions. The semantics and the joining are separate questions:
-`role="group"` and a shared name are what make a set of buttons a set, and
-`helix-flex` gives the spacing without the group. */
+  /** Whether the buttons are one bar or a spaced row. */
   "prop:variant"?: (HelixButtonGroup["variant"]) | undefined;
   /** Accessible name for the group.
 
@@ -1728,8 +1710,6 @@ buttons sharing edges as one shape, and a wrapped row carries the corners of
 a first row into a second. Stacked, the same three keep one shape and one
 column. */
   "prop:orientation"?: (HelixButtonGroup["orientation"]) | undefined;
-  /** Whether the buttons are one bar or a spaced row. */
-  "prop:appearance"?: (HelixButtonGroup["appearance"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -19555,14 +19535,6 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `variant`: Whether the buttons are one bar or a spaced row.
-   *
-   * Joined by default: one control made of parts, sharing borders, reading as a
-   * segmented bar.
-   *
-   * `spaced` is the same set with air between them, for a row of related but
-   * separate actions. The semantics and the joining are separate questions:
-   * `role="group"` and a shared name are what make a set of buttons a set, and
-   * `helix-flex` gives the spacing without the group.
    * - `label`: Accessible name for the group.
    *
    * On the host through internals, so an author's `aria-label` still overrides
@@ -19584,7 +19556,6 @@ export type CustomElements = {
    * buttons sharing edges as one shape, and a wrapped row carries the corners of
    * a first row into a second. Stacked, the same three keep one shape and one
    * column.
-   * - `appearance`: Whether the buttons are one bar or a spaced row. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -35551,14 +35522,6 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `variant`: Whether the buttons are one bar or a spaced row.
-   *
-   * Joined by default: one control made of parts, sharing borders, reading as a
-   * segmented bar.
-   *
-   * `spaced` is the same set with air between them, for a row of related but
-   * separate actions. The semantics and the joining are separate questions:
-   * `role="group"` and a shared name are what make a set of buttons a set, and
-   * `helix-flex` gives the spacing without the group.
    * - `label`: Accessible name for the group.
    *
    * On the host through internals, so an author's `aria-label` still overrides
@@ -35580,7 +35543,6 @@ export type CustomElementsSolidJs = {
    * buttons sharing edges as one shape, and a wrapped row carries the corners of
    * a first row into a second. Stacked, the same three keep one shape and one
    * column.
-   * - `appearance`: Whether the buttons are one bar or a spaced row. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by

package/types/vue.d.ts

@@ -852,15 +852,7 @@ export type HelixBreadcrumbsVueProps = {};
 export type HelixBreadcrumbsVueEvents = {};
 
 export type HelixButtonGroupVueProps = {
-  /** Whether the buttons are one bar or a spaced row.
-
-Joined by default: one control made of parts, sharing borders, reading as a
-segmented bar.
-
-`spaced` is the same set with air between them, for a row of related but
-separate actions. The semantics and the joining are separate questions:
-`role="group"` and a shared name are what make a set of buttons a set, and
-`helix-flex` gives the spacing without the group. */
+  /** Whether the buttons are one bar or a spaced row. */
   variant?: (HelixButtonGroup["variant"]) | undefined;
   /** Accessible name for the group.
 
@@ -885,8 +877,6 @@ buttons sharing edges as one shape, and a wrapped row carries the corners of
 a first row into a second. Stacked, the same three keep one shape and one
 column. */
   orientation?: (HelixButtonGroup["orientation"]) | undefined;
-  /** Whether the buttons are one bar or a spaced row. */
-  appearance?: (HelixButtonGroup["appearance"]) | undefined;
 };
 
 export type HelixButtonGroupVueEvents = {};