@spectrum-web-components/toast 0.11.6 → 0.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/toast",
-    "version": "0.11.6",
+    "version": "0.11.8",
     "publishConfig": {
         "access": "public"
     },
@@ -57,13 +57,13 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.7.1",
-        "@spectrum-web-components/button": "^0.19.6",
-        "@spectrum-web-components/icon": "^0.12.3",
-        "@spectrum-web-components/icons-workflow": "^0.9.3"
+        "@spectrum-web-components/base": "^0.7.2",
+        "@spectrum-web-components/button": "^0.19.8",
+        "@spectrum-web-components/icon": "^0.12.5",
+        "@spectrum-web-components/icons-workflow": "^0.9.5"
     },
     "devDependencies": {
-        "@spectrum-css/toast": "^8.0.1"
+        "@spectrum-css/toast": "^8.0.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -71,5 +71,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "8bd87724e91e23df83dbf63a434bbbe10b8daaa6"
+    "gitHead": "34bbc8bf1636f2d78ca9d5dbabc0b89da625572f"
 }

package/src/Toast.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Toast.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 { property } from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/button/sp-close-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-info.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-checkmark-circle.js';\n\nimport toastStyles from './toast.css.js';\n\nexport const toastVariants: ToastVariants[] = [\n    'negative',\n    'positive',\n    'info',\n    'error',\n    'warning',\n];\n\nexport type ToastVariants =\n    | 'negative'\n    | 'positive'\n    | 'info'\n    | 'error'\n    | 'warning'\n    | '';\n\n/**\n * @element sp-toast\n *\n * @slot - The toast content\n * @slot action - button element surfacing an action in the Toast\n *\n * @fires close - Announces that the Toast has been closed by the user or by its timeout.\n */\n\nexport class Toast extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [toastStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    /**\n     * When a timeout is provided it represents the number of milliseconds from when\n     * the Toast was placed on the page before it will automatically dismiss itself.\n     * Accessibility concerns require that a Toast is available for at least 6000ms\n     * before being dismissed, so any timeout of less than 6000ms will be raised to\n     * that baseline. It is suggested that messages longer than 120 words should\n     * receive another 1000ms in their timeout for each additional 120 words in the\n     * message. E.G. 240 words = 7000ms, 360 words = 8000ms, etc.\n     *\n     * @param {Number} timeout\n     */\n    @property({ type: Number })\n    public set timeout(timeout: number | null) {\n        const hasTimeout = typeof timeout !== null && (timeout as number) > 0;\n        const newTimeout = hasTimeout\n            ? Math.max(6000, timeout as number)\n            : null;\n        const oldValue = this.timeout;\n        if (newTimeout && this.countdownStart) {\n            this.countdownStart = performance.now();\n        }\n        this._timeout = newTimeout;\n        this.requestUpdate('timeout', oldValue);\n    }\n\n    public get timeout(): number | null {\n        return this._timeout;\n    }\n\n    public _timeout: number | null = null;\n\n    /**\n     * The variant applies specific styling when set to `negative`, `positive`, `info`, `error`, or `warning`.\n     * `variant` attribute is removed when not matching one of the above.\n     *\n     * @param {String} variant\n     */\n    @property({ type: String })\n    public set variant(variant: ToastVariants) {\n        if (variant === this.variant) {\n            return;\n        }\n        const oldValue = this.variant;\n        if (toastVariants.includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n        } else {\n            this.removeAttribute('variant');\n            this._variant = '';\n        }\n        this.requestUpdate('variant', oldValue);\n    }\n\n    public get variant(): ToastVariants {\n        return this._variant;\n    }\n\n    private _variant: ToastVariants = '';\n\n    private renderIcon(variant: string): TemplateResult {\n        switch (variant) {\n            case 'info':\n                return html`\n                    <sp-icon-info\n                        label=\"Information\"\n                        class=\"type\"\n                    ></sp-icon-info>\n                `;\n            case 'negative':\n            case 'error': // deprecated\n            case 'warning': // deprecated\n                return html`\n                    <sp-icon-alert label=\"Error\" class=\"type\"></sp-icon-alert>\n                `;\n            case 'positive':\n            case 'success': // deprecated\n                return html`\n                    <sp-icon-checkmark-circle\n                        label=\"Success\"\n                        class=\"type\"\n                    ></sp-icon-checkmark-circle>\n                `;\n            default:\n                return html``;\n        }\n    }\n\n    private countdownStart = 0;\n    private nextCount = -1;\n\n    private doCountdown = (time: number): void => {\n        if (!this.countdownStart) {\n            this.countdownStart = performance.now();\n        }\n        if (time - this.countdownStart > (this._timeout as number)) {\n            this.shouldClose();\n            this.countdownStart = 0;\n        } else {\n            this.countdown();\n        }\n    };\n\n    private countdown = (): void => {\n        cancelAnimationFrame(this.nextCount);\n        this.nextCount = requestAnimationFrame(this.doCountdown);\n    };\n\n    private holdCountdown = (): void => {\n        this.stopCountdown();\n        this.addEventListener('focusout', this.resumeCountdown);\n    };\n\n    private resumeCountdown = (): void => {\n        this.removeEventListener('focusout', this.holdCountdown);\n        this.countdown();\n    };\n\n    private startCountdown(): void {\n        this.countdown();\n        this.addEventListener('focusin', this.holdCountdown);\n    }\n\n    private stopCountdown(): void {\n        cancelAnimationFrame(this.nextCount);\n        this.countdownStart = 0;\n    }\n\n    private shouldClose(): void {\n        const applyDefault = this.dispatchEvent(\n            new CustomEvent('close', {\n                composed: true,\n                bubbles: true,\n                cancelable: true,\n            })\n        );\n        if (applyDefault) {\n            this.close();\n        }\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.renderIcon(this.variant)}\n            <div class=\"body\" role=\"alert\">\n                <div class=\"content\">\n                    <slot></slot>\n                </div>\n                <slot name=\"action\"></slot>\n            </div>\n            <div class=\"buttons\">\n                <sp-close-button\n                    @click=${this.shouldClose}\n                    label=\"Close\"\n                    variant=\"white\"\n                ></sp-close-button>\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('open')) {\n            if (this.open) {\n                if (this.timeout) {\n                    this.startCountdown();\n                }\n            } else {\n                if (this.timeout) {\n                    this.stopCountdown();\n                }\n            }\n        }\n        if (changes.has('timeout')) {\n            if (this.timeout !== null && this.open) {\n                this.startCountdown();\n            } else {\n                this.stopCountdown();\n            }\n        }\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/src/Toast.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Toast.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 { property } from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/button/sp-close-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-info.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-checkmark-circle.js';\n\nimport toastStyles from './toast.css.js';\n\nexport const toastVariants: ToastVariants[] = [\n    'negative',\n    'positive',\n    'info',\n    'error',\n    'warning',\n];\n\nexport type ToastVariants =\n    | 'negative'\n    | 'positive'\n    | 'info'\n    | 'error'\n    | 'warning'\n    | '';\n\n/**\n * @element sp-toast\n *\n * @slot - The toast content\n * @slot action - button element surfacing an action in the Toast\n *\n * @fires close - Announces that the Toast has been closed by the user or by its timeout.\n */\n\nexport class Toast extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [toastStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    /**\n     * When a timeout is provided it represents the number of milliseconds from when\n     * the Toast was placed on the page before it will automatically dismiss itself.\n     * Accessibility concerns require that a Toast is available for at least 6000ms\n     * before being dismissed, so any timeout of less than 6000ms will be raised to\n     * that baseline. It is suggested that messages longer than 120 words should\n     * receive another 1000ms in their timeout for each additional 120 words in the\n     * message. E.G. 240 words = 7000ms, 360 words = 8000ms, etc.\n     *\n     * @param {Number} timeout\n     */\n    @property({ type: Number })\n    public set timeout(timeout: number | null) {\n        const hasTimeout = typeof timeout !== null && (timeout as number) > 0;\n        const newTimeout = hasTimeout\n            ? Math.max(6000, timeout as number)\n            : null;\n        const oldValue = this.timeout;\n        if (newTimeout && this.countdownStart) {\n            this.countdownStart = performance.now();\n        }\n        this._timeout = newTimeout;\n        this.requestUpdate('timeout', oldValue);\n    }\n\n    public get timeout(): number | null {\n        return this._timeout;\n    }\n\n    public _timeout: number | null = null;\n\n    /**\n     * The variant applies specific styling when set to `negative`, `positive`, `info`, `error`, or `warning`.\n     * `variant` attribute is removed when not matching one of the above.\n     *\n     * @param {String} variant\n     */\n    @property({ type: String })\n    public set variant(variant: ToastVariants) {\n        if (variant === this.variant) {\n            return;\n        }\n        const oldValue = this.variant;\n        if (toastVariants.includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n        } else {\n            this.removeAttribute('variant');\n            this._variant = '';\n        }\n        this.requestUpdate('variant', oldValue);\n    }\n\n    public get variant(): ToastVariants {\n        return this._variant;\n    }\n\n    private _variant: ToastVariants = '';\n\n    private renderIcon(variant: string): TemplateResult {\n        switch (variant) {\n            case 'info':\n                return html`\n                    <sp-icon-info\n                        label=\"Information\"\n                        class=\"type\"\n                    ></sp-icon-info>\n                `;\n            case 'negative':\n            case 'error': // deprecated\n            case 'warning': // deprecated\n                return html`\n                    <sp-icon-alert label=\"Error\" class=\"type\"></sp-icon-alert>\n                `;\n            case 'positive':\n            case 'success': // deprecated\n                return html`\n                    <sp-icon-checkmark-circle\n                        label=\"Success\"\n                        class=\"type\"\n                    ></sp-icon-checkmark-circle>\n                `;\n            default:\n                return html``;\n        }\n    }\n\n    private countdownStart = 0;\n    private nextCount = -1;\n\n    private doCountdown = (time: number): void => {\n        if (!this.countdownStart) {\n            this.countdownStart = performance.now();\n        }\n        if (time - this.countdownStart > (this._timeout as number)) {\n            this.shouldClose();\n            this.countdownStart = 0;\n        } else {\n            this.countdown();\n        }\n    };\n\n    private countdown = (): void => {\n        cancelAnimationFrame(this.nextCount);\n        this.nextCount = requestAnimationFrame(this.doCountdown);\n    };\n\n    private holdCountdown = (): void => {\n        this.stopCountdown();\n        this.addEventListener('focusout', this.resumeCountdown);\n    };\n\n    private resumeCountdown = (): void => {\n        this.removeEventListener('focusout', this.holdCountdown);\n        this.countdown();\n    };\n\n    private startCountdown(): void {\n        this.countdown();\n        this.addEventListener('focusin', this.holdCountdown);\n    }\n\n    private stopCountdown(): void {\n        cancelAnimationFrame(this.nextCount);\n        this.countdownStart = 0;\n    }\n\n    private shouldClose(): void {\n        const applyDefault = this.dispatchEvent(\n            new CustomEvent('close', {\n                composed: true,\n                bubbles: true,\n                cancelable: true,\n            })\n        );\n        if (applyDefault) {\n            this.close();\n        }\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.renderIcon(this.variant)}\n            <div class=\"body\" role=\"alert\">\n                <div class=\"content\">\n                    <slot></slot>\n                </div>\n                <slot name=\"action\"></slot>\n            </div>\n            <div class=\"buttons\">\n                <sp-close-button\n                    @click=${this.shouldClose}\n                    label=\"Close\"\n                    variant=\"white\"\n                ></sp-close-button>\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('open')) {\n            if (this.open) {\n                if (this.timeout) {\n                    this.startCountdown();\n                }\n            } else {\n                if (this.timeout) {\n                    this.stopCountdown();\n                }\n            }\n        }\n        if (changes.has('timeout')) {\n            if (this.timeout !== null && this.open) {\n                this.startCountdown();\n            } else {\n                this.stopCountdown();\n            }\n        }\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["html", "SpectrumElement", "property", "toastStyles", "time", "timeout", "newTimeout", "oldValue", "variant", "changes", "__decorateClass"]
 }

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

@@ -3,7 +3,7 @@ import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-toast-font-weight:var(
 --spectrum-font-weight-regular
-);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
+);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
 --spectrum-spacing-300
 );--spectrum-toast-spacing-text-and-action-button-to-divider:var(
 --spectrum-spacing-300

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-toast.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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
+  "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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuIf,eAAe;",
   "names": []
 }

