@react-spectrum/dropzone 3.0.0-nightly.4494 → 3.0.0-nightly.4502

package/dist/import.mjs

@@ -32,7 +32,7 @@ import $711c9bc16244510d$exports from "./tr-TR.mjs";
 import $6229f5290723ff0e$exports from "./uk-UA.mjs";
 import $1ba57165d5de0b25$exports from "./zh-CN.mjs";
 import $586e20fd0bf5d7aa$exports from "./zh-TW.mjs";
-import "./main.css";
+import "./module.css";
 import {useStyleProps as $gvoUB$useStyleProps, useDOMRef as $gvoUB$useDOMRef, classNames as $gvoUB$classNames, SlotProvider as $gvoUB$SlotProvider} from "@react-spectrum/utils";
 import {DropZone as $gvoUB$DropZone} from "react-aria-components";
 import {useId as $gvoUB$useId, mergeProps as $gvoUB$mergeProps} from "@react-aria/utils";

package/dist/main.css

@@ -23,11 +23,7 @@
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.b5Gu6W_i18nFontFamily:lang(zh-SG) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.b5Gu6W_i18nFontFamily:lang(zh-CN) {
+.b5Gu6W_i18nFontFamily:lang(zh-SG), .b5Gu6W_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
@@ -55,13 +51,7 @@
   transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.b5Gu6W_spectrum-FocusRing {
+  inset: 0;
 }
 
 .b5Gu6W_spectrum-FocusRing.b5Gu6W_focus-ring:after {
@@ -91,10 +81,7 @@
   content: "";
   display: none;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
 }
 
 .b5Gu6W_spectrum-Dropzone:focus {
@@ -106,11 +93,7 @@
   border-style: solid;
 }
 
-.b5Gu6W_spectrum-Dropzone[data-drop-target].b5Gu6W_spectrum-Dropzone--filled .b5Gu6W_spectrum-Dropzone-banner {
-  display: block;
-}
-
-.b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-backdrop {
+.b5Gu6W_spectrum-Dropzone[data-drop-target].b5Gu6W_spectrum-Dropzone--filled .b5Gu6W_spectrum-Dropzone-banner, .b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-backdrop {
   display: block;
 }
 
@@ -139,9 +122,6 @@
 
 .b5Gu6W_spectrum-Dropzone {
   --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: var(--spectrum-global-color-blue-500);
-}
-
-.b5Gu6W_spectrum-Dropzone {
   border-color: var(--spectrum-dropzone-border-color, var(--spectrum-global-color-gray-300));
 }
 
@@ -176,5 +156,4 @@
     --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: Highlight;
   }
 }
