@fusion.dev/helix 0.12.1 → 0.12.3

package/custom-elements.json

@@ -19033,6 +19033,113 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "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": "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": "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"
+                }
+              },
+              "description": "The last chosen one goes, which is what Backspace on an empty field means.\n\n`MixinTokens` owns when this is asked for and this owns what it does: a\ntoken here is a chosen option, so it leaves by the same door a dismissed\ntag does.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -19505,20 +19612,6 @@
                 "module": "src/combobox/root/combobox-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many tags to draw before the rest become a count. `multiple` only.\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\nchoices 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 act\non, where a row that silently stops is a field that appears to have lost\nwhat was put in it. Date Input and Time Input carry the same property and\nthe same reasoning.",
-              "attribute": "max-tags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessCombobox",
-                "module": "src/combobox/root/combobox-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "multiple",
@@ -20327,6 +20420,19 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.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": {
@@ -20495,19 +20601,6 @@
                 "module": "src/combobox/root/combobox-root.ts"
               }
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many tags to draw before the rest become a count. `multiple` only.\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\nchoices 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 act\non, where a row that silently stops is a field that appears to have lost\nwhat was put in it. Date Input and Time Input carry the same property and\nthe same reasoning.",
-              "fieldName": "maxTags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessCombobox",
-                "module": "src/combobox/root/combobox-root.ts"
-              }
-            },
             {
               "name": "multiple",
               "type": {

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

@@ -4064,6 +4064,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4118,32 +4122,6 @@ message belongs. */
   "loading-text"?: (HelixCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   loadingText?: (HelixCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  maxTags?: (HelixCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press
@@ -4238,6 +4216,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4292,32 +4274,6 @@ message belongs. */
   "attr:loading-text"?: (HelixCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   "prop:loadingText"?: (HelixCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "attr:max-tags"?: (HelixCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "prop:maxTags"?: (HelixCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press
@@ -21295,6 +21251,7 @@ 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.
+   * - `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.
    *
@@ -21326,18 +21283,6 @@ export type CustomElements = {
    * Passed straight to the list, which is where the rows are and so where the
    * message belongs.
    * - `loading-text`/`loadingText`: What the list says while they are on their way.
-   * - `max-tags`/`maxTags`: How many tags to draw before the rest become a count. `multiple` only.
-   *
-   * `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
-   * choices 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. Date Input and Time Input carry the same property and
-   * the same reasoning.
    * - `multiple`: Whether more than one option can be chosen.
    *
    * The list already does the work: `value` comes apart on commas, a press
@@ -37077,6 +37022,7 @@ 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.
+   * - `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.
    *
@@ -37108,18 +37054,6 @@ export type CustomElementsSolidJs = {
    * Passed straight to the list, which is where the rows are and so where the
    * message belongs.
    * - `loading-text`/`loadingText`: What the list says while they are on their way.
-   * - `max-tags`/`maxTags`: How many tags to draw before the rest become a count. `multiple` only.
-   *
-   * `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
-   * choices 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. Date Input and Time Input carry the same property and
-   * the same reasoning.
    * - `multiple`: Whether more than one option can be chosen.
    *
    * The list already does the work: `value` comes apart on commas, a press

package/types/vue.d.ts

@@ -2091,6 +2091,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -2145,32 +2149,6 @@ message belongs. */
   "loading-text"?: (HelixCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   loadingText?: (HelixCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`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
-choices 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. Date Input and Time Input carry the same property and
-the same reasoning. */
-  maxTags?: (HelixCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press