@fusion.dev/helix 0.19.0 → 0.20.0

package/custom-elements.json

@@ -1040,6 +1040,10 @@
           "description": "Full width and flat, with the severity carried by a tinted fill and a\nhairline beneath rather than by a border on four sides: an announcement is a\nband across the top of the page, not a box that happens to be wide.",
           "name": "HelixAnnouncement",
           "cssProperties": [
+            {
+              "description": "How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room.",
+              "name": "--announcement-block-size"
+            },
             {
               "description": "Inline padding, matched to the page.",
               "name": "--announcement-inset"
@@ -25135,6 +25139,215 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called once everything is showing.",
+              "attribute": "collapse-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "attribute": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "attribute": "expand-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxTags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "attribute": "max-tags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the reader has asked for all of them.\n\nState and private, the way `Input`'s `revealed` is: it is a reader's\nmomentary choice about what is on their own screen, it must not survive\nanything, and a consumer who wants the field opened is asking for\n`max-tags=\"0\"` rather than for a second way to say it.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shownLimit",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleExpanded",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Turns the cap off and on, which is all expanding is.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTokenRow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderRest",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The count, as a control where the host asked for one and a word otherwise.\n\n**`part=\"rest\"` either way**, so a consumer's `::part(rest)` keeps working\nacross the change. The element under it is different, which is the point:\na `<span>` that looks like an affordance and answers nothing is the fault\nthis exists to fix, and the way to fix it is a real button rather than a\nclick handler on text.\n\n**Expanded, it renders on no count.** `shownLimit` is zero while expanded,\nso `over` is zero too, and gating the control on the number would take\naway the only way back.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hideOverflow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement | null | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "tokenKeydown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "typed",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeLastToken",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -25606,20 +25819,6 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many dates are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default: a cap that guesses is worse than no\ncap, because the number that fits depends on the width of the field and the\nlength of what is in it, neither of which this element knows. What a cap is\ngenuinely for is a field in a row or a table cell, where a set of twelve\ndates would push everything below it down a line at a time.\n\nThe remainder is counted rather than hidden. `+3` is a fact a reader can\nact on, where a row that silently stops is a field that appears to have lost\nwhat was put in it, and the count is what tells them there is more to see.",
-              "attribute": "max-tags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDateInput",
-                "module": "src/date-input/root/date-input-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "min",
@@ -25837,7 +26036,7 @@
                 "text": "string[]"
               },
               "privacy": "private",
-              "description": "The dates that get a tag, which is all of them until `maxTags` says not.",
+              "description": "The dates that get a tag, which is all of them until the cap says not.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "HelixHeadlessDateInput",
@@ -26461,6 +26660,58 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called once everything is showing.",
+              "fieldName": "collapseLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "fieldName": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expand-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "fieldName": "expandLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "max-tags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "fieldName": "maxTags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "name": "default-value",
               "type": {
@@ -26629,19 +26880,6 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many dates are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default: a cap that guesses is worse than no\ncap, because the number that fits depends on the width of the field and the\nlength of what is in it, neither of which this element knows. What a cap is\ngenuinely for is a field in a row or a table cell, where a set of twelve\ndates would push everything below it down a line at a time.\n\nThe remainder is counted rather than hidden. `+3` is a fact a reader can\nact on, where a row that silently stops is a field that appears to have lost\nwhat was put in it, and the count is what tells them there is more to see.",
-              "fieldName": "maxTags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDateInput",
-                "module": "src/date-input/root/date-input-root.ts"
-              }
-            },
             {
               "name": "min",
               "type": {
@@ -27045,7 +27283,7 @@
               }
             },
             {
-              "description": "How many dates are held beyond the ones shown.",
+              "description": "How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessDateInput",
@@ -27060,6 +27298,14 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
+            {
+              "description": "The row the dates sit in.",
+              "name": "tags",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDateInput",
+                "module": "src/date-input/root/date-input-root.ts"
+              }
+            },
             {
               "description": "The control that opens the calendar.",
               "name": "trigger",
@@ -86039,6 +86285,215 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called once everything is showing.",
+              "attribute": "collapse-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "attribute": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "attribute": "expand-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxTags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "attribute": "max-tags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the reader has asked for all of them.\n\nState and private, the way `Input`'s `revealed` is: it is a reader's\nmomentary choice about what is on their own screen, it must not survive\nanything, and a consumer who wants the field opened is asking for\n`max-tags=\"0\"` rather than for a second way to say it.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shownLimit",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleExpanded",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Turns the cap off and on, which is all expanding is.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTokenRow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderRest",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The count, as a control where the host asked for one and a word otherwise.\n\n**`part=\"rest\"` either way**, so a consumer's `::part(rest)` keeps working\nacross the change. The element under it is different, which is the point:\na `<span>` that looks like an affordance and answers nothing is the fault\nthis exists to fix, and the way to fix it is a real button rather than a\nclick handler on text.\n\n**Expanded, it renders on no count.** `shownLimit` is zero while expanded,\nso `over` is zero too, and gating the control on the number would take\naway the only way back.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hideOverflow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement | null | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "tokenKeydown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "typed",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeLastToken",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -86454,20 +86909,6 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many times are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default, for the reason Date Input gives: how\nmany fit depends on the width of the field and the length of what is in it,\nand this element knows neither.",
-              "attribute": "max-tags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessTimeInput",
-                "module": "src/time-input/root/time-input-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "min",
@@ -86678,7 +87119,7 @@
                 "text": "string[]"
               },
               "privacy": "private",
