@fusion.dev/helix 0.131.0 → 0.132.0

package/custom-elements.json

@@ -36348,6 +36348,14 @@
                 "module": "src/combobox/root/combobox-root.ts"
               }
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "tag-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCombobox",
+                "module": "src/combobox/root/combobox-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "tag-start",
@@ -44595,6 +44603,14 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "date-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDateInput",
+                "module": "src/date-input/root/date-input-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "date-start",
@@ -55306,6 +55322,14 @@
                 "module": "src/file-input/root/file-input-root.ts"
               }
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "kind-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessFileInput",
+                "module": "src/file-input/root/file-input-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "kind-start",
@@ -55378,6 +55402,14 @@
                 "module": "src/file-input/root/file-input-root.ts"
               }
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "size-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessFileInput",
+                "module": "src/file-input/root/file-input-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "size-start",
@@ -140662,6 +140694,14 @@
                 "module": "src/tag/root/tag-root.ts"
               }
             },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTag",
+                "module": "src/tag/root/tag-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "start",
@@ -146406,6 +146446,14 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
+            {
+              "description": "The label, trimmed to its capitals and baseline.",
+              "name": "time-label",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeInput",
+                "module": "src/time-input/root/time-input-root.ts"
+              }
+            },
             {
               "description": "The category before the label.",
               "name": "time-start",

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

@@ -31,6 +31,13 @@ overflow: hidden;
 text-overflow: ellipsis;
 }
 
+@supports (text-box: trim-both cap alphabetic) {
+slot:not([name]) {
+padding-block: var(--helix-space-2xs);
+text-box: trim-both cap alphabetic;
+}
+}
+
 slot:not([name])::slotted(helix-icon) {
 vertical-align: middle;
 }

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.131.0",
+  "version": "0.132.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -51,13 +51,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.131.0",
-    "@fusion.dev/helix-headless": "0.131.0",
-    "@fusion.dev/helix-styles": "0.131.0"
+    "@fusion.dev/helix-core": "0.132.0",
+    "@fusion.dev/helix-headless": "0.132.0",
+    "@fusion.dev/helix-styles": "0.132.0"
   },
   "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

@@ -32059,6 +32059,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.
    *
@@ -33056,6 +33057,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.
@@ -34643,6 +34645,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.
@@ -34652,6 +34655,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.
    *
@@ -46002,6 +46006,7 @@ export type CustomElements = {
    *
    * - `dismiss`: The remove button, when `dismissible`.
    * - `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
@@ -46651,6 +46656,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.
@@ -54295,6 +54301,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.
    *
@@ -55304,6 +55311,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.
@@ -56924,6 +56932,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.
@@ -56933,6 +56942,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.
    *
@@ -68551,6 +68561,7 @@ export type CustomElementsSolidJs = {
    *
    * - `dismiss`: The remove button, when `dismissible`.
    * - `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
@@ -69207,6 +69218,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.