@spectrum-web-components/dropzone 0.31.1-react.3 → 0.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/custom-elements.json +13 -4
  2. package/package.json +4 -4
  3. package/src/dropzone.css.dev.js +132 -35
  4. package/src/dropzone.css.dev.js.map +2 -2
  5. package/src/dropzone.css.js +134 -37
  6. package/src/dropzone.css.js.map +2 -2
  7. package/src/spectrum-config.js +1 -1
  8. package/src/spectrum-dropzone.css.dev.js +126 -23
  9. package/src/spectrum-dropzone.css.dev.js.map +2 -2
  10. package/src/spectrum-dropzone.css.js +128 -25
  11. package/src/spectrum-dropzone.css.js.map +2 -2
package/custom-elements.json CHANGED
@@ -4,13 +4,22 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "sp-dropzone.ts",
7
+ "path": "sp-dropzone.js",
8
8
  "declarations": [],
9
- "exports": []
9
+ "exports": [
10
+ {
11
+ "kind": "custom-element-definition",
12
+ "name": "sp-dropzone",
13
+ "declaration": {
14
+ "name": "Dropzone",
15
+ "module": "/src/Dropzone.js"
16
+ }
17
+ }
18
+ ]
10
19
  },
11
20
  {
12
21
  "kind": "javascript-module",
13
- "path": "src/Dropzone.ts",
22
+ "path": "src/Dropzone.js",
14
23
  "declarations": [
15
24
  {
16
25
  "kind": "class",
@@ -177,7 +186,7 @@
177
186
  "name": "Dropzone",
178
187
  "declaration": {
179
188
  "name": "Dropzone",
180
- "module": "src/Dropzone.ts"
189
+ "module": "src/Dropzone.js"
181
190
  }
182
191
  }
183
192
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/dropzone",
3
- "version": "0.31.1-react.3+886f51591",
3
+ "version": "0.32.0",
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.31.1-react.3+886f51591"
60
+ "@spectrum-web-components/base": "^0.32.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@spectrum-css/dropzone": "^3.0.40"
63
+ "@spectrum-css/dropzone": "^5.0.0"
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": "886f515919ca0e8a1cec52a00babb1d4a195ae01"
71
+ "gitHead": "c5f67662ac54d0e37debaf7cbd7c2df60e8b294e"
72
72
  }
package/src/dropzone.css.dev.js CHANGED
@@ -1,45 +1,142 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{border-radius:var(
5
- --spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)
6
- );border-style:dashed;border-width:var(
7
- --spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)
8
- );padding:var(
9
- --spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)
10
- );text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(
11
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
12
- )}:host([dragged]){background-color:var(
13
- --spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)
14
- );border-color:var(
15
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
16
- )}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(
17
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
18
- )}:host(:focus) ::slotted(*){color:var(
19
- --spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))
20
- )}:host(.focus-visible:focus){border-color:var(
21
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
22
- )}:host(.focus-visible:focus){border-color:var(
23
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
24
- )}:host(:focus-visible:focus){border-color:var(
25
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
26
- )}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host{--spectrum-dropzone-illustration-color:var(
27
- --spectrum-global-color-static-blue-400
28
- );display:block}::slotted(*){font-family:var(
29
- --spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)
4
+ :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(
5
+ --spectrum-sans-font-family-stack
6
+ );--spectrum-drop-zone-heading-font-weight:var(
7
+ --spectrum-heading-sans-serif-font-weight
8
+ );--spectrum-drop-zone-heading-font-style:var(
9
+ --spectrum-heading-sans-serif-font-style
10
+ );--spectrum-drop-zone-heading-font-size:var(
11
+ --spectrum-drop-zone-title-size
12
+ );--spectrum-drop-zone-heading-line-height:var(
13
+ --spectrum-heading-line-height
14
+ );--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(
15
+ --spectrum-sans-font-family-stack
16
+ );--spectrum-drop-zone-body-font-weight:var(
17
+ --spectrum-body-sans-serif-font-weight
18
+ );--spectrum-drop-zone-body-font-style:var(
19
+ --spectrum-body-sans-serif-font-style
20
+ );--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(
21
+ --spectrum-drop-zone-background-color-rgb
22
+ );--spectrum-drop-zone-border-color-hover:var(
23
+ --spectrum-accent-visual-color
24
+ );--spectrum-drop-zone-illustration-color:var(
25
+ --spectrum-neutral-visual-color
26
+ );--spectrum-drop-zone-illustration-color-hover:var(
27
+ --spectrum-accent-visual-color
28
+ );--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(
29
+ --spectrum-drop-zone-content-maximum-width
30
+ );--spectrum-drop-zone-content-edge-to-text:var(
31
+ --spectrum-component-edge-to-text-300
32
+ );--spectrum-drop-zone-content-top-to-text:var(
33
+ --spectrum-component-top-to-text-300
34
+ );--spectrum-drop-zone-content-bottom-to-text:var(
35
+ --spectrum-component-bottom-to-text-300
36
+ );--spectrum-drop-zone-content-font-family:var(
37
+ --spectrum-sans-font-family-stack
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
+ --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(
41
+ --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
42
+ );--mod-illustrated-message-illustration-color:var(
43
+ --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
44
+ );--mod-illustrated-message-title-to-heading:var(
45
+ --mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)
46
+ );--mod-illustrated-message-heading-to-body:var(
47
+ --mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)
48
+ );--mod-illustrated-message-title-font-family:var(
49
+ --mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)
50
+ );--mod-illustrated-message-title-font-weight:var(
51
+ --mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)
52
+ );--mod-illustrated-message-title-font-style:var(
53
+ --mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)
54
+ );--mod-illustrated-message-title-font-size:var(
55
+ --mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)
56
+ );--mod-illustrated-message-title-line-height:var(
57
+ --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
58
+ );--mod-illustrated-message-title-color:var(
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(
61
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
62
+ );--mod-illustrated-message-description-font-weight:var(
63
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
64
+ );--mod-illustrated-message-description-font-style:var(
65
+ --mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
66
+ );--mod-illustrated-message-description-font-size:var(
67
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
68
+ );--mod-illustrated-message-description-line-height:var(
69
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
70
+ );--mod-illustrated-message-description-color:var(
71
+ --mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)
72
+ );--mod-actionbutton-font-size:var(
73
+ --mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)
74
+ );--mod-actionbutton-label-color:var(
75
+ --mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)
76
+ );--mod-actionbutton-edge-to-text:var(
77
+ --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
78
+ )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
79
+ --spectrum-drop-zone-cjk-title-size
80
+ )}:host{background-size:cover;border-color:var(
81
+ --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
82
+ );border-radius:var(
83
+ --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
84
+ );border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(
85
+ --mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)
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(
87
+ --mod-drop-zone-border-width,
88
+ 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
93
+ );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
94
+ --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
95
+ ));--spectrum-drop-zone-border-color:var(
96
+ --highcontrast-drop-zone-border-color-hover,var(
97
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
98
+ )
99
+ );--mod-illustrated-message-illustration-color:var(
100
+ --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
101
+ )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
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(
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}.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(
108
+ --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
109
+ );block-size:var(
110
+ --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
111
+ );border:none;box-sizing:border-box;font-family:var(
112
+ --mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)
113
+ );font-style:var(
114
+ --mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)
115
+ );font-weight:var(
116
+ --mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)
117
+ );line-height:var(
118
+ --mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)
119
+ );max-inline-size:var(
120
+ --mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)
121
+ );padding-block-end:var(
122
+ --mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)
123
+ );padding-block-start:var(
124
+ --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
125
+ )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
126
+ --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
129
+ )}}:host{display:block}::slotted(*){font-family:var(
130
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
30
131
  );font-size:var(
31
- --spectrum-body-s-text-size,var(--spectrum-alias-font-size-default)
132
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
32
133
  );font-style:var(
33
- --spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)
134
+ --spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
34
135
  );font-weight:var(
35
- --spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
36
- );letter-spacing:var(
37
- --spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
136
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
38
137
  );line-height:var(
39
- --spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)
40
- );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}:host([dragged]) ::slotted(*){--mod-illustrated-message-illustration-color:var(
41
- --spectrum-dropzone-illustration-color
42
- )}
138
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
139
+ );margin-bottom:0;margin-top:0}
43
140
  `;
44
141
  export default styles;
45
142
  //# sourceMappingURL=dropzone.css.dev.js.map
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{border-radius:var(\n--spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)\n);border-style:dashed;border-width:var(\n--spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)\n);padding:var(\n--spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)\n);text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host([dragged]){background-color:var(\n--spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)\n);border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host(:focus) ::slotted(*){color:var(\n--spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(:focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host{--spectrum-dropzone-illustration-color:var(\n--spectrum-global-color-static-blue-400\n);display:block}::slotted(*){font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-alias-font-size-default)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}:host([dragged]) ::slotted(*){--mod-illustrated-message-illustration-color:var(\n--spectrum-dropzone-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;AAyCf,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-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;",
6
6
  "names": []
7
7
  }
package/src/dropzone.css.js CHANGED
@@ -1,42 +1,139 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{border-radius:var(
3
- --spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)
4
- );border-style:dashed;border-width:var(
5
- --spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)
6
- );padding:var(
7
- --spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)
8
- );text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(
9
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
10
- )}:host([dragged]){background-color:var(
11
- --spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)
12
- );border-color:var(
13
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
14
- )}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(
15
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
16
- )}:host(:focus) ::slotted(*){color:var(
17
- --spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))
18
- )}:host(.focus-visible:focus){border-color:var(
19
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
20
- )}:host(.focus-visible:focus){border-color:var(
21
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
22
- )}:host(:focus-visible:focus){border-color:var(
23
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
24
- )}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host{--spectrum-dropzone-illustration-color:var(
25
- --spectrum-global-color-static-blue-400
26
- );display:block}::slotted(*){font-family:var(
27
- --spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
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
+ --spectrum-sans-font-family-stack
4
+ );--spectrum-drop-zone-heading-font-weight:var(
5
+ --spectrum-heading-sans-serif-font-weight
6
+ );--spectrum-drop-zone-heading-font-style:var(
7
+ --spectrum-heading-sans-serif-font-style
8
+ );--spectrum-drop-zone-heading-font-size:var(
9
+ --spectrum-drop-zone-title-size
10
+ );--spectrum-drop-zone-heading-line-height:var(
11
+ --spectrum-heading-line-height
12
+ );--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(
13
+ --spectrum-sans-font-family-stack
14
+ );--spectrum-drop-zone-body-font-weight:var(
15
+ --spectrum-body-sans-serif-font-weight
16
+ );--spectrum-drop-zone-body-font-style:var(
17
+ --spectrum-body-sans-serif-font-style
18
+ );--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(
19
+ --spectrum-drop-zone-background-color-rgb
20
+ );--spectrum-drop-zone-border-color-hover:var(
21
+ --spectrum-accent-visual-color
22
+ );--spectrum-drop-zone-illustration-color:var(
23
+ --spectrum-neutral-visual-color
24
+ );--spectrum-drop-zone-illustration-color-hover:var(
25
+ --spectrum-accent-visual-color
26
+ );--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(
27
+ --spectrum-drop-zone-content-maximum-width
28
+ );--spectrum-drop-zone-content-edge-to-text:var(
29
+ --spectrum-component-edge-to-text-300
30
+ );--spectrum-drop-zone-content-top-to-text:var(
31
+ --spectrum-component-top-to-text-300
32
+ );--spectrum-drop-zone-content-bottom-to-text:var(
33
+ --spectrum-component-bottom-to-text-300
34
+ );--spectrum-drop-zone-content-font-family:var(
35
+ --spectrum-sans-font-family-stack
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
+ --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(
39
+ --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
40
+ );--mod-illustrated-message-illustration-color:var(
41
+ --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
42
+ );--mod-illustrated-message-title-to-heading:var(
43
+ --mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)
44
+ );--mod-illustrated-message-heading-to-body:var(
45
+ --mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)
46
+ );--mod-illustrated-message-title-font-family:var(
47
+ --mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)
48
+ );--mod-illustrated-message-title-font-weight:var(
49
+ --mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)
50
+ );--mod-illustrated-message-title-font-style:var(
51
+ --mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)
52
+ );--mod-illustrated-message-title-font-size:var(
53
+ --mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)
54
+ );--mod-illustrated-message-title-line-height:var(
55
+ --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
56
+ );--mod-illustrated-message-title-color:var(
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(
59
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
60
+ );--mod-illustrated-message-description-font-weight:var(
61
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
62
+ );--mod-illustrated-message-description-font-style:var(
63
+ --mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
64
+ );--mod-illustrated-message-description-font-size:var(
65
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
66
+ );--mod-illustrated-message-description-line-height:var(
67
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
68
+ );--mod-illustrated-message-description-color:var(
69
+ --mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)
70
+ );--mod-actionbutton-font-size:var(
71
+ --mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)
72
+ );--mod-actionbutton-label-color:var(
73
+ --mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)
74
+ );--mod-actionbutton-edge-to-text:var(
75
+ --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
76
+ )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
77
+ --spectrum-drop-zone-cjk-title-size
78
+ )}:host{background-size:cover;border-color:var(
79
+ --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
80
+ );border-radius:var(
81
+ --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
82
+ );border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(
83
+ --mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)
84
+ );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
+ --mod-drop-zone-border-width,
86
+ 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
91
+ );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
92
+ --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
93
+ ));--spectrum-drop-zone-border-color:var(
94
+ --highcontrast-drop-zone-border-color-hover,var(
95
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
96
+ )
97
+ );--mod-illustrated-message-illustration-color:var(
98
+ --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
99
+ )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
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(
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}.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(
106
+ --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
107
+ );block-size:var(
108
+ --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
109
+ );border:none;box-sizing:border-box;font-family:var(
110
+ --mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)
111
+ );font-style:var(
112
+ --mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)
113
+ );font-weight:var(
114
+ --mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)
115
+ );line-height:var(
116
+ --mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)
117
+ );max-inline-size:var(
118
+ --mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)
119
+ );padding-block-end:var(
120
+ --mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)
121
+ );padding-block-start:var(
122
+ --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
123
+ )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
124
+ --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
127
+ )}}:host{display:block}::slotted(*){font-family:var(
128
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
28
129
  );font-size:var(
29
- --spectrum-body-s-text-size,var(--spectrum-alias-font-size-default)
130
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
30
131
  );font-style:var(
31
- --spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)
132
+ --spectrum-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
32
133
  );font-weight:var(
33
- --spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)
34
- );letter-spacing:var(
35
- --spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
134
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
36
135
  );line-height:var(
37
- --spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)
38
- );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}:host([dragged]) ::slotted(*){--mod-illustrated-message-illustration-color:var(
39
- --spectrum-dropzone-illustration-color
40
- )}
41
- `;export default r;
136
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
137
+ );margin-bottom:0;margin-top:0}
138
+ `;export default e;
42
139
  //# sourceMappingURL=dropzone.css.js.map
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{border-radius:var(\n--spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)\n);border-style:dashed;border-width:var(\n--spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)\n);padding:var(\n--spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)\n);text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host([dragged]){background-color:var(\n--spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)\n);border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host(:focus) ::slotted(*){color:var(\n--spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(:focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host{--spectrum-dropzone-illustration-color:var(\n--spectrum-global-color-static-blue-400\n);display:block}::slotted(*){font-family:var(\n--spectrum-body-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n);font-size:var(\n--spectrum-body-s-text-size,var(--spectrum-alias-font-size-default)\n);font-style:var(\n--spectrum-body-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-body-s-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);letter-spacing:var(\n--spectrum-body-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-body-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0;text-transform:var(--spectrum-body-s-text-transform,none)}:host([dragged]) ::slotted(*){--mod-illustrated-message-illustration-color:var(\n--spectrum-dropzone-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,EAyCf,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-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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-config.js CHANGED
@@ -13,7 +13,7 @@ governing permissions and limitations under the License.
13
13
 
14
14
  import { converterFor } from '../../../tasks/process-spectrum-utils.js';
15
15
 
16
- const converter = converterFor('spectrum-Dropzone');
16
+ const converter = converterFor('spectrum-DropZone');
17
17
 
18
18
  /**
19
19
  * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
package/src/spectrum-dropzone.css.dev.js CHANGED
@@ -1,29 +1,132 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{border-radius:var(
5
- --spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)
6
- );border-style:dashed;border-width:var(
7
- --spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)
8
- );padding:var(
9
- --spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)
10
- );text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(
11
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
12
- )}:host([dragged]){background-color:var(
13
- --spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)
14
- );border-color:var(
15
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
16
- )}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(
17
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
18
- )}:host(:focus) ::slotted(*){color:var(
19
- --spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))
20
- )}:host(.focus-visible:focus){border-color:var(
21
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
22
- )}:host(.focus-visible:focus){border-color:var(
23
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
24
- )}:host(:focus-visible:focus){border-color:var(
25
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
26
- )}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}
4
+ :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(
5
+ --spectrum-sans-font-family-stack
6
+ );--spectrum-drop-zone-heading-font-weight:var(
7
+ --spectrum-heading-sans-serif-font-weight
8
+ );--spectrum-drop-zone-heading-font-style:var(
9
+ --spectrum-heading-sans-serif-font-style
10
+ );--spectrum-drop-zone-heading-font-size:var(
11
+ --spectrum-drop-zone-title-size
12
+ );--spectrum-drop-zone-heading-line-height:var(
13
+ --spectrum-heading-line-height
14
+ );--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(
15
+ --spectrum-sans-font-family-stack
16
+ );--spectrum-drop-zone-body-font-weight:var(
17
+ --spectrum-body-sans-serif-font-weight
18
+ );--spectrum-drop-zone-body-font-style:var(
19
+ --spectrum-body-sans-serif-font-style
20
+ );--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(
21
+ --spectrum-drop-zone-background-color-rgb
22
+ );--spectrum-drop-zone-border-color-hover:var(
23
+ --spectrum-accent-visual-color
24
+ );--spectrum-drop-zone-illustration-color:var(
25
+ --spectrum-neutral-visual-color
26
+ );--spectrum-drop-zone-illustration-color-hover:var(
27
+ --spectrum-accent-visual-color
28
+ );--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(
29
+ --spectrum-drop-zone-content-maximum-width
30
+ );--spectrum-drop-zone-content-edge-to-text:var(
31
+ --spectrum-component-edge-to-text-300
32
+ );--spectrum-drop-zone-content-top-to-text:var(
33
+ --spectrum-component-top-to-text-300
34
+ );--spectrum-drop-zone-content-bottom-to-text:var(
35
+ --spectrum-component-bottom-to-text-300
36
+ );--spectrum-drop-zone-content-font-family:var(
37
+ --spectrum-sans-font-family-stack
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
+ --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(
41
+ --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
42
+ );--mod-illustrated-message-illustration-color:var(
43
+ --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
44
+ );--mod-illustrated-message-title-to-heading:var(
45
+ --mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)
46
+ );--mod-illustrated-message-heading-to-body:var(
47
+ --mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)
48
+ );--mod-illustrated-message-title-font-family:var(
49
+ --mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)
50
+ );--mod-illustrated-message-title-font-weight:var(
51
+ --mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)
52
+ );--mod-illustrated-message-title-font-style:var(
53
+ --mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)
54
+ );--mod-illustrated-message-title-font-size:var(
55
+ --mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)
56
+ );--mod-illustrated-message-title-line-height:var(
57
+ --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
58
+ );--mod-illustrated-message-title-color:var(
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(
61
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
62
+ );--mod-illustrated-message-description-font-weight:var(
63
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
64
+ );--mod-illustrated-message-description-font-style:var(
65
+ --mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
66
+ );--mod-illustrated-message-description-font-size:var(
67
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
68
+ );--mod-illustrated-message-description-line-height:var(
69
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
70
+ );--mod-illustrated-message-description-color:var(
71
+ --mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)
72
+ );--mod-actionbutton-font-size:var(
73
+ --mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)
74
+ );--mod-actionbutton-label-color:var(
75
+ --mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)
76
+ );--mod-actionbutton-edge-to-text:var(
77
+ --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
78
+ )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
79
+ --spectrum-drop-zone-cjk-title-size
80
+ )}:host{background-size:cover;border-color:var(
81
+ --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
82
+ );border-radius:var(
83
+ --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
84
+ );border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(
85
+ --mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)
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(
87
+ --mod-drop-zone-border-width,
88
+ 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
93
+ );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
94
+ --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
95
+ ));--spectrum-drop-zone-border-color:var(
96
+ --highcontrast-drop-zone-border-color-hover,var(
97
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
98
+ )
99
+ );--mod-illustrated-message-illustration-color:var(
100
+ --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
101
+ )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
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(
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}.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(
108
+ --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
109
+ );block-size:var(
110
+ --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
111
+ );border:none;box-sizing:border-box;font-family:var(
112
+ --mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)
113
+ );font-style:var(
114
+ --mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)
115
+ );font-weight:var(
116
+ --mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)
117
+ );line-height:var(
118
+ --mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)
119
+ );max-inline-size:var(
120
+ --mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)
121
+ );padding-block-end:var(
122
+ --mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)
123
+ );padding-block-start:var(
124
+ --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
125
+ )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
126
+ --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
129
+ )}}
27
130
  `;
