@spectrum-web-components/card 0.42.3 → 0.42.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/card",
-    "version": "0.42.3",
+    "version": "0.42.4",
     "publishConfig": {
         "access": "public"
     },
@@ -57,17 +57,17 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/asset": "^0.42.3",
-        "@spectrum-web-components/base": "^0.42.3",
-        "@spectrum-web-components/checkbox": "^0.42.3",
-        "@spectrum-web-components/divider": "^0.42.3",
-        "@spectrum-web-components/icons-workflow": "^0.42.3",
-        "@spectrum-web-components/quick-actions": "^0.42.3",
-        "@spectrum-web-components/shared": "^0.42.3",
-        "@spectrum-web-components/styles": "^0.42.3"
+        "@spectrum-web-components/asset": "^0.42.4",
+        "@spectrum-web-components/base": "^0.42.4",
+        "@spectrum-web-components/checkbox": "^0.42.4",
+        "@spectrum-web-components/divider": "^0.42.4",
+        "@spectrum-web-components/icons-workflow": "^0.42.4",
+        "@spectrum-web-components/quick-actions": "^0.42.4",
+        "@spectrum-web-components/shared": "^0.42.4",
+        "@spectrum-web-components/styles": "^0.42.4"
     },
     "devDependencies": {
-        "@spectrum-css/card": "^7.0.2"
+        "@spectrum-css/card": "^8.1.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -75,5 +75,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "a03edce4f21f232f1705d8eb222e6e5436cad4c3"
+    "gitHead": "4924ffd06681ced537edaed873a9ce8b42cf155c"
 }

package/src/Card.dev.js

@@ -6,8 +6,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 import {
@@ -70,8 +69,7 @@ export class Card extends LikeAnchor(
     return this._selected;
   }
   set selected(selected) {
-    if (selected === this.selected)
-      return;
+    if (selected === this.selected) return;
     this._selected = selected;
     this.requestUpdate("selected", !this._selected);
   }
@@ -146,8 +144,7 @@ export class Card extends LikeAnchor(
     const hasAnchor = path.some(
       (el) => el.localName === "a"
     );
-    if (hasAnchor)
-      return;
+    if (hasAnchor) return;
     const start = +/* @__PURE__ */ new Date();
     const handleEnd = () => {
       const end = +/* @__PURE__ */ new Date();
@@ -192,10 +189,8 @@ export class Card extends LikeAnchor(
   }
   get images() {
     const images = [];
-    if (this.hasPreview)
-      images.push(this.renderPreviewImage);
-    if (this.hasCoverPhoto)
-      images.push(this.renderCoverImage);
+    if (this.hasPreview) images.push(this.renderPreviewImage);
+    if (this.hasCoverPhoto) images.push(this.renderCoverImage);
     return images;
   }
   renderImage() {

package/src/Card.dev.js.map

@@ -2,6 +2,6 @@
   "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    nothing,\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 '@spectrum-web-components/divider/sp-divider.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            noDefaultSize: true,\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            ${this.variant !== 'quiet' && !this.horizontal\n                ? html`\n                      <sp-divider size=\"s\"></sp-divider>\n                  `\n                : nothing}\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            ${this.variant !== 'quiet' && !this.horizontal\n                ? html`\n                      <sp-divider size=\"s\"></sp-divider>\n                  `\n                : nothing}\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            ${this.renderImage()}\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : nothing}\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                        : nothing}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : nothing}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : nothing}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : nothing}\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                : nothing}\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                : nothing}\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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",
+  "mappings": "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",
   "names": []
 }

package/src/card.css.dev.js

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:"";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=""])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}
+    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=""])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}
 `;
 export default styles;
 //# sourceMappingURL=card.css.dev.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:\"\";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/card.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
-    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:"";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=""])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}
+    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=""])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}
 `;export default o;
 //# sourceMappingURL=card.css.js.map

