@nanoporetech-digital/components 8.0.0-alpha.1 → 8.0.0-alpha.3

package/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-20T12:07:14",
+  "timestamp": "2025-06-25T22:41:44",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1-dev.1750418634.dcb189d",
+    "version": "4.35.1-dev.1750682262.1ce9541",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -2010,6 +2010,14 @@
       "readme": "# nano-animation\n\n\n",
       "docs": "Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.\nPowered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "6.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "- The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements."
@@ -5349,6 +5357,7 @@
       "parts": [],
       "dependents": [
         "nano-collapsible-comparison",
+        "nano-file-upload",
         "nano-global-nav"
       ],
       "dependencies": [],
@@ -5356,6 +5365,9 @@
         "nano-collapsible-comparison": [
           "nano-cta"
         ],
+        "nano-file-upload": [
+          "nano-cta"
+        ],
         "nano-global-nav": [
           "nano-cta"
         ]
@@ -11592,8 +11604,29 @@
       "encapsulation": "scoped",
       "tag": "nano-file-upload",
       "readme": "# nano-file-upload\n\n\n",
-      "docs": "A better UI experience for `input type=\"file\"` form controls.\n\n  - Drag and Drop\n  - Validation options\n  - Preview and manage multiple files",
-      "docsTags": [],
+      "docs": "Enables the selection of files for upload.",
+      "docsTags": [
+        {
+          "name": "version",
+          "text": "1.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
+        {
+          "name": "slot",
+          "text": "label - A label for the file input. If not provided, the `label` prop will be used."
+        },
+        {
+          "name": "slot",
+          "text": "helper - A helper text to display below the input."
+        },
+        {
+          "name": "slot",
+          "text": "- The default slot can be used to add additional content, such as instructions or a message."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -11648,7 +11681,7 @@
           "setter": false
         },
         {
-          "name": "clearInput",
+          "name": "clearable",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -11656,7 +11689,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "clear-input",
+          "attr": "clearable",
           "reflectToAttr": false,
           "docs": "If `true`, a clear icon will appear in the input when there is a value.\nClicking it clears the input. Only used within single file uploads.",
           "docsTags": [
@@ -11788,10 +11821,10 @@
         },
         {
           "name": "invalid",
-          "type": "boolean",
+          "type": "any",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "any",
+            "resolved": "any",
             "references": {}
           },
           "mutable": false,
@@ -11804,13 +11837,13 @@
             },
             {
               "name": "default",
-              "text": "false"
+              "text": "null"
             }
           ],
-          "default": "false",
+          "default": "null",
           "values": [
             {
-              "type": "boolean"
+              "type": "any"
             }
           ],
           "optional": false,
@@ -11837,9 +11870,9 @@
             }
           ],
           "optional": false,