28
131
  export default styles;
29
132
  //# sourceMappingURL=spectrum-dropzone.css.dev.js.map
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{border-radius:var(\n--spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)\n);border-style:dashed;border-width:var(\n--spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)\n);padding:var(\n--spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)\n);text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host([dragged]){background-color:var(\n--spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)\n);border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host(:focus) ::slotted(*){color:var(\n--spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(:focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}\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;AAyBf,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-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;",
6
6
  "names": []
7
7
  }
package/src/spectrum-dropzone.css.js CHANGED
@@ -1,26 +1,129 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{border-radius:var(
3
- --spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)
4
- );border-style:dashed;border-width:var(
5
- --spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)
6
- );padding:var(
7
- --spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)
8
- );text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(
9
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
10
- )}:host([dragged]){background-color:var(
11
- --spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)
12
- );border-color:var(
13
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
14
- )}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(
15
- --spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)
16
- )}:host(:focus) ::slotted(*){color:var(
17
- --spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))
18
- )}:host(.focus-visible:focus){border-color:var(
19
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
20
- )}:host(.focus-visible:focus){border-color:var(
21
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
22
- )}:host(:focus-visible:focus){border-color:var(
23
- --spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)
24
- )}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}
25
- `;export default r;
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
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
+ --spectrum-sans-font-family-stack
4
+ );--spectrum-drop-zone-heading-font-weight:var(
5
+ --spectrum-heading-sans-serif-font-weight
6
+ );--spectrum-drop-zone-heading-font-style:var(
7
+ --spectrum-heading-sans-serif-font-style
8
+ );--spectrum-drop-zone-heading-font-size:var(
9
+ --spectrum-drop-zone-title-size
10
+ );--spectrum-drop-zone-heading-line-height:var(
11
+ --spectrum-heading-line-height
12
+ );--spectrum-drop-zone-heading-color:var(--spectrum-heading-color);--spectrum-drop-zone-body-font-family:var(
13
+ --spectrum-sans-font-family-stack
14
+ );--spectrum-drop-zone-body-font-weight:var(
15
+ --spectrum-body-sans-serif-font-weight
16
+ );--spectrum-drop-zone-body-font-style:var(
17
+ --spectrum-body-sans-serif-font-style
18
+ );--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(
19
+ --spectrum-drop-zone-background-color-rgb
20
+ );--spectrum-drop-zone-border-color-hover:var(
21
+ --spectrum-accent-visual-color
22
+ );--spectrum-drop-zone-illustration-color:var(
23
+ --spectrum-neutral-visual-color
24
+ );--spectrum-drop-zone-illustration-color-hover:var(
25
+ --spectrum-accent-visual-color
26
+ );--spectrum-drop-zone-content-height:var(--spectrum-component-height-300);--spectrum-drop-zone-content-max-width:var(
27
+ --spectrum-drop-zone-content-maximum-width
28
+ );--spectrum-drop-zone-content-edge-to-text:var(
29
+ --spectrum-component-edge-to-text-300
30
+ );--spectrum-drop-zone-content-top-to-text:var(
31
+ --spectrum-component-top-to-text-300
32
+ );--spectrum-drop-zone-content-bottom-to-text:var(
33
+ --spectrum-component-bottom-to-text-300
34
+ );--spectrum-drop-zone-content-font-family:var(
35
+ --spectrum-sans-font-family-stack
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
+ --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(
39
+ --mod-drop-zone-content-maximum-width,var(--spectrum-drop-zone-content-maximum-width)
40
+ );--mod-illustrated-message-illustration-color:var(
41
+ --mod-drop-zone-illustration-color,var(--spectrum-drop-zone-illustration-color)
42
+ );--mod-illustrated-message-title-to-heading:var(
43
+ --mod-drop-zone-illustration-to-heading,var(--spectrum-drop-zone-illustration-to-heading)
44
+ );--mod-illustrated-message-heading-to-body:var(
45
+ --mod-drop-zone-heading-to-body,var(--spectrum-drop-zone-heading-to-body)
46
+ );--mod-illustrated-message-title-font-family:var(
47
+ --mod-drop-zone-heading-font-family,var(--spectrum-drop-zone-heading-font-family)
48
+ );--mod-illustrated-message-title-font-weight:var(
49
+ --mod-drop-zone-heading-font-weight,var(--spectrum-drop-zone-heading-font-weight)
50
+ );--mod-illustrated-message-title-font-style:var(
51
+ --mod-drop-zone-heading-font-style,var(--spectrum-drop-zone-heading-font-style)
52
+ );--mod-illustrated-message-title-font-size:var(
53
+ --mod-drop-zone-heading-font-size,var(--spectrum-drop-zone-heading-font-size)
54
+ );--mod-illustrated-message-title-line-height:var(
55
+ --mod-drop-zone-heading-line-height,var(--spectrum-drop-zone-heading-line-height)
56
+ );--mod-illustrated-message-title-color:var(
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(
59
+ --mod-drop-zone-body-font-family,var(--spectrum-drop-zone-body-font-family)
60
+ );--mod-illustrated-message-description-font-weight:var(
61
+ --mod-drop-zone-body-font-weight,var(--spectrum-drop-zone-body-font-weight)
62
+ );--mod-illustrated-message-description-font-style:var(
63
+ --mod-drop-zone-body-font-style,var(--spectrum-drop-zone-body-font-style)
64
+ );--mod-illustrated-message-description-font-size:var(
65
+ --mod-drop-zone-body-font-size,var(--spectrum-drop-zone-body-font-size)
66
+ );--mod-illustrated-message-description-line-height:var(
67
+ --mod-drop-zone-body-line-height,var(--spectrum-drop-zone-body-line-height)
68
+ );--mod-illustrated-message-description-color:var(
69
+ --mod-drop-zone-body-color,var(--spectrum-drop-zone-body-color)
70
+ );--mod-actionbutton-font-size:var(
71
+ --mod-drop-zone-content-font-size,var(--spectrum-drop-zone-content-font-size)
72
+ );--mod-actionbutton-label-color:var(
73
+ --mod-drop-zone-content-color,var(--spectrum-drop-zone-content-color)
74
+ );--mod-actionbutton-edge-to-text:var(
75
+ --mod-drop-zone-content-edge-to-text,var(--spectrum-drop-zone-content-edge-to-text)
76
+ )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-drop-zone-heading-font-size:var(
77
+ --spectrum-drop-zone-cjk-title-size
78
+ )}:host{background-size:cover;border-color:var(
79
+ --mod-drop-zone-border-color,var(--spectrum-drop-zone-border-color)
80
+ );border-radius:var(
81
+ --mod-drop-zone-corner-radius,var(--spectrum-drop-zone-corner-radius)
82
+ );border-style:var(--mod-drop-zone-border-style,dashed);border-width:var(
83
+ --mod-drop-zone-border-width,var(--spectrum-drop-zone-border-width)
84
+ );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
+ --mod-drop-zone-border-width,
86
+ 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
91
+ );--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
92
+ --mod-drop-zone-background-color-opacity,var(--spectrum-drop-zone-background-color-opacity)
93
+ ));--spectrum-drop-zone-border-color:var(
94
+ --highcontrast-drop-zone-border-color-hover,var(
95
+ --mod-drop-zone-border-color-hover,var(--spectrum-drop-zone-border-color-hover)
96
+ )
97
+ );--mod-illustrated-message-illustration-color:var(
98
+ --mod-drop-zone-illustration-color-hover,var(--spectrum-drop-zone-illustration-color-hover)
99
+ )}:host .is-filled{--mod-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color),var(
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(
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}.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(
106
+ --mod-drop-zone-content-background-color,var(--spectrum-drop-zone-content-background-color)
107
+ );block-size:var(
108
+ --mod-drop-zone-content-height,var(--spectrum-drop-zone-content-height)
109
+ );border:none;box-sizing:border-box;font-family:var(
110
+ --mod-drop-zone-content-font-family,var(--spectrum-drop-zone-content-font-family)
111
+ );font-style:var(
112
+ --mod-drop-zone-content-font-style,var(--spectrum-drop-zone-content-font-style)
113
+ );font-weight:var(
114
+ --mod-drop-zone-content-font-weight,var(--spectrum-drop-zone-content-font-weight)
115
+ );line-height:var(
116
+ --mod-drop-zone-content-line-height,var(--spectrum-drop-zone-content-line-height)
117
+ );max-inline-size:var(
118
+ --mod-drop-zone-content-max-width,var(--spectrum-drop-zone-content-max-width)
119
+ );padding-block-end:var(
120
+ --mod-drop-zone-content-bottom-to-text,var(--spectrum-drop-zone-content-bottom-to-text)
121
+ );padding-block-start:var(
122
+ --mod-drop-zone-content-top-to-text,var(--spectrum-drop-zone-content-top-to-text)
123
+ )}.spectrum-DropZone-button:focus,.spectrum-DropZone-button:hover{background-color:var(
124
+ --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
127
+ )}}
128
+ `;export default e;
26
129
  //# 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{border-radius:var(\n--spectrum-dropzone-border-radius,var(--spectrum-alias-border-radius-regular)\n);border-style:dashed;border-width:var(\n--spectrum-dropzone-border-width,var(--spectrum-alias-border-size-thick)\n);padding:var(\n--spectrum-dropzone-padding,var(--spectrum-global-dimension-size-900)\n);text-align:center}:host([dragged]){border-style:solid}:host(:focus){border-style:dashed;outline:0}:host(.focus-visible:focus){border-style:solid}:host(.focus-visible:focus){border-style:solid}:host(:focus-visible:focus){border-style:solid}:host{border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host([dragged]){background-color:var(\n--spectrum-dropzone-background-color-selected-hover,var(--spectrum-alias-highlight-selected)\n);border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged]) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host(:focus){border-color:var(\n--spectrum-dropzone-border-color,var(--spectrum-global-color-gray-300)\n)}:host(:focus) ::slotted(*){color:var(\n--spectrum-global-color-static-gray-500,rgb(var(--spectrum-global-color-static-gray-500-rgb))\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(.focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host(:focus-visible:focus){border-color:var(\n--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400)\n)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged].focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}:host([dragged]:focus-visible:focus) ::slotted(*){color:var(--spectrum-global-color-blue-400)}\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,EAyBf,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-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",
6
6
  "names": ["css", "styles"]
7
7
  }