npm - @gov-design-system-ce/components - Versions diffs - 0.0.58 → 0.0.59 - Mend

@gov-design-system-ce/components 0.0.58 → 0.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

package/dist/collection/components/gov-pagination/gov-pagination.css CHANGED Viewed

@@ -78,7 +78,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-promp/gov-prompt.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-side-nav/gov-side-nav-item.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-side-nav/gov-side-nav.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-spacer/gov-spacer.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-statsbar/gov-statsbar-item.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-statsbar/gov-statsbar.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-stepper/gov-stepper-item.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-stepper/gov-stepper.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-tabs/gov-tabs-item.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

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

@@ -78,7 +78,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-tile/container/gov-tiles.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-tile/gov-tile.css CHANGED Viewed

@@ -74,7 +74,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop

package/dist/collection/components/gov-toast/gov-toast.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop
@@ -238,7 +238,7 @@
   padding: 0.75rem 1rem;
   border-left: 0.25rem solid transparent;
   background: var(--gov-toast-message-bg, var(--gov-color-neutral-white));
-  z-index: 201;
+  z-index: 301;
   position: relative;
   position: fixed;
   max-width: 23.4375rem;

package/dist/collection/components/gov-tooltip/gov-tooltip-content.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop
@@ -255,10 +255,31 @@
   height: 0;
   border: 0.625rem solid transparent;
 }
+.gov-tooltip-content gov-button {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .gov-tooltip-content[is-visible=""], .gov-tooltip-content[is-visible=true i], .gov-tooltip-content[is-visible="1"] {
   opacity: 1;
 }
-.gov-tooltip[size=s] .gov-tooltip-content {
+.gov-tooltip-content[variant=secondary] {
+  --gov-tooltip-content-bg-color: var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));
+  --gov-tooltip-content-text-color: var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white));
+}
+.gov-tooltip-content[variant=secondary][inverse=""], .gov-tooltip-content[variant=secondary][inverse=true i], .gov-tooltip-content[variant=secondary][inverse="1"] {
+  --gov-tooltip-content-bg-color: var(--gov-color-neutral-white);
+  --gov-tooltip-content-text-color: var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary));
+}
+.gov-tooltip-content[variant=primary] {
+  --gov-tooltip-content-bg-color: var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));
+  --gov-tooltip-content-text-color: var(--gov-tooltip-primary-text-color, var(--gov-color-secondary));
+}
+.gov-tooltip-content[variant=primary][inverse=""], .gov-tooltip-content[variant=primary][inverse=true i], .gov-tooltip-content[variant=primary][inverse="1"] {
+  --gov-tooltip-content-bg-color: var(--gov-color-neutral-white);
+  --gov-tooltip-content-text-color: var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary));
+}
+.gov-tooltip-content[size=s] {
   --gov-tooltip-content-padding: var(--gov-tooltip-s-padding, 0.5rem);
   --gov-tooltip-content-arrow-size: var(--gov-tooltip-s-arrow-size, 0.4375rem);
   --gov-tooltip-content-letter-spacing: var(--gov-tooltip-s-letter-spacing, 0.0125rem);
@@ -267,7 +288,7 @@
   line-height: var(--gov-text-s-line-height);
   letter-spacing: var(--gov-text-s-letter-spacing);
 }