package/src/card.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:\"\";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{pointer-events:none;position:absolute;inset:0}.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(--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50))}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),:host(:not([variant=quiet])) #preview ::slotted(*){object-fit:cover;width:100%;display:block}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}:host([horizontal]) sp-asset{height:inherit}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}:host:before,:host:after{pointer-events:none}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

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

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:"";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}
+    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle{text-transform:none}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-card.css.dev.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:\"\";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle{text-transform:none}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/spectrum-card.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
-    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:"";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}
+    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle{text-transform:none}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:"•"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:"";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}
 `;export default o;
 //# sourceMappingURL=spectrum-card.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-card.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1}:host([variant=quiet]),:host([variant=gallery]){--mod-card-content-margin-top:var(--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width));--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([variant=quiet]),:host([variant=gallery]),:host([horizontal]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));--spectrum-card-background-color-hover:var(--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300))}:host{--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200);box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color)));flex-direction:column;text-decoration:none;display:inline-flex;position:relative}:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{content:\"\";border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .quick-actions,:host([focused]) .actions,:host([selected]) .quick-actions,:host([selected]) .actions,:host(:focus) .quick-actions,:host(:focus) .actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)));text-transform:none;padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\";padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet]:focus):after,:host([variant=quiet][focused]):after{border-width:0}:host([variant=quiet]:focus) #preview:after,:host([variant=quiet][focused]) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=quiet]),:host([variant=gallery]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:#0000;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=quiet]):before,:host([variant=gallery]):before{display:none}:host([variant=quiet]) #preview,:host([variant=gallery]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-animation-duration-100,var(--spectrum-animation-duration-100));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=quiet]) #preview:before,:host([variant=gallery]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=quiet]) #preview:after,:host([variant=gallery]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=quiet][drop-target]),:host([variant=gallery][drop-target]){box-shadow:none;background-color:#0000;border-color:#0000}:host([variant=quiet][drop-target]) #preview,:host([variant=gallery][drop-target]) #preview{background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));transition:none}:host([variant=quiet][drop-target]) #preview:before,:host([variant=gallery][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview:before,:host([variant=gallery][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=quiet]) .body,:host([variant=gallery]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=quiet]) ::slotted([slot=footer]),:host([variant=gallery]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover) .quick-actions,:host(:hover) .actions{visibility:visible;opacity:1;pointer-events:all}:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host([variant=quiet]:hover),:host([variant=gallery]:hover){border-color:#0000}:host([variant=quiet]:hover) #preview,:host([variant=gallery]:hover) #preview{background-color:var(--mod-card-background-color-hover,var(--spectrum-card-background-color-hover))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .header,:host([horizontal]) .content{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-card-background-color:var(--spectrum-background-layer-2-color);--spectrum-card-body-spacing:var(--spectrum-spacing-400);--spectrum-card-title-padding-top:var(--spectrum-spacing-300);--spectrum-card-title-padding-right:var(--spectrum-spacing-400);--spectrum-card-content-margin-top:var(--spectrum-spacing-100);--spectrum-card-content-margin-bottom:var(--spectrum-spacing-300);--spectrum-card-footer-padding-top:var(--spectrum-spacing-100);--spectrum-card-subtitle-padding-right:var(--spectrum-spacing-100);--spectrum-card-border-width:var(--spectrum-border-width-100);--spectrum-card-corner-radius:var(--spectrum-corner-radius-100);--spectrum-card-border-color:var(--spectrum-gray-200);--spectrum-card-border-color-hover:var(--spectrum-gray-300);--spectrum-card-border-color-selected:var(--spectrum-blue-700);--spectrum-card-divider-color:var(--spectrum-gray-300);--spectrum-card-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-card-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-card-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-card-title-line-height:var(--spectrum-heading-line-height);--spectrum-card-title-font-color:var(--spectrum-heading-color);--spectrum-card-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-card-body-font-size:var(--spectrum-body-size-s);--spectrum-card-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-card-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-card-body-line-height:var(--spectrum-body-line-height);--spectrum-card-body-font-color:var(--spectrum-body-color);--spectrum-card-actions-spacing:var(--spectrum-spacing-300);--spectrum-card-actions-size:var(--spectrum-card-selection-background-size);--spectrum-card-actions-border-radius:var(--spectrum-corner-radius-100);--spectrum-card-actions-background-color-rgb:var(--spectrum-gray-100-rgb);--spectrum-card-actions-background-color-opacity:var(--spectrum-card-selection-background-color-opacity);--spectrum-card-actions-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-card-actions-drop-shadow-x:var(--spectrum-drop-shadow-x);--spectrum-card-actions-drop-shadow-y:var(--spectrum-drop-shadow-y);--spectrum-card-actions-drop-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-card-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-card-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-card-selected-background-opacity:.1;--spectrum-card-preview-border-width-selected:var(--spectrum-border-width-100);--spectrum-card-preview-background-color:var(--spectrum-background-base-color);--spectrum-card-preview-background-color-hover:var(--spectrum-gray-300);--spectrum-card-horizontal-body-padding:var(--spectrum-spacing-300);--spectrum-card-horizontal-preview-padding:var(--spectrum-spacing-200)}:host([variant=gallery]),:host([variant=quiet]){--mod-card-content-margin-top:var(--mod-card-content-margin-top-quiet,var(--spectrum-spacing-100));--mod-card-minimum-width:var(--mod-card-minimum-width-quiet,var(--spectrum-card-minimum-width))}:host{box-sizing:border-box;min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));border:var(--mod-card-border-width,var(--spectrum-card-border-width))solid transparent;border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-color:var(--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color)));background-color:var(--highcontrast-card-background-color,var(--mod-card-background-color,var(--mod-spectrum-card-background-color,var(--spectrum-card-background-color))));flex-direction:column;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}:host:after,:host:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host:after{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border:0 solid #0000;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);inset-inline-end:0}:host(:focus-visible){outline:none}:host(:focus-visible):after{border-width:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width));border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host(:focus-visible) #cover-photo,:host(:focus-visible) #preview{border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)))}:host([selected]){border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([selected]):before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([drop-target]){--mod-card-background-color:var(--spectrum-card-background-color-quiet,var(--spectrum-background-base-color));border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));box-shadow:0 0 0 1px var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)));background-color:var(--mod-card-background-color,var(--spectrum-card-background-color))}:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions,:host(:focus) .actions,:host(:focus) .quick-actions{visibility:visible;opacity:1;pointer-events:all}.quick-actions{visibility:hidden;box-shadow:var(--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x))var(--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y))var(--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur))var(--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color));inline-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius));background-color:rgba(var(--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)),var(--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)));position:absolute;inset-block-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));inset-inline-start:calc(var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width)))}.actions{inset-block-start:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing));inset-inline-end:var(--mod-card-actions-spacing,var(--spectrum-card-actions-spacing))}#cover-photo{block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;background-position:50%;background-size:cover;background-color:var(--mod-card-background-color,var(--spectrum-card-background-color));border-block-end-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-end-end-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spectrum-Divider{margin:0}.content{align-items:center;margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));display:flex}.body{padding-block-start:var(--mod-card-body-padding-block-start,var(--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)));padding-block-end:var(--mod-card-body-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-start:var(--mod-card-body-padding-inline-start,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))));padding-inline-end:var(--mod-card-body-padding-inline-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}#preview{color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)));border-start-start-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-start-end-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));border-end-end-radius:0;border-end-start-radius:0;align-items:center;display:flex;overflow:hidden}.title{font-family:var(--mod-card-title-font-family,var(--spectrum-card-title-font-family));font-size:var(--mod-card-title-font-size,var(--spectrum-card-title-font-size));font-weight:var(--mod-card-title-font-weight,var(--spectrum-card-title-font-weight));font-style:var(--mod-card-title-font-style,var(--spectrum-card-title-font-style));line-height:var(--mod-card-title-line-height,var(--spectrum-card-title-line-height));padding-inline-end:var(--mod-card-title-padding-right,var(--spectrum-card-title-padding-right))}.subtitle,.title{color:var(--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color)))}.subtitle{text-transform:none}.subtitle,.subtitle+::slotted([slot=description]):before{padding-inline-end:var(--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right))}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}::slotted([slot=description]){font-family:var(--mod-card-body-font-family,var(--spectrum-card-body-font-family));font-size:var(--mod-card-body-font-size,var(--spectrum-card-body-font-size));font-weight:var(--mod-card-body-font-weight,var(--spectrum-card-body-font-weight));font-style:var(--mod-card-body-font-style,var(--spectrum-card-body-font-style))}::slotted([slot=description]),::slotted([slot=footer]){line-height:var(--mod-card-body-line-height,var(--spectrum-card-body-line-height));color:var(--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color)))}::slotted([slot=footer]){border-block-start:var(--mod-card-border-width,var(--spectrum-card-border-width))solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));margin-block-start:var(--mod-card-footer-margin-block-start,calc(( var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom,var(--spectrum-card-content-margin-bottom)))*-1));margin-inline-start:var(--mod-card-footer-margin-inline-start,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));margin-inline-end:var(--mod-card-footer-margin-inline-end,var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)));padding-block-start:var(--mod-card-footer-padding-block-start,var(--mod-card-footer-margin-top,var(--spectrum-card-footer-padding-top)));padding-block-end:var(--mod-card-footer-padding-block-end,calc(var(--mod-card-body-spacing,var(--spectrum-card-body-spacing)) - var(--mod-card-border-width,var(--spectrum-card-border-width))))}.header{align-items:center;display:flex}.action-button{z-index:1;flex:1;justify-content:flex-end;align-self:center;display:flex}:host([variant=quiet]) #preview{border:var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))solid transparent}:host([variant=quiet][focused]):after,:host([variant=quiet]:focus):after{border-width:0}:host([variant=quiet][focused]) #preview:after,:host([variant=quiet]:focus) #preview:after{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=quiet][selected]) #preview{border:var(--mod-card-preview-border-width-selected,var(--mod-card-preview-border-width,var(--spectrum-card-preview-border-width-selected)))solid;border-color:var(--highcontrast-card-border-color-selected,var(--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)))}:host([variant=gallery]),:host([variant=quiet]){min-inline-size:var(--mod-card-minimum-width,var(--spectrum-card-minimum-width));background-color:initial;border-width:0;border-color:#0000;border-radius:0;block-size:100%;overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--mod-card-corner-radius,var(--spectrum-card-corner-radius));background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));min-block-size:var(--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height));box-sizing:border-box;transition:background-color var(--mod-card-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)));flex:1;inline-size:100%;margin:0 auto;position:relative;overflow:visible}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{content:\"\";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{content:\"\";border-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)));border:0 solid #0000;block-size:100%;inline-size:100%;margin-block-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);margin-inline-start:calc(var(--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width))*-1);position:absolute;inset-block-start:0;inset-inline:0}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:initial;box-shadow:none;border-color:#0000}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--mod-card-preview-background-color,var(--mod-card-background-color,var(--spectrum-card-preview-background-color)));transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color));box-shadow:0 0 0 1px var(--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color))}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)),var(--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(--mod-card-content-margin-top,var(--spectrum-card-content-margin-top));padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-card-border-color-hover,var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)))}:host(:hover) .actions,:host(:hover) .quick-actions{visibility:visible;opacity:1;pointer-events:all}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(--mod-card-preview-background-color-hover,var(--mod-card-background-color-hover,var(--spectrum-card-preview-background-color-hover)))}:host([horizontal]:hover) #preview{border-color:var(--mod-card-border-color-hover,var(--spectrum-card-border-color-hover))}}:host([horizontal]) #preview{padding:var(--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding));background-color:var(--mod-card-preview-background-color,var(--spectrum-card-preview-background-color));border-color:var(--mod-card-border-color,var(--spectrum-card-border-color));border-start-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--mod-card-corner-radius,var(--spectrum-card-corner-radius)) - var(--mod-card-border-width,var(--spectrum-card-border-width)));flex-shrink:0;justify-content:center;align-items:center;min-block-size:0;display:flex}:host([horizontal]) .content,:host([horizontal]) .header{block-size:auto;margin-block-start:0}:host([horizontal]) .content{margin-block-end:0}:host([horizontal]) .title{padding-inline-end:0}:host([horizontal]) .body{padding-block:0;padding-inline:var(--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding));flex-direction:column;flex-shrink:0;justify-content:center;display:flex}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/stories/card.stories.js

@@ -55,8 +55,7 @@ export const href = (args) => {
             href="https://opensource.adobe.com/spectrum-web-components"
             @click=${(event) => {
     const composedTarget = event.composedPath()[0];
-    if (composedTarget.id !== "like-anchor")
-      return;
+    if (composedTarget.id !== "like-anchor") return;
     event.stopPropagation();
     event.preventDefault();
     onClick && onClick(event);

package/stories/card.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["card.stories.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/card/sp-card.js';\nimport { landscape, portrait } from './images';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-file-txt.js';\nimport '@spectrum-web-components/textfield/sp-textfield.js';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/link/sp-link.js';\n\nexport default {\n    component: 'sp-card',\n    title: 'Card',\n    args: {\n        horizontal: false,\n    },\n    argTypes: {\n        horizontal: {\n            name: 'horizontal',\n            type: { name: 'boolean', required: false },\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n\nexport interface StoryArgs {\n    horizontal?: boolean;\n    size?: 's' | 'm';\n    onClick?: ((event: Event) => void) | undefined;\n}\n\nexport const Default = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n            ?horizontal=${args.horizontal}\n            style=\"width: 200px;\"\n        >\n            <img slot=\"cover-photo\" src=${portrait} alt=\"Demo Graphic\" />\n            <div slot=\"footer\">Footer</div>\n        </sp-card>\n    `;\n};\nDefault.args = {};\n\nexport const href = (args: StoryArgs): TemplateResult => {\n    const { onClick } = args;\n    return html`\n        <sp-card\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n            toggles\n            ?horizontal=${args.horizontal}\n            style=\"width: 200px;\"\n            href=\"https://opensource.adobe.com/spectrum-web-components\"\n            @click=${(event: Event) => {\n                const composedTarget = event.composedPath()[0] as HTMLElement;\n                if (composedTarget.id !== 'like-anchor') return;\n                event.stopPropagation();\n                event.preventDefault();\n                onClick && onClick(event);\n            }}\n        >\n            <div slot=\"footer\">\n                Footer with a\n                <sp-link href=\"https://google.com\">link to Google</sp-link>\n            </div>\n            <sp-action-menu\n                label=\"More Actions\"\n                slot=\"actions\"\n                placement=\"bottom-end\"\n                quiet\n            >\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-action-menu>\n            <img slot=\"cover-photo\" src=${portrait} alt=\"Demo Graphic\" />\n        </sp-card>\n    `;\n};\nhref.argTypes = {\n    onClick: { action: 'link click' },\n};\n\nexport const actions = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n            ?horizontal=${args.horizontal}\n            style=\"width: 200px;\"\n        >\n            <img slot=\"cover-photo\" src=${portrait} alt=\"Demo Graphic\" />\n            <div slot=\"footer\">Footer</div>\n            <sp-action-menu\n                label=\"More Actions\"\n                slot=\"actions\"\n                placement=\"bottom-end\"\n                quiet\n            >\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-action-menu>\n        </sp-card>\n    `;\n};\n\nexport const Gallery = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            variant=\"gallery\"\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n            ?horizontal=${args.horizontal}\n        >\n            <img\n                slot=\"preview\"\n                src=${landscape}\n                style=\"object-fit: cover\"\n                alt=\"Demo Graphic\"\n            />\n            <div slot=\"description\">10/15/18</div>\n        </sp-card>\n    `;\n};\n\nexport const noPreviewImage = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            heading=\"Card Heading\"\n            subheading=\"No preview image\"\n            ?horizontal=${args.horizontal}\n            style=\"width: 200px;\"\n        >\n            <div slot=\"footer\">Footer</div>\n        </sp-card>\n    `;\n};\n\nexport const Quiet = (args: StoryArgs): TemplateResult => {\n    return html`\n        <div>\n            <sp-card\n                variant=\"quiet\"\n                heading=\"Card Heading\"\n                subheading=\"JPG\"\n                ?horizontal=${args.horizontal}\n                style=\"width: 208px; height: 264px\"\n            >\n                <img src=${portrait} alt=\"Demo Graphic\" slot=\"preview\" />\n                <div slot=\"description\">10/15/18</div>\n            </sp-card>\n        </div>\n    `;\n};\n\nexport const quietFile = (args: StoryArgs): TemplateResult => {\n    return html`\n        <div>\n            <sp-card\n                variant=\"quiet\"\n                subheading=\"JPG\"\n                asset=\"file\"\n                ?horizontal=${args.horizontal}\n                style=\"width: 208px; height: 264px\"\n            >\n                <img src=${portrait} alt=\"Demo Graphic\" slot=\"preview\" />\n                <div slot=\"heading\">File Name</div>\n                <div slot=\"description\">10/15/18</div>\n            </sp-card>\n        </div>\n    `;\n};\n\nexport const quietFolder = (args: StoryArgs): TemplateResult => {\n    return html`\n        <div>\n            <sp-card\n                variant=\"quiet\"\n                subheading=\"JPG\"\n                asset=\"folder\"\n                ?horizontal=${args.horizontal}\n                style=\"width: 208px; height: 264px\"\n            >\n                <img src=${portrait} alt=\"Demo Graphic\" slot=\"preview\" />\n                <div slot=\"heading\">Folder Name</div>\n                <div slot=\"description\">10/15/18</div>\n            </sp-card>\n        </div>\n    `;\n};\n\nexport const quietActions = (args: StoryArgs): TemplateResult => {\n    return html`\n        <div>\n            <sp-card\n                variant=\"quiet\"\n                heading=\"Card Heading\"\n                subheading=\"JPG\"\n                ?horizontal=${args.horizontal}\n                style=\"width: 208px; height: 264px\"\n            >\n                <img src=${portrait} alt=\"Demo Graphic\" slot=\"preview\" />\n                <div slot=\"description\">10/15/18</div>\n                <sp-action-menu\n                    label=\"More Actions\"\n                    slot=\"actions\"\n                    placement=\"bottom-end\"\n                    quiet\n                >\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-action-menu>\n            </sp-card>\n        </div>\n    `;\n};\n\nquietActions.storyName = 'Quiet w/ Actions';\n\nexport const Horizontal = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            ?horizontal=${args.horizontal}\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n        >\n            <sp-icon-file-txt\n                slot=\"preview\"\n                style=\"width: 36px; height: 36px;\"\n            ></sp-icon-file-txt>\n        </sp-card>\n    `;\n};\nHorizontal.args = {\n    horizontal: true,\n};\n\nexport const horizontalWithHREF = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-card\n            ?horizontal=${args.horizontal}\n            heading=\"Card Heading\"\n            subheading=\"JPG\"\n            href=\"https://opensource.adobe.com/spectrum-web-components\"\n            target=\"_blank\"\n        >\n            <sp-icon-file-txt\n                slot=\"preview\"\n                style=\"width: 36px; height: 36px;\"\n            ></sp-icon-file-txt>\n        </sp-card>\n    `;\n};\nhorizontalWithHREF.args = {\n    horizontal: true,\n};\n\nexport const smallQuiet = (args: StoryArgs): TemplateResult => {\n    return html`\n        <div>\n            <sp-card\n                size=${args.size}\n                ?horizontal=${args.horizontal}\n                heading=\"Card Heading\"\n                subheading=\"JPG\"\n                variant=\"quiet\"\n                style=\"width: 115px\"\n            >\n                <img src=${portrait} alt=\"Demo Graphic\" slot=\"preview\" />\n                <div slot=\"footer\">Footer</div>\n                <sp-action-menu\n                    label=\"More Actions\"\n                    slot=\"actions\"\n                    placement=\"bottom-end\"\n                    quiet\n                >\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-action-menu>\n            </sp-card>\n        </div>\n    `;\n};\nsmallQuiet.args = {\n    size: 's',\n};\n\nexport const SlottedHeading = (args: StoryArgs): TemplateResult => {\n    return html`\n        <style>\n            .slotted-textfield-heading {\n                width: 100%;\n            }\n        </style>\n        <sp-card\n            style=\"\n                --spectrum-card-title-width: 100%;\n                --spectrum-card-title-padding-right: 0;\n                --spectrum-card-title-padding-left: 0;\n                --spectrum-card-body-header-height: auto;\n                --spectrum-alias-single-line-width: 100%;\n            \"\n            ?horizontal=${args.horizontal}\n        >\n            <img slot=\"cover-photo\" src=${portrait} alt=\"Demo Graphic\" />\n            <sp-textfield\n                class=\"slotted-textfield-heading\"\n                slot=\"heading\"\n                value=\"Apr 23 Project\"\n                quiet\n            ></sp-textfield>\n            <div slot=\"subheading\">Last modified on 6/17/2020, 3:37 PM</div>\n            <sp-action-menu\n                label=\"More Actions\"\n                slot=\"actions\"\n                placement=\"bottom-end\"\n                quiet\n            >\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-action-menu>\n        </sp-card>\n    `;\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/test/card.test.js

