@spectrum-web-components/dialog 0.40.4 → 0.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/dialog",
-    "version": "0.40.4",
+    "version": "0.41.0",
     "publishConfig": {
         "access": "public"
     },
@@ -73,18 +73,18 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/alert-dialog": "^0.40.4",
-        "@spectrum-web-components/base": "^0.40.4",
-        "@spectrum-web-components/button": "^0.40.4",
-        "@spectrum-web-components/button-group": "^0.40.4",
-        "@spectrum-web-components/divider": "^0.40.4",
-        "@spectrum-web-components/icons-workflow": "^0.40.4",
-        "@spectrum-web-components/modal": "^0.40.4",
-        "@spectrum-web-components/shared": "^0.40.4",
-        "@spectrum-web-components/underlay": "^0.40.4"
+        "@spectrum-web-components/alert-dialog": "^0.41.0",
+        "@spectrum-web-components/base": "^0.41.0",
+        "@spectrum-web-components/button": "^0.41.0",
+        "@spectrum-web-components/button-group": "^0.41.0",
+        "@spectrum-web-components/divider": "^0.41.0",
+        "@spectrum-web-components/icons-workflow": "^0.41.0",
+        "@spectrum-web-components/modal": "^0.41.0",
+        "@spectrum-web-components/shared": "^0.41.0",
+        "@spectrum-web-components/underlay": "^0.41.0"
     },
     "devDependencies": {
-        "@spectrum-css/dialog": "^9.1.0"
+        "@spectrum-css/dialog": "^9.2.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -92,5 +92,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
+    "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
 }

package/src/DialogBase.dev.js