-.gov-tooltip[size=l] .gov-tooltip-content {
+.gov-tooltip-content[size=l] {
   --gov-tooltip-content-padding: var(--gov-tooltip-l-padding, 1rem);
   --gov-tooltip-content-arrow-size: var(--gov-tooltip-l-arrow-size, 0.875rem);
   --gov-tooltip-content-letter-spacing: var(--gov-tooltip-l-letter-spacing, 0.002rem);
@@ -276,54 +297,38 @@
   line-height: var(--gov-text-xl-line-height);
   letter-spacing: var(--gov-text-xl-letter-spacing);
 }
-.gov-tooltip[position=top] .gov-tooltip-content {
-  bottom: 100%;
-  margin-bottom: 0.625rem;
-}
-.gov-tooltip[position=top] .gov-tooltip-content, .gov-tooltip[position=top] .gov-tooltip-content::before {
+.gov-tooltip-content[position=top]::before {
   left: 50%;
   transform: translateX(-50%);
 }
-.gov-tooltip[position=top] .gov-tooltip-content::before {
+.gov-tooltip-content[position=top]::before {
   top: 100%;
   border-bottom-width: 0;
   border-top-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
 }
-.gov-tooltip[position=bottom] .gov-tooltip-content {
-  top: 100%;
-  margin-top: 0.625rem;
-}
-.gov-tooltip[position=bottom] .gov-tooltip-content, .gov-tooltip[position=bottom] .gov-tooltip-content::before {
+.gov-tooltip-content[position=bottom]::before {
   left: 50%;
   transform: translateX(-50%);
 }
-.gov-tooltip[position=bottom] .gov-tooltip-content::before {
+.gov-tooltip-content[position=bottom]::before {
   bottom: 100%;
   border-top-width: 0;
   border-bottom-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
 }
-.gov-tooltip[position=left] .gov-tooltip-content {
-  right: 100%;
-  margin-right: 0.625rem;
-}
-.gov-tooltip[position=left] .gov-tooltip-content, .gov-tooltip[position=left] .gov-tooltip-content::before {
+.gov-tooltip-content[position=left]::before {
   top: 50%;
   transform: translateY(-50%);
 }
-.gov-tooltip[position=left] .gov-tooltip-content::before {
+.gov-tooltip-content[position=left]::before {
   left: 100%;
   border-right-width: 0;
   border-left-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
 }
-.gov-tooltip[position=right] .gov-tooltip-content {
-  left: 100%;
-  margin-left: 0.625rem;
-}
-.gov-tooltip[position=right] .gov-tooltip-content, .gov-tooltip[position=right] .gov-tooltip-content::before {
+.gov-tooltip-content[position=right]::before {
   top: 50%;
   transform: translateY(-50%);
 }
-.gov-tooltip[position=right] .gov-tooltip-content::before {
+.gov-tooltip-content[position=right]::before {
   right: 100%;
   border-left-width: 0;
   border-right-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js CHANGED Viewed

@@ -1,23 +1,35 @@
 import { h, Host } from "@stencil/core";
-import { TooltipContentClass } from "./constants";
+import { TooltipContentClass, TooltipSize, TooltipVariant } from "./constants";
 import { toBoolAttr } from "../../helpers/Dom/template";
 export class GovTooltipContent {
   constructor() {
+    this.variant = TooltipVariant.PRIMARY;
+    this.size = TooltipSize._M;
+    this.persist = false;
     this.isVisible = false;
+    this.parentId = null;
   }
   visibleContent(newValue) {
     clearTimeout(this.timeout);
     if (newValue === false) {
       this.timeout = setTimeout(() => {
-        this.host.style.visibility = 'hidden';
+        this.host.style.visibility = "hidden";
       }, 250);
     }
     else {
-      this.host.style.visibility = 'visible';
+      this.host.style.visibility = "visible";
+    }
+  }
+  hideContent() {
+    this.isVisible = false;
+    this.persist = false;
+    const parentEl = document.getElementById(this.parentId);
+    if (parentEl) {
+      parentEl.hide().catch();
     }
   }
   render() {
-    return (h(Host, { class: TooltipContentClass.root, role: 'tooltip', hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", null)));
+    return (h(Host, { class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", null), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), variant: this.variant, size: this.size, type: "base", inverse: this.variant === TooltipVariant.SECONDARY }, h("gov-icon", { slot: "left-icon", name: "x-lg", type: "basic" }))) : null));
   }
   static get is() { return "gov-tooltip-content"; }
   static get originalStyleUrls() {
@@ -32,7 +44,55 @@ export class GovTooltipContent {
   }
   static get properties() {
     return {
-      "isVisible": {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TooltipVariantType",
+          "resolved": "\"primary\" | \"secondary\"",
+          "references": {
+            "TooltipVariantType": {
+              "location": "import",
+              "path": "./constants",
+              "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipVariantType"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Style variation of the tooltip"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "TooltipVariant.PRIMARY"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TooltipSizeType",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "TooltipSizeType": {
+              "location": "import",
+              "path": "./constants",
+              "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipSizeType"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Tooltip\u2019s size."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "TooltipSize._M"
+      },
+      "persist": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -41,6 +101,24 @@ export class GovTooltipContent {
           "references": {}
         },
         "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Tooltip is still visible."
+        },
+        "attribute": "persist",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isVisible": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
         "optional": false,
         "docs": {
           "tags": [],
@@ -49,6 +127,24 @@ export class GovTooltipContent {
         "attribute": "is-visible",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "parentId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates display of tooltip content"
+        },
+        "attribute": "parent-id",
+        "reflect": false,
+        "defaultValue": "null"
       }
     };
   }

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-tooltip-content.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/gov-tooltip-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;~~AACjD~~,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAMvD,MAAM,OAAO,iBAAiB;;~~qBAOoC~~,KAAK;;~~EAGtE~~,cAAc,CAAC,QAAiB;IAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE;MACvB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;MACtC,CAAC,EAAE,GAAG,CAAC,CAAA;KACP;SAAM;MACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;KACtC;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,~~IAAC~~,KAAK,EAAE,mBAAmB,CAAC,IAAI,~~EAAE~~,IAAI,EAAE,SAAS,~~EAAE~~,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,~~iBAAe~~,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,~~gBAAc~~,IAAI,CAAC,SAAS;~~MACpJ~~,eAAa,~~CACP~~,CACP,CAAA;EACF,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { TooltipContentClass } from './constants'\nimport { toBoolAttr } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-tooltip-content',\n\tstyleUrl: 'gov-tooltip-content.scss',\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/*\n\t Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: 'is-visible' }) ~~readonly~~ ~~isVisible~~: ~~boolean~~ = ~~false~~\n\n\t@Watch('isVisible')\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = 'hidden'\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = 'visible'\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host ~~class~~={TooltipContentClass.root} ~~role~~={'tooltip'} ~~hidden~~={!this.isVisible} ~~aria~~-hidden={!toBoolAttr(this.isVisible)} is-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"gov-tooltip-content.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/gov-tooltip-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAmB,cAAc,EAAsB,MAAM,aAAa,CAAA;AACnH,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAMvD,MAAM,OAAO,iBAAiB;;mBAOmB,cAAc,CAAC,OAAO;gBAI5B,WAAW,CAAC,EAAE;mBAI5B,KAAK;qBAI6B,KAAK;oBAId,IAAI;;EAGzD,cAAc,CAAC,QAAiB;IAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE;MACvB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;MACtC,CAAC,EAAE,GAAG,CAAC,CAAA;KACP;SAAM;MACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;KACtC;EACF,CAAC;EAED,WAAW;IACV,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;IACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAA0B,CAAA;IAChF,IAAI,QAAQ,EAAE;MACb,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAA;KACvB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,iBACV,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,gBAC5B,IAAI,CAAC,SAAS;MAC1B,eAAa;MACZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,kCACe,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,cAAc,CAAC,SAAS;QAClD,gBAAU,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAa,CACzD,CACb,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipVariant, TooltipVariantType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n\tstyleUrl: \"gov-tooltip-content.scss\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/*\n\t Style variation of the tooltip\n\t /\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/\n\t Tooltip’s size.\n\t /\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/\n\t Tooltip is still visible.\n\t /\n\t@Prop() persist?: boolean = false\n\t/\n\t Indicates display of tooltip content\n\t /\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/\n\t Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}\n\t\t\t\t\t\tinverse={this.variant === TooltipVariant.SECONDARY}>\n\t\t\t\t\t\t<gov-icon slot={\"left-icon\"} name={\"x-lg\"} type={\"basic\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-tooltip/gov-tooltip.css CHANGED Viewed

@@ -64,7 +64,7 @@
  -  Variables - Attachments
  */
 /*
- -  Variables - Alert
+ -  Variables - Infobar
  */
 /*
  -  Variables - Backdrop
@@ -237,20 +237,4 @@
 .gov-tooltip[icon=""], .gov-tooltip[icon=true i], .gov-tooltip[icon="1"] {
   display: inline-flex;
   border-bottom: 0;
-}
-.gov-tooltip[variant=secondary] {
-  --gov-tooltip-content-bg-color: var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));
-  --gov-tooltip-content-text-color: var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white));
-}
-.gov-tooltip[variant=secondary][inverse=""], .gov-tooltip[variant=secondary][inverse=true i], .gov-tooltip[variant=secondary][inverse="1"] {
-  --gov-tooltip-content-bg-color: var(--gov-color-neutral-white);
-  --gov-tooltip-content-text-color: var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary));
-}
-.gov-tooltip[variant=primary] {
-  --gov-tooltip-content-bg-color: var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));
-  --gov-tooltip-content-text-color: var(--gov-tooltip-primary-text-color, var(--gov-color-secondary));
-}
-.gov-tooltip[variant=primary][inverse=""], .gov-tooltip[variant=primary][inverse=true i], .gov-tooltip[variant=primary][inverse="1"] {
-  --gov-tooltip-content-bg-color: var(--gov-color-neutral-white);
-  --gov-tooltip-content-text-color: var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary));
 }