@spectrum-web-components/tooltip 0.11.0 → 0.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/tooltip",
-    "version": "0.11.0",
+    "version": "0.11.2",
     "publishConfig": {
         "access": "public"
     },
@@ -58,7 +58,7 @@
     ],
     "dependencies": {
         "@spectrum-web-components/base": "^0.7.0",
-        "@spectrum-web-components/overlay": "^0.18.0",
+        "@spectrum-web-components/overlay": "^0.18.2",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -70,5 +70,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "05c81318844160db3f8156144106e643507fef97"
+    "gitHead": "60b2d3b7d9020d72f9ae930568670321a1918e6f"
 }

package/sp-tooltip.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 import { Tooltip } from "./src/Tooltip.dev.js";
 customElements.define("sp-tooltip", Tooltip);
 //# sourceMappingURL=sp-tooltip.dev.js.map

package/sp-tooltip.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sp-tooltip.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Tooltip } from './src/Tooltip.dev.js'\n\ncustomElements.define('sp-tooltip', Tooltip);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tooltip': Tooltip;\n    }\n}\n"],
-  "mappings": "AAWA;AAEA,eAAe,OAAO,cAAc,OAAO;",
+  "mappings": ";AAWA,SAAS,eAAe;AAExB,eAAe,OAAO,cAAc,OAAO;",
   "names": []
 }

package/sp-tooltip.js

@@ -1,2 +1,2 @@
-import{Tooltip as o}from"./src/Tooltip.js";customElements.define("sp-tooltip",o);
+"use strict";import{Tooltip as o}from"./src/Tooltip.js";customElements.define("sp-tooltip",o);
 //# sourceMappingURL=sp-tooltip.js.map

package/sp-tooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sp-tooltip.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Tooltip } from './src/Tooltip.js';\n\ncustomElements.define('sp-tooltip', Tooltip);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-tooltip': Tooltip;\n    }\n}\n"],
-  "mappings": "AAWA,2CAEA,eAAe,OAAO,aAAc,CAAO",
-  "names": []
+  "mappings": "aAWA,OAAS,WAAAA,MAAe,mBAExB,eAAe,OAAO,aAAcA,CAAO",
+  "names": ["Tooltip"]
 }