-          "required": true,
-          "getter": false,
-          "setter": false
+          "required": false,
+          "getter": true,
+          "setter": true
         },
         {
           "name": "maxFileSize",
@@ -11881,7 +11914,7 @@
           "mutable": false,
           "attr": "max-files",
           "reflectToAttr": false,
-          "docs": "The maximum file size allowed per file (bytes).",
+          "docs": "The maximum number of files that can be selected. Defaults to 1",
           "docsTags": [
             {
               "name": "default",
@@ -11937,10 +11970,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'Choose a file...'"
+              "text": "'Choose a file'"
             }
           ],
-          "default": "'Choose a file...'",
+          "default": "'Choose a file'",
           "values": [
             {
               "type": "string"
@@ -12024,10 +12057,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'submit'"
+              "text": "'submitThenDirty'"
             }
           ],
-          "default": "'submit'",
+          "default": "'submitThenDirty'",
           "values": [
             {
               "value": "dirty",
@@ -12341,126 +12374,81 @@
       ],
       "styles": [
         {
-          "name": "--btn-bg",
+          "name": "--color-btn-bg - The background color for the button.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-color-primary, #007495);"
-        },
-        {
-          "name": "--btn-icon-size",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-btn-icon-size, 1.4em);"
-        },
-        {
-          "name": "--btn-padding-bottom",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-btn-padding-bottom, .5em);"
-        },
-        {
-          "name": "--btn-padding-end",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-btn-padding-end, 1em);"
-        },
-        {
-          "name": "--btn-padding-start",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-btn-padding-start, 1em);"
-        },
-        {
-          "name": "--btn-padding-top",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-btn-padding-top, .5em);"
-        },
-        {
-          "name": "--btn-text",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-color-primary-contrast, #fff);"
-        },
-        {
-          "name": "--drop-bg",
-          "annotation": "prop",
-          "docs": "Default value #f2f7f9;"
-        },
-        {
-          "name": "--drop-bg--invalid",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-input-background-color, white);"
-        },
-        {
-          "name": "--drop-border--invalid",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-color-danger-rgb, 239 65 53);"
+          "docs": ""
         },
         {
-          "name": "--drop-border-radius",
+          "name": "--color-btn-border - The border color for the button.",
           "annotation": "prop",
-          "docs": "Default value 5px;"
+          "docs": ""
         },
         {
-          "name": "--drop-border-tint",
+          "name": "--color-btn-text - The text color for the button.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-color-primary-rgb, 0 116 149);"
+          "docs": ""
         },
         {
-          "name": "--drop-border-width",
+          "name": "--color-drop-bg - The background color for the drop area.",
           "annotation": "prop",
-          "docs": "Default value 2px;"
+          "docs": ""
         },
         {
-          "name": "--drop-height",
+          "name": "--color-drop-border - The border color for the drop area.",
           "annotation": "prop",
-          "docs": "Default value 3.5em;"
+          "docs": ""
         },
         {
-          "name": "--drop-text",
+          "name": "--color-drop-browse - The color for the \"Browse\" text in the drop area.",
           "annotation": "prop",
-          "docs": "Default value #918b86;"
+          "docs": ""
         },
         {
-          "name": "--help-msg-color",
+          "name": "--color-error - The color used for error messages and invalid states.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-input-help-color, #616d6e);"
+          "docs": ""
         },
         {
-          "name": "--invalid-msg-color",
+          "name": "--color-error-light - The light variant of the error color. Used for the drop area background when invalid.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-color-danger, #ef4135);"
+          "docs": ""
         },
         {
-          "name": "--invalid-msg-font-size",
+          "name": "--color-text - The default text color for labels and messages.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-input-help-font-size, 0.75em);"
+          "docs": ""
         },
         {
-          "name": "--label-color",
+          "name": "--drop-height - The minimum height of the drop area.",
           "annotation": "prop",
-          "docs": "Default value var(--nano-input-label-color, \"currentcolor\");"
-        },
+          "docs": ""
+        }
+      ],
+      "slots": [
         {
-          "name": "--label-color--invalid",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-input-label-color-invalid, \"currentcolor\");"
+          "name": "",
+          "docs": "The default slot can be used to add additional content, such as instructions or a message."
         },
         {
-          "name": "--label-font-size",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-input-label-color, 1em);"
+          "name": "helper",
+          "docs": "A helper text to display below the input."
         },
         {
-          "name": "--label-padding",
-          "annotation": "prop",
-          "docs": "Default value var(--nano-input-padding-bottom, var(--nano-input-padding, 6px));"
+          "name": "label",
+          "docs": "A label for the file input. If not provided, the `label` prop will be used."
         }
       ],
