@spectrum-web-components/card 0.12.2 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/card",
-    "version": "0.12.2",
+    "version": "0.13.0",
     "publishConfig": {
         "access": "public"
     },
@@ -59,15 +59,15 @@
     "dependencies": {
         "@spectrum-web-components/asset": "^0.7.0",
         "@spectrum-web-components/base": "^0.7.0",
-        "@spectrum-web-components/checkbox": "^0.14.0",
-        "@spectrum-web-components/icons-workflow": "^0.9.0",
+        "@spectrum-web-components/checkbox": "^0.14.2",
+        "@spectrum-web-components/icons-workflow": "^0.9.1",
         "@spectrum-web-components/quick-actions": "^0.7.0",
-        "@spectrum-web-components/shared": "^0.15.0",
-        "@spectrum-web-components/styles": "^0.17.1",
+        "@spectrum-web-components/shared": "^0.15.1",
+        "@spectrum-web-components/styles": "^0.19.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/card": "^5.0.0"
+        "@spectrum-css/card": "^5.0.1"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -75,5 +75,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "60b2d3b7d9020d72f9ae930568670321a1918e6f"
+    "gitHead": "96da2eef637c5d50dd04a75d40a46353116787b4"
 }

package/src/Card.dev.js

@@ -152,8 +152,10 @@ export class Card extends LikeAnchor(
         this.click();
       }
       this.removeEventListener("pointerup", handleEnd);
+      this.removeEventListener("pointercancel", handleEnd);
     };
     this.addEventListener("pointerup", handleEnd);
