@gov-design-system-ce/components 4.0.8-rc10 → 4.0.8-rc12

package/dist/collection/components/gov-tabs/gov-tabs-item.js

@@ -1,186 +1,229 @@
 import { h, Host } from "@stencil/core";
-import { createID } from "../../utils/string.utils";
 import { govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
+import { createID } from "../../utils/string.utils";
 import { TabsItemClass } from "./constants";
 export class GovTabsItem {
-  constructor() {
-    this.identifier = undefined;
-    this.triggerIdentifier = undefined;
-    this.label = undefined;
-    this.default = false;
-    this.isActive = false;
-    this.h = govHost(this.host);
-    this.contentId = createID('GovTabContent');
-    this.triggerId = createID('GovTabTrigger');
-  }
-  render() {
-    return (h(Host, { class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", null))));
-  }
-  /**
-   * Returns a unique tab content identifier
-   */
-  async getIdentifier() {
-    return this.identifier || this.contentId;
-  }
-  /**
-   * Returns a unique tab trigger identifier
-   */
-  async getTriggerIdentifier() {
-    return this.triggerIdentifier || this.triggerId;
-  }
-  /**
-   * Set status of tab-item
-   */
-  async setActiveStatus(status) {
-    this.isActive = status;
-  }
-  static get is() { return "gov-tabs-item"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-tabs-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-tabs-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "identifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Custom tab item identifier. Otherwise, it will be generated"
-        },
-        "attribute": "identifier",
-        "reflect": false
-      },
-      "triggerIdentifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Custom tab trigger item identifier. Otherwise, it will be generated"
-        },
-        "attribute": "trigger-identifier",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Item name of the tab"
-        },
-        "attribute": "label",
-        "reflect": true
-      },
-      "default": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Default selected tab"
-        },
-        "attribute": "default",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isActive": {}
-    };
-  }
-  static get methods() {
-    return {
-      "getIdentifier": {
-        "complexType": {
-          "signature": "() => Promise<string>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "Returns a unique tab content identifier",
-          "tags": []
-        }
-      },
-      "getTriggerIdentifier": {
-        "complexType": {
-          "signature": "() => Promise<string>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    constructor() {
+        this.identifier = undefined;
+        this.triggerIdentifier = undefined;
+        this.label = undefined;
+        this.disabled = false;
+        this.default = false;
+        this.isActive = false;
+        this.h = govHost(this.host);
+        this.contentId = createID('GovTabContent');
+        this.triggerId = createID('GovTabTrigger');
+    }
+    render() {
+        return (h(Host, { key: '76d5b1152d766c4ec9f810e011cbb54fbb614b83', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: 'beffe50be2fe641def7fe2d1464dad4c00739072', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: 'd788632dcc88e04112068e3dcf17c52737770255' }))));
+    }
+    /**
+     * Returns a unique tab content identifier
+     */
+    async getIdentifier() {
+        return this.identifier || this.contentId;
+    }
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    async getTriggerIdentifier() {
+        return this.triggerIdentifier || this.triggerId;
+    }
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    async getDisableState() {
+        return this.disabled;
+    }
+    /**
+     * Set status of tab-item
+     */
+    async setActiveStatus(status) {
+        this.isActive = status;
+    }
+    static get is() { return "gov-tabs-item"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gov-tabs-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gov-tabs-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom tab item identifier. Otherwise, it will be generated"
+                },
+                "attribute": "identifier",
+                "reflect": false
+            },
+            "triggerIdentifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom tab trigger item identifier. Otherwise, it will be generated"
+                },
+                "attribute": "trigger-identifier",
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Item name of the tab"
+                },
+                "attribute": "label",
+                "reflect": true
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Item disable state"
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "default": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default selected tab"
+                },
+                "attribute": "default",
+                "reflect": false,
+                "defaultValue": "false"
             }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "Returns a unique tab trigger identifier",