-              "description": "The times that get a tag, which is all of them until `maxTags` says not.",
+              "description": "The times that get a tag, which is all of them until the cap says not.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "HelixHeadlessTimeInput",
@@ -87333,6 +87774,58 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called once everything is showing.",
+              "fieldName": "collapseLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "fieldName": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expand-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "fieldName": "expandLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "max-tags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "fieldName": "maxTags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "name": "default-value",
               "type": {
@@ -87449,19 +87942,6 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many times are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default, for the reason Date Input gives: how\nmany fit depends on the width of the field and the length of what is in it,\nand this element knows neither.",
-              "fieldName": "maxTags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessTimeInput",
-                "module": "src/time-input/root/time-input-root.ts"
-              }
-            },
             {
               "name": "min",
               "type": {
@@ -87965,7 +88445,7 @@
               }
             },
             {
-              "description": "How many times are held beyond the ones shown.",
+              "description": "How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessTimeInput",
@@ -87980,6 +88460,14 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
+            {
+              "description": "The row the times sit in.",
+              "name": "tags",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeInput",
+                "module": "src/time-input/root/time-input-root.ts"
+              }
+            },
             {
               "description": "One held time, as a tag, in `multiple`.",
               "name": "time",

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

@@ -16,6 +16,11 @@ font-size: var(--helix-text-sm);
 
 font-weight: var(--helix-weight-medium);
 inline-size: 100%;
+
+min-block-size: var(
+--announcement-block-size,
+calc(var(--helix-size-control) + var(--helix-space-xs) * 2)
+);
 padding-block: var(--helix-space-xs);
 padding-inline: var(--announcement-inset, var(--helix-space-lg));
 

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

@@ -14,6 +14,7 @@ import type { CSSResultGroup } from 'lit';
  * @aliases Banner, Notification bar, Alert bar
  * @documentation https://helix.fusion.dev/components/announcement
  *
+ * @cssproperty --announcement-block-size - How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room.
  * @cssproperty --announcement-inset - Inline padding, matched to the page.
  */
 export declare class HelixAnnouncement extends HelixHeadlessAnnouncement {

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

@@ -144,17 +144,6 @@ flex-basis: 0;
 min-inline-size: var(--helix-size-icon-loose);
 }
 
-[part="rest"] {
-color: var(--helix-color-foreground-subtle);
-flex: none;
-align-self: center;
-
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-white-space: nowrap;
-}
-
 :host(:state(invalid)) [part="field"],
 :host(:state(invalid)) [part="field"]:hover,
 :host(:state(invalid):focus-within) [part="field"],

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

@@ -10,10 +10,11 @@ import '../../date-picker/index.js';
 import '../../tag/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
+import { styles as tagRowStyles } from '../../shared/tags/tags.css.js';
 import { styles } from './date-input-root.css.js';
 let HelixDateInput = class HelixDateInput extends HelixHeadlessDateInput {
     static { this.tier = 'helix-'; }
-    static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
+    static { this.styles = [fieldStyles, fieldStackedStyles, tagRowStyles, styles]; }
 };
 HelixDateInput = __decorate([
     customElement('helix-date-input')

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

@@ -156,17 +156,6 @@ flex-basis: 0;
 min-inline-size: var(--helix-size-icon-loose);
 }
 
-[part="rest"] {
-color: var(--helix-color-foreground-subtle);
-flex: none;
-align-self: center;
-
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-white-space: nowrap;
-}
-
 :host(:state(invalid)) [part="field"],
 :host(:state(invalid)) [part="field"]:hover,
 :host(:state(invalid):focus-within) [part="field"],

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

@@ -11,10 +11,11 @@ import '../../tag/index.js';
 import '../../time-picker/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
+import { styles as tagRowStyles } from '../../shared/tags/tags.css.js';
 import { styles } from './time-input-root.css.js';
 let HelixTimeInput = class HelixTimeInput extends HelixHeadlessTimeInput {
     static { this.tier = 'helix-'; }
-    static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
+    static { this.styles = [fieldStyles, fieldStackedStyles, tagRowStyles, styles]; }
 };
 HelixTimeInput = __decorate([
     customElement('helix-time-input')

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.19.0",
+  "version": "0.20.0",
   "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.19.0",
-    "@fusion.dev/helix-headless": "0.19.0",
-    "@fusion.dev/helix-styles": "0.19.0"
+    "@fusion.dev/helix-core": "0.20.0",
+    "@fusion.dev/helix-headless": "0.20.0",
+    "@fusion.dev/helix-styles": "0.20.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.19.0",
-    "@fusion.dev/helix-testing": "0.19.0",
+    "@fusion.dev/helix-cem": "0.20.0",
+    "@fusion.dev/helix-testing": "0.20.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

@@ -5227,6 +5227,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5314,30 +5328,6 @@ submits and what `min` and `max` compare against. */
   locale?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   max?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   min?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -5468,6 +5458,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "attr:collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "prop:collapseLabel"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5555,30 +5559,6 @@ submits and what `min` and `max` compare against. */
   "prop:locale"?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   "prop:max"?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  "attr:max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  "prop:maxTags"?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   "prop:min"?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -15463,6 +15443,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -15493,18 +15487,6 @@ Absent uses the runtime's own. */
   locale?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   max?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   min?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -15649,6 +15631,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "attr:collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "prop:collapseLabel"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -15679,18 +15675,6 @@ Absent uses the runtime's own. */
   "prop:locale"?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   "prop:max"?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "attr:max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "prop:maxTags"?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   "prop:min"?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -18559,6 +18543,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--announcement-block-size`: How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room. (default: `undefined`)
    * - `--announcement-inset`: Inline padding, matched to the page. (default: `undefined`)
    *
    * ## CSS Parts
@@ -22384,6 +22369,10 @@ export type CustomElements = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `collapse-label`/`collapseLabel`: What the control is called once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *
@@ -22427,17 +22416,6 @@ export type CustomElements = {
    * - `first-day-of-week`/`firstDayOfWeek`: First column of the week in the calendar, `0` for Sunday through `6`.
    * - `locale`: Language tag the calendar names its months and days in.
    * - `max`: Latest date that can be chosen, as `YYYY-MM-DD`.
-   * - `max-tags`/`maxTags`: How many dates are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default: a cap that guesses is worse than no
-   * cap, because the number that fits depends on the width of the field and the
-   * length of what is in it, neither of which this element knows. What a cap is
-   * genuinely for is a field in a row or a table cell, where a set of twelve
-   * dates would push everything below it down a line at a time.
-   *
-   * The remainder is counted rather than hidden. `+3` is a fact a reader can
-   * act on, where a row that silently stops is a field that appears to have lost
-   * what was put in it, and the count is what tells them there is more to see.
    * - `min`: Earliest date that can be chosen, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
    *
@@ -22644,8 +22622,9 @@ export type CustomElements = {
    * - `picker-previous-mark`: The glyph on the previous month control.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
-   * - `rest`: How many dates are held beyond the ones shown.
+   * - `rest`: How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the dates sit in.
    * - `trigger`: The control that opens the calendar.
    * - `trigger-icon`: The mark on the button that opens the calendar.
    */
@@ -31783,6 +31762,10 @@ export type CustomElements = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `collapse-label`/`collapseLabel`: What the control is called once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *
@@ -31802,11 +31785,6 @@ export type CustomElements = {
    *
    * Absent uses the runtime's own.
    * - `max`: Latest time that can be chosen, as `HH:mm`.
-   * - `max-tags`/`maxTags`: How many times are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default, for the reason Date Input gives: how
-   * many fit depends on the width of the field and the length of what is in it,
-   * and this element knows neither.
    * - `min`: Earliest time that can be chosen, as `HH:mm`.
    * - `mode`: How many times can be held at once.
    *
@@ -32030,8 +32008,9 @@ export type CustomElements = {
    * - `picker-option-item`: The row.
    * - `picker-option-label`: The words.
    * - `picker-option-text`: The words and the caption, as one column.
-   * - `rest`: How many times are held beyond the ones shown.
+   * - `rest`: How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the times sit in.
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
@@ -34513,6 +34492,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--announcement-block-size`: How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room. (default: `undefined`)
    * - `--announcement-inset`: Inline padding, matched to the page. (default: `undefined`)
    *
    * ## CSS Parts
@@ -38420,6 +38400,10 @@ export type CustomElementsSolidJs = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `collapse-label`/`collapseLabel`: What the control is called once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *
@@ -38463,17 +38447,6 @@ export type CustomElementsSolidJs = {
    * - `first-day-of-week`/`firstDayOfWeek`: First column of the week in the calendar, `0` for Sunday through `6`.
    * - `locale`: Language tag the calendar names its months and days in.
    * - `max`: Latest date that can be chosen, as `YYYY-MM-DD`.
-   * - `max-tags`/`maxTags`: How many dates are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default: a cap that guesses is worse than no
-   * cap, because the number that fits depends on the width of the field and the
-   * length of what is in it, neither of which this element knows. What a cap is
-   * genuinely for is a field in a row or a table cell, where a set of twelve
-   * dates would push everything below it down a line at a time.
-   *
-   * The remainder is counted rather than hidden. `+3` is a fact a reader can
-   * act on, where a row that silently stops is a field that appears to have lost
-   * what was put in it, and the count is what tells them there is more to see.
    * - `min`: Earliest date that can be chosen, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
    *
@@ -38680,8 +38653,9 @@ export type CustomElementsSolidJs = {
    * - `picker-previous-mark`: The glyph on the previous month control.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
-   * - `rest`: How many dates are held beyond the ones shown.
+   * - `rest`: How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the dates sit in.
    * - `trigger`: The control that opens the calendar.
    * - `trigger-icon`: The mark on the button that opens the calendar.
    */
@@ -48056,6 +48030,10 @@ export type CustomElementsSolidJs = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `collapse-label`/`collapseLabel`: What the control is called once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *
@@ -48075,11 +48053,6 @@ export type CustomElementsSolidJs = {
    *
    * Absent uses the runtime's own.
    * - `max`: Latest time that can be chosen, as `HH:mm`.
-   * - `max-tags`/`maxTags`: How many times are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default, for the reason Date Input gives: how
-   * many fit depends on the width of the field and the length of what is in it,
-   * and this element knows neither.
    * - `min`: Earliest time that can be chosen, as `HH:mm`.
    * - `mode`: How many times can be held at once.
    *
@@ -48303,8 +48276,9 @@ export type CustomElementsSolidJs = {
    * - `picker-option-item`: The row.
    * - `picker-option-label`: The words.
    * - `picker-option-text`: The words and the caption, as one column.
-   * - `rest`: How many times are held beyond the ones shown.
+   * - `rest`: How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the times sit in.
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
@@ -50589,6 +50563,8 @@ export type CustomCssProperties = {
   "--accordion-gap"?: (string) | undefined;
   /** Corner radius of each item, when outlined. */
   "--accordion-radius"?: (string) | undefined;
+  /** How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room. */
+  "--announcement-block-size"?: (string) | undefined;
   /** Inline padding, matched to the page. */
   "--announcement-inset"?: (string) | undefined;
   /** The filter behind it. `none` to pair it with a panel. */

package/types/vue.d.ts

@@ -2693,6 +2693,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -2780,30 +2794,6 @@ submits and what `min` and `max` compare against. */
   locale?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   max?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-dates would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can
-act on, where a row that silently stops is a field that appears to have lost
-what was put in it, and the count is what tells them there is more to see. */
-  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   min?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -7915,6 +7905,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -7945,18 +7949,6 @@ Absent uses the runtime's own. */
   locale?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   max?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   min?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -9367,6 +9359,8 @@ export type CustomCssProperties = {
   "--accordion-gap"?: (string) | undefined;
   /** Corner radius of each item, when outlined. */
   "--accordion-radius"?: (string) | undefined;
+  /** How tall the band is at its shortest, so adding a control to it does not move the page down. A floor, not a cap: a message long enough to wrap still gets the room. */
+  "--announcement-block-size"?: (string) | undefined;
   /** Inline padding, matched to the page. */
   "--announcement-inset"?: (string) | undefined;
   /** The filter behind it. `none` to pair it with a panel. */