@fusion.dev/helix-headless 0.21.0 → 0.22.0

package/custom-elements.json

@@ -3777,7 +3777,7 @@
               "name": ""
             },
             {
-              "description": "After it, for a count or a mark.",
+              "description": "After the label and outside the link, so it may be a control: this is where a switcher's menu trigger goes. A count or a mark is equally at home here and is no longer read into the link's accessible name.",
               "name": "end"
             },
             {

package/dist/breadcrumbs/breadcrumb/breadcrumb.d.ts

@@ -37,7 +37,9 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * @slot - The step's label. Without an `href` this may be the consumer's own
  * anchor, styled with `data-link="quiet"`, since a slotted anchor belongs to the
  * outer tree and cannot be reached from this component's styles.
- * @slot end - After it, for a count or a mark.
+ * @slot end - After the label and outside the link, so it may be a control: this is where a
+ * switcher's menu trigger goes. A count or a mark is equally at home here and is no longer
+ * read into the link's accessible name.
  * @slot separator - Replaces the chevron shown before this item.
  * @slot start - Before the label, for an icon.
  *

package/dist/breadcrumbs/breadcrumb/breadcrumb.js

@@ -29,7 +29,7 @@ let HelixHeadlessBreadcrumb = class HelixHeadlessBreadcrumb extends HelixElement
     >`;
     }
     render() {
-        const label = html `<slot name="start"></slot><slot></slot><slot name="end"></slot>`;
+        const label = html `<slot name="start"></slot><slot></slot>`;
         const linked = (this.href ?? '') !== '' && !this.current;
         return html `<span part="separator" aria-hidden="true"
         >${this.renderSeparator()}</span
@@ -41,7 +41,7 @@ let HelixHeadlessBreadcrumb = class HelixHeadlessBreadcrumb extends HelixElement
               rel=${this.rel || nothing}
               >${label}</a
             >`
-            : html `<span part="link">${label}</span>`}`;
+            : html `<span part="link">${label}</span>`}<slot name="end"></slot>`;
     }
 };
 __decorate([

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -45,14 +45,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.21.0",
-    "@fusion.dev/helix-icons": "0.21.0",
+    "@fusion.dev/helix-core": "0.22.0",
+    "@fusion.dev/helix-icons": "0.22.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.21.0",
-    "@fusion.dev/helix-testing": "0.21.0",
+    "@fusion.dev/helix-cem": "0.22.0",
+    "@fusion.dev/helix-testing": "0.22.0",
     "@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

@@ -16544,7 +16544,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The step's label. Without an `href` this may be the consumer's own anchor, styled with `data-link="quiet"`, since a slotted anchor belongs to the outer tree and cannot be reached from this component's styles.
-   * - `end`: After it, for a count or a mark.
+   * - `end`: After the label and outside the link, so it may be a control: this is where a switcher's menu trigger goes. A count or a mark is equally at home here and is no longer read into the link's accessible name.
    * - `separator`: Replaces the chevron shown before this item.
    * - `start`: Before the label, for an icon.
    *
@@ -31007,7 +31007,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The step's label. Without an `href` this may be the consumer's own anchor, styled with `data-link="quiet"`, since a slotted anchor belongs to the outer tree and cannot be reached from this component's styles.
-   * - `end`: After it, for a count or a mark.
+   * - `end`: After the label and outside the link, so it may be a control: this is where a switcher's menu trigger goes. A count or a mark is equally at home here and is no longer read into the link's accessible name.
    * - `separator`: Replaces the chevron shown before this item.
    * - `start`: Before the label, for an icon.
    *