package/src/Tooltip.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -108,7 +109,10 @@ const _Tooltip = class extends SpectrumElement {
     if (this.hadTooltipId)
       return;
     if (ariaDescribedby) {
-      trigger.setAttribute("aria-describedby", `${ariaDescribedby} ${this._tooltipId}`);
+      trigger.setAttribute(
+        "aria-describedby",
+        `${ariaDescribedby} ${this._tooltipId}`
+      );
     } else {
       trigger.setAttribute("aria-describedby", `${this._tooltipId}`);
     }
@@ -122,7 +126,9 @@ const _Tooltip = class extends SpectrumElement {
     const ariaDescribedby = trigger.getAttribute("aria-describedby") || "";
     let descriptors = ariaDescribedby.split(/\s+/);
     if (!this.hadTooltipId) {
-      descriptors = descriptors.filter((descriptor) => descriptor !== this._tooltipId);
+      descriptors = descriptors.filter(
+        (descriptor) => descriptor !== this._tooltipId
+      );
     }
     if (descriptors.length) {
       trigger.setAttribute("aria-describedby", descriptors.join(" "));
@@ -154,7 +160,10 @@ const _Tooltip = class extends SpectrumElement {
       }
       parentElement.removeEventListener("pointerenter", this.openOverlay);
       parentElement.removeEventListener("focusin", this.openOverlay);
-      parentElement.removeEventListener("pointerleave", this.closeOverlay);
+      parentElement.removeEventListener(
+        "pointerleave",
+        this.closeOverlay
+      );
       parentElement.removeEventListener("focusout", this.closeOverlay);
     }
   }

package/src/Tooltip.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Tooltip.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type {\n    OverlayDisplayQueryDetail,\n    Placement,\n} from '@spectrum-web-components/overlay';\nimport { openOverlay } from '@spectrum-web-components/overlay/src/loader.js';\n\nimport tooltipStyles from './tooltip.css.js';\n\nexport class TooltipProxy extends HTMLElement {\n    disconnectedCallback(): void {\n        this.dispatchEvent(new Event('disconnected'));\n    }\n}\n\ncustomElements.define('tooltip-proxy', TooltipProxy);\n\n/**\n * @element sp-tooltip\n *\n * @slot icon - the icon element appearing at the start of the label\n * @slot - the text label of the Tooltip\n */\n\nexport class Tooltip extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [tooltipStyles];\n    }\n\n    /**\n     * @private\n     */\n    static instanceCount = 0;\n\n    private _tooltipId = `sp-tooltip-describedby-helper-${Tooltip.instanceCount++}`;\n\n    @property({ type: Boolean, attribute: 'self-managed' })\n    public selfManaged = false;\n\n    @property({ type: Number, reflect: true })\n    public offset = 6;\n    private hadTooltipId = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement: Placement = 'top';\n\n    @query('#tip')\n    private tipElement!: HTMLSpanElement;\n\n    /* Ensure that a '' value for `variant` removes the attribute instead of a blank value */\n    private _variant = '';\n\n    @property({ type: String })\n    public get variant(): string {\n        return this._variant;\n    }\n    public set variant(variant: string) {\n        if (variant === this.variant) {\n            return;\n        }\n        if (['info', 'positive', 'negative'].includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n            return;\n        }\n        this.removeAttribute('variant');\n        this._variant = '';\n    }\n\n    public constructor() {\n        super();\n        this.addEventListener('sp-overlay-query', this.onOverlayQuery);\n    }\n\n    public onOverlayQuery(event: CustomEvent<OverlayDisplayQueryDetail>): void {\n        /* c8 ignore next */\n        if (!event.target) return;\n\n        const target = event.target as Node;\n        /* c8 ignore next */\n        if (target !== this) return;\n\n        event.detail.overlayContentTipElement = this.tipElement;\n    }\n\n    private _proxy!: HTMLElement;\n\n    private generateProxy(): void {\n        if (this._proxy) {\n            return;\n        }\n        this._proxy = document.createElement('tooltip-proxy');\n        this._proxy.id = this._tooltipId;\n        this._proxy.hidden = true;\n        this._proxy.slot = 'hidden-tooltip-content';\n        this._proxy.setAttribute('role', 'tooltip');\n        this._proxy.addEventListener('disconnected', this.closeOverlay);\n    }\n\n    public overlayWillOpenCallback({\n        trigger,\n    }: {\n        trigger: HTMLElement;\n    }): void {\n        this.setAttribute('aria-hidden', 'true');\n        this.generateProxy();\n        this._proxy.textContent = this.textContent;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby') || '';\n        this.hadTooltipId = ariaDescribedby.search(this._tooltipId) > -1;\n\n        this.insertAdjacentElement('beforebegin', this._proxy);\n\n        if (this.hadTooltipId) return;\n\n        if (ariaDescribedby) {\n            trigger.setAttribute(\n                'aria-describedby',\n                `${ariaDescribedby} ${this._tooltipId}`\n            );\n        } else {\n            trigger.setAttribute('aria-describedby', `${this._tooltipId}`);\n        }\n    }\n\n    public overlayOpenCancelledCallback({\n        trigger,\n    }: {\n        trigger: HTMLElement;\n    }): void {\n        this.overlayCloseCallback({ trigger });\n    }\n\n    public overlayCloseCallback({ trigger }: { trigger: HTMLElement }): void {\n        const ariaDescribedby = trigger.getAttribute('aria-describedby') || '';\n        let descriptors = ariaDescribedby.split(/\\s+/);\n\n        if (!this.hadTooltipId) {\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._tooltipId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n\n        this.removeAttribute('aria-hidden');\n        this.removeProxy();\n    }\n\n    private removeProxy(): void {\n        this._proxy.remove();\n    }\n\n    private closeOverlayCallback?: Promise<() => void>;\n    private abortOverlay: (cancelled: boolean) => void = () => {\n        return;\n    };\n\n    private openOverlay = (): void => {\n        const parentElement = this.parentElement as HTMLElement;\n        const abortPromise: Promise<boolean> = new Promise((res) => {\n            this.abortOverlay = res;\n        });\n        this.closeOverlayCallback = openOverlay(parentElement, 'hover', this, {\n            abortPromise,\n            offset: this.offset,\n            placement: this.placement,\n        });\n    };\n\n    private closeOverlay = async (): Promise<void> => {\n        if (this.abortOverlay) this.abortOverlay(true);\n        if (!this.closeOverlayCallback) return;\n        (await this.closeOverlayCallback)();\n        delete this.closeOverlayCallback;\n    };\n\n    private previousSlot?: string;\n\n    private manageTooltip(): void {\n        const parentElement = this.parentElement as HTMLElement;\n        if (this.selfManaged) {\n            if (this.slot) {\n                this.previousSlot = this.slot;\n            }\n            this.slot = 'self-managed-tooltip';\n            parentElement.addEventListener('pointerenter', this.openOverlay);\n            parentElement.addEventListener('focusin', this.openOverlay);\n            parentElement.addEventListener('pointerleave', this.closeOverlay);\n            parentElement.addEventListener('focusout', this.closeOverlay);\n        } else {\n            if (this.previousSlot) {\n                this.slot = this.previousSlot;\n            } else if (this.slot === 'self-managed-tooltip') {\n                this.removeAttribute('slot');\n            }\n            parentElement.removeEventListener('pointerenter', this.openOverlay);\n            parentElement.removeEventListener('focusin', this.openOverlay);\n            parentElement.removeEventListener(\n                'pointerleave',\n                this.closeOverlay\n            );\n            parentElement.removeEventListener('focusout', this.closeOverlay);\n        }\n    }\n\n    override render(): TemplateResult {\n        return html`\n            <slot name=\"icon\"></slot>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"tip\"></span>\n        `;\n    }\n\n    protected override async update(\n        changed: PropertyValues<this>\n    ): Promise<void> {\n        if (changed.has('open') && this.selfManaged) {\n            if (this.open) {\n                this.openOverlay();\n            } else {\n                this.closeOverlay();\n            }\n        }\n        this.generateProxy();\n        super.update(changed);\n    }\n\n    protected override updated(changed: PropertyValues<this>): void {\n        super.updated(changed);\n        if (changed.has('selfManaged')) {\n            this.manageTooltip();\n        }\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/src/Tooltip.js

@@ -1,6 +1,6 @@
-var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var s=(a,e,t,i)=>{for(var r=i>1?void 0:i?v(e,t):e,l=a.length-1,n;l>=0;l--)(n=a[l])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&d(e,t,r),r};import{html as c,SpectrumElement as h}from"@spectrum-web-components/base";import{property as o,query as y}from"@spectrum-web-components/base/src/decorators.js";import{openOverlay as u}from"@spectrum-web-components/overlay/src/loader.js";import b from"./tooltip.css.js";export class TooltipProxy extends HTMLElement{disconnectedCallback(){this.dispatchEvent(new Event("disconnected"))}}customElements.define("tooltip-proxy",TooltipProxy);const p=class extends h{constructor(){super();this._tooltipId=`sp-tooltip-describedby-helper-${p.instanceCount++}`;this.selfManaged=!1;this.offset=6;this.hadTooltipId=!1;this.open=!1;this.placement="top";this._variant="";this.abortOverlay=()=>{};this.openOverlay=()=>{const e=this.parentElement,t=new Promise(i=>{this.abortOverlay=i});this.closeOverlayCallback=u(e,"hover",this,{abortPromise:t,offset:this.offset,placement:this.placement})};this.closeOverlay=async()=>{this.abortOverlay&&this.abortOverlay(!0),this.closeOverlayCallback&&((await this.closeOverlayCallback)(),delete this.closeOverlayCallback)};this.addEventListener("sp-overlay-query",this.onOverlayQuery)}static get styles(){return[b]}get variant(){return this._variant}set variant(e){if(e!==this.variant){if(["info","positive","negative"].includes(e)){this.setAttribute("variant",e),this._variant=e;return}this.removeAttribute("variant"),this._variant=""}}onOverlayQuery(e){!e.target||e.target!==this||(e.detail.overlayContentTipElement=this.tipElement)}generateProxy(){this._proxy||(this._proxy=document.createElement("tooltip-proxy"),this._proxy.id=this._tooltipId,this._proxy.hidden=!0,this._proxy.slot="hidden-tooltip-content",this._proxy.setAttribute("role","tooltip"),this._proxy.addEventListener("disconnected",this.closeOverlay))}overlayWillOpenCallback({trigger:e}){this.setAttribute("aria-hidden","true"),this.generateProxy(),this._proxy.textContent=this.textContent;const t=e.getAttribute("aria-describedby")||"";this.hadTooltipId=t.search(this._tooltipId)>-1,this.insertAdjacentElement("beforebegin",this._proxy),!this.hadTooltipId&&(t?e.setAttribute("aria-describedby",`${t} ${this._tooltipId}`):e.setAttribute("aria-describedby",`${this._tooltipId}`))}overlayOpenCancelledCallback({trigger:e}){this.overlayCloseCallback({trigger:e})}overlayCloseCallback({trigger:e}){let i=(e.getAttribute("aria-describedby")||"").split(/\s+/);this.hadTooltipId||(i=i.filter(r=>r!==this._tooltipId)),i.length?e.setAttribute("aria-describedby",i.join(" ")):e.removeAttribute("aria-describedby"),this.removeAttribute("aria-hidden"),this.removeProxy()}removeProxy(){this._proxy.remove()}manageTooltip(){const e=this.parentElement;this.selfManaged?(this.slot&&(this.previousSlot=this.slot),this.slot="self-managed-tooltip",e.addEventListener("pointerenter",this.openOverlay),e.addEventListener("focusin",this.openOverlay),e.addEventListener("pointerleave",this.closeOverlay),e.addEventListener("focusout",this.closeOverlay)):(this.previousSlot?this.slot=this.previousSlot:this.slot==="self-managed-tooltip"&&this.removeAttribute("slot"),e.removeEventListener("pointerenter",this.openOverlay),e.removeEventListener("focusin",this.openOverlay),e.removeEventListener("pointerleave",this.closeOverlay),e.removeEventListener("focusout",this.closeOverlay))}render(){return c`
+"use strict";var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var r=(l,s,e,i)=>{for(var t=i>1?void 0:i?v(s,e):s,o=l.length-1,n;o>=0;o--)(n=l[o])&&(t=(i?n(s,e,t):n(t))||t);return i&&t&&d(s,e,t),t};import{html as c,SpectrumElement as h}from"@spectrum-web-components/base";import{property as a,query as y}from"@spectrum-web-components/base/src/decorators.js";import{openOverlay as u}from"@spectrum-web-components/overlay/src/loader.js";import b from"./tooltip.css.js";export class TooltipProxy extends HTMLElement{disconnectedCallback(){this.dispatchEvent(new Event("disconnected"))}}customElements.define("tooltip-proxy",TooltipProxy);const p=class extends h{constructor(){super();this._tooltipId=`sp-tooltip-describedby-helper-${p.instanceCount++}`;this.selfManaged=!1;this.offset=6;this.hadTooltipId=!1;this.open=!1;this.placement="top";this._variant="";this.abortOverlay=()=>{};this.openOverlay=()=>{const e=this.parentElement,i=new Promise(t=>{this.abortOverlay=t});this.closeOverlayCallback=u(e,"hover",this,{abortPromise:i,offset:this.offset,placement:this.placement})};this.closeOverlay=async()=>{this.abortOverlay&&this.abortOverlay(!0),this.closeOverlayCallback&&((await this.closeOverlayCallback)(),delete this.closeOverlayCallback)};this.addEventListener("sp-overlay-query",this.onOverlayQuery)}static get styles(){return[b]}get variant(){return this._variant}set variant(e){if(e!==this.variant){if(["info","positive","negative"].includes(e)){this.setAttribute("variant",e),this._variant=e;return}this.removeAttribute("variant"),this._variant=""}}onOverlayQuery(e){!e.target||e.target!==this||(e.detail.overlayContentTipElement=this.tipElement)}generateProxy(){this._proxy||(this._proxy=document.createElement("tooltip-proxy"),this._proxy.id=this._tooltipId,this._proxy.hidden=!0,this._proxy.slot="hidden-tooltip-content",this._proxy.setAttribute("role","tooltip"),this._proxy.addEventListener("disconnected",this.closeOverlay))}overlayWillOpenCallback({trigger:e}){this.setAttribute("aria-hidden","true"),this.generateProxy(),this._proxy.textContent=this.textContent;const i=e.getAttribute("aria-describedby")||"";this.hadTooltipId=i.search(this._tooltipId)>-1,this.insertAdjacentElement("beforebegin",this._proxy),!this.hadTooltipId&&(i?e.setAttribute("aria-describedby",`${i} ${this._tooltipId}`):e.setAttribute("aria-describedby",`${this._tooltipId}`))}overlayOpenCancelledCallback({trigger:e}){this.overlayCloseCallback({trigger:e})}overlayCloseCallback({trigger:e}){let t=(e.getAttribute("aria-describedby")||"").split(/\s+/);this.hadTooltipId||(t=t.filter(o=>o!==this._tooltipId)),t.length?e.setAttribute("aria-describedby",t.join(" ")):e.removeAttribute("aria-describedby"),this.removeAttribute("aria-hidden"),this.removeProxy()}removeProxy(){this._proxy.remove()}manageTooltip(){const e=this.parentElement;this.selfManaged?(this.slot&&(this.previousSlot=this.slot),this.slot="self-managed-tooltip",e.addEventListener("pointerenter",this.openOverlay),e.addEventListener("focusin",this.openOverlay),e.addEventListener("pointerleave",this.closeOverlay),e.addEventListener("focusout",this.closeOverlay)):(this.previousSlot?this.slot=this.previousSlot:this.slot==="self-managed-tooltip"&&this.removeAttribute("slot"),e.removeEventListener("pointerenter",this.openOverlay),e.removeEventListener("focusin",this.openOverlay),e.removeEventListener("pointerleave",this.closeOverlay),e.removeEventListener("focusout",this.closeOverlay))}render(){return c`
             <slot name="icon"></slot>
             <span id="label"><slot></slot></span>
             <span id="tip"></span>
-        `}async update(e){e.has("open")&&this.selfManaged&&(this.open?this.openOverlay():this.closeOverlay()),this.generateProxy(),super.update(e)}updated(e){super.updated(e),e.has("selfManaged")&&this.manageTooltip()}};export let Tooltip=p;Tooltip.instanceCount=0,s([o({type:Boolean,attribute:"self-managed"})],Tooltip.prototype,"selfManaged",2),s([o({type:Number,reflect:!0})],Tooltip.prototype,"offset",2),s([o({type:Boolean,reflect:!0})],Tooltip.prototype,"open",2),s([o({reflect:!0})],Tooltip.prototype,"placement",2),s([y("#tip")],Tooltip.prototype,"tipElement",2),s([o({type:String})],Tooltip.prototype,"variant",1);
+        `}async update(e){e.has("open")&&this.selfManaged&&(this.open?this.openOverlay():this.closeOverlay()),this.generateProxy(),super.update(e)}updated(e){super.updated(e),e.has("selfManaged")&&this.manageTooltip()}};export let Tooltip=p;Tooltip.instanceCount=0,r([a({type:Boolean,attribute:"self-managed"})],Tooltip.prototype,"selfManaged",2),r([a({type:Number,reflect:!0})],Tooltip.prototype,"offset",2),r([a({type:Boolean,reflect:!0})],Tooltip.prototype,"open",2),r([a({reflect:!0})],Tooltip.prototype,"placement",2),r([y("#tip")],Tooltip.prototype,"tipElement",2),r([a({type:String})],Tooltip.prototype,"variant",1);
 //# sourceMappingURL=Tooltip.js.map

package/src/Tooltip.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Tooltip.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type {\n    OverlayDisplayQueryDetail,\n    Placement,\n} from '@spectrum-web-components/overlay';\nimport { openOverlay } from '@spectrum-web-components/overlay/src/loader.js';\n\nimport tooltipStyles from './tooltip.css.js';\n\nexport class TooltipProxy extends HTMLElement {\n    disconnectedCallback(): void {\n        this.dispatchEvent(new Event('disconnected'));\n    }\n}\n\ncustomElements.define('tooltip-proxy', TooltipProxy);\n\n/**\n * @element sp-tooltip\n *\n * @slot icon - the icon element appearing at the start of the label\n * @slot - the text label of the Tooltip\n */\n\nexport class Tooltip extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [tooltipStyles];\n    }\n\n    /**\n     * @private\n     */\n    static instanceCount = 0;\n\n    private _tooltipId = `sp-tooltip-describedby-helper-${Tooltip.instanceCount++}`;\n\n    @property({ type: Boolean, attribute: 'self-managed' })\n    public selfManaged = false;\n\n    @property({ type: Number, reflect: true })\n    public offset = 6;\n    private hadTooltipId = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement: Placement = 'top';\n\n    @query('#tip')\n    private tipElement!: HTMLSpanElement;\n\n    /* Ensure that a '' value for `variant` removes the attribute instead of a blank value */\n    private _variant = '';\n\n    @property({ type: String })\n    public get variant(): string {\n        return this._variant;\n    }\n    public set variant(variant: string) {\n        if (variant === this.variant) {\n            return;\n        }\n        if (['info', 'positive', 'negative'].includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n            return;\n        }\n        this.removeAttribute('variant');\n        this._variant = '';\n    }\n\n    public constructor() {\n        super();\n        this.addEventListener('sp-overlay-query', this.onOverlayQuery);\n    }\n\n    public onOverlayQuery(event: CustomEvent<OverlayDisplayQueryDetail>): void {\n        /* c8 ignore next */\n        if (!event.target) return;\n\n        const target = event.target as Node;\n        /* c8 ignore next */\n        if (target !== this) return;\n\n        event.detail.overlayContentTipElement = this.tipElement;\n    }\n\n    private _proxy!: HTMLElement;\n\n    private generateProxy(): void {\n        if (this._proxy) {\n            return;\n        }\n        this._proxy = document.createElement('tooltip-proxy');\n        this._proxy.id = this._tooltipId;\n        this._proxy.hidden = true;\n        this._proxy.slot = 'hidden-tooltip-content';\n        this._proxy.setAttribute('role', 'tooltip');\n        this._proxy.addEventListener('disconnected', this.closeOverlay);\n    }\n\n    public overlayWillOpenCallback({\n        trigger,\n    }: {\n        trigger: HTMLElement;\n    }): void {\n        this.setAttribute('aria-hidden', 'true');\n        this.generateProxy();\n        this._proxy.textContent = this.textContent;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby') || '';\n        this.hadTooltipId = ariaDescribedby.search(this._tooltipId) > -1;\n\n        this.insertAdjacentElement('beforebegin', this._proxy);\n\n        if (this.hadTooltipId) return;\n\n        if (ariaDescribedby) {\n            trigger.setAttribute(\n                'aria-describedby',\n                `${ariaDescribedby} ${this._tooltipId}`\n            );\n        } else {\n            trigger.setAttribute('aria-describedby', `${this._tooltipId}`);\n        }\n    }\n\n    public overlayOpenCancelledCallback({\n        trigger,\n    }: {\n        trigger: HTMLElement;\n    }): void {\n        this.overlayCloseCallback({ trigger });\n    }\n\n    public overlayCloseCallback({ trigger }: { trigger: HTMLElement }): void {\n        const ariaDescribedby = trigger.getAttribute('aria-describedby') || '';\n        let descriptors = ariaDescribedby.split(/\\s+/);\n\n        if (!this.hadTooltipId) {\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._tooltipId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n\n        this.removeAttribute('aria-hidden');\n        this.removeProxy();\n    }\n\n    private removeProxy(): void {\n        this._proxy.remove();\n    }\n\n    private closeOverlayCallback?: Promise<() => void>;\n    private abortOverlay: (cancelled: boolean) => void = () => {\n        return;\n    };\n\n    private openOverlay = (): void => {\n        const parentElement = this.parentElement as HTMLElement;\n        const abortPromise: Promise<boolean> = new Promise((res) => {\n            this.abortOverlay = res;\n        });\n        this.closeOverlayCallback = openOverlay(parentElement, 'hover', this, {\n            abortPromise,\n            offset: this.offset,\n            placement: this.placement,\n        });\n    };\n\n    private closeOverlay = async (): Promise<void> => {\n        if (this.abortOverlay) this.abortOverlay(true);\n        if (!this.closeOverlayCallback) return;\n        (await this.closeOverlayCallback)();\n        delete this.closeOverlayCallback;\n    };\n\n    private previousSlot?: string;\n\n    private manageTooltip(): void {\n        const parentElement = this.parentElement as HTMLElement;\n        if (this.selfManaged) {\n            if (this.slot) {\n                this.previousSlot = this.slot;\n            }\n            this.slot = 'self-managed-tooltip';\n            parentElement.addEventListener('pointerenter', this.openOverlay);\n            parentElement.addEventListener('focusin', this.openOverlay);\n            parentElement.addEventListener('pointerleave', this.closeOverlay);\n            parentElement.addEventListener('focusout', this.closeOverlay);\n        } else {\n            if (this.previousSlot) {\n                this.slot = this.previousSlot;\n            } else if (this.slot === 'self-managed-tooltip') {\n                this.removeAttribute('slot');\n            }\n            parentElement.removeEventListener('pointerenter', this.openOverlay);\n            parentElement.removeEventListener('focusin', this.openOverlay);\n            parentElement.removeEventListener(\n                'pointerleave',\n                this.closeOverlay\n            );\n            parentElement.removeEventListener('focusout', this.closeOverlay);\n        }\n    }\n\n    override render(): TemplateResult {\n        return html`\n            <slot name=\"icon\"></slot>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"tip\"></span>\n        `;\n    }\n\n    protected override async update(\n        changed: PropertyValues<this>\n    ): Promise<void> {\n        if (changed.has('open') && this.selfManaged) {\n            if (this.open) {\n                this.openOverlay();\n            } else {\n                this.closeOverlay();\n            }\n        }\n        this.generateProxy();\n        super.update(changed);\n    }\n\n    protected override updated(changed: PropertyValues<this>): void {\n        super.updated(changed);\n        if (changed.has('selfManaged')) {\n            this.manageTooltip();\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["html", "SpectrumElement", "property", "query", "openOverlay", "tooltipStyles", "_Tooltip", "parentElement", "abortPromise", "res", "variant", "event", "trigger", "ariaDescribedby", "descriptors", "descriptor", "changed", "__decorateClass"]
 }