@@ -139,7 +139,7 @@ export class DialogBase extends FocusVisiblePolyfillMixin(SpectrumElement) {
             ${this.underlay ? html`
                       <sp-underlay
                           ?open=${this.open}
-                          @click=${this.dismiss}
+                          @close=${this.dismiss}
                           @transitionrun=${this.handleTransitionEvent}
                           @transitionend=${this.handleUnderlayTransitionend}
                           @transitioncancel=${this.handleTransitionEvent}

package/src/DialogBase.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["DialogBase.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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/underlay/sp-underlay.js';\nimport '@spectrum-web-components/button/sp-button.js';\n\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport modalWrapperStyles from '@spectrum-web-components/modal/src/modal-wrapper.css.js';\nimport modalStyles from '@spectrum-web-components/modal/src/modal.css.js';\nimport { Dialog } from './Dialog.dev.js'\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared';\nimport { firstFocusableIn } from '@spectrum-web-components/shared/src/first-focusable-in.js';\n\n/**\n * @element sp-dialog-base\n *\n * @slot - A Dialog element to display.\n * @fires close - Announces that the dialog has been closed.\n */\nexport class DialogBase extends FocusVisiblePolyfillMixin(SpectrumElement) {\n    public static override get styles(): CSSResultArray {\n        return [modalWrapperStyles, modalStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public dismissable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    @property({ type: String, reflect: true })\n    public mode?: 'fullscreen' | 'fullscreenTakeover';\n\n    /**\n     * When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.\n     */\n    @property({ type: Boolean })\n    public responsive = false;\n\n    private transitionPromise = Promise.resolve();\n\n    private resolveTransitionPromise = (): void => {\n        return;\n    };\n\n    @property({ type: Boolean })\n    public underlay = false;\n\n    protected get dialog(): Dialog {\n        const dialog = (\n            this.shadowRoot.querySelector('slot') as HTMLSlotElement\n        ).assignedElements()[0] as Dialog;\n        if (window.__swc.DEBUG) {\n            if (!dialog) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> expects to be provided dialog content via its default slot.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/dialog-base/#dialog'\n                );\n            }\n        }\n        return dialog || this;\n    }\n\n    public override async focus(): Promise<void> {\n        if (this.shadowRoot) {\n            const firstFocusable = firstFocusableIn(this.dialog);\n            if (firstFocusable) {\n                if ((firstFocusable as SpectrumElement).updateComplete) {\n                    await firstFocusable.updateComplete;\n                }\n                firstFocusable.focus();\n            } else {\n                this.dialog.focus();\n            }\n            /* c8 ignore next 3 */\n        } else {\n            super.focus();\n        }\n    }\n\n    private animating = false;\n\n    public overlayWillCloseCallback(): boolean {\n        if (!this.open) return this.animating;\n        this.close();\n        return true;\n    }\n\n    private dismiss(): void {\n        if (!this.dismissable) {\n            return;\n        }\n        this.close();\n    }\n\n    protected handleClose(event: Event): void {\n        event.stopPropagation();\n        this.close();\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    private dispatchClosed(): void {\n        this.dispatchEvent(\n            new Event('close', {\n                bubbles: true,\n            })\n        );\n    }\n\n    private handleTransitionEvent(event: TransitionEvent): void {\n        this.dispatchEvent(\n            new TransitionEvent(event.type, {\n                bubbles: true,\n                composed: true,\n                propertyName: event.propertyName,\n            })\n        );\n    }\n\n    protected handleUnderlayTransitionend(event: TransitionEvent): void {\n        if (!this.open && event.propertyName === 'visibility') {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected handleModalTransitionend(event: TransitionEvent): void {\n        if (this.open || !this.underlay) {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected override update(changes: PropertyValues<this>): void {\n        if (changes.has('open') && changes.get('open') !== undefined) {\n            this.animating = true;\n            this.transitionPromise = new Promise((res) => {\n                this.resolveTransitionPromise = () => {\n                    this.animating = false;\n                    res();\n                };\n            });\n            if (!this.open) {\n                this.dispatchClosed();\n            }\n        }\n        super.update(changes);\n    }\n\n    protected renderDialog(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.underlay\n                ? html`\n                      <sp-underlay\n                          ?open=${this.open}\n                          @click=${this.dismiss}\n                          @transitionrun=${this.handleTransitionEvent}\n                          @transitionend=${this.handleUnderlayTransitionend}\n                          @transitioncancel=${this.handleTransitionEvent}\n                      ></sp-underlay>\n                  `\n                : nothing}\n            <div\n                class=\"modal ${this.mode}\"\n                @transitionrun=${this.handleTransitionEvent}\n                @transitionend=${this.handleModalTransitionend}\n                @transitioncancel=${this.handleTransitionEvent}\n                @close=${this.handleClose}\n            >\n                ${this.renderDialog()}\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('open')) {\n            if (this.open) {\n                if (\n                    'updateComplete' in this.dialog &&\n                    'shouldManageTabOrderForScrolling' in this.dialog\n                ) {\n                    this.dialog.updateComplete.then(() => {\n                        this.dialog.shouldManageTabOrderForScrolling();\n                    });\n                }\n            }\n        }\n    }\n\n    /**\n     * Bind the open/close transition into the update complete lifecycle so\n     * that the overlay system can wait for it to be \"visibly ready\" before\n     * attempting to throw focus into the content contained herein. Not\n     * waiting for this can cause small amounts of page scroll to happen\n     * while opening the Tray when focusable content is included: e.g. Menu\n     * elements whose selected Menu Item is not the first Menu Item.\n     */\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.transitionPromise;\n        return complete;\n    }\n}\n"],
+  "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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/underlay/sp-underlay.js';\nimport '@spectrum-web-components/button/sp-button.js';\n\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport modalWrapperStyles from '@spectrum-web-components/modal/src/modal-wrapper.css.js';\nimport modalStyles from '@spectrum-web-components/modal/src/modal.css.js';\nimport { Dialog } from './Dialog.dev.js'\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared';\nimport { firstFocusableIn } from '@spectrum-web-components/shared/src/first-focusable-in.js';\n\n/**\n * @element sp-dialog-base\n *\n * @slot - A Dialog element to display.\n * @fires close - Announces that the dialog has been closed.\n */\nexport class DialogBase extends FocusVisiblePolyfillMixin(SpectrumElement) {\n    public static override get styles(): CSSResultArray {\n        return [modalWrapperStyles, modalStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public dismissable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    @property({ type: String, reflect: true })\n    public mode?: 'fullscreen' | 'fullscreenTakeover';\n\n    /**\n     * When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.\n     */\n    @property({ type: Boolean })\n    public responsive = false;\n\n    private transitionPromise = Promise.resolve();\n\n    private resolveTransitionPromise = (): void => {\n        return;\n    };\n\n    @property({ type: Boolean })\n    public underlay = false;\n\n    protected get dialog(): Dialog {\n        const dialog = (\n            this.shadowRoot.querySelector('slot') as HTMLSlotElement\n        ).assignedElements()[0] as Dialog;\n        if (window.__swc.DEBUG) {\n            if (!dialog) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> expects to be provided dialog content via its default slot.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/dialog-base/#dialog'\n                );\n            }\n        }\n        return dialog || this;\n    }\n\n    public override async focus(): Promise<void> {\n        if (this.shadowRoot) {\n            const firstFocusable = firstFocusableIn(this.dialog);\n            if (firstFocusable) {\n                if ((firstFocusable as SpectrumElement).updateComplete) {\n                    await firstFocusable.updateComplete;\n                }\n                firstFocusable.focus();\n            } else {\n                this.dialog.focus();\n            }\n            /* c8 ignore next 3 */\n        } else {\n            super.focus();\n        }\n    }\n\n    private animating = false;\n\n    public overlayWillCloseCallback(): boolean {\n        if (!this.open) return this.animating;\n        this.close();\n        return true;\n    }\n\n    private dismiss(): void {\n        if (!this.dismissable) {\n            return;\n        }\n        this.close();\n    }\n\n    protected handleClose(event: Event): void {\n        event.stopPropagation();\n        this.close();\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    private dispatchClosed(): void {\n        this.dispatchEvent(\n            new Event('close', {\n                bubbles: true,\n            })\n        );\n    }\n\n    private handleTransitionEvent(event: TransitionEvent): void {\n        this.dispatchEvent(\n            new TransitionEvent(event.type, {\n                bubbles: true,\n                composed: true,\n                propertyName: event.propertyName,\n            })\n        );\n    }\n\n    protected handleUnderlayTransitionend(event: TransitionEvent): void {\n        if (!this.open && event.propertyName === 'visibility') {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected handleModalTransitionend(event: TransitionEvent): void {\n        if (this.open || !this.underlay) {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected override update(changes: PropertyValues<this>): void {\n        if (changes.has('open') && changes.get('open') !== undefined) {\n            this.animating = true;\n            this.transitionPromise = new Promise((res) => {\n                this.resolveTransitionPromise = () => {\n                    this.animating = false;\n                    res();\n                };\n            });\n            if (!this.open) {\n                this.dispatchClosed();\n            }\n        }\n        super.update(changes);\n    }\n\n    protected renderDialog(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.underlay\n                ? html`\n                      <sp-underlay\n                          ?open=${this.open}\n                          @close=${this.dismiss}\n                          @transitionrun=${this.handleTransitionEvent}\n                          @transitionend=${this.handleUnderlayTransitionend}\n                          @transitioncancel=${this.handleTransitionEvent}\n                      ></sp-underlay>\n                  `\n                : nothing}\n            <div\n                class=\"modal ${this.mode}\"\n                @transitionrun=${this.handleTransitionEvent}\n                @transitionend=${this.handleModalTransitionend}\n                @transitioncancel=${this.handleTransitionEvent}\n                @close=${this.handleClose}\n            >\n                ${this.renderDialog()}\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('open')) {\n            if (this.open) {\n                if (\n                    'updateComplete' in this.dialog &&\n                    'shouldManageTabOrderForScrolling' in this.dialog\n                ) {\n                    this.dialog.updateComplete.then(() => {\n                        this.dialog.shouldManageTabOrderForScrolling();\n                    });\n                }\n            }\n        }\n    }\n\n    /**\n     * Bind the open/close transition into the update complete lifecycle so\n     * that the overlay system can wait for it to be \"visibly ready\" before\n     * attempting to throw focus into the content contained herein. Not\n     * waiting for this can cause small amounts of page scroll to happen\n     * while opening the Tray when focusable content is included: e.g. Menu\n     * elements whose selected Menu Item is not the first Menu Item.\n     */\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.transitionPromise;\n        return complete;\n    }\n}\n"],
   "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,OAAO;AACP,OAAO;AAGP,OAAO;AACP,OAAO,wBAAwB;AAC/B,OAAO,iBAAiB;AAExB,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAQ1B,aAAM,mBAAmB,0BAA0B,eAAe,EAAE;AAAA,EAApE;AAAA;AAMH,SAAO,cAAc;AAGrB,SAAO,OAAO;AASd,SAAO,aAAa;AAEpB,SAAQ,oBAAoB,QAAQ,QAAQ;AAE5C,SAAQ,2BAA2B,MAAY;AAC3C;AAAA,IACJ;AAGA,SAAO,WAAW;AAmClB,SAAQ,YAAY;AAAA;AAAA,EA7DpB,WAA2B,SAAyB;AAChD,WAAO,CAAC,oBAAoB,WAAW;AAAA,EAC3C;AAAA,EA0BA,IAAc,SAAiB;AAC3B,UAAM,SACF,KAAK,WAAW,cAAc,MAAM,EACtC,iBAAiB,EAAE,CAAC;AACtB,QAAI,MAAoB;AACpB,UAAI,CAAC,QAAQ;AACT,eAAO,MAAM;AAAA,UACT;AAAA,UACA,IAAI,KAAK,SAAS;AAAA,UAClB;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,WAAO,UAAU;AAAA,EACrB;AAAA,EAEA,MAAsB,QAAuB;AACzC,QAAI,KAAK,YAAY;AACjB,YAAM,iBAAiB,iBAAiB,KAAK,MAAM;AACnD,UAAI,gBAAgB;AAChB,YAAK,eAAmC,gBAAgB;AACpD,gBAAM,eAAe;AAAA,QACzB;AACA,uBAAe,MAAM;AAAA,MACzB,OAAO;AACH,aAAK,OAAO,MAAM;AAAA,MACtB;AAAA,IAEJ,OAAO;AACH,YAAM,MAAM;AAAA,IAChB;AAAA,EACJ;AAAA,EAIO,2BAAoC;AACvC,QAAI,CAAC,KAAK;AAAM,aAAO,KAAK;AAC5B,SAAK,MAAM;AACX,WAAO;AAAA,EACX;AAAA,EAEQ,UAAgB;AACpB,QAAI,CAAC,KAAK,aAAa;AACnB;AAAA,IACJ;AACA,SAAK,MAAM;AAAA,EACf;AAAA,EAEU,YAAY,OAAoB;AACtC,UAAM,gBAAgB;AACtB,SAAK,MAAM;AAAA,EACf;AAAA,EAEO,QAAc;AACjB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,iBAAuB;AAC3B,SAAK;AAAA,MACD,IAAI,MAAM,SAAS;AAAA,QACf,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEQ,sBAAsB,OAA8B;AACxD,SAAK;AAAA,MACD,IAAI,gBAAgB,MAAM,MAAM;AAAA,QAC5B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,cAAc,MAAM;AAAA,MACxB,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEU,4BAA4B,OAA8B;AAChE,QAAI,CAAC,KAAK,QAAQ,MAAM,iBAAiB,cAAc;AACnD,WAAK,yBAAyB;AAAA,IAClC;AACA,SAAK,sBAAsB,KAAK;AAAA,EACpC;AAAA,EAEU,yBAAyB,OAA8B;AAC7D,QAAI,KAAK,QAAQ,CAAC,KAAK,UAAU;AAC7B,WAAK,yBAAyB;AAAA,IAClC;AACA,SAAK,sBAAsB,KAAK;AAAA,EACpC;AAAA,EAEmB,OAAO,SAAqC;AAC3D,QAAI,QAAQ,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,MAAM,QAAW;AAC1D,WAAK,YAAY;AACjB,WAAK,oBAAoB,IAAI,QAAQ,CAAC,QAAQ;AAC1C,aAAK,2BAA2B,MAAM;AAClC,eAAK,YAAY;AACjB,cAAI;AAAA,QACR;AAAA,MACJ,CAAC;AACD,UAAI,CAAC,KAAK,MAAM;AACZ,aAAK,eAAe;AAAA,MACxB;AAAA,IACJ;AACA,UAAM,OAAO,OAAO;AAAA,EACxB;AAAA,EAEU,eAA+B;AACrC,WAAO;AAAA;AAAA;AAAA,EAGX;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,cACD,KAAK,WACD;AAAA;AAAA,kCAEgB,KAAK,IAAI;AAAA,mCACR,KAAK,OAAO;AAAA,2CACJ,KAAK,qBAAqB;AAAA,2CAC1B,KAAK,2BAA2B;AAAA,8CAC7B,KAAK,qBAAqB;AAAA;AAAA,sBAGtD,OAAO;AAAA;AAAA,+BAEM,KAAK,IAAI;AAAA,iCACP,KAAK,qBAAqB;AAAA,iCAC1B,KAAK,wBAAwB;AAAA,oCAC1B,KAAK,qBAAqB;AAAA,yBACrC,KAAK,WAAW;AAAA;AAAA,kBAEvB,KAAK,aAAa,CAAC;AAAA;AAAA;AAAA,EAGjC;AAAA,EAEmB,QAAQ,SAAqC;AAC5D,QAAI,QAAQ,IAAI,MAAM,GAAG;AACrB,UAAI,KAAK,MAAM;AACX,YACI,oBAAoB,KAAK,UACzB,sCAAsC,KAAK,QAC7C;AACE,eAAK,OAAO,eAAe,KAAK,MAAM;AAClC,iBAAK,OAAO,iCAAiC;AAAA,UACjD,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,MAAyB,oBAAsC;AAC3D,UAAM,WAAY,MAAM,MAAM,kBAAkB;AAChD,UAAM,KAAK;AACX,WAAO;AAAA,EACX;AACJ;AA3LW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GALjC,WAMF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GARjC,WASF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAXhC,WAYF;AAMA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAjBlB,WAkBF;AASA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GA1BlB,WA2BF;",
   "names": []
 }

package/src/DialogBase.js

@@ -4,7 +4,7 @@
             ${this.underlay?d`
                       <sp-underlay
                           ?open=${this.open}
-                          @click=${this.dismiss}
+                          @close=${this.dismiss}
                           @transitionrun=${this.handleTransitionEvent}
                           @transitionend=${this.handleUnderlayTransitionend}
                           @transitioncancel=${this.handleTransitionEvent}

package/src/DialogBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["DialogBase.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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/underlay/sp-underlay.js';\nimport '@spectrum-web-components/button/sp-button.js';\n\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport modalWrapperStyles from '@spectrum-web-components/modal/src/modal-wrapper.css.js';\nimport modalStyles from '@spectrum-web-components/modal/src/modal.css.js';\nimport { Dialog } from './Dialog.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared';\nimport { firstFocusableIn } from '@spectrum-web-components/shared/src/first-focusable-in.js';\n\n/**\n * @element sp-dialog-base\n *\n * @slot - A Dialog element to display.\n * @fires close - Announces that the dialog has been closed.\n */\nexport class DialogBase extends FocusVisiblePolyfillMixin(SpectrumElement) {\n    public static override get styles(): CSSResultArray {\n        return [modalWrapperStyles, modalStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public dismissable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    @property({ type: String, reflect: true })\n    public mode?: 'fullscreen' | 'fullscreenTakeover';\n\n    /**\n     * When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.\n     */\n    @property({ type: Boolean })\n    public responsive = false;\n\n    private transitionPromise = Promise.resolve();\n\n    private resolveTransitionPromise = (): void => {\n        return;\n    };\n\n    @property({ type: Boolean })\n    public underlay = false;\n\n    protected get dialog(): Dialog {\n        const dialog = (\n            this.shadowRoot.querySelector('slot') as HTMLSlotElement\n        ).assignedElements()[0] as Dialog;\n        if (window.__swc.DEBUG) {\n            if (!dialog) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> expects to be provided dialog content via its default slot.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/dialog-base/#dialog'\n                );\n            }\n        }\n        return dialog || this;\n    }\n\n    public override async focus(): Promise<void> {\n        if (this.shadowRoot) {\n            const firstFocusable = firstFocusableIn(this.dialog);\n            if (firstFocusable) {\n                if ((firstFocusable as SpectrumElement).updateComplete) {\n                    await firstFocusable.updateComplete;\n                }\n                firstFocusable.focus();\n            } else {\n                this.dialog.focus();\n            }\n            /* c8 ignore next 3 */\n        } else {\n            super.focus();\n        }\n    }\n\n    private animating = false;\n\n    public overlayWillCloseCallback(): boolean {\n        if (!this.open) return this.animating;\n        this.close();\n        return true;\n    }\n\n    private dismiss(): void {\n        if (!this.dismissable) {\n            return;\n        }\n        this.close();\n    }\n\n    protected handleClose(event: Event): void {\n        event.stopPropagation();\n        this.close();\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    private dispatchClosed(): void {\n        this.dispatchEvent(\n            new Event('close', {\n                bubbles: true,\n            })\n        );\n    }\n\n    private handleTransitionEvent(event: TransitionEvent): void {\n        this.dispatchEvent(\n            new TransitionEvent(event.type, {\n                bubbles: true,\n                composed: true,\n                propertyName: event.propertyName,\n            })\n        );\n    }\n\n    protected handleUnderlayTransitionend(event: TransitionEvent): void {\n        if (!this.open && event.propertyName === 'visibility') {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected handleModalTransitionend(event: TransitionEvent): void {\n        if (this.open || !this.underlay) {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected override update(changes: PropertyValues<this>): void {\n        if (changes.has('open') && changes.get('open') !== undefined) {\n            this.animating = true;\n            this.transitionPromise = new Promise((res) => {\n                this.resolveTransitionPromise = () => {\n                    this.animating = false;\n                    res();\n                };\n            });\n            if (!this.open) {\n                this.dispatchClosed();\n            }\n        }\n        super.update(changes);\n    }\n\n    protected renderDialog(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.underlay\n                ? html`\n                      <sp-underlay\n                          ?open=${this.open}\n                          @click=${this.dismiss}\n                          @transitionrun=${this.handleTransitionEvent}\n                          @transitionend=${this.handleUnderlayTransitionend}\n                          @transitioncancel=${this.handleTransitionEvent}\n                      ></sp-underlay>\n                  `\n                : nothing}\n            <div\n                class=\"modal ${this.mode}\"\n                @transitionrun=${this.handleTransitionEvent}\n                @transitionend=${this.handleModalTransitionend}\n                @transitioncancel=${this.handleTransitionEvent}\n                @close=${this.handleClose}\n            >\n                ${this.renderDialog()}\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('open')) {\n            if (this.open) {\n                if (\n                    'updateComplete' in this.dialog &&\n                    'shouldManageTabOrderForScrolling' in this.dialog\n                ) {\n                    this.dialog.updateComplete.then(() => {\n                        this.dialog.shouldManageTabOrderForScrolling();\n                    });\n                }\n            }\n        }\n    }\n\n    /**\n     * Bind the open/close transition into the update complete lifecycle so\n     * that the overlay system can wait for it to be \"visibly ready\" before\n     * attempting to throw focus into the content contained herein. Not\n     * waiting for this can cause small amounts of page scroll to happen\n     * while opening the Tray when focusable content is included: e.g. Menu\n     * elements whose selected Menu Item is not the first Menu Item.\n     */\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.transitionPromise;\n        return complete;\n    }\n}\n"],
+  "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    nothing,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/underlay/sp-underlay.js';\nimport '@spectrum-web-components/button/sp-button.js';\n\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport modalWrapperStyles from '@spectrum-web-components/modal/src/modal-wrapper.css.js';\nimport modalStyles from '@spectrum-web-components/modal/src/modal.css.js';\nimport { Dialog } from './Dialog.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared';\nimport { firstFocusableIn } from '@spectrum-web-components/shared/src/first-focusable-in.js';\n\n/**\n * @element sp-dialog-base\n *\n * @slot - A Dialog element to display.\n * @fires close - Announces that the dialog has been closed.\n */\nexport class DialogBase extends FocusVisiblePolyfillMixin(SpectrumElement) {\n    public static override get styles(): CSSResultArray {\n        return [modalWrapperStyles, modalStyles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public dismissable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    @property({ type: String, reflect: true })\n    public mode?: 'fullscreen' | 'fullscreenTakeover';\n\n    /**\n     * When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.\n     */\n    @property({ type: Boolean })\n    public responsive = false;\n\n    private transitionPromise = Promise.resolve();\n\n    private resolveTransitionPromise = (): void => {\n        return;\n    };\n\n    @property({ type: Boolean })\n    public underlay = false;\n\n    protected get dialog(): Dialog {\n        const dialog = (\n            this.shadowRoot.querySelector('slot') as HTMLSlotElement\n        ).assignedElements()[0] as Dialog;\n        if (window.__swc.DEBUG) {\n            if (!dialog) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> expects to be provided dialog content via its default slot.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/dialog-base/#dialog'\n                );\n            }\n        }\n        return dialog || this;\n    }\n\n    public override async focus(): Promise<void> {\n        if (this.shadowRoot) {\n            const firstFocusable = firstFocusableIn(this.dialog);\n            if (firstFocusable) {\n                if ((firstFocusable as SpectrumElement).updateComplete) {\n                    await firstFocusable.updateComplete;\n                }\n                firstFocusable.focus();\n            } else {\n                this.dialog.focus();\n            }\n            /* c8 ignore next 3 */\n        } else {\n            super.focus();\n        }\n    }\n\n    private animating = false;\n\n    public overlayWillCloseCallback(): boolean {\n        if (!this.open) return this.animating;\n        this.close();\n        return true;\n    }\n\n    private dismiss(): void {\n        if (!this.dismissable) {\n            return;\n        }\n        this.close();\n    }\n\n    protected handleClose(event: Event): void {\n        event.stopPropagation();\n        this.close();\n    }\n\n    public close(): void {\n        this.open = false;\n    }\n\n    private dispatchClosed(): void {\n        this.dispatchEvent(\n            new Event('close', {\n                bubbles: true,\n            })\n        );\n    }\n\n    private handleTransitionEvent(event: TransitionEvent): void {\n        this.dispatchEvent(\n            new TransitionEvent(event.type, {\n                bubbles: true,\n                composed: true,\n                propertyName: event.propertyName,\n            })\n        );\n    }\n\n    protected handleUnderlayTransitionend(event: TransitionEvent): void {\n        if (!this.open && event.propertyName === 'visibility') {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected handleModalTransitionend(event: TransitionEvent): void {\n        if (this.open || !this.underlay) {\n            this.resolveTransitionPromise();\n        }\n        this.handleTransitionEvent(event);\n    }\n\n    protected override update(changes: PropertyValues<this>): void {\n        if (changes.has('open') && changes.get('open') !== undefined) {\n            this.animating = true;\n            this.transitionPromise = new Promise((res) => {\n                this.resolveTransitionPromise = () => {\n                    this.animating = false;\n                    res();\n                };\n            });\n            if (!this.open) {\n                this.dispatchClosed();\n            }\n        }\n        super.update(changes);\n    }\n\n    protected renderDialog(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.underlay\n                ? html`\n                      <sp-underlay\n                          ?open=${this.open}\n                          @close=${this.dismiss}\n                          @transitionrun=${this.handleTransitionEvent}\n                          @transitionend=${this.handleUnderlayTransitionend}\n                          @transitioncancel=${this.handleTransitionEvent}\n                      ></sp-underlay>\n                  `\n                : nothing}\n            <div\n                class=\"modal ${this.mode}\"\n                @transitionrun=${this.handleTransitionEvent}\n                @transitionend=${this.handleModalTransitionend}\n                @transitioncancel=${this.handleTransitionEvent}\n                @close=${this.handleClose}\n            >\n                ${this.renderDialog()}\n            </div>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        if (changes.has('open')) {\n            if (this.open) {\n                if (\n                    'updateComplete' in this.dialog &&\n                    'shouldManageTabOrderForScrolling' in this.dialog\n                ) {\n                    this.dialog.updateComplete.then(() => {\n                        this.dialog.shouldManageTabOrderForScrolling();\n                    });\n                }\n            }\n        }\n    }\n\n    /**\n     * Bind the open/close transition into the update complete lifecycle so\n     * that the overlay system can wait for it to be \"visibly ready\" before\n     * attempting to throw focus into the content contained herein. Not\n     * waiting for this can cause small amounts of page scroll to happen\n     * while opening the Tray when focusable content is included: e.g. Menu\n     * elements whose selected Menu Item is not the first Menu Item.\n     */\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.transitionPromise;\n        return complete;\n    }\n}\n"],
   "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EAEA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,MAAO,mDACP,MAAO,+CAGP,MAAO,+CACP,OAAOC,MAAwB,0DAC/B,OAAOC,MAAiB,kDAExB,OAAS,6BAAAC,MAAiC,kCAC1C,OAAS,oBAAAC,MAAwB,4DAQ1B,aAAM,mBAAmBD,EAA0BJ,CAAe,CAAE,CAApE,kCAMH,KAAO,YAAc,GAGrB,KAAO,KAAO,GASd,KAAO,WAAa,GAEpB,KAAQ,kBAAoB,QAAQ,QAAQ,EAE5C,KAAQ,yBAA2B,IAAY,CAE/C,EAGA,KAAO,SAAW,GAmClB,KAAQ,UAAY,GA7DpB,WAA2B,QAAyB,CAChD,MAAO,CAACE,EAAoBC,CAAW,CAC3C,CA0BA,IAAc,QAAiB,CAa3B,OAXI,KAAK,WAAW,cAAc,MAAM,EACtC,iBAAiB,EAAE,CAAC,GAUL,IACrB,CAEA,MAAsB,OAAuB,CACzC,GAAI,KAAK,WAAY,CACjB,MAAMG,EAAiBD,EAAiB,KAAK,MAAM,EAC/CC,GACKA,EAAmC,gBACpC,MAAMA,EAAe,eAEzBA,EAAe,MAAM,GAErB,KAAK,OAAO,MAAM,CAG1B,MACI,MAAM,MAAM,CAEpB,CAIO,0BAAoC,CACvC,OAAK,KAAK,MACV,KAAK,MAAM,EACJ,IAFgB,KAAK,SAGhC,CAEQ,SAAgB,CACf,KAAK,aAGV,KAAK,MAAM,CACf,CAEU,YAAYC,EAAoB,CACtCA,EAAM,gBAAgB,EACtB,KAAK,MAAM,CACf,CAEO,OAAc,CACjB,KAAK,KAAO,EAChB,CAEQ,gBAAuB,CAC3B,KAAK,cACD,IAAI,MAAM,QAAS,CACf,QAAS,EACb,CAAC,CACL,CACJ,CAEQ,sBAAsBA,EAA8B,CACxD,KAAK,cACD,IAAI,gBAAgBA,EAAM,KAAM,CAC5B,QAAS,GACT,SAAU,GACV,aAAcA,EAAM,YACxB,CAAC,CACL,CACJ,CAEU,4BAA4BA,EAA8B,CAC5D,CAAC,KAAK,MAAQA,EAAM,eAAiB,cACrC,KAAK,yBAAyB,EAElC,KAAK,sBAAsBA,CAAK,CACpC,CAEU,yBAAyBA,EAA8B,EACzD,KAAK,MAAQ,CAAC,KAAK,WACnB,KAAK,yBAAyB,EAElC,KAAK,sBAAsBA,CAAK,CACpC,CAEmB,OAAOC,EAAqC,CACvDA,EAAQ,IAAI,MAAM,GAAKA,EAAQ,IAAI,MAAM,IAAM,SAC/C,KAAK,UAAY,GACjB,KAAK,kBAAoB,IAAI,QAASC,GAAQ,CAC1C,KAAK,yBAA2B,IAAM,CAClC,KAAK,UAAY,GACjBA,EAAI,CACR,CACJ,CAAC,EACI,KAAK,MACN,KAAK,eAAe,GAG5B,MAAM,OAAOD,CAAO,CACxB,CAEU,cAA+B,CACrC,OAAOV;AAAA;AAAA,SAGX,CAEmB,QAAyB,CACxC,OAAOA;AAAA,cACD,KAAK,SACDA;AAAA;AAAA,kCAEgB,KAAK,IAAI;AAAA,mCACR,KAAK,OAAO;AAAA,2CACJ,KAAK,qBAAqB;AAAA,2CAC1B,KAAK,2BAA2B;AAAA,8CAC7B,KAAK,qBAAqB;AAAA;AAAA,oBAGtDC,CAAO;AAAA;AAAA,+BAEM,KAAK,IAAI;AAAA,iCACP,KAAK,qBAAqB;AAAA,iCAC1B,KAAK,wBAAwB;AAAA,oCAC1B,KAAK,qBAAqB;AAAA,yBACrC,KAAK,WAAW;AAAA;AAAA,kBAEvB,KAAK,aAAa,CAAC;AAAA;AAAA,SAGjC,CAEmB,QAAQS,EAAqC,CACxDA,EAAQ,IAAI,MAAM,GACd,KAAK,MAED,mBAAoB,KAAK,QACzB,qCAAsC,KAAK,QAE3C,KAAK,OAAO,eAAe,KAAK,IAAM,CAClC,KAAK,OAAO,iCAAiC,CACjD,CAAC,CAIjB,CAUA,MAAyB,mBAAsC,CAC3D,MAAME,EAAY,MAAM,MAAM,kBAAkB,EAChD,aAAM,KAAK,kBACJA,CACX,CACJ,CA3LWC,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GALjC,WAMF,2BAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARjC,WASF,oBAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAXhC,WAYF,oBAMAU,EAAA,CADNV,EAAS,CAAE,KAAM,OAAQ,CAAC,GAjBlB,WAkBF,0BASAU,EAAA,CADNV,EAAS,CAAE,KAAM,OAAQ,CAAC,GA1BlB,WA2BF",
   "names": ["html", "nothing", "SpectrumElement", "property", "modalWrapperStyles", "modalStyles", "FocusVisiblePolyfillMixin", "firstFocusableIn", "firstFocusable", "event", "changes", "res", "complete", "__decorateClass"]
 }

