@spectrum-web-components/card 0.33.3-overlay.66 → 0.34.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/package.json +10 -10
  2. package/src/Card.d.ts +1 -0
  3. package/src/Card.dev.js +8 -1
  4. package/src/Card.dev.js.map +2 -2
  5. package/src/Card.js +9 -3
  6. package/src/Card.js.map +2 -2
  7. package/src/card.css.dev.js +214 -178
  8. package/src/card.css.dev.js.map +2 -2
  9. package/src/card.css.js +216 -180
  10. package/src/card.css.js.map +2 -2
  11. package/src/spectrum-card.css.dev.js +213 -177
  12. package/src/spectrum-card.css.dev.js.map +2 -2
  13. package/src/spectrum-card.css.js +215 -179
  14. package/src/spectrum-card.css.js.map +2 -2
  15. package/stories/card.stories.js +20 -57
  16. package/stories/card.stories.js.map +2 -2
  17. package/test/card.test.js +8 -20
  18. package/test/card.test.js.map +2 -2
package/src/spectrum-card.css.dev.js CHANGED
@@ -1,187 +1,223 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(
5
- --spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)
6
- );--spectrum-card-quiet-body-header-height:var(
7
- --spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)
8
- );--spectrum-card-quiet-preview-padding:var(
9
- --spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)
10
- );--spectrum-card-quiet-min-width:var(
11
- --spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)
12
- );--spectrum-card-quiet-min-height:var(
13
- --spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)
14
- );--spectrum-card-quiet-border-radius:var(
15
- --spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
16
- );--spectrum-card-quiet-border-size:var(
17
- --spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)
18
- );--spectrum-card-body-header-height:var(
19
- --spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)
20
- );--spectrum-card-body-content-min-height:var(
21
- --spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)
22
- );--spectrum-card-body-content-margin-top:var(
23
- --spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)
24
- );--spectrum-card-body-padding-top:var(
25
- --spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)
26
- );--spectrum-card-body-padding-bottom:var(
27
- --spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)
28
- );--spectrum-card-body-padding-left:var(
29
- --spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)
30
- );--spectrum-card-body-padding-right:var(
31
- --spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)
32
- );--spectrum-card-coverphoto-height:var(
33
- --spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)
34
- );--spectrum-card-coverphoto-border-bottom-size:var(
35
- --spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)
36
- );--spectrum-card-checkbox-margin:var(
37
- --spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)
38
- );--spectrum-card-title-padding-right:var(
39
- --spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)
40
- );--spectrum-card-subtitle-text-size:var(
41
- --spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)
42
- );--spectrum-card-subtitle-padding-right:var(
43
- --spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)
44
- );--spectrum-card-actions-margin:var(
45
- --spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)
46
- );--spectrum-card-footer-padding-top:var(
47
- --spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)
48
- );--spectrum-card-footer-border-top-size:var(
49
- --spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)
50
- );--spectrum-card-min-width:var(
51
- --spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)
52
- );--spectrum-card-border-radius:var(
53
- --spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)
54
- );--spectrum-card-border-size:var(
55
- --spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)
56
- )}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(
57
- --spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)
58
- );--spectrum-card-quiet-body-header-height:var(
59
- --spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)
60
- );--spectrum-card-quiet-preview-padding:var(
61
- --spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)
62
- );--spectrum-card-quiet-min-width:var(
63
- --spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)
64
- );--spectrum-card-quiet-min-height:var(
65
- --spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)
66
- );--spectrum-card-quiet-border-radius:var(
67
- --spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)
68
- );--spectrum-card-quiet-border-size:var(
69
- --spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)
70
- );--spectrum-card-body-header-height:var(
71
- --spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)
72
- );--spectrum-card-body-content-min-height:var(
73
- --spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)
74
- );--spectrum-card-body-content-margin-top:var(
75
- --spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)
76
- );--spectrum-card-body-padding-top:var(
77
- --spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)
78
- );--spectrum-card-body-padding-bottom:var(
79
- --spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)
80
- );--spectrum-card-body-padding-left:var(
81
- --spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)
82
- );--spectrum-card-body-padding-right:var(
83
- --spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)
84
- );--spectrum-card-coverphoto-height:var(
85
- --spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)
86
- );--spectrum-card-coverphoto-border-bottom-size:var(
87
- --spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)
88
- );--spectrum-card-checkbox-margin:var(
89
- --spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)
90
- );--spectrum-card-title-padding-right:var(
91
- --spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)
92
- );--spectrum-card-subtitle-text-size:var(
93
- --spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)
94
- );--spectrum-card-subtitle-padding-right:var(
95
- --spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)
96
- );--spectrum-card-actions-margin:var(
97
- --spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)
98
- );--spectrum-card-footer-padding-top:var(
99
- --spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)
100
- );--spectrum-card-footer-border-top-size:var(
101
- --spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)
102
- );--spectrum-card-min-width:var(
103
- --spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)
104
- );--spectrum-card-border-radius:var(
105
- --spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)
106
- );--spectrum-card-border-size:var(
107
- --spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)
108
- )}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(--spectrum-card-actions-margin)}:host([dir=rtl]) .actions{left:var(--spectrum-card-actions-margin)}.actions{height:var(
109
- --spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)
110
- );position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(--spectrum-card-checkbox-margin)}:host([dir=rtl]) .quick-actions{right:var(--spectrum-card-checkbox-margin)}.quick-actions{height:var(
111
- --spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)
112
- );position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(
113
- --spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)
114
- )}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(--spectrum-card-coverphoto-height);justify-content:center}:host([dir=ltr]) .body{padding-right:var(--spectrum-card-body-padding-right)}:host([dir=rtl]) .body{padding-left:var(--spectrum-card-body-padding-right)}:host([dir=ltr]) .body{padding-left:var(--spectrum-card-body-padding-left)}:host([dir=rtl]) .body{padding-right:var(--spectrum-card-body-padding-left)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-body-padding-top)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(--spectrum-card-title-padding-right)}:host([dir=rtl]) .title{padding-left:var(--spectrum-card-title-padding-right)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(--spectrum-card-subtitle-padding-right)}:host([dir=rtl]) .subtitle{padding-left:var(--spectrum-card-subtitle-padding-right)}::slotted([slot=description]){font-size:var(--spectrum-card-subtitle-text-size)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(--spectrum-card-subtitle-padding-right)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(--spectrum-card-subtitle-padding-right)}.subtitle+::slotted([slot=description]):before{content:"•"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(--spectrum-card-body-padding-right)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(--spectrum-card-body-padding-right)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(--spectrum-card-body-padding-left)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(--spectrum-card-body-padding-left)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-footer-padding-top)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(--spectrum-card-quiet-min-height)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(--spectrum-card-quiet-body-header-height);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(
115
- --spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)
4
+ :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-margin-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(
5
+ --spectrum-heading-sans-serif-font-weight
6
+ );--spectrum-card-title-font-style:var(
7
+ --spectrum-heading-sans-serif-font-style
8
+ );--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(
9
+ --spectrum-body-sans-serif-font-weight
10
+ );--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(
11
+ --spectrum-card-selection-background-size
12
+ );--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(
13
+ --spectrum-card-selection-background-color-opacity
14
+ );--spectrum-card-actions-drop-shadow-color:var(
15
+ --spectrum-drop-shadow-color
16
+ );--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(
17
+ --spectrum-focus-indicator-color
18
+ );--spectrum-card-focus-indicator-width:var(
19
+ --spectrum-focus-indicator-thickness
20
+ );--spectrum-card-selected-background-opacity:0.1;--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(
21
+ --spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100)
22
+ );--mod-card-minimum-width:var(
23
+ --spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width)
24
+ );--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([horizontal]),:host([variant=gallery]),:host([variant=quiet]){--mod-card-background-color:var(
25
+ --spectrum-card-background-color-quiet,var(--spectrum-background-base-color)
26
+ );--spectrum-card-background-color-hover:var(
27
+ --spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300)
28
+ )}:host{background-color:var(
29
+ --highcontrast-card-background-color,var(
30
+ --mod-spectrum-card-background-color,var(--spectrum-card-background-color)
31
+ )
32
+ );border:var(--mod-card-border-width,var(--spectrum-card-border-width)) solid transparent;border-color:var(
33
+ --highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color))
34
+ );border-radius:var(
35
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
36
+ );box-sizing:border-box;display:inline-flex;flex-direction:column;min-inline-size:var(
37
+ --mod-card-minimum-width,var(--spectrum-card-minimum-width)
38
+ );position:relative;-webkit-text-decoration:none;text-decoration:none}:host:before{block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host:after{block-size:100%;border:0 solid #0000;border-radius:var(
39
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
40
+ );content:"";inline-size:100%;inset-block-start:0;inset-inline:0;margin-block-start:calc(var(
41
+ --mod-card-focus-indicator-width,
42
+ var(--spectrum-card-focus-indicator-width)
43
+ )*-1);margin-inline-start:calc(var(
44
+ --mod-card-focus-indicator-width,
45
+ var(--spectrum-card-focus-indicator-width)
46
+ )*-1);position:absolute}:host(:focus),:host([focused]){outline:none}:host(:focus):after,:host([focused]):after{border-color:var(
47
+ --mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)
48
+ );border-width:var(
49
+ --mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)
50
+ )}:host(:focus) #cover-photo,:host(:focus) #preview,:host([focused]) #cover-photo,:host([focused]) #preview{border-start-end-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(
51
+ --mod-card-focus-indicator-width,
52
+ var(--spectrum-card-focus-indicator-width)
53
+ ));border-start-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(
54
+ --mod-card-focus-indicator-width,
55
+ var(--spectrum-card-focus-indicator-width)
56
+ ))}:host(:hover){border-color:var(
57
+ --highcontrast-card-border-color-hover,var(
58
+ --mod-card-border-color-hover,var(--spectrum-card-border-color-hover)
59
+ )
60
+ )}:host([selected]){border-color:var(
61
+ --highcontrast-card-border-color-selected,var(
62
+ --mod-card-border-color-selected,var(--spectrum-card-border-color-selected)
63
+ )
64
+ )}:host([selected]):before{background-color:rgba(var(
65
+ --mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)
66
+ ),var(
67
+ --mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)
68
+ ))}:host([drop-target]){--mod-card-background-color:var(
69
+ --spectrum-card-background-color-quiet,var(--spectrum-background-base-color)
70
+ );background-color:var(
71
+ --mod-card-background-color,var(--spectrum-card-background-color)
116
72
  );border-color:var(
117
- --spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)
118
- )}:host(:hover){border-color:var(
119
- --spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)
120
- )}:host(.focus-visible),:host([selected]){border-color:var(
121
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
73
+ --highcontrast-card-border-color-selected,var(
74
+ --mod-card-border-color-selected,var(--spectrum-card-border-color-selected)
75
+ )
122
76
  );box-shadow:0 0 0 1px var(
123
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
124
- )}:host(.focus-visible),:host([selected]){border-color:var(
125
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
126
- );box-shadow:0 0 0 1px var(
127
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
128
- )}:host(:focus-visible),:host([selected]){border-color:var(
129
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
130
- );box-shadow:0 0 0 1px var(
131
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
132
- )}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(
133
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
134
- );box-shadow:0 0 0 1px var(
135
- --spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
136
- )}.subtitle{color:var(
137
- --spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)
77
+ --highcontrast-card-border-color-selected,var(
78
+ --mod-card-border-color-selected,var(--spectrum-card-border-color-selected)
79
+ )
80
+ )}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}.quick-actions{background-color:rgba(var(
81
+ --mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)
82
+ ),var(
83
+ --mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)
84
+ ));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(
85
+ --mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius)
86
+ );box-shadow:var(
87
+ --mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x)
88
+ ) var(
89
+ --mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y)
90
+ ) var(
91
+ --mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur)
92
+ ) var(
93
+ --mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color)
94
+ );inline-size:var(
95
+ --mod-card-actions-size,var(--spectrum-card-actions-size)
96
+ );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)));position:absolute;visibility:hidden}.actions{inset-block-start:var(
97
+ --mod-card-actions-spacing,var(--spectrum-card-actions-spacing)
98
+ );inset-inline-end:var(
99
+ --mod-card-actions-spacing,var(--spectrum-card-actions-spacing)
100
+ )}#cover-photo{align-items:center;background-color:var(
101
+ --mod-card-background-color,var(--spectrum-card-background-color)
102
+ );background-position:50%;background-size:cover;block-size:var(
103
+ --mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height)
104
+ );border-block-end-color:var(
105
+ --mod-card-border-color,var(--spectrum-card-border-color)
106
+ );border-end-end-radius:0;border-end-start-radius:0;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-start-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));box-sizing:border-box;display:flex;justify-content:center;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;display:flex;margin-block-start:var(
107
+ --mod-card-content-margin-top,var(--spectrum-card-content-margin-top)
108
+ )}.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-block-start:var(
109
+ --mod-card-title-padding-top,var(--spectrum-card-title-padding-top)
110
+ );padding-inline-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:calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width)))}#preview{align-items:center;border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:var(
111
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
112
+ );border-start-start-radius:var(
113
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
114
+ );color:var(
115
+ --highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))
116
+ );display:flex;overflow:hidden}.title{font-family:var(
117
+ --mod-card-title-font-family,var(--spectrum-card-title-font-family)
118
+ );font-size:var(
119
+ --mod-card-title-font-size,var(--spectrum-card-title-font-size)
120
+ );font-style:var(
121
+ --mod-card-title-font-style,var(--spectrum-card-title-font-style)
122
+ );font-weight:var(
123
+ --mod-card-title-font-weight,var(--spectrum-card-title-font-weight)
124
+ );line-height:var(
125
+ --mod-card-title-line-height,var(--spectrum-card-title-line-height)
126
+ );padding-inline-end:var(
127
+ --mod-card-title-padding-right,var(--spectrum-card-title-padding-right)
128
+ )}.subtitle,.title{color:var(
129
+ --highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color))
130
+ )}.subtitle{padding-inline-end:var(
131
+ --mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right)
132
+ );text-transform:none}.subtitle+::slotted([slot=description]):before{content:"•";padding-inline-end:var(
133
+ --mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right)
138
134
  )}::slotted([slot=description]){color:var(
139
- --spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)
140
- )}#cover-photo{background-color:var(
141
- --spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)
142
- );border-bottom-color:var(
143
- --spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)
144
- )}::slotted([slot=footer]){border-color:var(
145
- --spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)
146
- )}:host([variant=gallery]),:host([variant=quiet]){background-color:#0000;border-color:#0000}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(
147
- --spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)
148
- )}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(
149
- --spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)
150
- )}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(
151
- --spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)
152
- )}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(
153
- --spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)
154
- )}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(
155
- --spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)
156
- )}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(
157
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
158
- );box-shadow:0 0 0 1px var(
159
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
160
- )}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(
161
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
135
+ --highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))
136
+ );font-family:var(
137
+ --mod-card-body-font-family,var(--spectrum-card-body-font-family)
138
+ );font-size:var(
139
+ --mod-card-body-font-size,var(--spectrum-card-body-font-size)
140
+ );font-style:var(
141
+ --mod-card-body-font-style,var(--spectrum-card-body-font-style)
142
+ );font-weight:var(
143
+ --mod-card-body-font-weight,var(--spectrum-card-body-font-weight)
144
+ );line-height:var(
145
+ --mod-card-body-line-height,var(--spectrum-card-body-line-height)
146
+ )}::slotted([slot=footer]){border-block-start:var(
147
+ --mod-card-border-width,var(--spectrum-card-border-width)
148
+ ) solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));color:var(
149
+ --highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))
150
+ );line-height:var(
151
+ --mod-card-body-line-height,var(--spectrum-card-body-line-height)
152
+ );margin-block-start:calc((var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(
153
+ --mod-card-content-margin-bottom,
154
+ var(--spectrum-card-content-margin-bottom)
155
+ ))*-1);margin-inline-end:var(
156
+ --mod-card-body-spacing,var(--spectrum-card-body-spacing)
157
+ );margin-inline-start:var(
158
+ --mod-card-body-spacing,var(--spectrum-card-body-spacing)
159
+ );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-block-start:var(
160
+ --mod-card-footer-margin-top,var(--spectrum-card-footer-margin-top)
161
+ )}.header{align-items:center;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end;z-index:1}:host([variant=quiet]) #preview{border:var(
162
+ --mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)
163
+ ) 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(
164
+ --mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)
165
+ )}:host([variant=quiet][selected]) #preview{border:var(
166
+ --mod-card-preview-border-width,var(--spectrum-card-preview-border-width)
167
+ ) solid;border-color:var(
168
+ --highcontrast-card-border-color-selected,var(
169
+ --mod-card-border-color-selected,var(--spectrum-card-border-color-selected)
170
+ )
171
+ )}:host([variant=gallery]),:host([variant=quiet]){background-color:#0000;block-size:100%;border-color:#0000;border-radius:0;border-width:0;min-inline-size:var(
172
+ --mod-card-minimum-width,var(--spectrum-card-minimum-width)
173
+ );overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(
174
+ --mod-card-background-color,var(--spectrum-card-background-color)
175
+ );border-radius:var(
176
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
177
+ );box-sizing:border-box;flex:1;inline-size:100%;margin:0 auto;min-block-size:var(
178
+ --mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height)
179
+ );overflow:visible;position:relative;transition:background-color var(
180
+ --mod-animation-duration-100,var(--spectrum-animation-duration-100)
181
+ )}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{block-size:100%;border:0 solid #0000;border-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) + var(
182
+ --mod-card-focus-indicator-width,
183
+ var(--spectrum-card-focus-indicator-width)
184
+ ));content:"";inline-size:100%;inset-block-start:0;inset-inline:0;margin-block-start:calc(var(
185
+ --mod-card-focus-indicator-width,
186
+ var(--spectrum-card-focus-indicator-width)
187
+ )*-1);margin-inline-start:calc(var(
188
+ --mod-card-focus-indicator-width,
189
+ var(--spectrum-card-focus-indicator-width)
190
+ )*-1);position:absolute}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(
191
+ --mod-card-background-color-hover,var(--spectrum-card-background-color-hover)
192
+ )}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:#0000;border-color:#0000;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(
193
+ --mod-card-background-color,var(--spectrum-card-background-color)
194
+ );transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(
195
+ --mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)
162
196
  );box-shadow:0 0 0 1px var(
163
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
164
- )}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(
165
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
166
- );box-shadow:0 0 0 1px var(
167
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
168
- )}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:#0000;border-color:#0000;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--spectrum-alias-highlight-selected)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(
169
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
170
- );box-shadow:0 0 0 1px var(
171
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
172
- )}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(--spectrum-alias-highlight-selected)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(
173
- --spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)
174
- )}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(
175
- --spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)
176
- )}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(
177
- --spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)
178
- )}:host([horizontal]:hover) #preview{border-color:var(
179
- --spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)
180
- )}:host([horizontal]) #preview{background-color:var(
181
- --spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)
182
- );border-color:var(
183
- --spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)
184
- )}
197
+ --mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)
198
+ )}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(
199
+ --mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)
200
+ ),var(
201
+ --mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)
202
+ ))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(
203
+ --mod-card-content-margin-top,var(--spectrum-card-content-margin-top)
204
+ );padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}:host([horizontal]:hover) #preview{border-color:var(
205
+ --mod-card-border-color-hover,var(--spectrum-card-border-color-hover)
206
+ )}:host([horizontal]) #preview{align-items:center;background-color:var(
207
+ --mod-card-background-color,var(--spectrum-card-background-color)
208
+ );border-end-end-radius:0;border-end-start-radius:var(
209
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
210
+ );border-inline-end:var(
211
+ --mod-card-border-width,var(--spectrum-card-border-width)
212
+ ) solid transparent;border-color:var(
213
+ --mod-card-border-color,var(--spectrum-card-border-color)
214
+ );border-start-end-radius:0;border-start-start-radius:var(
215
+ --mod-card-corner-radius,var(--spectrum-card-corner-radius)
216
+ );display:flex;flex-shrink:0;justify-content:center;min-block-size:0;padding:var(
217
+ --mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding)
218
+ )}: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{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:0;padding-inline:var(
219
+ --mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding)
220
+ )}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}
185
221
  `;
186
222
  export default styles;
187
223
  //# sourceMappingURL=spectrum-card.css.dev.js.map
package/src/spectrum-card.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-card.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;-webkit-text-decoration:none;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(--spectrum-card-actions-margin)}:host([dir=rtl]) .actions{left:var(--spectrum-card-actions-margin)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(--spectrum-card-checkbox-margin)}:host([dir=rtl]) .quick-actions{right:var(--spectrum-card-checkbox-margin)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(--spectrum-card-coverphoto-height);justify-content:center}:host([dir=ltr]) .body{padding-right:var(--spectrum-card-body-padding-right)}:host([dir=rtl]) .body{padding-left:var(--spectrum-card-body-padding-right)}:host([dir=ltr]) .body{padding-left:var(--spectrum-card-body-padding-left)}:host([dir=rtl]) .body{padding-right:var(--spectrum-card-body-padding-left)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-body-padding-top)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}:host([dir=ltr]) .title{padding-right:var(--spectrum-card-title-padding-right)}:host([dir=rtl]) .title{padding-left:var(--spectrum-card-title-padding-right)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(--spectrum-card-subtitle-padding-right)}:host([dir=rtl]) .subtitle{padding-left:var(--spectrum-card-subtitle-padding-right)}::slotted([slot=description]){font-size:var(--spectrum-card-subtitle-text-size)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(--spectrum-card-subtitle-padding-right)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(--spectrum-card-subtitle-padding-right)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(--spectrum-card-body-padding-right)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(--spectrum-card-body-padding-right)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(--spectrum-card-body-padding-left)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(--spectrum-card-body-padding-left)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-footer-padding-top)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(--spectrum-card-quiet-min-height)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(--spectrum-card-quiet-body-header-height);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(--spectrum-card-quiet-border-radius)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:#0000;border-color:#0000}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:#0000;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:#0000;border-color:#0000;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(--spectrum-alias-highlight-selected)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(--spectrum-alias-highlight-selected)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuLf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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-margin-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(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-card-title-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--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(\n--spectrum-body-sans-serif-font-weight\n);--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(\n--spectrum-card-selection-background-size\n);--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(\n--spectrum-card-selection-background-color-opacity\n);--spectrum-card-actions-drop-shadow-color:var(\n--spectrum-drop-shadow-color\n);--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(\n--spectrum-focus-indicator-color\n);--spectrum-card-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-card-selected-background-opacity:0.1;--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(\n--spectrum-card-content-margin-top-quiet,var(--spectrum-spacing-100)\n);--mod-card-minimum-width:var(\n--spectrum-card-minimum-width-quiet,var(--spectrum-card-minimum-width)\n);--spectrum-card-preview-border-width:var(--spectrum-border-width-100)}:host([horizontal]),:host([variant=gallery]),:host([variant=quiet]){--mod-card-background-color:var(\n--spectrum-card-background-color-quiet,var(--spectrum-background-base-color)\n);--spectrum-card-background-color-hover:var(\n--spectrum-card-background-color-hover-quiet,var(--spectrum-gray-300)\n)}:host{background-color:var(\n--highcontrast-card-background-color,var(\n--mod-spectrum-card-background-color,var(--spectrum-card-background-color)\n)\n);border:var(--mod-card-border-width,var(--spectrum-card-border-width)) solid transparent;border-color:var(\n--highcontrast-card-border-color,var(--mod-card-border-color,var(--spectrum-card-border-color))\n);border-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);box-sizing:border-box;display:inline-flex;flex-direction:column;min-inline-size:var(\n--mod-card-minimum-width,var(--spectrum-card-minimum-width)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}:host:before{block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host:after{block-size:100%;border:0 solid #0000;border-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);content:\"\";inline-size:100%;inset-block-start:0;inset-inline:0;margin-block-start:calc(var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n)*-1);margin-inline-start:calc(var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n)*-1);position:absolute}:host(:focus),:host([focused]){outline:none}:host(:focus):after,:host([focused]):after{border-color:var(\n--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)\n);border-width:var(\n--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)\n)}:host(:focus) #cover-photo,:host(:focus) #preview,:host([focused]) #cover-photo,:host([focused]) #preview{border-start-end-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n));border-start-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n))}:host(:hover){border-color:var(\n--highcontrast-card-border-color-hover,var(\n--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)\n)\n)}:host([selected]){border-color:var(\n--highcontrast-card-border-color-selected,var(\n--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)\n)\n)}:host([selected]):before{background-color:rgba(var(\n--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)\n),var(\n--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)\n))}:host([drop-target]){--mod-card-background-color:var(\n--spectrum-card-background-color-quiet,var(--spectrum-background-base-color)\n);background-color:var(\n--mod-card-background-color,var(--spectrum-card-background-color)\n);border-color:var(\n--highcontrast-card-border-color-selected,var(\n--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)\n)\n);box-shadow:0 0 0 1px var(\n--highcontrast-card-border-color-selected,var(\n--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)\n)\n)}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}.quick-actions{background-color:rgba(var(\n--mod-card-actions-background-color-rgb,var(--spectrum-card-actions-background-color-rgb)\n),var(\n--mod-card-actions-background-color-opacity,var(--spectrum-card-actions-background-color-opacity)\n));block-size:var(--mod-card-actions-size,var(--spectrum-card-actions-size));border-radius:var(\n--mod-card-actions-border-radius,var(--spectrum-card-actions-border-radius)\n);box-shadow:var(\n--mod-card-actions-drop-shadow-x,var(--spectrum-card-actions-drop-shadow-x)\n) var(\n--mod-card-actions-drop-shadow-y,var(--spectrum-card-actions-drop-shadow-y)\n) var(\n--mod-card-actions-drop-shadow-blur,var(--spectrum-card-actions-drop-shadow-blur)\n) var(\n--mod-card-actions-drop-shadow-color,var(--spectrum-card-actions-drop-shadow-color)\n);inline-size:var(\n--mod-card-actions-size,var(--spectrum-card-actions-size)\n);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)));position:absolute;visibility:hidden}.actions{inset-block-start:var(\n--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)\n);inset-inline-end:var(\n--mod-card-actions-spacing,var(--spectrum-card-actions-spacing)\n)}#cover-photo{align-items:center;background-color:var(\n--mod-card-background-color,var(--spectrum-card-background-color)\n);background-position:50%;background-size:cover;block-size:var(\n--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height)\n);border-block-end-color:var(\n--mod-card-border-color,var(--spectrum-card-border-color)\n);border-end-end-radius:0;border-end-start-radius:0;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-start-start-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));box-sizing:border-box;display:flex;justify-content:center;position:relative}.spectrum-Divider{margin:0}.content{align-items:center;display:flex;margin-block-start:var(\n--mod-card-content-margin-top,var(--spectrum-card-content-margin-top)\n)}.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-block-start:var(\n--mod-card-title-padding-top,var(--spectrum-card-title-padding-top)\n);padding-inline-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:calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width)))}#preview{align-items:center;border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);border-start-start-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);color:var(\n--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))\n);display:flex;overflow:hidden}.title{font-family:var(\n--mod-card-title-font-family,var(--spectrum-card-title-font-family)\n);font-size:var(\n--mod-card-title-font-size,var(--spectrum-card-title-font-size)\n);font-style:var(\n--mod-card-title-font-style,var(--spectrum-card-title-font-style)\n);font-weight:var(\n--mod-card-title-font-weight,var(--spectrum-card-title-font-weight)\n);line-height:var(\n--mod-card-title-line-height,var(--spectrum-card-title-line-height)\n);padding-inline-end:var(\n--mod-card-title-padding-right,var(--spectrum-card-title-padding-right)\n)}.subtitle,.title{color:var(\n--highcontrast-card-title-font-color,var(--mod-card-title-font-color,var(--spectrum-card-title-font-color))\n)}.subtitle{padding-inline-end:var(\n--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right)\n);text-transform:none}.subtitle+::slotted([slot=description]):before{content:\"\u2022\";padding-inline-end:var(\n--mod-card-subtitle-padding-right,var(--spectrum-card-subtitle-padding-right)\n)}::slotted([slot=description]){color:var(\n--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))\n);font-family:var(\n--mod-card-body-font-family,var(--spectrum-card-body-font-family)\n);font-size:var(\n--mod-card-body-font-size,var(--spectrum-card-body-font-size)\n);font-style:var(\n--mod-card-body-font-style,var(--spectrum-card-body-font-style)\n);font-weight:var(\n--mod-card-body-font-weight,var(--spectrum-card-body-font-weight)\n);line-height:var(\n--mod-card-body-line-height,var(--spectrum-card-body-line-height)\n)}::slotted([slot=footer]){border-block-start:var(\n--mod-card-border-width,var(--spectrum-card-border-width)\n) solid var(--mod-card-divider-color,var(--spectrum-card-divider-color));color:var(\n--highcontrast-card-body-font-color,var(--mod-card-body-font-color,var(--spectrum-card-body-font-color))\n);line-height:var(\n--mod-card-body-line-height,var(--spectrum-card-body-line-height)\n);margin-block-start:calc((var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(\n--mod-card-content-margin-bottom,\nvar(--spectrum-card-content-margin-bottom)\n))*-1);margin-inline-end:var(\n--mod-card-body-spacing,var(--spectrum-card-body-spacing)\n);margin-inline-start:var(\n--mod-card-body-spacing,var(--spectrum-card-body-spacing)\n);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-block-start:var(\n--mod-card-footer-margin-top,var(--spectrum-card-footer-margin-top)\n)}.header{align-items:center;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end;z-index:1}:host([variant=quiet]) #preview{border:var(\n--mod-card-focus-indicator-width,var(--spectrum-card-focus-indicator-width)\n) 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(\n--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)\n)}:host([variant=quiet][selected]) #preview{border:var(\n--mod-card-preview-border-width,var(--spectrum-card-preview-border-width)\n) solid;border-color:var(\n--highcontrast-card-border-color-selected,var(\n--mod-card-border-color-selected,var(--spectrum-card-border-color-selected)\n)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:#0000;block-size:100%;border-color:#0000;border-radius:0;border-width:0;min-inline-size:var(\n--mod-card-minimum-width,var(--spectrum-card-minimum-width)\n);overflow:visible}:host([variant=gallery]):before,:host([variant=quiet]):before{display:none}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--mod-card-background-color,var(--spectrum-card-background-color)\n);border-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);box-sizing:border-box;flex:1;inline-size:100%;margin:0 auto;min-block-size:var(\n--mod-card-preview-minimum-height,var(--spectrum-card-preview-minimum-height)\n);overflow:visible;position:relative;transition:background-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n)}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([variant=gallery]) #preview:after,:host([variant=quiet]) #preview:after{block-size:100%;border:0 solid #0000;border-radius:calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) + var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n));content:\"\";inline-size:100%;inset-block-start:0;inset-inline:0;margin-block-start:calc(var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n)*-1);margin-inline-start:calc(var(\n--mod-card-focus-indicator-width,\nvar(--spectrum-card-focus-indicator-width)\n)*-1);position:absolute}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:#0000}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--mod-card-background-color-hover,var(--spectrum-card-background-color-hover)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:#0000;border-color:#0000;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--mod-card-background-color,var(--spectrum-card-background-color)\n);transition:none}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)\n);box-shadow:0 0 0 1px var(\n--mod-card-focus-indicator-color,var(--spectrum-card-focus-indicator-color)\n)}:host([variant=gallery][selected]) #preview:before,:host([variant=quiet][selected]) #preview:before{background-color:rgba(var(\n--mod-card-selected-background-color-rgb,var(--spectrum-card-selected-background-color-rgb)\n),var(\n--mod-card-selected-background-opacity,var(--spectrum-card-selected-background-opacity)\n))}:host([variant=gallery]) .body,:host([variant=quiet]) .body{margin-block-start:var(\n--mod-card-content-margin-top,var(--spectrum-card-content-margin-top)\n);padding:0}:host([variant=gallery]) ::slotted([slot=footer]),:host([variant=quiet]) ::slotted([slot=footer]){margin-inline:0}:host([horizontal]){flex-direction:row}:host([horizontal]:hover) #preview{border-color:var(\n--mod-card-border-color-hover,var(--spectrum-card-border-color-hover)\n)}:host([horizontal]) #preview{align-items:center;background-color:var(\n--mod-card-background-color,var(--spectrum-card-background-color)\n);border-end-end-radius:0;border-end-start-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);border-inline-end:var(\n--mod-card-border-width,var(--spectrum-card-border-width)\n) solid transparent;border-color:var(\n--mod-card-border-color,var(--spectrum-card-border-color)\n);border-start-end-radius:0;border-start-start-radius:var(\n--mod-card-corner-radius,var(--spectrum-card-corner-radius)\n);display:flex;flex-shrink:0;justify-content:center;min-block-size:0;padding:var(\n--mod-card-horizontal-preview-padding,var(--spectrum-card-horizontal-preview-padding)\n)}: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{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:0;padding-inline:var(\n--mod-card-horizontal-body-padding,var(--spectrum-card-horizontal-body-padding)\n)}:host([variant=gallery]){min-inline-size:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Nf,eAAe;",
6
6
  "names": []
7
7
  }