-          "tags": []
-        }
-      },
-      "setActiveStatus": {
-        "complexType": {
-          "signature": "(status: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        };
+    }
+    static get states() {
+        return {
+            "isActive": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getIdentifier": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "Returns a unique tab content identifier",
+                    "tags": []
+                }
+            },
+            "getTriggerIdentifier": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "Returns a unique tab trigger identifier",
+                    "tags": []
+                }
+            },
+            "getDisableState": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns a unique tab trigger identifier",
+                    "tags": []
+                }
+            },
+            "setActiveStatus": {
+                "complexType": {
+                    "signature": "(status: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "status",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Set status of tab-item",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Set status of tab-item",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+        };
+    }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=gov-tabs-item.js.map

package/dist/collection/components/gov-tabs/gov-tabs-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-tabs-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAM3C,MAAM,OAAO,WAAW;EAKvB;;;;mBAsBoC,KAAK;oBACrB,KAAK;IAtBxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAC1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;GAC1C;EAqBD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MACrE,WACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,qBACL,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAEhD,eAAa,CACR,CACA,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,aAAa;IAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;EACzC,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,oBAAoB;IACzB,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAA;EAChD,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,eAAe,CAAC,MAAe;IACpC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Prop, Method, State, Host } from '@stencil/core'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { TabsItemClass } from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n\tstyleUrl: 'gov-tabs-item.scss',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop({reflect: true}) readonly label: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggerId\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}
+{"version":3,"file":"gov-tabs-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tabs/gov-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhF,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAM3C,MAAM,OAAO,WAAW;IAKvB;;;;wBAsBoD,KAAK;uBAIrB,KAAK;wBACrB,KAAK;QA1BxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC1C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;KAC1C;IAyBD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YACrE,4DACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,qBACL,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAEhD,8DAAa,CACR,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACzC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,oBAAoB;QACzB,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAA;IAChD,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,eAAe,CAAC,MAAe;QACpC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Method, Prop, State } from \"@stencil/core\"\n\nimport { govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { createID } from \"../../utils/string.utils\"\nimport { TabsItemClass } from \"./constants\"\n\n@Component({\n\ttag: 'gov-tabs-item',\n\tstyleUrl: 'gov-tabs-item.scss',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop({reflect: true}) readonly label: string\n\t/**\n\t * Item disable state\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggerId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getDisableState(): Promise<boolean> {\n\t\treturn this.disabled\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}

package/dist/collection/components/gov-tabs/gov-tabs.css

@@ -293,6 +293,9 @@
   outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
   outline-offset: 0;
 }
+.gov-tabs__btn[disabled] {
+  cursor: not-allowed;
+}
 .gov-tabs[type=text] .gov-tabs__list {
   gap: 0.5rem 2rem;
   border-bottom: var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500));
@@ -300,11 +303,11 @@
 .gov-tabs[type=chip] .gov-tabs__list {
   gap: 0.5rem 1rem;
 }
-.gov-tabs[variant=primary][type=text] .gov-tabs__btn {
+.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]) {
   color: var(--gov-tabs-primary-color, var(--gov-color-primary));
 }
 @media not all and (pointer: coarse) {
-  .gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover {
+  .gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]):hover {
     color: var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800));
   }
 }
@@ -312,11 +315,11 @@
   border-bottom-color: var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));
   color: var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));
 }
-.gov-tabs[variant=secondary][type=text] .gov-tabs__btn {
+.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]) {
   color: var(--gov-tabs-secondary-color, var(--gov-color-secondary-700));
 }
 @media not all and (pointer: coarse) {
-  .gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover {
+  .gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]):hover {
     color: var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900));
   }
 }
@@ -324,11 +327,11 @@
   border-bottom-color: var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));
   color: var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));
 }
-.gov-tabs[variant=success][type=text] .gov-tabs__btn {
+.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]) {
   color: var(--gov-tabs-success-color, var(--gov-color-success-500));
 }
 @media not all and (pointer: coarse) {
-  .gov-tabs[variant=success][type=text] .gov-tabs__btn:hover {
+  .gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]):hover {
     color: var(--gov-tabs-success-color-hover, var(--gov-color-success-700));
   }
 }
@@ -336,11 +339,11 @@
   border-bottom-color: var(--gov-tabs-success-color-active, var(--gov-color-success-700));
   color: var(--gov-tabs-success-color-active, var(--gov-color-success-700));
 }
-.gov-tabs[variant=warning][type=text] .gov-tabs__btn {
+.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]) {
   color: var(--gov-tabs-warning-color, var(--gov-color-warning-500));
 }
 @media not all and (pointer: coarse) {
-  .gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover {
+  .gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]):hover {
     color: var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700));
   }
 }
@@ -348,11 +351,11 @@
   border-bottom-color: var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));
   color: var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));
 }
-.gov-tabs[variant=error][type=text] .gov-tabs__btn {
+.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]) {
   color: var(--gov-tabs-error-color, var(--gov-color-error-400));
 }
 @media not all and (pointer: coarse) {
-  .gov-tabs[variant=error][type=text] .gov-tabs__btn:hover {
+  .gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]):hover {
     color: var(--gov-tabs-error-color-hover, var(--gov-color-error-600));
   }
 }