@spectrum-web-components/dropzone 0.39.4 → 0.40.1

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 (9) hide show
  1. package/package.json +4 -4
  2. package/src/dropzone.css.dev.js +15 -11
  3. package/src/dropzone.css.dev.js.map +2 -2
  4. package/src/dropzone.css.js +15 -11
  5. package/src/dropzone.css.js.map +2 -2
  6. package/src/spectrum-dropzone.css.dev.js +15 -11
  7. package/src/spectrum-dropzone.css.dev.js.map +2 -2
  8. package/src/spectrum-dropzone.css.js +17 -13
  9. package/src/spectrum-dropzone.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/dropzone",
3
- "version": "0.39.4",
3
+ "version": "0.40.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,10 +57,10 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.39.4"
60
+ "@spectrum-web-components/base": "^0.40.1"
61
61
  },
62
62
  "devDependencies": {
63
- "@spectrum-css/dropzone": "^5.0.21"
63
+ "@spectrum-css/dropzone": "^5.0.30"
64
64
  },
65
65
  "types": "./src/index.d.ts",
66
66
  "customElements": "custom-elements.json",
@@ -68,5 +68,5 @@
68
68
  "./sp-*.js",
69
69
  "./**/*.dev.js"
70
70
  ],
71
- "gitHead": "f745c90e8e9ea85ff10be025e058b14cc925ec9f"
71
+ "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
72
72
  }
package/src/dropzone.css.dev.js CHANGED
@@ -37,7 +37,7 @@ const styles = css`
37
37
  --spectrum-sans-font-family-stack
38
38
  );--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(
39
39
  --spectrum-accent-visual-color
40
- );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(
40
+ );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(
41
41
  --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
42
42
  );--mod-illustrated-message-illustration-color:var(
43
43
  --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
@@ -57,7 +57,7 @@ const styles = css`
57
57
  --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
58
58
  );--mod-illustrated-message-title-color:var(
59
59
  --mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)
60
- );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
60
+ );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
61
61
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
62
62
  );--mod-illustrated-message-description-font-weight:var(
63
63
  --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
@@ -77,7 +77,9 @@ const styles = css`
77
77
  --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
78
78
  )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
79
79
  --spectrum-drop-zone-cjk-title-size
80
- )}:host{background-size:cover;border-color:var(
80
+ )}:host{background-color:var(
81
+ --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
82
+ );background-size:cover;border-color:var(
81
83
  --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
82
84
  );border-radius:var(
83
85
  --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
@@ -86,10 +88,8 @@ const styles = css`
86
88
  );box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(
87
89
  --mod-drop-zone-border-width,
88
90
  var(--spectrum-drop-zone-border-width)
89
- ));position:relative;text-align:center}:host:after{background-color:var(
90
- --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
91
- );block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(
92
- --mod-drop-zone-border-style--dragged,solid
91
+ ));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(
92
+ --mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)
93
93
  );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
94
94
  --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
95
95
  ));--spectrum-drop-zone-border-color:var(
@@ -100,11 +100,15 @@ var(--spectrum-drop-zone-border-width)
100
100
  --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
101
101
  )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
102
102
  --mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)
103
- ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
103
+ ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
104
+ --highcontrast-drop-zone-border-color-hover,var(
105
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
106
+ )
107
+ );outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
104
108
  --highcontrast-drop-zone-border-color-hover,var(
105
109
  --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
106
110
  )
107
- );outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
111
+ );outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
108
112
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
109
113
  );block-size:var(
110
114
  --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
@@ -124,8 +128,8 @@ var(--spectrum-drop-zone-border-width)
124
128
  --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
125
129
  )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
126
130
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
127
- )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
128
- --highcontrast-drop-zone-illustration-color-hover
131
+ )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
132
+ --highcontrast-drop-zone-illustration-color
129
133
  )}}:host{display:block}::slotted(*){font-family:var(
130
134
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
131
135
  );font-size:var(
package/src/dropzone.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["dropzone.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{--spectrum-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));position:relative;text-align:center}:host:after{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,solid\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color-hover\n)}}:host{display:block}::slotted(*){font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);font-style:var(\n--spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);margin-bottom:0;margin-top: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;AA0If,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-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color\n)}}:host{display:block}::slotted(*){font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);font-style:var(\n--spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);margin-bottom:0;margin-top: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;AA8If,eAAe;",
6
6
  "names": []
7
7
  }
package/src/dropzone.css.js CHANGED
@@ -35,7 +35,7 @@
35
35
  --spectrum-sans-font-family-stack
36
36
  );--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(
37
37
  --spectrum-accent-visual-color
38
- );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(
38
+ );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(
39
39
  --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
40
40
  );--mod-illustrated-message-illustration-color:var(
41
41
  --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
@@ -55,7 +55,7 @@
55
55
  --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
56
56
  );--mod-illustrated-message-title-color:var(
57
57
  --mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)
58
- );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
58
+ );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
59
59
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
60
60
  );--mod-illustrated-message-description-font-weight:var(
61
61
  --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
@@ -75,7 +75,9 @@
75
75
  --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
76
76
  )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