package/src/dialog.css.dev.js

@@ -66,7 +66,7 @@ var(--spectrum-dialog-confirm-divider-block-spacing-start)
 ) + var(
 --mod-dialog-confirm-divider-height,
 var(--spectrum-dialog-confirm-divider-height)
-))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(
+))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(
 --mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)
 );font-size:var(
 --mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["dialog.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(\n--spectrum-dialog-confirm-description-text-color,var(--spectrum-global-color-gray-800)\n)}.type-icon{color:var(\n--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color)\n);grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){height:auto;width:100%}.grid{grid-template-areas:\"hero hero    hero    hero        hero        hero\" \".    .       .       .           .           .\" \".    heading heading heading     typeIcon    .\" \".    divider divider divider     divider     .\" \".    content content content     content     .\" \".    footer  footer  buttonGroup buttonGroup .\" \".    .       .       .           .           .\"}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(\n--spectrum-dialog-confirm-description-text-color,var(--spectrum-global-color-gray-800)\n)}.type-icon{color:var(\n--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color)\n);grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){height:auto;width:100%}.grid{grid-template-areas:\"hero hero    hero    hero        hero        hero\" \".    .       .       .           .           .\" \".    heading heading heading     typeIcon    .\" \".    divider divider divider     divider     .\" \".    content content content     content     .\" \".    footer  footer  buttonGroup buttonGroup .\" \".    .       .       .           .           .\"}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiJf,eAAe;",
   "names": []
 }

package/src/dialog.css.js

@@ -64,7 +64,7 @@ var(--spectrum-dialog-confirm-divider-block-spacing-start)
 ) + var(
 --mod-dialog-confirm-divider-height,
 var(--spectrum-dialog-confirm-divider-height)
-))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(
+))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(
 --mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)
 );font-size:var(
 --mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)

