@fusion.dev/helix-headless 0.131.0 → 0.132.0

package/custom-elements.json

@@ -26823,6 +26823,10 @@
               "description": "The glyph on the dismiss control, where none is slotted.",
               "name": "tag-dismiss-mark"
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "tag-label"
+            },
             {
               "description": "The category before the label.",
               "name": "tag-start"
@@ -33695,6 +33699,10 @@
               "description": "The icon on the remove button, shown when no icon is slotted.",
               "name": "date-dismiss-mark"
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "date-label"
+            },
             {
               "description": "The category before the label.",
               "name": "date-start"
@@ -43446,6 +43454,10 @@
               "description": "The glyph on the dismiss control, where none is slotted.",
               "name": "kind-dismiss-mark"
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "kind-label"
+            },
             {
               "description": "The category before the label.",
               "name": "kind-start"
@@ -43482,6 +43494,10 @@
               "description": "The glyph on the dismiss control, where none is slotted.",
               "name": "size-dismiss-mark"
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "size-label"
+            },
             {
               "description": "The category before the label.",
               "name": "size-start"
@@ -111028,6 +111044,10 @@
               "description": "The icon on the remove button.",
               "name": "dismiss-mark"
             },
+            {
+              "description": "The label, which the styled tag trims to its capitals and baseline so the letters sit at the middle in any font.",
+              "name": "label"
+            },
             {
               "description": "The category before the label.",
               "name": "start"
@@ -113321,6 +113341,10 @@
               "description": "The default icon on the remove button, shown when none is slotted.",
               "name": "time-dismiss-mark"
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "time-label"
+            },
             {
               "description": "The category before the label.",
               "name": "time-start"

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

@@ -72,6 +72,7 @@ declare const HelixHeadlessCombobox_base: (new (...args: any[]) => import("@fusi
  * @csspart tag - One chosen option.
  * @csspart tag-dismiss - The remove button, when `dismissible`.
  * @csspart tag-dismiss-mark - The glyph on the dismiss control, where none is slotted.
+ * @csspart tag-label - The label, trimmed to its capitals and baseline.
  * @csspart tag-start - The category before the label.
  * @csspart tags - The row of chosen options, when `multiple` is set.
  *

package/dist/combobox/root/combobox-root.js

@@ -287,7 +287,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
     renderTag(option) {
         return html `<${this.tag('tag')}
                     part="tag"
-      exportparts="dismiss: tag-dismiss, dismiss-mark: tag-dismiss-mark, start: tag-start"
+      exportparts="dismiss: tag-dismiss, dismiss-mark: tag-dismiss-mark, label: tag-label, start: tag-start"
                     data-value=${option.value}
                     dismiss-label=${fillTemplate(this.removeLabel, { name: option.text })}
                     ?dismissible=${!this.isDisabled}

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

@@ -36,6 +36,7 @@ declare const HelixHeadlessDateInput_base: (new (...args: any[]) => import("@fus
  * @csspart date - One held date, as a tag, in `multiple`.
  * @csspart date-dismiss - The remove button, when `dismissible`.
  * @csspart date-dismiss-mark - The icon on the remove button, shown when no icon is slotted.
+ * @csspart date-label - The label, trimmed to its capitals and baseline.
  * @csspart date-start - The category before the label.
  * @csspart feedback - The error message under the field.
  * @csspart field - The box that holds the text and the trigger.

package/dist/date-input/root/date-input-root.js

@@ -201,7 +201,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
     renderTag(date) {
         return html `<${this.tag('tag')}
                   part="date"
-      exportparts="dismiss: date-dismiss, dismiss-mark: date-dismiss-mark, start: date-start"
+      exportparts="dismiss: date-dismiss, dismiss-mark: date-dismiss-mark, label: date-label, start: date-start"
                   dismissible
                   dismiss-label=${fillTemplate(this.removeLabel, { name: this.written(date) })}
                   ?disabled=${this.isDisabled}

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

@@ -39,6 +39,7 @@ declare const HelixHeadlessFileInput_base: (new (...args: any[]) => import("@fus
  * @csspart kind - A file's type.
  * @csspart kind-dismiss - The remove button, when `dismissible`.
  * @csspart kind-dismiss-mark - The glyph on the dismiss control, where none is slotted.
+ * @csspart kind-label - The label, trimmed to its capitals and baseline.
  * @csspart kind-start - The category before the label.
  * @csspart label - The label above the field.
  * @csspart list - The chosen files.
@@ -48,6 +49,7 @@ declare const HelixHeadlessFileInput_base: (new (...args: any[]) => import("@fus
  * @csspart size - A file's size.
  * @csspart size-dismiss - The remove button, when `dismissible`.
  * @csspart size-dismiss-mark - The glyph on the dismiss control, where none is slotted.
+ * @csspart size-label - The label, trimmed to its capitals and baseline.
  * @csspart size-start - The category before the label.
  * @csspart trigger - The label that opens the picker.
  *

package/dist/file-input/root/file-input-root.js

@@ -164,10 +164,10 @@ let HelixHeadlessFileInput = class HelixHeadlessFileInput extends MixinField(Hel
     }
     renderMeta(file) {
         return html `<${this.tag('tag')} part="size"
-    exportparts="dismiss: size-dismiss, dismiss-mark: size-dismiss-mark, start: size-start">${size(file.size, this.locale)}</${this.tag('tag')}>
+    exportparts="dismiss: size-dismiss, dismiss-mark: size-dismiss-mark, label: size-label, start: size-start">${size(file.size, this.locale)}</${this.tag('tag')}>
       <${this.tag('tag')}
         part="kind"
-      exportparts="dismiss: kind-dismiss, dismiss-mark: kind-dismiss-mark, start: kind-start">${kind(file)}</${this.tag('tag')}>`;
+      exportparts="dismiss: kind-dismiss, dismiss-mark: kind-dismiss-mark, label: kind-label, start: kind-start">${kind(file)}</${this.tag('tag')}>`;
     }
     render() {
         const files = this.files;

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

@@ -26,6 +26,7 @@ declare const HelixHeadlessTag_base: (new (...args: any[]) => import("@fusion.de
  *
  * @csspart dismiss - The button that removes the tag.
  * @csspart dismiss-mark - The icon on the remove button.
+ * @csspart label - The label, which the styled tag trims to its capitals and baseline so the letters sit at the middle in any font.
  * @csspart start - The category before the label.
  */
 export declare class HelixHeadlessTag extends HelixHeadlessTag_base {

package/dist/tag/root/tag-root.js

@@ -15,7 +15,7 @@ let HelixHeadlessTag = class HelixHeadlessTag extends MixinDismissible(HelixElem
     }
     render() {
         return html `<slot name="start" part="start"></slot>
-      <slot></slot>
+      <slot part="label"></slot>
       ${this.dismissible
             ? html `<button
             part="dismiss"

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

@@ -85,6 +85,7 @@ declare const HelixHeadlessTimeInput_base: (new (...args: any[]) => import("@fus
  * @csspart time - One held time, as a tag, in `multiple`.
  * @csspart time-dismiss - The remove button, when `dismissible`.
  * @csspart time-dismiss-mark - The default icon on the remove button, shown when none is slotted.
+ * @csspart time-label - The label, trimmed to its capitals and baseline.
  * @csspart time-start - The category before the label.
  * @csspart trigger - The control that opens the list.
  * @csspart trigger-icon - The icon on the button that opens the clock.

package/dist/time-input/root/time-input-root.js

@@ -176,7 +176,7 @@ let HelixHeadlessTimeInput = class HelixHeadlessTimeInput extends MixinPickerEdi
     renderTag(at) {
         return html `<${this.tag('tag')}
                   part="time"
-      exportparts="dismiss: time-dismiss, dismiss-mark: time-dismiss-mark, start: time-start"
+      exportparts="dismiss: time-dismiss, dismiss-mark: time-dismiss-mark, label: time-label, start: time-start"
                   dismissible
                   dismiss-label=${fillTemplate(this.removeLabel, { name: this.written(at) })}
                   ?disabled=${this.isDisabled}

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.131.0",
+  "version": "0.132.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,13 +46,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.131.0",
-    "@fusion.dev/helix-icons": "0.131.0",
+    "@fusion.dev/helix-core": "0.132.0",
+    "@fusion.dev/helix-icons": "0.132.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.131.0",
-    "@fusion.dev/helix-testing": "0.131.0",
+    "@fusion.dev/helix-cem": "0.132.0",
+    "@fusion.dev/helix-testing": "0.132.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

@@ -27893,6 +27893,7 @@ export type CustomElements = {
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
    * - `tag-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `tag-label`: The label, trimmed to its capitals and baseline.
    * - `tag-start`: The category before the label.
    * - `tags`: The row of chosen options, when `multiple` is set.
    *
@@ -28886,6 +28887,7 @@ export type CustomElements = {
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-dismiss`: The remove button, when `dismissible`.
    * - `date-dismiss-mark`: The icon on the remove button, shown when no icon is slotted.
+   * - `date-label`: The label, trimmed to its capitals and baseline.
    * - `date-start`: The category before the label.
    * - `feedback`: The error message under the field.
    * - `field`: The box that holds the text and the trigger.
@@ -30356,6 +30358,7 @@ export type CustomElements = {
    * - `kind`: A file's type.
    * - `kind-dismiss`: The remove button, when `dismissible`.
    * - `kind-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `kind-label`: The label, trimmed to its capitals and baseline.
    * - `kind-start`: The category before the label.
    * - `label`: The label above the field.
    * - `list`: The chosen files.
@@ -30365,6 +30368,7 @@ export type CustomElements = {
    * - `size`: A file's size.
    * - `size-dismiss`: The remove button, when `dismissible`.
    * - `size-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `size-label`: The label, trimmed to its capitals and baseline.
    * - `size-start`: The category before the label.
    * - `trigger`: The label that opens the picker.
    *
@@ -40692,6 +40696,7 @@ export type CustomElements = {
    *
    * - `dismiss`: The button that removes the tag.
    * - `dismiss-mark`: The icon on the remove button.
+   * - `label`: The label, which the styled tag trims to its capitals and baseline so the letters sit at the middle in any font.
    * - `start`: The category before the label.
    *
    * ## CSS States
@@ -41245,6 +41250,7 @@ export type CustomElements = {
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The default icon on the remove button, shown when none is slotted.
+   * - `time-label`: The label, trimmed to its capitals and baseline.
    * - `time-start`: The category before the label.
    * - `trigger`: The control that opens the list.
    * - `trigger-icon`: The icon on the button that opens the clock.
@@ -48245,6 +48251,7 @@ export type CustomElementsSolidJs = {
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
    * - `tag-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `tag-label`: The label, trimmed to its capitals and baseline.
    * - `tag-start`: The category before the label.
    * - `tags`: The row of chosen options, when `multiple` is set.
    *
@@ -49248,6 +49255,7 @@ export type CustomElementsSolidJs = {
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-dismiss`: The remove button, when `dismissible`.
    * - `date-dismiss-mark`: The icon on the remove button, shown when no icon is slotted.
+   * - `date-label`: The label, trimmed to its capitals and baseline.
    * - `date-start`: The category before the label.
    * - `feedback`: The error message under the field.
    * - `field`: The box that holds the text and the trigger.
@@ -50741,6 +50749,7 @@ export type CustomElementsSolidJs = {
    * - `kind`: A file's type.
    * - `kind-dismiss`: The remove button, when `dismissible`.
    * - `kind-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `kind-label`: The label, trimmed to its capitals and baseline.
    * - `kind-start`: The category before the label.
    * - `label`: The label above the field.
    * - `list`: The chosen files.
@@ -50750,6 +50759,7 @@ export type CustomElementsSolidJs = {
    * - `size`: A file's size.
    * - `size-dismiss`: The remove button, when `dismissible`.
    * - `size-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
+   * - `size-label`: The label, trimmed to its capitals and baseline.
    * - `size-start`: The category before the label.
    * - `trigger`: The label that opens the picker.
    *
@@ -61258,6 +61268,7 @@ export type CustomElementsSolidJs = {
    *
    * - `dismiss`: The button that removes the tag.
    * - `dismiss-mark`: The icon on the remove button.
+   * - `label`: The label, which the styled tag trims to its capitals and baseline so the letters sit at the middle in any font.
    * - `start`: The category before the label.
    *
    * ## CSS States
@@ -61817,6 +61828,7 @@ export type CustomElementsSolidJs = {
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The default icon on the remove button, shown when none is slotted.
+   * - `time-label`: The label, trimmed to its capitals and baseline.
    * - `time-start`: The category before the label.
    * - `trigger`: The control that opens the list.
    * - `trigger-icon`: The icon on the button that opens the clock.