-
 /*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;AAQE;;;;;;;;;;AAUA;;;;;AAGE;;;;AAMA;;;;AAMA;;;;AAMJ;;;;;;;;;;;;;AAaA;EAGM;;;;EAKA;;;;;AAmBN;;;;AAIA;;;;AAGE;;;;AAIA;;;;;;AAMI;;;;AAKF;;;;AAMA;;;;AAMJ;EACE","sources":["packages/@adobe/spectrum-css-temp/components/dropzone/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;AAQE;;;;;;;AAUA;;;;;AAGE;;;;AAMA;;;;AAYJ;;;;;;;;;;;;;AAaA;EAGM;;;;EAKA;;;;;AAmBN;;;;;AAOE;;;;AAIA;;;;;;AAMI;;;;AAKF;;;;AAMA;;;;AAMJ;EACE","sources":["packages/@adobe/spectrum-css-temp/components/dropzone/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/module.css

@@ -0,0 +1,159 @@
+.b5Gu6W_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(ar) {
+  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(he) {
+  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(zh-SG), .b5Gu6W_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.b5Gu6W_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.b5Gu6W_spectrum-FocusRing-ring {
+  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
+  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
+  --spectrum-focus-ring-border-size: 0px;
+  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
+}
+
+.b5Gu6W_spectrum-FocusRing-ring:after {
+  border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
+  content: "";
+  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+  pointer-events: none;
+  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.b5Gu6W_spectrum-FocusRing.b5Gu6W_focus-ring:after {
+  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+}
+
+.b5Gu6W_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.b5Gu6W_spectrum-FocusRing--quiet.b5Gu6W_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+}
+
+.b5Gu6W_spectrum-Dropzone {
+  text-align: center;
+  border-width: var(--spectrum-dropzone-border-width, var(--spectrum-alias-border-size-thick));
+  border-radius: var(--spectrum-dropzone-border-radius, var(--spectrum-alias-border-radius-regular));
+  padding: var(--spectrum-dropzone-padding, var(--spectrum-global-dimension-size-900));
+  border-style: dashed;
+  position: relative;
+}
+
+.b5Gu6W_spectrum-Dropzone .b5Gu6W_spectrum-Dropzone-backdrop {
+  content: "";
+  display: none;
+  position: absolute;
+  inset: 0;
+}
+
+.b5Gu6W_spectrum-Dropzone:focus {
+  border-style: dashed;
+  outline: 0;
+}
+
+.b5Gu6W_spectrum-Dropzone:focus.b5Gu6W_focus-ring {
+  border-style: solid;
+}
+
+.b5Gu6W_spectrum-Dropzone[data-drop-target].b5Gu6W_spectrum-Dropzone--filled .b5Gu6W_spectrum-Dropzone-banner, .b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-backdrop {
+  display: block;
+}
+
+.b5Gu6W_spectrum-Dropzone-banner {
+  color: var(--spectrum-gray-50);
+  background-color: var(--spectrum-global-color-blue-500);
+  padding: var(--spectrum-global-dimension-size-115) var(--spectrum-global-dimension-size-150);
+  border-radius: var(--spectrum-dropzone-border-radius, var(--spectrum-alias-border-radius-regular));
+  border: 1px solid var(--spectrum-global-color-blue-500);
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+@media (forced-colors: active) {
+  .b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-backdrop {
+    display: none;
+  }
+
+  .b5Gu6W_spectrum-Dropzone[data-drop-target].b5Gu6W_spectrum-Dropzone--filled .b5Gu6W_spectrum-Dropzone-backdrop {
+    display: block;
+  }
+}
+
+.b5Gu6W_spectrum-Dropzone {
+  --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: var(--spectrum-global-color-blue-500);
+  border-color: var(--spectrum-dropzone-border-color, var(--spectrum-global-color-gray-300));
+}
+
+.b5Gu6W_spectrum-Dropzone[data-focus-visible] {
+  border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
+}
+
+.b5Gu6W_spectrum-Dropzone[data-drop-target] {
+  border-style: solid;
+  border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
+  background-color: var(--spectrum-dropzone-background-color-selected-hover, var(--spectrum-alias-highlight-selected));
+}
+
+.b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-illustratedMessage svg {
+  color: var(--spectrum-dropzone-illustratedmessage-illustration-color-key-focus);
+}
+
+.b5Gu6W_spectrum-Dropzone[data-drop-target].b5Gu6W_focus-ring {
+  border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
+}
+
+.b5Gu6W_spectrum-Dropzone[data-drop-target] .b5Gu6W_spectrum-Dropzone-backdrop {
+  background-color: var(--spectrum-dropzone-background-color-selected-hover, var(--spectrum-alias-highlight-selected));
+}
+
+@media (forced-colors: active) {
+  .b5Gu6W_spectrum-Dropzone {
+    --spectrum-dropzone-border-color: CanvasText;
+    --spectrum-dropzone-border-color-selected-hover: Highlight;
+    --spectrum-dropzone-background-color-selected-hover: Canvas;
+    --spectrum-dropzone-banner-border-color: CanvasText;
+    --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: Highlight;
+  }
+}
+/*# sourceMappingURL=module.css.map */

package/dist/module.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;AAQE;;;;;;;AAUA;;;;;AAGE;;;;AAMA;;;;AAYJ;;;;;;;;;;;;;AAaA;EAGM;;;;EAKA;;;;;AAmBN;;;;;AAOE;;;;AAIA;;;;;;AAMI;;;;AAKF;;;;AAMA;;;;AAMJ;EACE","sources":["packages/@adobe/spectrum-css-temp/components/dropzone/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.css.map"}

package/dist/module.js

@@ -32,7 +32,7 @@ import $711c9bc16244510d$exports from "./tr-TR.module.js";
 import $6229f5290723ff0e$exports from "./uk-UA.module.js";
 import $1ba57165d5de0b25$exports from "./zh-CN.module.js";
 import $586e20fd0bf5d7aa$exports from "./zh-TW.module.js";
-import "./main.css";
+import "./module.css";
 import {useStyleProps as $gvoUB$useStyleProps, useDOMRef as $gvoUB$useDOMRef, classNames as $gvoUB$classNames, SlotProvider as $gvoUB$SlotProvider} from "@react-spectrum/utils";
 import {DropZone as $gvoUB$DropZone} from "react-aria-components";
 import {useId as $gvoUB$useId, mergeProps as $gvoUB$mergeProps} from "@react-aria/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/dropzone",
-  "version": "3.0.0-nightly.4494+361d47080",
+  "version": "3.0.0-nightly.4502+89fa370bd",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,16 +36,16 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
-    "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-types/shared": "3.0.0-nightly.2782+361d47080",
+    "@react-aria/i18n": "3.0.0-nightly.2790+89fa370bd",
+    "@react-aria/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-spectrum/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-types/shared": "3.0.0-nightly.2790+89fa370bd",
     "@swc/helpers": "^0.5.0",
-    "react-aria-components": "1.1.2-nightly.4494+361d47080"
+    "react-aria-components": "1.1.2-nightly.4502+89fa370bd"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080",
-    "@react-spectrum/test-utils": "3.0.0-nightly.2782+361d47080"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2790+89fa370bd",
+    "@react-spectrum/test-utils": "3.0.0-nightly.2790+89fa370bd"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
+  "gitHead": "89fa370bd1bb346be643c9ab2a0d79fab857e4d7"
 }