@nanoporetech-digital/components 8.8.0 → 8.9.1

package/dist/types/components/tag/tag.d.ts

@@ -17,6 +17,10 @@ export declare class NanoTag {
      * The size of the tag.
      */
     size?: 'regular' | 'large';
+    /**
+     * If true, the tag will have a different background color.
+     */
+    selected?: boolean;
     el: HTMLNanoTagElement;
     /**
      * Fires when close button is clicked

package/dist/types/components.d.ts

@@ -3393,6 +3393,11 @@ export namespace Components {
           * @default false
          */
         "closable"?: boolean;
+        /**
+          * If true, the tag will have a different background color.
+          * @default false
+         */
+        "selected"?: boolean;
         /**
           * The size of the tag.
           * @default 'regular'
@@ -8612,6 +8617,11 @@ declare namespace LocalJSX {
           * Fires when close button is clicked
          */
         "onNanoClose"?: (event: NanoTagCustomEvent<any>) => void;
+        /**
+          * If true, the tag will have a different background color.
+          * @default false
+         */
+        "selected"?: boolean;
         /**
           * The size of the tag.
           * @default 'regular'

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-22T15:57:52",
+  "timestamp": "2025-09-23T10:10:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -3358,7 +3358,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/sxrVAURy/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/uSGJX_GU/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -27762,6 +27762,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "If true, the tag will have a different background color.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"large\" | \"regular\"",

package/docs-vscode.json

@@ -3810,6 +3810,10 @@
           "name": "closable",
           "description": "Whether the tag is closable or not.\nIf true, a close button will be displayed."
         },
+        {
+          "name": "selected",
+          "description": "If true, the tag will have a different background color."
+        },
         {
           "name": "size",
           "description": "The size of the tag.",

package/hydrate/index.js

@@ -24633,6 +24633,10 @@ class NanoTag {
      * The size of the tag.
      */
     size = 'regular';
+    /**
+     * If true, the tag will have a different background color.
+     */
+    selected = false;
     get el() { return getElement(this); }
     /**
      * Fires when close button is clicked
@@ -24666,11 +24670,12 @@ class NanoTag {
         "$tagName$": "nano-tag",
         "$members$": {
             "closable": [516],
-            "size": [513]
+            "size": [513],
+            "selected": [516]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["closable", "closable"], ["size", "size"]]
+        "$attrsToReflect$": [["closable", "closable"], ["size", "size"], ["selected", "selected"]]
     }; }
 }
 

package/hydrate/index.mjs

@@ -24631,6 +24631,10 @@ class NanoTag {
      * The size of the tag.
      */
     size = 'regular';
+    /**
+     * If true, the tag will have a different background color.
+     */
+    selected = false;
     get el() { return getElement(this); }
     /**
      * Fires when close button is clicked
@@ -24664,11 +24668,12 @@ class NanoTag {
         "$tagName$": "nano-tag",
         "$members$": {
             "closable": [516],
-            "size": [513]
+            "size": [513],
+            "selected": [516]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["closable", "closable"], ["size", "size"]]
+        "$attrsToReflect$": [["closable", "closable"], ["size", "size"], ["selected", "selected"]]
     }; }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.8.0",
+  "version": "8.9.1",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.8.0"
+    "@nanoporetech-digital/style": "8.9.1"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",