+    this.addEventListener("pointercancel", handleEnd);
   }
   get renderHeading() {
     return html`

package/src/Card.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Card.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport '@spectrum-web-components/asset/sp-asset.js';\n\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/quick-actions/sp-quick-actions.js';\nimport cardStyles from './card.css.js';\nimport headingStyles from '@spectrum-web-components/styles/heading.js';\nimport detailStyles from '@spectrum-web-components/styles/detail.js';\n\n/**\n * @element sp-card\n *\n * @fires change - Announces a change in the `selected` property of a card\n * @slot preview - This is the preview image for Gallery Cards\n * @slot cover-photo - This is the cover photo for Default and Quiet Cards\n * @slot heading - HTML content to be listed as the heading\n * @slot subheading - HTML content to be listed as the subheading\n * @slot description - A description of the card\n * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object\n * @slot footer - Footer text\n */\nexport class Card extends LikeAnchor(\n    SizedMixin(\n        ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [\n            '[slot=\"cover-photo\"]',\n            '[slot=\"preview\"]',\n        ]),\n        {\n            validSizes: ['s', 'm'],\n        }\n    )\n) {\n    public static override get styles(): CSSResultArray {\n        return [headingStyles, detailStyles, cardStyles];\n    }\n\n    @property()\n    public asset?: 'file' | 'folder';\n\n    @property({ reflect: true })\n    public variant: 'standard' | 'gallery' | 'quiet' = 'standard';\n\n    @property({ type: Boolean, reflect: true })\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(selected: boolean) {\n        if (selected === this.selected) return;\n        this._selected = selected;\n        this.requestUpdate('selected', !this._selected);\n    }\n\n    private _selected = false;\n\n    @property()\n    public heading = '';\n\n    @property({ type: Boolean, reflect: true })\n    public horizontal = false;\n\n    @query('#like-anchor')\n    private likeAnchor?: HTMLAnchorElement;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public toggles = false;\n\n    @property()\n    public value = '';\n\n    @property()\n    public subheading = '';\n\n    protected get hasCoverPhoto(): boolean {\n        return this.getSlotContentPresence('[slot=\"cover-photo\"]');\n    }\n\n    protected get hasPreview(): boolean {\n        return this.getSlotContentPresence('[slot=\"preview\"]');\n    }\n\n    public override click(): void {\n        this.likeAnchor?.click();\n    }\n\n    private handleFocusin = (event: Event): void => {\n        this.focused = true;\n        const target = event.composedPath()[0];\n        if (target !== this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n            return;\n        }\n        this.addEventListener('keydown', this.handleKeydown);\n    };\n\n    private handleFocusout(event: Event): void {\n        this.focused = false;\n        const target = event.composedPath()[0];\n        if (target === this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.toggleSelected();\n                if (this.toggles) {\n                    event.preventDefault();\n                    break;\n                }\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n        }\n    }\n\n    private handleSelectedChange(event: Event & { target: Checkbox }): void {\n        event.stopPropagation();\n        this.selected = event.target.checked;\n        this.announceChange();\n    }\n\n    public toggleSelected(): void {\n        if (!this.toggles) {\n            this.dispatchEvent(\n                new Event('click', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        }\n        this.selected = !this.selected;\n        this.announceChange();\n    }\n\n    private announceChange(): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            this.selected = !this.selected;\n        }\n    }\n\n    private stopPropagationOnHref(event: Event): void {\n        if (this.href) {\n            event.stopPropagation();\n        }\n    }\n\n    private handlePointerdown(event: Event): void {\n        const path = event.composedPath();\n        const hasAnchor = path.some(\n            (el) => (el as HTMLElement).localName === 'a'\n        );\n        if (hasAnchor) return;\n        const start = +new Date();\n        const handleEnd = (): void => {\n            const end = +new Date();\n            if (end - start < 200) {\n                this.click();\n            }\n            this.removeEventListener('pointerup', handleEnd);\n        };\n        this.addEventListener('pointerup', handleEnd);\n    }\n\n    protected get renderHeading(): TemplateResult {\n        return html`\n            <div\n                class=\"title spectrum-Heading spectrum-Heading--sizeXS\"\n                id=\"heading\"\n            >\n                <slot name=\"heading\">${this.heading}</slot>\n            </div>\n        `;\n    }\n\n    protected get renderPreviewImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"preview\" variant=${ifDefined(this.asset)}>\n                <slot name=\"preview\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get renderCoverImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"cover-photo\" variant=${ifDefined(this.asset)}>\n                <slot name=\"cover-photo\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get images(): TemplateResult[] {\n        const images: TemplateResult[] = [];\n        if (this.hasPreview) images.push(this.renderPreviewImage);\n        if (this.hasCoverPhoto) images.push(this.renderCoverImage);\n        return images;\n    }\n\n    private renderImage(): TemplateResult[] {\n        if (this.horizontal) {\n            return this.images;\n        }\n        if (this.variant !== 'standard') {\n            return [this.renderPreviewImage];\n        }\n        return this.images;\n    }\n\n    private get renderSubtitleAndDescription(): TemplateResult {\n        return html`\n            <div class=\"subtitle spectrum-Detail spectrum-Detail--sizeS\">\n                <slot name=\"subheading\">${this.subheading}</slot>\n            </div>\n            <slot name=\"description\"></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : html``}\n                    ${this.variant !== 'quiet' || this.size !== 's'\n                        ? html`\n                              <div\n                                  class=\"action-button\"\n                                  @pointerdown=${this.stopPropagationOnHref}\n                              >\n                                  <slot name=\"actions\"></slot>\n                              </div>\n                          `\n                        : html``}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : html``}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : html``}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : html``}\n            ${this.renderImage()}\n            ${this.toggles\n                ? html`\n                      <sp-quick-actions\n                          class=\"quick-actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <sp-checkbox\n                              class=\"checkbox\"\n                              @change=${this.handleSelectedChange}\n                              ?checked=${this.selected}\n                              tabindex=\"-1\"\n                          ></sp-checkbox>\n                      </sp-quick-actions>\n                  `\n                : html``}\n            ${this.variant === 'quiet' && this.size === 's'\n                ? html`\n                      <sp-quick-actions\n                          class=\"spectrum-QuickActions actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <slot name=\"actions\"></slot>\n                      </sp-quick-actions>\n                  `\n                : html``}\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.shadowRoot.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport '@spectrum-web-components/asset/sp-asset.js';\n\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/quick-actions/sp-quick-actions.js';\nimport cardStyles from './card.css.js';\nimport headingStyles from '@spectrum-web-components/styles/heading.js';\nimport detailStyles from '@spectrum-web-components/styles/detail.js';\n\n/**\n * @element sp-card\n *\n * @fires change - Announces a change in the `selected` property of a card\n * @slot preview - This is the preview image for Gallery Cards\n * @slot cover-photo - This is the cover photo for Default and Quiet Cards\n * @slot heading - HTML content to be listed as the heading\n * @slot subheading - HTML content to be listed as the subheading\n * @slot description - A description of the card\n * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object\n * @slot footer - Footer text\n */\nexport class Card extends LikeAnchor(\n    SizedMixin(\n        ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [\n            '[slot=\"cover-photo\"]',\n            '[slot=\"preview\"]',\n        ]),\n        {\n            validSizes: ['s', 'm'],\n        }\n    )\n) {\n    public static override get styles(): CSSResultArray {\n        return [headingStyles, detailStyles, cardStyles];\n    }\n\n    @property()\n    public asset?: 'file' | 'folder';\n\n    @property({ reflect: true })\n    public variant: 'standard' | 'gallery' | 'quiet' = 'standard';\n\n    @property({ type: Boolean, reflect: true })\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(selected: boolean) {\n        if (selected === this.selected) return;\n        this._selected = selected;\n        this.requestUpdate('selected', !this._selected);\n    }\n\n    private _selected = false;\n\n    @property()\n    public heading = '';\n\n    @property({ type: Boolean, reflect: true })\n    public horizontal = false;\n\n    @query('#like-anchor')\n    private likeAnchor?: HTMLAnchorElement;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public toggles = false;\n\n    @property()\n    public value = '';\n\n    @property()\n    public subheading = '';\n\n    protected get hasCoverPhoto(): boolean {\n        return this.getSlotContentPresence('[slot=\"cover-photo\"]');\n    }\n\n    protected get hasPreview(): boolean {\n        return this.getSlotContentPresence('[slot=\"preview\"]');\n    }\n\n    public override click(): void {\n        this.likeAnchor?.click();\n    }\n\n    private handleFocusin = (event: Event): void => {\n        this.focused = true;\n        const target = event.composedPath()[0];\n        if (target !== this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n            return;\n        }\n        this.addEventListener('keydown', this.handleKeydown);\n    };\n\n    private handleFocusout(event: Event): void {\n        this.focused = false;\n        const target = event.composedPath()[0];\n        if (target === this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.toggleSelected();\n                if (this.toggles) {\n                    event.preventDefault();\n                    break;\n                }\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n        }\n    }\n\n    private handleSelectedChange(event: Event & { target: Checkbox }): void {\n        event.stopPropagation();\n        this.selected = event.target.checked;\n        this.announceChange();\n    }\n\n    public toggleSelected(): void {\n        if (!this.toggles) {\n            this.dispatchEvent(\n                new Event('click', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        }\n        this.selected = !this.selected;\n        this.announceChange();\n    }\n\n    private announceChange(): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            this.selected = !this.selected;\n        }\n    }\n\n    private stopPropagationOnHref(event: Event): void {\n        if (this.href) {\n            event.stopPropagation();\n        }\n    }\n\n    private handlePointerdown(event: Event): void {\n        const path = event.composedPath();\n        const hasAnchor = path.some(\n            (el) => (el as HTMLElement).localName === 'a'\n        );\n        if (hasAnchor) return;\n        const start = +new Date();\n        const handleEnd = (): void => {\n            const end = +new Date();\n            if (end - start < 200) {\n                this.click();\n            }\n            this.removeEventListener('pointerup', handleEnd);\n            this.removeEventListener('pointercancel', handleEnd);\n        };\n        this.addEventListener('pointerup', handleEnd);\n        this.addEventListener('pointercancel', handleEnd);\n    }\n\n    protected get renderHeading(): TemplateResult {\n        return html`\n            <div\n                class=\"title spectrum-Heading spectrum-Heading--sizeXS\"\n                id=\"heading\"\n            >\n                <slot name=\"heading\">${this.heading}</slot>\n            </div>\n        `;\n    }\n\n    protected get renderPreviewImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"preview\" variant=${ifDefined(this.asset)}>\n                <slot name=\"preview\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get renderCoverImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"cover-photo\" variant=${ifDefined(this.asset)}>\n                <slot name=\"cover-photo\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get images(): TemplateResult[] {\n        const images: TemplateResult[] = [];\n        if (this.hasPreview) images.push(this.renderPreviewImage);\n        if (this.hasCoverPhoto) images.push(this.renderCoverImage);\n        return images;\n    }\n\n    private renderImage(): TemplateResult[] {\n        if (this.horizontal) {\n            return this.images;\n        }\n        if (this.variant !== 'standard') {\n            return [this.renderPreviewImage];\n        }\n        return this.images;\n    }\n\n    private get renderSubtitleAndDescription(): TemplateResult {\n        return html`\n            <div class=\"subtitle spectrum-Detail spectrum-Detail--sizeS\">\n                <slot name=\"subheading\">${this.subheading}</slot>\n            </div>\n            <slot name=\"description\"></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : html``}\n                    ${this.variant !== 'quiet' || this.size !== 's'\n                        ? html`\n                              <div\n                                  class=\"action-button\"\n                                  @pointerdown=${this.stopPropagationOnHref}\n                              >\n                                  <slot name=\"actions\"></slot>\n                              </div>\n                          `\n                        : html``}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : html``}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : html``}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : html``}\n            ${this.renderImage()}\n            ${this.toggles\n                ? html`\n                      <sp-quick-actions\n                          class=\"quick-actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <sp-checkbox\n                              class=\"checkbox\"\n                              @change=${this.handleSelectedChange}\n                              ?checked=${this.selected}\n                              tabindex=\"-1\"\n                          ></sp-checkbox>\n                      </sp-quick-actions>\n                  `\n                : html``}\n            ${this.variant === 'quiet' && this.size === 's'\n                ? html`\n                      <sp-quick-actions\n                          class=\"spectrum-QuickActions actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <slot name=\"actions\"></slot>\n                      </sp-quick-actions>\n                  `\n                : html``}\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.shadowRoot.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/Card.js

@@ -1,4 +1,4 @@
-"use strict";var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var s=(c,a,e,i)=>{for(var r=i>1?void 0:i?u(a,e):a,l=c.length-1,n;l>=0;l--)(n=c[l])&&(r=(i?n(a,e,r):n(r))||r);return i&&r&&p(a,e,r),r};import{html as t,SizedMixin as v,SpectrumElement as m}from"@spectrum-web-components/base";import{ifDefined as h}from"@spectrum-web-components/base/src/directives.js";import{property as o,query as g}from"@spectrum-web-components/base/src/decorators.js";import{FocusVisiblePolyfillMixin as f}from"@spectrum-web-components/shared/src/focus-visible.js";import{ObserveSlotPresence as b}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import{LikeAnchor as y}from"@spectrum-web-components/shared/src/like-anchor.js";import"@spectrum-web-components/asset/sp-asset.js";import"@spectrum-web-components/checkbox/sp-checkbox.js";import"@spectrum-web-components/quick-actions/sp-quick-actions.js";import w from"./card.css.js";import k from"@spectrum-web-components/styles/heading.js";import E from"@spectrum-web-components/styles/detail.js";export class Card extends y(v(b(f(m),['[slot="cover-photo"]','[slot="preview"]']),{validSizes:["s","m"]})){constructor(){super(...arguments);this.variant="standard";this._selected=!1;this.heading="";this.horizontal=!1;this.focused=!1;this.toggles=!1;this.value="";this.subheading="";this.handleFocusin=e=>{if(this.focused=!0,e.composedPath()[0]!==this){this.removeEventListener("keydown",this.handleKeydown);return}this.addEventListener("keydown",this.handleKeydown)}}static get styles(){return[k,E,w]}get selected(){return this._selected}set selected(e){e!==this.selected&&(this._selected=e,this.requestUpdate("selected",!this._selected))}get hasCoverPhoto(){return this.getSlotContentPresence('[slot="cover-photo"]')}get hasPreview(){return this.getSlotContentPresence('[slot="preview"]')}click(){var e;(e=this.likeAnchor)==null||e.click()}handleFocusout(e){this.focused=!1,e.composedPath()[0]===this&&this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(e){const{code:i}=e;switch(i){case"Space":if(this.toggleSelected(),this.toggles){e.preventDefault();break}case"Enter":case"NumpadEnter":this.click()}}handleSelectedChange(e){e.stopPropagation(),this.selected=e.target.checked,this.announceChange()}toggleSelected(){if(!this.toggles){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}));return}this.selected=!this.selected,this.announceChange()}announceChange(){this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected)}stopPropagationOnHref(e){this.href&&e.stopPropagation()}handlePointerdown(e){if(e.composedPath().some(d=>d.localName==="a"))return;const l=+new Date,n=()=>{+new Date-l<200&&this.click(),this.removeEventListener("pointerup",n)};this.addEventListener("pointerup",n)}get renderHeading(){return t`
+"use strict";var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var s=(c,a,e,i)=>{for(var r=i>1?void 0:i?u(a,e):a,l=c.length-1,n;l>=0;l--)(n=c[l])&&(r=(i?n(a,e,r):n(r))||r);return i&&r&&p(a,e,r),r};import{html as t,SizedMixin as v,SpectrumElement as m}from"@spectrum-web-components/base";import{ifDefined as h}from"@spectrum-web-components/base/src/directives.js";import{property as o,query as g}from"@spectrum-web-components/base/src/decorators.js";import{FocusVisiblePolyfillMixin as f}from"@spectrum-web-components/shared/src/focus-visible.js";import{ObserveSlotPresence as b}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import{LikeAnchor as y}from"@spectrum-web-components/shared/src/like-anchor.js";import"@spectrum-web-components/asset/sp-asset.js";import"@spectrum-web-components/checkbox/sp-checkbox.js";import"@spectrum-web-components/quick-actions/sp-quick-actions.js";import w from"./card.css.js";import k from"@spectrum-web-components/styles/heading.js";import E from"@spectrum-web-components/styles/detail.js";export class Card extends y(v(b(f(m),['[slot="cover-photo"]','[slot="preview"]']),{validSizes:["s","m"]})){constructor(){super(...arguments);this.variant="standard";this._selected=!1;this.heading="";this.horizontal=!1;this.focused=!1;this.toggles=!1;this.value="";this.subheading="";this.handleFocusin=e=>{if(this.focused=!0,e.composedPath()[0]!==this){this.removeEventListener("keydown",this.handleKeydown);return}this.addEventListener("keydown",this.handleKeydown)}}static get styles(){return[k,E,w]}get selected(){return this._selected}set selected(e){e!==this.selected&&(this._selected=e,this.requestUpdate("selected",!this._selected))}get hasCoverPhoto(){return this.getSlotContentPresence('[slot="cover-photo"]')}get hasPreview(){return this.getSlotContentPresence('[slot="preview"]')}click(){var e;(e=this.likeAnchor)==null||e.click()}handleFocusout(e){this.focused=!1,e.composedPath()[0]===this&&this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(e){const{code:i}=e;switch(i){case"Space":if(this.toggleSelected(),this.toggles){e.preventDefault();break}case"Enter":case"NumpadEnter":this.click()}}handleSelectedChange(e){e.stopPropagation(),this.selected=e.target.checked,this.announceChange()}toggleSelected(){if(!this.toggles){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}));return}this.selected=!this.selected,this.announceChange()}announceChange(){this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected)}stopPropagationOnHref(e){this.href&&e.stopPropagation()}handlePointerdown(e){if(e.composedPath().some(d=>d.localName==="a"))return;const l=+new Date,n=()=>{+new Date-l<200&&this.click(),this.removeEventListener("pointerup",n),this.removeEventListener("pointercancel",n)};this.addEventListener("pointerup",n),this.addEventListener("pointercancel",n)}get renderHeading(){return t`
             <div
                 class="title spectrum-Heading spectrum-Heading--sizeXS"
                 id="heading"

package/src/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Card.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport '@spectrum-web-components/asset/sp-asset.js';\n\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/quick-actions/sp-quick-actions.js';\nimport cardStyles from './card.css.js';\nimport headingStyles from '@spectrum-web-components/styles/heading.js';\nimport detailStyles from '@spectrum-web-components/styles/detail.js';\n\n/**\n * @element sp-card\n *\n * @fires change - Announces a change in the `selected` property of a card\n * @slot preview - This is the preview image for Gallery Cards\n * @slot cover-photo - This is the cover photo for Default and Quiet Cards\n * @slot heading - HTML content to be listed as the heading\n * @slot subheading - HTML content to be listed as the subheading\n * @slot description - A description of the card\n * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object\n * @slot footer - Footer text\n */\nexport class Card extends LikeAnchor(\n    SizedMixin(\n        ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [\n            '[slot=\"cover-photo\"]',\n            '[slot=\"preview\"]',\n        ]),\n        {\n            validSizes: ['s', 'm'],\n        }\n    )\n) {\n    public static override get styles(): CSSResultArray {\n        return [headingStyles, detailStyles, cardStyles];\n    }\n\n    @property()\n    public asset?: 'file' | 'folder';\n\n    @property({ reflect: true })\n    public variant: 'standard' | 'gallery' | 'quiet' = 'standard';\n\n    @property({ type: Boolean, reflect: true })\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(selected: boolean) {\n        if (selected === this.selected) return;\n        this._selected = selected;\n        this.requestUpdate('selected', !this._selected);\n    }\n\n    private _selected = false;\n\n    @property()\n    public heading = '';\n\n    @property({ type: Boolean, reflect: true })\n    public horizontal = false;\n\n    @query('#like-anchor')\n    private likeAnchor?: HTMLAnchorElement;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public toggles = false;\n\n    @property()\n    public value = '';\n\n    @property()\n    public subheading = '';\n\n    protected get hasCoverPhoto(): boolean {\n        return this.getSlotContentPresence('[slot=\"cover-photo\"]');\n    }\n\n    protected get hasPreview(): boolean {\n        return this.getSlotContentPresence('[slot=\"preview\"]');\n    }\n\n    public override click(): void {\n        this.likeAnchor?.click();\n    }\n\n    private handleFocusin = (event: Event): void => {\n        this.focused = true;\n        const target = event.composedPath()[0];\n        if (target !== this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n            return;\n        }\n        this.addEventListener('keydown', this.handleKeydown);\n    };\n\n    private handleFocusout(event: Event): void {\n        this.focused = false;\n        const target = event.composedPath()[0];\n        if (target === this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.toggleSelected();\n                if (this.toggles) {\n                    event.preventDefault();\n                    break;\n                }\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n        }\n    }\n\n    private handleSelectedChange(event: Event & { target: Checkbox }): void {\n        event.stopPropagation();\n        this.selected = event.target.checked;\n        this.announceChange();\n    }\n\n    public toggleSelected(): void {\n        if (!this.toggles) {\n            this.dispatchEvent(\n                new Event('click', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        }\n        this.selected = !this.selected;\n        this.announceChange();\n    }\n\n    private announceChange(): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            this.selected = !this.selected;\n        }\n    }\n\n    private stopPropagationOnHref(event: Event): void {\n        if (this.href) {\n            event.stopPropagation();\n        }\n    }\n\n    private handlePointerdown(event: Event): void {\n        const path = event.composedPath();\n        const hasAnchor = path.some(\n            (el) => (el as HTMLElement).localName === 'a'\n        );\n        if (hasAnchor) return;\n        const start = +new Date();\n        const handleEnd = (): void => {\n            const end = +new Date();\n            if (end - start < 200) {\n                this.click();\n            }\n            this.removeEventListener('pointerup', handleEnd);\n        };\n        this.addEventListener('pointerup', handleEnd);\n    }\n\n    protected get renderHeading(): TemplateResult {\n        return html`\n            <div\n                class=\"title spectrum-Heading spectrum-Heading--sizeXS\"\n                id=\"heading\"\n            >\n                <slot name=\"heading\">${this.heading}</slot>\n            </div>\n        `;\n    }\n\n    protected get renderPreviewImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"preview\" variant=${ifDefined(this.asset)}>\n                <slot name=\"preview\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get renderCoverImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"cover-photo\" variant=${ifDefined(this.asset)}>\n                <slot name=\"cover-photo\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get images(): TemplateResult[] {\n        const images: TemplateResult[] = [];\n        if (this.hasPreview) images.push(this.renderPreviewImage);\n        if (this.hasCoverPhoto) images.push(this.renderCoverImage);\n        return images;\n    }\n\n    private renderImage(): TemplateResult[] {\n        if (this.horizontal) {\n            return this.images;\n        }\n        if (this.variant !== 'standard') {\n            return [this.renderPreviewImage];\n        }\n        return this.images;\n    }\n\n    private get renderSubtitleAndDescription(): TemplateResult {\n        return html`\n            <div class=\"subtitle spectrum-Detail spectrum-Detail--sizeS\">\n                <slot name=\"subheading\">${this.subheading}</slot>\n            </div>\n            <slot name=\"description\"></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : html``}\n                    ${this.variant !== 'quiet' || this.size !== 's'\n                        ? html`\n                              <div\n                                  class=\"action-button\"\n                                  @pointerdown=${this.stopPropagationOnHref}\n                              >\n                                  <slot name=\"actions\"></slot>\n                              </div>\n                          `\n                        : html``}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : html``}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : html``}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : html``}\n            ${this.renderImage()}\n            ${this.toggles\n                ? html`\n                      <sp-quick-actions\n                          class=\"quick-actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <sp-checkbox\n                              class=\"checkbox\"\n                              @change=${this.handleSelectedChange}\n                              ?checked=${this.selected}\n                              tabindex=\"-1\"\n                          ></sp-checkbox>\n                      </sp-quick-actions>\n                  `\n                : html``}\n            ${this.variant === 'quiet' && this.size === 's'\n                ? html`\n                      <sp-quick-actions\n                          class=\"spectrum-QuickActions actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <slot name=\"actions\"></slot>\n                      </sp-quick-actions>\n                  `\n                : html``}\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.shadowRoot.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport '@spectrum-web-components/asset/sp-asset.js';\n\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/quick-actions/sp-quick-actions.js';\nimport cardStyles from './card.css.js';\nimport headingStyles from '@spectrum-web-components/styles/heading.js';\nimport detailStyles from '@spectrum-web-components/styles/detail.js';\n\n/**\n * @element sp-card\n *\n * @fires change - Announces a change in the `selected` property of a card\n * @slot preview - This is the preview image for Gallery Cards\n * @slot cover-photo - This is the cover photo for Default and Quiet Cards\n * @slot heading - HTML content to be listed as the heading\n * @slot subheading - HTML content to be listed as the subheading\n * @slot description - A description of the card\n * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object\n * @slot footer - Footer text\n */\nexport class Card extends LikeAnchor(\n    SizedMixin(\n        ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [\n            '[slot=\"cover-photo\"]',\n            '[slot=\"preview\"]',\n        ]),\n        {\n            validSizes: ['s', 'm'],\n        }\n    )\n) {\n    public static override get styles(): CSSResultArray {\n        return [headingStyles, detailStyles, cardStyles];\n    }\n\n    @property()\n    public asset?: 'file' | 'folder';\n\n    @property({ reflect: true })\n    public variant: 'standard' | 'gallery' | 'quiet' = 'standard';\n\n    @property({ type: Boolean, reflect: true })\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(selected: boolean) {\n        if (selected === this.selected) return;\n        this._selected = selected;\n        this.requestUpdate('selected', !this._selected);\n    }\n\n    private _selected = false;\n\n    @property()\n    public heading = '';\n\n    @property({ type: Boolean, reflect: true })\n    public horizontal = false;\n\n    @query('#like-anchor')\n    private likeAnchor?: HTMLAnchorElement;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public toggles = false;\n\n    @property()\n    public value = '';\n\n    @property()\n    public subheading = '';\n\n    protected get hasCoverPhoto(): boolean {\n        return this.getSlotContentPresence('[slot=\"cover-photo\"]');\n    }\n\n    protected get hasPreview(): boolean {\n        return this.getSlotContentPresence('[slot=\"preview\"]');\n    }\n\n    public override click(): void {\n        this.likeAnchor?.click();\n    }\n\n    private handleFocusin = (event: Event): void => {\n        this.focused = true;\n        const target = event.composedPath()[0];\n        if (target !== this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n            return;\n        }\n        this.addEventListener('keydown', this.handleKeydown);\n    };\n\n    private handleFocusout(event: Event): void {\n        this.focused = false;\n        const target = event.composedPath()[0];\n        if (target === this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.toggleSelected();\n                if (this.toggles) {\n                    event.preventDefault();\n                    break;\n                }\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n        }\n    }\n\n    private handleSelectedChange(event: Event & { target: Checkbox }): void {\n        event.stopPropagation();\n        this.selected = event.target.checked;\n        this.announceChange();\n    }\n\n    public toggleSelected(): void {\n        if (!this.toggles) {\n            this.dispatchEvent(\n                new Event('click', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        }\n        this.selected = !this.selected;\n        this.announceChange();\n    }\n\n    private announceChange(): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            this.selected = !this.selected;\n        }\n    }\n\n    private stopPropagationOnHref(event: Event): void {\n        if (this.href) {\n            event.stopPropagation();\n        }\n    }\n\n    private handlePointerdown(event: Event): void {\n        const path = event.composedPath();\n        const hasAnchor = path.some(\n            (el) => (el as HTMLElement).localName === 'a'\n        );\n        if (hasAnchor) return;\n        const start = +new Date();\n        const handleEnd = (): void => {\n            const end = +new Date();\n            if (end - start < 200) {\n                this.click();\n            }\n            this.removeEventListener('pointerup', handleEnd);\n            this.removeEventListener('pointercancel', handleEnd);\n        };\n        this.addEventListener('pointerup', handleEnd);\n        this.addEventListener('pointercancel', handleEnd);\n    }\n\n    protected get renderHeading(): TemplateResult {\n        return html`\n            <div\n                class=\"title spectrum-Heading spectrum-Heading--sizeXS\"\n                id=\"heading\"\n            >\n                <slot name=\"heading\">${this.heading}</slot>\n            </div>\n        `;\n    }\n\n    protected get renderPreviewImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"preview\" variant=${ifDefined(this.asset)}>\n                <slot name=\"preview\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get renderCoverImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"cover-photo\" variant=${ifDefined(this.asset)}>\n                <slot name=\"cover-photo\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get images(): TemplateResult[] {\n        const images: TemplateResult[] = [];\n        if (this.hasPreview) images.push(this.renderPreviewImage);\n        if (this.hasCoverPhoto) images.push(this.renderCoverImage);\n        return images;\n    }\n\n    private renderImage(): TemplateResult[] {\n        if (this.horizontal) {\n            return this.images;\n        }\n        if (this.variant !== 'standard') {\n            return [this.renderPreviewImage];\n        }\n        return this.images;\n    }\n\n    private get renderSubtitleAndDescription(): TemplateResult {\n        return html`\n            <div class=\"subtitle spectrum-Detail spectrum-Detail--sizeS\">\n                <slot name=\"subheading\">${this.subheading}</slot>\n            </div>\n            <slot name=\"description\"></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : html``}\n                    ${this.variant !== 'quiet' || this.size !== 's'\n                        ? html`\n                              <div\n                                  class=\"action-button\"\n                                  @pointerdown=${this.stopPropagationOnHref}\n                              >\n                                  <slot name=\"actions\"></slot>\n                              </div>\n                          `\n                        : html``}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : html``}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : html``}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : html``}\n            ${this.renderImage()}\n            ${this.toggles\n                ? html`\n                      <sp-quick-actions\n                          class=\"quick-actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <sp-checkbox\n                              class=\"checkbox\"\n                              @change=${this.handleSelectedChange}\n                              ?checked=${this.selected}\n                              tabindex=\"-1\"\n                          ></sp-checkbox>\n                      </sp-quick-actions>\n                  `\n                : html``}\n            ${this.variant === 'quiet' && this.size === 's'\n                ? html`\n                      <sp-quick-actions\n                          class=\"spectrum-QuickActions actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <slot name=\"actions\"></slot>\n                      </sp-quick-actions>\n                  `\n                : html``}\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.shadowRoot.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
+  "mappings": "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",
   "names": ["html", "SizedMixin", "SpectrumElement", "ifDefined", "property", "query", "FocusVisiblePolyfillMixin", "ObserveSlotPresence", "LikeAnchor", "cardStyles", "headingStyles", "detailStyles", "event", "selected", "_a", "code", "el", "start", "handleEnd", "images", "changes", "__decorateClass"]
 }

package/src/card.css.dev.js

@@ -131,7 +131,7 @@ const styles = css`
 --spectrum-card-body-padding-left
 )}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(
 --spectrum-card-body-padding-top
-)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(
+)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(
 --spectrum-card-title-padding-right
 )}:host([dir=rtl]) .title{padding-left:var(
 --spectrum-card-title-padding-right

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(\n--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n)}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(\n--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n)}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Of,eAAe;",
   "names": []
 }

package/src/card.css.js

@@ -129,7 +129,7 @@
 --spectrum-card-body-padding-left
 )}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(
 --spectrum-card-body-padding-top
-)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(
+)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(
 --spectrum-card-title-padding-right
 )}:host([dir=rtl]) .title{padding-left:var(
 --spectrum-card-title-padding-right

package/src/card.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(\n--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n)}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(\n--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n)}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Of,eAAeC",
   "names": ["css", "styles"]
 }

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

@@ -131,7 +131,7 @@ const styles = css`
 --spectrum-card-body-padding-left
 )}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(
 --spectrum-card-body-padding-top
-)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(
+)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(
 --spectrum-card-title-padding-right
 )}:host([dir=rtl]) .title{padding-left:var(
 --spectrum-card-title-padding-right

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyOf,eAAe;",
   "names": []
 }

package/src/spectrum-card.css.js

@@ -129,7 +129,7 @@
 --spectrum-card-body-padding-left
 )}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(
 --spectrum-card-body-padding-top
-)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(
+)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(
 --spectrum-card-title-padding-right
 )}:host([dir=rtl]) .title{padding-left:var(
 --spectrum-card-title-padding-right

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyOf,eAAeC",
   "names": ["css", "styles"]
 }

package/test/card.test-vrt.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["card.test-vrt.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 * as stories from '../stories/card.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('CardStories', stories);\n"],
-  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,eAAe,OAAO;",
+  "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 * as stories from '../stories/card.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('CardStories', stories as unknown as TestsType);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,eAAe,OAA+B;",
   "names": []
 }