package/src/index.dev.js

@@ -1,2 +1,3 @@
+"use strict";
 export * from "./Tooltip.dev.js";
 //# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Tooltip.dev.js'\n"],
-  "mappings": "AAWA;",
+  "mappings": ";AAWA,cAAc;",
   "names": []
 }

package/src/index.js

@@ -1,2 +1,2 @@
-export*from"./Tooltip.js";
+"use strict";export*from"./Tooltip.js";
 //# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Tooltip.js';\n"],
-  "mappings": "AAWA",
+  "mappings": "aAWA,WAAc",
   "names": []
 }

package/src/spectrum-tooltip.css.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-overlay-animation-distance:var(
@@ -18,13 +19,7 @@ const styles = css`
 --spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)
 );padding:0 var(
 --spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)
-);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-left:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-right:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-top-style:solid;border-top-width:var(
+);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
 );height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(
 --spectrum-tooltip-neutral-tip-width,

package/src/spectrum-tooltip.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-tooltip.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-left:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-right:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-top-style:solid;border-top-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFf,eAAe;",
   "names": []
 }

package/src/spectrum-tooltip.css.js

@@ -1,4 +1,4 @@
-import{css as t}from"@spectrum-web-components/base";const o=t`
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{--spectrum-overlay-animation-distance:var(
 --spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
 );opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(
@@ -17,13 +17,7 @@ import{css as t}from"@spectrum-web-components/base";const o=t`
 --spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)
 );padding:0 var(
 --spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)
-);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-left:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-right:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-top-style:solid;border-top-width:var(
+);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
 );height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(
 --spectrum-tooltip-neutral-tip-width,

package/src/spectrum-tooltip.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-tooltip.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-left:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-right:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-top-style:solid;border-top-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyFf,cAAe",
-  "names": []
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmFf,eAAeC",
+  "names": ["css", "styles"]
 }

package/src/tooltip.css.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-overlay-animation-distance:var(
@@ -18,13 +19,7 @@ const styles = css`
 --spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)
 );padding:0 var(
 --spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)
-);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-left:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-right:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-top-style:solid;border-top-width:var(
+);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
 );height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(
 --spectrum-tooltip-neutral-tip-width,
@@ -86,9 +81,9 @@ var(--spectrum-global-dimension-size-85)
 --spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)
 )}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(
 --spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)