77
77
  --spectrum-drop-zone-cjk-title-size
78
- )}:host{background-size:cover;border-color:var(
78
+ )}:host{background-color:var(
79
+ --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
80
+ );background-size:cover;border-color:var(
79
81
  --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
80
82
  );border-radius:var(
81
83
  --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
@@ -84,10 +86,8 @@
84
86
  );box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(
85
87
  --mod-drop-zone-border-width,
86
88
  var(--spectrum-drop-zone-border-width)
87
- ));position:relative;text-align:center}:host:after{background-color:var(
88
- --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
89
- );block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(
90
- --mod-drop-zone-border-style--dragged,solid
89
+ ));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(
90
+ --mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)
91
91
  );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
92
92
  --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
93
93
  ));--spectrum-drop-zone-border-color:var(
@@ -98,11 +98,15 @@ var(--spectrum-drop-zone-border-width)
98
98
  --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
99
99
  )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
100
100
  --mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)
101
- ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
101
+ ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
102
+ --highcontrast-drop-zone-border-color-hover,var(
103
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
104
+ )
105
+ );outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
102
106
  --highcontrast-drop-zone-border-color-hover,var(
103
107
  --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
104
108
  )
105
- );outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
109
+ );outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
106
110
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
107
111
  );block-size:var(
108
112
  --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
@@ -122,8 +126,8 @@ var(--spectrum-drop-zone-border-width)
122
126
  --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
123
127
  )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
124
128
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
125
- )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
126
- --highcontrast-drop-zone-illustration-color-hover
129
+ )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
130
+ --highcontrast-drop-zone-illustration-color
127
131
  )}}:host{display:block}::slotted(*){font-family:var(
128
132
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
129
133
  );font-size:var(
package/src/dropzone.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["dropzone.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{--spectrum-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));position:relative;text-align:center}:host:after{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,solid\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color-hover\n)}}:host{display:block}::slotted(*){font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);font-style:var(\n--spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);margin-bottom:0;margin-top:0}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0If,eAAeC",
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-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color\n)}}:host{display:block}::slotted(*){font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);font-style:var(\n--spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);margin-bottom:0;margin-top:0}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8If,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-dropzone.css.dev.js CHANGED
@@ -37,7 +37,7 @@ const styles = css`
37
37
  --spectrum-sans-font-family-stack
38
38
  );--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(
39
39
  --spectrum-accent-visual-color
40
- );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(
40
+ );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(
41
41
  --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
42
42
  );--mod-illustrated-message-illustration-color:var(
43
43
  --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
@@ -57,7 +57,7 @@ const styles = css`
57
57
  --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
58
58
  );--mod-illustrated-message-title-color:var(
59
59
  --mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)
60
- );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
60
+ );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
61
61
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
62
62
  );--mod-illustrated-message-description-font-weight:var(
63
63
  --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
@@ -77,7 +77,9 @@ const styles = css`
77
77
  --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
78
78
  )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
79
79
  --spectrum-drop-zone-cjk-title-size
80
- )}:host{background-size:cover;border-color:var(
80
+ )}:host{background-color:var(
81
+ --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
82
+ );background-size:cover;border-color:var(
81
83
  --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
82
84
  );border-radius:var(
83
85
  --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
@@ -86,10 +88,8 @@ const styles = css`
86
88
  );box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(
87
89
  --mod-drop-zone-border-width,
88
90
  var(--spectrum-drop-zone-border-width)
89
- ));position:relative;text-align:center}:host:after{background-color:var(
90
- --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
91
- );block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(
92
- --mod-drop-zone-border-style--dragged,solid
91
+ ));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(
92
+ --mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)
93
93
  );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
94
94
  --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
95
95
  ));--spectrum-drop-zone-border-color:var(
@@ -100,11 +100,15 @@ var(--spectrum-drop-zone-border-width)
100
100
  --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
101
101
  )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
102
102
  --mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)
103
- ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
103
+ ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
104
+ --highcontrast-drop-zone-border-color-hover,var(
105
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
106
+ )
107
+ );outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
104
108
  --highcontrast-drop-zone-border-color-hover,var(
105
109
  --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
106
110
  )
107
- );outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
111
+ );outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
108
112
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
109
113
  );block-size:var(
110
114
  --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
@@ -124,8 +128,8 @@ var(--spectrum-drop-zone-border-width)
124
128
  --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
125
129
  )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