package/src/dialog.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["dialog.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(\n--spectrum-dialog-confirm-description-text-color,var(--spectrum-global-color-gray-800)\n)}.type-icon{color:var(\n--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color)\n);grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){height:auto;width:100%}.grid{grid-template-areas:\"hero hero    hero    hero        hero        hero\" \".    .       .       .           .           .\" \".    heading heading heading     typeIcon    .\" \".    divider divider divider     divider     .\" \".    content content content     content     .\" \".    footer  footer  buttonGroup buttonGroup .\" \".    .       .       .           .           .\"}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(\n--spectrum-dialog-confirm-description-text-color,var(--spectrum-global-color-gray-800)\n)}.type-icon{color:var(\n--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color)\n);grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){height:auto;width:100%}.grid{grid-template-areas:\"hero hero    hero    hero        hero        hero\" \".    .       .       .           .           .\" \".    heading heading heading     typeIcon    .\" \".    divider divider divider     divider     .\" \".    content content content     content     .\" \".    footer  footer  buttonGroup buttonGroup .\" \".    .       .       .           .           .\"}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiJf,eAAeC",
   "names": ["css", "styles"]
 }

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

@@ -66,7 +66,7 @@ var(--spectrum-dialog-confirm-divider-block-spacing-start)
 ) + var(
 --mod-dialog-confirm-divider-height,
 var(--spectrum-dialog-confirm-divider-height)
-))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(
+))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(
 --mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)
 );font-size:var(
 --mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-dialog.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6If,eAAe;",
   "names": []
 }