-)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border:var(
+)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)
-) solid transparent;content:"";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(
+);content:"";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(
 --spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)
 )}:host([variant=negative]) #tip:after{border-top-color:var(
 --spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)

package/src/tooltip.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["tooltip.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-left:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-right:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-top-style:solid;border-top-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border:var(\n--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)\n) solid transparent;content:\"\";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(\n--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)\n)}:host([variant=negative]) #tip:after{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)\n)}:host([variant=info]) #tip:after{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700)\n)}:host([variant=positive]) #tip:after{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700)\n)}@media (forced-colors:active){#tip:after{--spectrum-tooltip-background-color:canvastext;--spectrum-tooltip-neutral-background-color:canvastext;--spectrum-tooltip-negative-background-color:canvastext;--spectrum-tooltip-info-background-color:canvastext;--spectrum-tooltip-positive-background-color:canvastext;forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmGf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)\n);content:\"\";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(\n--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)\n)}:host([variant=negative]) #tip:after{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)\n)}:host([variant=info]) #tip:after{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700)\n)}:host([variant=positive]) #tip:after{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700)\n)}@media (forced-colors:active){#tip:after{--spectrum-tooltip-background-color:canvastext;--spectrum-tooltip-neutral-background-color:canvastext;--spectrum-tooltip-negative-background-color:canvastext;--spectrum-tooltip-info-background-color:canvastext;--spectrum-tooltip-positive-background-color:canvastext;forced-color-adjust:none}}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Ff,eAAe;",
   "names": []
 }