126
130
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
127
- )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
128
- --highcontrast-drop-zone-illustration-color-hover
131
+ )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
132
+ --highcontrast-drop-zone-illustration-color
129
133
  )}}
130
134
  `;
131
135
  export default styles;
package/src/spectrum-dropzone.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-dropzone.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{--spectrum-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));position:relative;text-align:center}:host:after{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,solid\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color-hover\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;AAgIf,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-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color\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;AAoIf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-dropzone.css.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
2
  :host{--spectrum-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(
3
3
  --spectrum-sans-font-family-stack
4
4
  );--spectrum-drop-zone-heading-font-weight:var(
@@ -35,7 +35,7 @@
35
35
  --spectrum-sans-font-family-stack
36
36
  );--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(
37
37
  --spectrum-accent-visual-color
38
- );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(
38
+ );--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(
39
39
  --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
40
40
  );--mod-illustrated-message-illustration-color:var(
41
41
  --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
@@ -55,7 +55,7 @@
55
55
  --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
56
56
  );--mod-illustrated-message-title-color:var(
57
57
  --mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)
58
- );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
58
+ );--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(
59
59
  --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
60
60
  );--mod-illustrated-message-description-font-weight:var(
61
61
  --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
@@ -75,7 +75,9 @@
75
75
  --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
76
76
  )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
77
77
  --spectrum-drop-zone-cjk-title-size
78
- )}:host{background-size:cover;border-color:var(
78
+ )}:host{background-color:var(
79
+ --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
80
+ );background-size:cover;border-color:var(
79
81
  --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
80
82
  );border-radius:var(
81
83
  --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
@@ -84,10 +86,8 @@
84
86
  );box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(
85
87
  --mod-drop-zone-border-width,
86
88
  var(--spectrum-drop-zone-border-width)
87
- ));position:relative;text-align:center}:host:after{background-color:var(
88
- --mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)
89
- );block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(
90
- --mod-drop-zone-border-style--dragged,solid
89
+ ));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(
90
+ --mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)
91
91
  );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
92
92
  --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
93
93
  ));--spectrum-drop-zone-border-color:var(
@@ -98,11 +98,15 @@ var(--spectrum-drop-zone-border-width)
98
98
  --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
99
99
  )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
100
100
  --mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)
101
- ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
101
+ ));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
102
+ --highcontrast-drop-zone-border-color-hover,var(
103
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
104
+ )
105
+ );outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(
102
106
  --highcontrast-drop-zone-border-color-hover,var(
103
107
  --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
104
108
  )
105
- );outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
109
+ );outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(
106
110
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
107
111
  );block-size:var(
108
112
  --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
@@ -122,8 +126,8 @@ var(--spectrum-drop-zone-border-width)
122
126
  --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
123
127
  )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
124
128
  --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
125
- )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
126
- --highcontrast-drop-zone-illustration-color-hover
129
+ )}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(
130
+ --highcontrast-drop-zone-illustration-color
127
131
  )}}
128
- `;export default e;
132
+ `;export default r;
129
133
  //# sourceMappingURL=spectrum-dropzone.css.js.map
package/src/spectrum-dropzone.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-dropzone.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{--spectrum-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-pointer-events:none;--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-description-pointer-events:initial;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));position:relative;text-align:center}:host:after{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);block-size:100%;content:\"\";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,solid\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(:focus),:host:focus-within{--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;display:var(--mod-drop-zone-content-display,none);height:100%;justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-illustration-color-hover:Highlight;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color-hover\n)}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgIf,eAAeC",
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-drop-zone-padding:var(--spectrum-spacing-400);--spectrum-drop-zone-illustration-to-heading:var(--spectrum-spacing-400);--spectrum-drop-zone-heading-to-body:var(--spectrum-spacing-75);--spectrum-drop-zone-border-width:var(--spectrum-border-width-200);--spectrum-drop-zone-corner-radius:var(--spectrum-corner-radius-100);--spectrum-drop-zone-border-color:var(--spectrum-gray-300);--spectrum-drop-zone-heading-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-heading-font-weight:var(\n--spectrum-heading-sans-serif-font-weight\n);--spectrum-drop-zone-heading-font-style:var(\n--spectrum-heading-sans-serif-font-style\n);--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-title-size\n);--spectrum-drop-zone-heading-line-height:var(\n--spectrum-heading-line-height\n);--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-body-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-drop-zone-body-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-drop-zone-body-font-size:var(--spectrum-drop-zone-body-size);--spectrum-drop-zone-body-line-height:var(--spectrum-body-line-height);--spectrum-drop-zone-body-color:var(--spectrum-body-color);--spectrum-drop-zone-background-color:var(\n--spectrum-drop-zone-background-color-rgb\n);--spectrum-drop-zone-border-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-illustration-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-drop-zone-illustration-color-hover:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(\n--spectrum-drop-zone-content-maximum-width\n);--spectrum-drop-zone-content-edge-to-text:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-drop-zone-content-top-to-text:var(\n--spectrum-component-top-to-text-300\n);--spectrum-drop-zone-content-bottom-to-text:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-drop-zone-content-font-family:var(\n--spectrum-sans-font-family-stack\n);--spectrum-drop-zone-content-font-weight:var(--spectrum-bold-font-weight);--spectrum-drop-zone-content-font-style:var(--spectrum-default-font-style);--spectrum-drop-zone-content-font-size:var(--spectrum-font-size-300);--spectrum-drop-zone-content-line-height:var(--spectrum-line-height-100);--spectrum-drop-zone-content-background-color:var(\n--spectrum-accent-visual-color\n);--spectrum-drop-zone-content-color:var(--spectrum-white);--mod-illustrated-message-content-maximum-width:var(\n--mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)\n);--mod-illustrated-message-title-to-heading:var(\n--mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)\n);--mod-illustrated-message-heading-to-body:var(\n--mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)\n);--mod-illustrated-message-title-font-family:var(\n--mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)\n);--mod-illustrated-message-title-font-weight:var(\n--mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)\n);--mod-illustrated-message-title-font-style:var(\n--mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)\n);--mod-illustrated-message-title-font-size:var(\n--mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)\n);--mod-illustrated-message-title-line-height:var(\n--mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)\n);--mod-illustrated-message-title-color:var(\n--mod-drop-zone-heading-color,var(--spectrum-drop-zone-heading-color)\n);--mod-illustrated-message-description-position:relative;--mod-illustrated-message-description-z-index:10;--mod-illustrated-message-heading-to-description:0;--mod-illustrated-message-description-font-family:var(\n--mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)\n);--mod-illustrated-message-description-font-weight:var(\n--mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)\n);--mod-illustrated-message-description-font-style:var(\n--mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)\n);--mod-illustrated-message-description-font-size:var(\n--mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)\n);--mod-illustrated-message-description-line-height:var(\n--mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)\n);--mod-illustrated-message-description-color:var(\n--mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)\n);--mod-actionbutton-font-size:var(\n--mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)\n);--mod-actionbutton-label-color:var(\n--mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)\n);--mod-actionbutton-edge-to-text:var(\n--mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(\n--spectrum-drop-zone-cjk-title-size\n)}:host{background-color:var(\n--mod-drop-zone-background-color,var(--spectrum-drop-zone-background-color)\n);background-size:cover;border-color:var(\n--mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)\n);border-radius:var(\n--mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)\n);border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(\n--mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)\n);box-sizing:border-box;inline-size:var(--mod-drop-zone-width,var(--spectrum-drop-zone-width));padding:calc(var(--mod-drop-zone-padding, var(--spectrum-drop-zone-padding)) - var(\n--mod-drop-zone-border-width,\nvar(--spectrum-drop-zone-border-width)\n));text-align:center}:host([dragged]){--mod-drop-zone-border-style:var(\n--mod-drop-zone-border-style--dragged,var(--mod-drop-zone-border-style-dragged,solid)\n);--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)\n));--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);--mod-illustrated-message-illustration-color:var(\n--mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)\n)}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(\n--mod-drop-zone-background-color-opacity-filled,var(--spectrum-drop-zone-background-color-opacity-filled)\n));--mod-illustrated-message-display:none}:host([dragged]) .is-filled{--mod-drop-zone-content-display:flex}:host(.focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}:host(:focus-visible){--mod-drop-zone-border-style:solid;--spectrum-drop-zone-border-color:var(\n--highcontrast-drop-zone-border-color-hover,var(\n--mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)\n)\n);outline:0}.spectrum-DropZone-content{align-items:center;block-size:100%;display:var(--mod-drop-zone-content-display,none);justify-content:center;position:relative;z-index:10}.spectrum-DropZone-button{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n);block-size:var(\n--mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)\n);border:none;box-sizing:border-box;font-family:var(\n--mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)\n);font-style:var(\n--mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)\n);font-weight:var(\n--mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)\n);line-height:var(\n--mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)\n);max-inline-size:var(\n--mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)\n);padding-block-end:var(\n--mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)\n);padding-block-start:var(\n--mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)\n)}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(\n--mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)\n)}@media (forced-colors:active){:host{--highcontrast-drop-zone-illustration-color:CanvasText;--highcontrast-drop-zone-border-color-hover:Highlight;--highcontrast-illustrated-message-illustration-color:var(\n--highcontrast-drop-zone-illustration-color\n)}}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoIf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }