@fusion.dev/helix-core 0.15.7 → 0.16.0

package/custom-elements.json

@@ -7067,7 +7067,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "What the control says once everything is showing.\n\nA word rather than a count, because there is no longer a number to give:\nexpanded, nothing is hidden. It is the visible text and the accessible name\ntogether, which is why it is a phrase and not a glyph."
+              "description": "What the control is called once everything is showing.\n\n**The name and not the words on it**, which are a caret: expanded there is\nno longer a number to show, and a phrase in its place would translate badly\nand change the control's width as it was pressed. The mark is the same size\neither way and this is what says what pressing it does."
             },
             {
               "kind": "field",
@@ -7174,7 +7174,7 @@
                 "text": "string"
               },
               "default": "'Show fewer'",
-              "description": "What the control says once everything is showing.",
+              "description": "What the control is called once everything is showing.",
               "attribute": "collapse-label"
             },
             {
@@ -7336,7 +7336,7 @@
                 "text": "string"
               },
               "default": "'Show fewer'",
-              "description": "What the control says once everything is showing.",
+              "description": "What the control is called once everything is showing.",
               "fieldName": "collapseLabel"
             },
             {

package/dist/mixins/mixin-tokens/mixin-tokens.d.ts

@@ -43,11 +43,12 @@ export declare class MixinTokensInterface {
      */
     expandLabel: string;
     /**
-     * What the control says once everything is showing.
+     * What the control is called once everything is showing.
      *
-     * A word rather than a count, because there is no longer a number to give:
-     * expanded, nothing is hidden. It is the visible text and the accessible name
-     * together, which is why it is a phrase and not a glyph.
+     * **The name and not the words on it**, which are a caret: expanded there is
+     * no longer a number to show, and a phrase in its place would translate badly
+     * and change the control's width as it was pressed. The mark is the same size
+     * either way and this is what says what pressing it does.
      */
     collapseLabel: string;
     /**

package/dist/mixins/mixin-tokens/mixin-tokens.js

@@ -4,8 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { caretUp } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { drawIcon } from '../../utils/draw-icon/draw-icon.js';
 export const MixinTokens = (Base) => {
     class TokensElement extends Base {
         constructor() {
@@ -36,9 +38,9 @@ export const MixinTokens = (Base) => {
         part="rest"
         type="button"
         aria-expanded=${this.expanded ? 'true' : 'false'}
-        aria-label=${this.expanded ? nothing : this.expandLabel}
+        aria-label=${this.expanded ? this.collapseLabel : this.expandLabel}
         @click=${this.toggleExpanded}
-        >${this.expanded ? this.collapseLabel : `+${over}`}</button
+        >${this.expanded ? drawIcon(caretUp) : `+${over}`}</button
       >`;
         }
         hideOverflow(slot) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.15.7",
+  "version": "0.16.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -34,12 +34,12 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.15.7"
+    "@fusion.dev/helix-icons": "0.16.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.15.7",
-    "@fusion.dev/helix-testing": "0.15.7",
+    "@fusion.dev/helix-cem": "0.16.0",
+    "@fusion.dev/helix-testing": "0.16.0",
     "lit": "^3.2.1"
   },
   "homepage": "https://fusion.dev",