-      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "nano-cta",
         "nano-icon",
         "nano-tooltip",
         "nano-icon-button"
       ],
       "dependencyGraph": {
         "nano-file-upload": [
+          "nano-cta",
           "nano-icon",
           "nano-tooltip",
           "nano-icon-button"
@@ -13062,7 +13050,7 @@
       ],
       "methods": [
         {
-          "name": "submitSearch",
+          "name": "closeOverflowMenu",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13078,13 +13066,35 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "submitSearch() => Promise<void>",
+          "signature": "closeOverflowMenu() => Promise<void>",
           "parameters": [],
-          "docs": "Send the current search term and selected index to a nested `nano-global-search-results`",
+          "docs": "Manually close the overflow menu",
+          "docsTags": []
+        },
+        {
+          "name": "openOverflowMenu",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "openOverflowMenu() => Promise<void>",
+          "parameters": [],
+          "docs": "Manually open the overflow menu",
           "docsTags": []
         },
         {
-          "name": "toggleOverflowMenu",
+          "name": "submitSearch",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
@@ -13100,9 +13110,9 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toggleOverflowMenu() => Promise<void>",
+          "signature": "submitSearch() => Promise<void>",
           "parameters": [],
-          "docs": "Manually toggle open or close the overflow menu",
+          "docs": "Send the current search term and selected index to a nested `nano-global-search-results`",
           "docsTags": []
         }
       ],
@@ -17679,8 +17689,16 @@
       "encapsulation": "shadow",
       "tag": "nano-masked-overflow",
       "readme": "# nano-masked-overflow\n\n\n",
-      "docs": "`masked-overflow` provides a responsive overflow container for any set of elements that might not fit on smaller screens or containers: it accepts any children,\nautomatically scrolls to the active item on load, and masks additional content using subtle fade effects, plus scroll buttons to cue users that there’s more content off-screen.",
+      "docs": "A container for content that can horizontally or vertically scroll",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "4.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "- Default slot to place items."
@@ -18619,8 +18637,16 @@
       "encapsulation": "shadow",
       "tag": "nano-more-less",
       "readme": "# nano-more-less\n\n\n",
-      "docs": "A simple component to show more or less elements.",
+      "docs": "Show more or less from a collection of items.",
       "docsTags": [
+        {
+          "name": "version",
+          "text": "6.0.0"
+        },
+        {
+          "name": "status",
+          "text": "stable"
+        },
         {
           "name": "slot",
           "text": "less - a button displayed when all fewer are shown. When clicked will show elements"
@@ -19652,67 +19678,30 @@
     },
     {
       "filePath": "src/components/progress-bar/progress-bar.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "nano-progress-bar",
       "readme": "# nano-progress-bar\n\n\n",
       "docs": "Shows the status of an ongoing operation.",
       "docsTags": [
         {
           "name": "version",
-          "text": "3.0.0"
+          "text": "8.0.0"
         },
         {
           "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- A label to show inside the indicator."
-        },
-        {
-          "name": "part",
-          "text": "base - The component's base wrapper."
+          "text": "new"
         },
         {
-          "name": "part",
-          "text": "indicator - The progress bar indicator."
+          "name": "type",
+          "text": "CSS Only"
         },
         {
-          "name": "part",
-          "text": "label - The progress bar label."
+          "name": "slot",
+          "text": "- Used for mandatory `<progress>` element and optional `<label>`"
         }
       ],
       "usage": {},
       "props": [
-        {
-          "name": "indeterminate",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "indeterminate",
-          "reflectToAttr": false,
-          "docs": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "showPercent",
           "type": "boolean",
@@ -19723,7 +19712,7 @@
           },
           "mutable": false,
           "attr": "show-percent",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.",
           "docsTags": [
             {
@@ -19743,27 +19732,36 @@
           "setter": false
         },
         {
-          "name": "value",
-          "type": "number",
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"small\"",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "'small' | 'medium' | 'large'",
+            "resolved": "\"large\" | \"medium\" | \"small\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The progress bar's percentage, 0 to 100.",
+          "attr": "size",
+          "reflectToAttr": true,
+          "docs": "The height of the progress-bar",
           "docsTags": [
             {
               "name": "default",
-              "text": "0"
+              "text": "'medium'"
             }
           ],
-          "default": "0",
+          "default": "'medium'",
           "values": [
             {
-              "type": "number"
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -19777,46 +19775,33 @@
       "listeners": [],
       "styles": [
         {
-          "name": "--height",
+          "name": "--border-radius",
           "annotation": "prop",
-          "docs": "The progress bar's height. Default 1em"
+          "docs": "Border radius of the progress bar. Defaults to 1.25rem;"
         },
         {
-          "name": "--indicator-color",
+          "name": "--height",
           "annotation": "prop",
-          "docs": "The indicator color. Default rgb(var(--nano-indicator-rgb, 84 140 175) / 100%);"
+          "docs": "Height of the progress bar. Defaults to 0.625rem;"
         },
         {
-          "name": "--label-color",
+          "name": "--indicator-color",
           "annotation": "prop",
-          "docs": "The label color. Default var(--nano-color-white, white);"
+          "docs": "Color of the progress indicator. Defaults to var(--nano-color-primary-1000);"
         },
         {
           "name": "--track-color",
           "annotation": "prop",
-          "docs": "The track color. Default rgb(var(--nano-track-rgb, 228 230 232) / 100%);"
+          "docs": "Color of the progress track. Defaults to var(--nano-color-neutral-300);"
         }
       ],
       "slots": [
         {
           "name": "",
-          "docs": "A label to show inside the indicator."
-        }
-      ],
-      "parts": [
-        {
-          "name": "base",
-          "docs": "The component's base wrapper."
-        },
-        {
-          "name": "indicator",
-          "docs": "The progress bar indicator."
-        },
-        {
-          "name": "label",
-          "docs": "The progress bar label."
+          "docs": "Used for mandatory `<progress>` element and optional `<label>`"
         }
       ],
+      "parts": [],
       "dependents": [
         "nano-data-table"
       ],
@@ -22667,10 +22652,10 @@
         },
         {
           "name": "options",
-          "type": "FlickityOptions",
+          "type": "Options & { fullscreen?: boolean; fade?: boolean; }",
           "complexType": {
             "original": "FlickityOptions",
-            "resolved": "FlickityOptions",
+            "resolved": "Options & { fullscreen?: boolean; fade?: boolean; }",
             "references": {
               "FlickityOptions": {
                 "location": "import",
@@ -22692,7 +22677,7 @@
           "default": "{}",
           "values": [
             {
-              "type": "FlickityOptions"
+              "type": "Options & { fullscreen?: boolean; fade?: boolean; }"
             }
           ],
           "optional": false,
@@ -26162,7 +26147,7 @@
     },
     {
       "filePath": "src/components/table/table.tsx",
-      "encapsulation": "none",
+      "encapsulation": "scoped",
       "tag": "nano-table",
       "readme": "# nano-table\n\n\n",
       "docs": "Displays tabular data in rows and columns.",
@@ -27186,7 +27171,7 @@
       "path": "src/components/select/select-interface.d.ts"
     },
     "src/components/slides/slides-interface.d.ts::FlickityOptions": {
-      "declaration": "export interface FlickityOptions extends Options {\n  fullscreen?: boolean;\n  fade?: boolean;\n}",
+      "declaration": "export type FlickityOptions = Options & {\n  fullscreen?: boolean;\n  fade?: boolean;\n}",
       "docstring": "",
       "path": "src/components/slides/slides-interface.d.ts"
     },