package/src/spectrum-toast.css.js

@@ -1,7 +1,7 @@
 "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{--spectrum-toast-font-weight:var(
 --spectrum-font-weight-regular
-);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
+);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
 --spectrum-spacing-300
 );--spectrum-toast-spacing-text-and-action-button-to-divider:var(
 --spectrum-spacing-300

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-toast.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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\n`;\nexport default styles;"],
+  "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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuIf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/toast.css.dev.js

@@ -3,7 +3,7 @@ import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-toast-font-weight:var(
 --spectrum-font-weight-regular
-);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
+);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
 --spectrum-spacing-300
 );--spectrum-toast-spacing-text-and-action-button-to-divider:var(
 --spectrum-spacing-300

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["toast.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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host(:not([open])){display:none}\n`;\nexport default styles;"],
+  "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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host(:not([open])){display: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuIf,eAAe;",
   "names": []
 }

package/src/toast.css.js

@@ -1,7 +1,7 @@
 "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 :host{--spectrum-toast-font-weight:var(
 --spectrum-font-weight-regular
-);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
+);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(
 --spectrum-spacing-300
 );--spectrum-toast-spacing-text-and-action-button-to-divider:var(
 --spectrum-spacing-300

package/src/toast.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["toast.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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host(:not([open])){display:none}\n`;\nexport default styles;"],
+  "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-toast-font-weight:var(\n--spectrum-font-weight-regular\n);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-text-and-action-button-to-divider:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(\n--spectrum-spacing-100\n);--spectrum-toast-spacing-top-edge-to-icon:var(\n--spectrum-toast-top-to-workflow-icon\n);--spectrum-toast-spacing-text-to-action-button-horizontal:var(\n--spectrum-spacing-300\n);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(\n--spectrum-toast-top-to-text\n);--spectrum-toast-spacing-bottom-edge-to-text:var(\n--spectrum-toast-bottom-to-text\n);--spectrum-toast-negative-background-color-default:var(\n--spectrum-negative-background-color-default\n);--spectrum-toast-positive-background-color-default:var(\n--spectrum-positive-background-color-default\n);--spectrum-toast-informative-background-color-default:var(\n--spectrum-informative-background-color-default\n);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(\n--mod-toast-border-width,var(--spectrum-toast-border-width)\n) solid var(--highcontrast-toast-border-color,transparent)}}:host{-webkit-font-smoothing:antialiased;align-items:stretch;background-color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);border-radius:var(\n--mod-toast-corner-radius,var(--spectrum-toast-corner-radius)\n);box-sizing:border-box;color:var(\n--highcontrast-toast-background-color-default,var(\n--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)\n)\n);display:inline-flex;flex-direction:row;font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(\n--mod-toast-font-weight,var(--spectrum-toast-font-weight)\n);min-block-size:var(--spectrum-toast-block-size);padding-inline-start:var(\n--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon)\n)}:host([variant=negative]){background-color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-negative-background-color-default,var(\n--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)\n)\n)}:host([variant=info]){background-color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n);color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-informative-background-color-default,var(\n--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)\n)\n)}:host([variant=positive]){background-color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n);color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton.focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(\n--highcontrast-toast-positive-background-color-default,var(\n--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)\n)\n)}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(\n--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon)\n);margin-inline-end:var(\n--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text)\n);margin-inline-start:0}.content,.type{color:var(\n--highcontrast-toast-text-and-icon-color,var(\n--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)\n)\n)}.content{box-sizing:border-box;display:inline-block;flex:1 1 auto;line-height:var(\n--mod-toast-line-height,var(--spectrum-toast-line-height)\n);padding-block-end:calc(var(\n--mod-toast-spacing-bottom-edge-to-text,\nvar(--spectrum-toast-spacing-bottom-edge-to-text)\n) - var(\n--mod-toast-spacing-block-end,\nvar(--spectrum-toast-spacing-block-end)\n));padding-block-start:calc(var(\n--mod-toast-spacing-top-edge-to-text,\nvar(--spectrum-toast-spacing-top-edge-to-text)\n) - var(\n--mod-toast-spacing-block-start,\nvar(--spectrum-toast-spacing-block-start)\n));padding-inline-end:var(\n--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal)\n);padding-inline-start:0;text-align:start}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(\n--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk)\n)}.buttons{align-items:flex-start;border-inline-start-color:var(\n--mod-toast-divider-color,var(--spectrum-toast-divider-color)\n);display:flex;flex:0 0 auto;margin-block-end:var(\n--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider)\n);margin-block-start:var(\n--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider)\n);padding-inline-end:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}.buttons .spectrum-CloseButton{align-self:flex-start}.body{align-items:center;align-self:center;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-block-end:var(\n--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)\n);padding-block-start:var(\n--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)\n)}.body ::slotted([slot=action]){margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}:host([dir=ltr]) .body ::slotted([slot=action]){margin-left:auto}:host([dir=rtl]) .body ::slotted([slot=action]){margin-right:auto;margin-inline-end:var(\n--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider)\n)}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(\n--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button)\n)}:host{--spectrum-toast-background-color-default:var(\n--system-spectrum-toast-background-color-default\n)}:host(:not([open])){display: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuIf,eAAeC",
   "names": ["css", "styles"]
 }