package/src/spectrum-dialog.css.js

@@ -64,7 +64,7 @@ var(--spectrum-dialog-confirm-divider-block-spacing-start)
 ) + var(
 --mod-dialog-confirm-divider-height,
 var(--spectrum-dialog-confirm-divider-height)
-))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(
+))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(
 --mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)
 );font-size:var(
 --mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-dialog.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(\n--spectrum-spacing-300\n);--spectrum-dialog-confirm-divider-block-spacing-end:var(\n--spectrum-spacing-200\n);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-confirm-title-text-line-height:var(\n--spectrum-line-height-100\n);--spectrum-dialog-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-dialog-confirm-buttongroup-padding-top:var(\n--spectrum-spacing-600\n);--spectrum-dialog-confirm-close-button-size:var(\n--spectrum-component-height-100\n);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50)}:host{box-sizing:border-box;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;max-height:inherit;min-inline-size:var(\n--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size)\n);outline:none}:host([size=s]){inline-size:var(\n--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width)\n)}:host([size=m]){inline-size:var(\n--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width)\n)}:host([size=l]){inline-size:var(\n--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width)\n)}::slotted([slot=hero]){background-position:50%;background-size:cover;border-top-left-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);border-top-right-radius:var(\n--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius)\n);grid-area:hero;height:var(\n--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height)\n);overflow:hidden}.grid{display:grid;grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);inline-size:100%}::slotted([slot=heading]){color:var(\n--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color)\n);font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n);font-weight:var(\n--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight)\n);grid-area:heading;line-height:var(\n--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height)\n);margin:0;outline:none;padding-inline-end:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;justify-content:flex-end;outline:none}.divider{grid-area:divider;inline-size:100%;margin-block-end:var(\n--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)\n);margin-block-start:var(\n--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)\n)}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) - var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(\n--mod-dialog-confirm-divider-block-spacing-end,\nvar(--spectrum-dialog-confirm-divider-block-spacing-end)\n) + var(\n--mod-dialog-confirm-divider-block-spacing-start,\nvar(--spectrum-dialog-confirm-divider-block-spacing-start)\n) + var(\n--mod-dialog-confirm-divider-height,\nvar(--spectrum-dialog-confirm-divider-height)\n))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);font-size:var(\n--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size)\n);font-weight:var(\n--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight)\n);grid-area:content;line-height:var(\n--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height)\n);margin:0 var(\n--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin)\n);outline:none;overflow-y:auto;padding:calc(var(\n--mod-dialog-confirm-description-padding,\nvar(--spectrum-dialog-confirm-description-padding)\n)*2)}.footer{display:flex;flex-wrap:wrap;grid-area:footer;outline:none;padding-block-start:var(\n--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top)\n)}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{display:flex;grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n);padding-inline-start:var(\n--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size)\n)}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading header header typeIcon closeButton closeButton\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(\n--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color)\n);grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;margin-block-start:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);margin-inline-end:var(\n--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding)\n);place-self:start end}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){border-radius:0;inline-size:100%;height:100%}:host([mode=fullscreenTakeover]),:host([mode=fullscreen]){max-height:none;max-inline-size:none}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . . . .\" \". heading header buttonGroup .\" \". divider divider divider .\" \". content content content .\" \". . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr auto auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size)\n)}:host([mode=fullscreenTakeover]) .content,:host([mode=fullscreen]) .content{max-height:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer{padding-block-start:0}:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreen]) .footer{display:none}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{align-self:start;grid-area:buttonGroup}@media screen and (max-width:700px){.grid{grid-template-areas:\"hero hero hero hero hero hero\" \". . . . . .\" \". heading heading heading heading .\" \". header header header header .\" \". divider divider divider divider .\" \". content content content content .\" \". footer footer buttonGroup buttonGroup .\" \". . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([dismissable]) .grid{grid-template-areas:\"hero hero hero hero hero hero hero\" \". . . . . closeButton closeButton\" \". heading heading heading heading closeButton closeButton\" \". header header header header header .\" \". divider divider divider divider divider .\" \". content content content content content .\" \". footer footer buttonGroup buttonGroup buttonGroup .\" \". . . . . . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto 1fr auto minmax(0,auto) minmax(0,var(\n--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)\n)) var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}.header{justify-content:flex-start}:host([mode=fullscreenTakeover]) .grid,:host([mode=fullscreen]) .grid{display:grid;grid-template-areas:\". . .\" \". heading .\" \". header .\" \". divider .\" \". content .\" \". buttonGroup .\" \". . .\";grid-template-columns:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) 1fr var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n);grid-template-rows:var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n) auto auto auto 1fr auto var(\n--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid)\n)}:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreen]) .button-group{padding-block-start:var(\n--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top)\n)}:host([mode=fullscreenTakeover]) ::slotted([slot=heading]),:host([mode=fullscreen]) ::slotted([slot=heading]){font-size:var(\n--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size)\n)}}@media (forced-colors:active){:host{border:solid}}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6If,eAAeC",
   "names": ["css", "styles"]
 }