package/src/tooltip.css.js

@@ -1,4 +1,4 @@
-import{css as t}from"@spectrum-web-components/base";const o=t`
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{--spectrum-overlay-animation-distance:var(
 --spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
 );opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(
@@ -17,13 +17,7 @@ import{css as t}from"@spectrum-web-components/base";const o=t`
 --spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)
 );padding:0 var(
 --spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)
-);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-left:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-right:var(
---spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
-) solid transparent;border-top-style:solid;border-top-width:var(
+);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)
 );height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(
 --spectrum-tooltip-neutral-tip-width,
@@ -85,9 +79,9 @@ var(--spectrum-global-dimension-size-85)
 --spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)
 )}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(
 --spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)
-)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border:var(
+)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border-color:transparent;border-style:solid;border-width:var(
 --spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)
-) solid transparent;content:"";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(
+);content:"";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(
 --spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)
 )}:host([variant=negative]) #tip:after{border-top-color:var(
 --spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)

package/src/tooltip.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["tooltip.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-left:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-right:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n) solid transparent;border-top-style:solid;border-top-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border:var(\n--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)\n) solid transparent;content:\"\";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(\n--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)\n)}:host([variant=negative]) #tip:after{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)\n)}:host([variant=info]) #tip:after{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700)\n)}:host([variant=positive]) #tip:after{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700)\n)}@media (forced-colors:active){#tip:after{--spectrum-tooltip-background-color:canvastext;--spectrum-tooltip-neutral-background-color:canvastext;--spectrum-tooltip-negative-background-color:canvastext;--spectrum-tooltip-info-background-color:canvastext;--spectrum-tooltip-positive-background-color:canvastext;forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmGf,cAAe",
-  "names": []
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-overlay-animation-distance))}:host([placement*=top][open]){transform:translateY(calc(var(--spectrum-overlay-animation-distance)*-1))}:host([placement*=right][open]){transform:translateX(var(--spectrum-overlay-animation-distance))}:host([placement*=left][open]){transform:translateX(calc(var(--spectrum-overlay-animation-distance)*-1))}:host{--spectrum-tooltip-neutral-target-offset:3px;--spectrum-tooltip-neutral-tip-width:var(\n--spectrum-tooltip-neutral-tip-height,var(--spectrum-global-dimension-size-50)\n)}:host{-webkit-font-smoothing:antialiased;align-items:center;border-radius:var(\n--spectrum-tooltip-neutral-border-radius,var(--spectrum-alias-component-border-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:row;font-size:var(\n--spectrum-tooltip-neutral-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-weight:var(\n--spectrum-tooltip-neutral-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);left:0;line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);max-width:var(\n--spectrum-tooltip-neutral-max-width,var(--spectrum-global-dimension-size-2000)\n);min-height:var(\n--spectrum-tooltip-neutral-min-height,var(--spectrum-global-dimension-size-300)\n);padding:0 var(\n--spectrum-tooltip-neutral-padding-x,var(--spectrum-global-dimension-size-85)\n);position:relative;top:0;vertical-align:top;width:auto;word-break:break-word}:host{cursor:default;-webkit-user-select:none;user-select:none}p{margin:0}#tip{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-neutral-tip-width,var(--spectrum-global-dimension-size-100)\n);height:0;position:absolute;width:0}:host([placement*=left]) #tip,:host([placement*=right]) #tip{margin-top:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1);top:50%}:host([placement*=right]){margin-left:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=right]) #tip{right:100%;transform:rotate(90deg)}:host([placement*=left]){margin-right:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=left]) #tip{left:100%;transform:rotate(-90deg)}:host([placement*=top]){margin-bottom:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=top]) #tip{top:100%}:host([placement*=bottom]){margin-top:var(\n--spectrum-tooltip-neutral-target-offset\n)}:host([placement*=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:calc(var(\n--spectrum-tooltip-neutral-tip-width,\nvar(--spectrum-global-dimension-size-100)\n)*-1)}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(var(\n--spectrum-tooltip-neutral-icon-margin-x,\nvar(--spectrum-global-dimension-size-85)\n) - var(\n--spectrum-tooltip-neutral-padding-x,\nvar(--spectrum-global-dimension-size-85)\n))}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(\n--spectrum-tooltip-neutral-icon-margin-x,var(--spectrum-global-dimension-size-85)\n)}::slotted([slot=icon]){align-self:flex-start;flex-shrink:0;height:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n);margin-bottom:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-tooltip-neutral-icon-margin-y,var(--spectrum-global-dimension-size-50)\n);width:var(\n--spectrum-tooltip-neutral-icon-size,var(--spectrum-global-dimension-size-200)\n)}#label{line-height:var(\n--spectrum-tooltip-neutral-text-line-height,var(--spectrum-alias-component-text-line-height)\n);margin-bottom:var(--spectrum-tooltip-neutral-text-margin-bottom);margin-top:var(\n--spectrum-tooltip-neutral-text-margin-top,var(--spectrum-global-dimension-static-size-50)\n)}:host{background-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);color:var(\n--spectrum-tooltip-neutral-text-color,var(--spectrum-global-color-static-white)\n)}#tip{border-top-color:var(\n--spectrum-tooltip-neutral-background-color,var(--spectrum-semantic-neutral-background-color-default)\n)}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-semantic-negative-background-color)\n)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-semantic-informative-background-color)\n)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-semantic-positive-background-color)\n)}@media (forced-colors:active){:host{border:1px solid transparent}#tip{--spectrum-tooltip-neutral-background-color:CanvasText;--spectrum-tooltip-negative-background-color:CanvasText;--spectrum-tooltip-info-background-color:CanvasText;--spectrum-tooltip-positive-background-color:CanvasText;forced-color-adjust:none}}#tip{border:none}:host([placement*=bottom]) #tip,:host([placement*=left]) #tip,:host([placement*=right]) #tip{transform:none}#tip:after{border-color:transparent;border-style:solid;border-width:var(\n--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)\n);content:\"\";height:0;left:0;position:absolute;width:0}:host([placement*=bottom]) #tip:after{bottom:100%;transform:scaleY(-1)}:host([placement*=left]) #tip:after{left:100%;transform:rotate(-90deg)}:host([placement*=right]) #tip:after{left:auto;right:100%;transform:rotate(90deg)}:host([placement]) #tip:after{border-top-color:var(\n--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700)\n)}:host([variant=negative]) #tip:after{border-top-color:var(\n--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700)\n)}:host([variant=info]) #tip:after{border-top-color:var(\n--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700)\n)}:host([variant=positive]) #tip:after{border-top-color:var(\n--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700)\n)}@media (forced-colors:active){#tip:after{--spectrum-tooltip-background-color:canvastext;--spectrum-tooltip-neutral-background-color:canvastext;--spectrum-tooltip-negative-background-color:canvastext;--spectrum-tooltip-info-background-color:canvastext;--spectrum-tooltip-positive-background-color:canvastext;forced-color-adjust:none}}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Ff,eAAeC",
+  "names": ["css", "styles"]
 }