@@ -138,8 +138,7 @@ describe("card", () => {
     await elementUpdated(el);
     el.addEventListener("click", (event) => {
       const composedTarget = event.composedPath()[0];
-      if (composedTarget.id !== "like-anchor")
-        return;
+      if (composedTarget.id !== "like-anchor") return;
       clickSpy();
     });
     el.click();
@@ -188,8 +187,7 @@ describe("card", () => {
       const hasLikeAnchor = path.some(
         (el2) => el2.id === "like-anchor"
       );
-      if (!hasLikeAnchor)
-        return;
+      if (!hasLikeAnchor) return;
       clickSpy();
     });
     el.click();

package/test/card.test.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["card.test.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 '@spectrum-web-components/card/sp-card.js';\nimport { Card } from '@spectrum-web-components/card';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport {\n    Default,\n    Horizontal,\n    href,\n    StoryArgs,\n} from '../stories/card.stories.js';\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport { spy } from 'sinon';\nimport { spaceEvent } from '../../../test/testing-helpers.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('card', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Card>(\n                html`\n                    <sp-card heading=\"Card Heading\" subheading=\"JPG\">\n                        <img\n                            slot=\"preview\"\n                            src=\"https://picsum.photos/532/192\"\n                            alt=\"Slotted Preview\"\n                        />\n                        <div slot=\"footer\">Footer</div>\n                    </sp-card>\n                `\n            )\n    );\n    it('loads', async () => {\n        const el = await fixture<Card>(\n            html`\n                <sp-card heading=\"Card Heading\" subheading=\"JPG\">\n                    <img\n                        slot=\"preview\"\n                        src=\"https://picsum.photos/532/192\"\n                        alt=\"Slotted Preview\"\n                    />\n                    <div slot=\"footer\">Footer</div>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads - [quiet]', async () => {\n        const el = await fixture<Card>(\n            html`\n                <sp-card\n                    variant=\"quiet\"\n                    heading=\"Card Heading\"\n                    subheading=\"JPG\"\n                >\n                    <img\n                        slot=\"preview\"\n                        src=\"https://picsum.photos/532/192\"\n                        alt=\"Slotted Preview\"\n                    />\n                    <div slot=\"description\">10/15/18</div>\n                    <div slot=\"footer\">Footer</div>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads - [quiet][small]', async () => {\n        const el = await fixture<Card>(\n            html`\n                <sp-card\n                    size=\"s\"\n                    heading=\"Card Heading\"\n                    subheading=\"JPG\"\n                    variant=\"quiet\"\n                    style=\"width: 115px;\"\n                >\n                    <img\n                        src=\"https://picsum.photos/300/400\"\n                        alt=\"Demo Graphic\"\n                        slot=\"preview\"\n                    />\n                    <div slot=\"footer\">Footer</div>\n                    <sp-action-menu\n                        slot=\"actions\"\n                        placement=\"bottom-end\"\n                        label=\"More Actions\"\n                        quiet\n                    >\n                        <sp-menu>\n                            <sp-menu-item>Deselect</sp-menu-item>\n                            <sp-menu-item>Select Inverse</sp-menu-item>\n                            <sp-menu-item>Feather...</sp-menu-item>\n                            <sp-menu-item>Select and Mask...</sp-menu-item>\n                            <sp-menu-divider></sp-menu-divider>\n                            <sp-menu-item>Save Selection</sp-menu-item>\n                            <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                        </sp-menu>\n                    </sp-action-menu>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads - [gallery]', async () => {\n        const el = await fixture<Card>(\n            html`\n                <sp-card\n                    variant=\"gallery\"\n                    heading=\"Card Heading\"\n                    subheading=\"JPG\"\n                >\n                    <img\n                        slot=\"preview\"\n                        src=\"https://picsum.photos/532/192\"\n                        alt=\"Slotted Preview\"\n                    />\n                    <div slot=\"description\">10/15/18</div>\n                    <div slot=\"footer\">Footer</div>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads - [horizontal]', async () => {\n        const el = await fixture<Card>(\n            Horizontal(Horizontal.args as StoryArgs)\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('[href] is clickable', async () => {\n        const clickSpy = spy();\n        const el = await fixture<Card>(href({}));\n\n        await elementUpdated(el);\n\n        el.addEventListener('click', (event: Event) => {\n            const composedTarget = event.composedPath()[0] as HTMLElement;\n            if (composedTarget.id !== 'like-anchor') return;\n            clickSpy();\n        });\n\n        el.click();\n\n        expect(clickSpy.callCount).to.equal(1);\n\n        (el.shadowRoot.querySelector('#like-anchor') as HTMLElement).click();\n\n        expect(clickSpy.callCount).to.equal(2);\n\n        const img = el.querySelector('img') as HTMLImageElement;\n        const boundingRect = img.getBoundingClientRect();\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [\n                        boundingRect.x + boundingRect.width / 2,\n                        boundingRect.y + boundingRect.height / 2,\n                    ],\n                },\n                {\n                    type: 'down',\n                },\n                {\n                    type: 'up',\n                },\n            ],\n        });\n\n        expect(clickSpy.callCount).to.equal(3);\n    });\n    it('links in [href] do not pass their click', async () => {\n        const clickSpy = spy();\n        const el = await fixture<Card>(href({}));\n        el.setAttribute(\n            'style',\n            [\n                'width: 200px;',\n                'display: inline-flex;',\n                '--mod-card-preview-minimum-height: 136px;',\n                '--mod-actionbutton-height: 32px;',\n                '--spectrum-icon-tshirt-size-height: 18px;',\n                '--spectrum-icon-tshirt-size-width: 18px;',\n            ].join('')\n        );\n\n        await elementUpdated(el);\n        el.addEventListener('click', (event: Event) => {\n            event.preventDefault();\n            const path = event.composedPath();\n            const hasLikeAnchor = path.some(\n                (el) => (el as HTMLElement).id === 'like-anchor'\n            );\n            if (!hasLikeAnchor) return;\n            clickSpy();\n        });\n\n        el.click();\n\n        expect(clickSpy.callCount).to.equal(1);\n\n        const footer = el.querySelector('[slot=\"footer\"]') as HTMLElement;\n        let boundingRect = footer.getBoundingClientRect();\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [boundingRect.x, boundingRect.y],\n                },\n            ],\n        });\n\n        expect(clickSpy.callCount).to.equal(2);\n\n        const link = el.querySelector(\n            'sp-link[href=\"https://google.com\"]'\n        ) as HTMLElement;\n        link.setAttribute('style', 'display: block');\n        boundingRect = link.getBoundingClientRect();\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [boundingRect.x + 2, boundingRect.y + 2],\n                },\n            ],\n        });\n\n        expect(clickSpy.callCount).to.equal(2);\n    });\n    it('converts `Space` to `click` event', async () => {\n        const clickSpy = spy();\n        const handleClick = (): void => clickSpy();\n        const el = await fixture<Card>(Default(Default.args));\n        el.addEventListener('click', handleClick);\n\n        await elementUpdated(el);\n        expect(el.focused, 'default focused').to.be.false;\n\n        el.dispatchEvent(new Event('focusin'));\n        await elementUpdated(el);\n        expect(el.focused, 'first time focused').to.be.true;\n\n        el.dispatchEvent(spaceEvent());\n        await elementUpdated(el);\n        expect(el.focused, 'still focused').to.be.true;\n        expect(clickSpy.called).to.be.true;\n        expect(clickSpy.calledOnce).to.be.true;\n    });\n    it('can be `[toggles]`', async () => {\n        const el = await fixture<Card>(Default(Default.args));\n        el.toggles = true;\n\n        await elementUpdated(el);\n\n        const checkbox = el.shadowRoot.querySelector('sp-checkbox') as Checkbox;\n        expect(el.focused, 'default focused').to.be.false;\n        expect(el.selected, 'default selected').to.be.false;\n\n        el.dispatchEvent(new Event('focusin'));\n\n        await elementUpdated(el);\n        expect(el.focused, 'first time focused').to.be.true;\n        expect(el.selected, 'still not selected').to.be.false;\n\n        el.dispatchEvent(spaceEvent());\n\n        await elementUpdated(el);\n        expect(el.focused, 'still focused').to.be.true;\n        expect(el.selected, 'first selected').to.be.true;\n\n        el.addEventListener('change', (event: Event) => event.preventDefault());\n        el.dispatchEvent(spaceEvent());\n\n        await elementUpdated(el);\n        expect(el.focused, 'still focused after default prevented').to.be.true;\n        expect(el.selected, 'first selected after default prevented').to.be\n            .true;\n\n        checkbox.dispatchEvent(\n            new Event('focusin', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        checkbox.focus();\n\n        await elementUpdated(el);\n        expect(el.focused, 'still focused, again').to.be.true;\n        expect(el.selected, 'still selected').to.be.true;\n\n        el.dispatchEvent(new Event('focusin'));\n\n        await elementUpdated(el);\n        expect(el.focused, 'focused, again').to.be.true;\n        expect(el.selected, 'still selected, again').to.be.true;\n\n        el.dispatchEvent(new Event('focusout'));\n\n        await elementUpdated(el);\n        expect(el.focused, 'still not focused, again').to.be.false;\n        expect(el.selected, 'still selected, again 2').to.be.true;\n\n        el.dispatchEvent(new Event('focusout'));\n\n        checkbox.click();\n\n        await elementUpdated(el);\n        expect(el.focused, 'still not focused, again 2').to.be.false;\n        // change event is prevented\n        expect(el.selected, 'still selected, again 3').to.be.true;\n    });\n\n    it('announces when `[toggles]`', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Card>(Default(Default.args));\n        el.toggles = true;\n        el.addEventListener('change', changeSpy);\n\n        await elementUpdated(el);\n\n        const checkbox = el.shadowRoot.querySelector('sp-checkbox') as Checkbox;\n        expect(el.selected, 'default to not selected').to.be.false;\n        checkbox.click();\n        await elementUpdated(el);\n\n        expect(el.selected, 'selected').to.be.true;\n        expect(changeSpy.callCount).to.equal(1);\n        checkbox.click();\n        await elementUpdated(el);\n\n        expect(el.selected, 'no longer selected').to.be.false;\n        expect(changeSpy.callCount).to.equal(2);\n    });\n    it('displays the `heading` attribute as `.title`', async () => {\n        const testHeading = 'This is a test heading';\n        const el = await fixture<Card>(\n            html`\n                <sp-card heading=${testHeading} subheading=\"JPG\">\n                    <img\n                        slot=\"preview\"\n                        src=\"https://picsum.photos/532/192\"\n                        alt=\"Slotted Preview\"\n                    />\n                    <div slot=\"footer\">Footer</div>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        const root = el.shadowRoot ? el.shadowRoot : el;\n        const headingEl = root.querySelector('.title');\n\n        expect(headingEl, 'did not find title element').to.not.be.null;\n        expect((headingEl as HTMLDivElement).textContent).to.contain(\n            testHeading,\n            'the heading renders in the element'\n        );\n    });\n    it('displays the slotted content as `.title`', async () => {\n        const testHeading = 'This is a test heading';\n        const el = await fixture<Card>(\n            html`\n                <sp-card subheading=\"JPG\">\n                    <h1 slot=\"heading\">${testHeading}</h1>\n                    <img\n                        slot=\"preview\"\n                        src=\"https://picsum.photos/532/192\"\n                        alt=\"Slotted Preview\"\n                    />\n                    <div slot=\"footer\">Footer</div>\n                </sp-card>\n            `\n        );\n\n        await elementUpdated(el);\n\n        const root = el.shadowRoot ? el.shadowRoot : el;\n        const headingSlot = root.querySelector(\n            '.title [name=\"heading\"]'\n        ) as HTMLSlotElement;\n\n        expect(headingSlot, 'did not find slot element').to.not.be.null;\n        const nodes = headingSlot.assignedNodes();\n        const h1Element = nodes.find(\n            (node) => (node as HTMLElement).tagName === 'H1'\n        );\n        expect(h1Element, 'did not find H1 element').to.not.be.null;\n        expect((h1Element as HTMLHeadingElement).textContent).to.contain(\n            testHeading,\n            'the slotted content renders in the element'\n        );\n    });\n});\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["el"]
 }