@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/rule_vars_css.cjs

@@ -25,17 +25,17 @@ var $ce4b794a606ad55c$export$243baa0ec4ab58cc;
 var $ce4b794a606ad55c$export$a8d73b58ca350eb9;
 var $ce4b794a606ad55c$export$b4b727880cfe37d;
 var $ce4b794a606ad55c$export$76f93463a8fc15a8;
-$ce4b794a606ad55c$export$f39a09f249340e2a = `VXVB8W_focus-ring`;
-$ce4b794a606ad55c$export$8c4ee2c50c22c514 = `VXVB8W_i18nFontFamily`;
-$ce4b794a606ad55c$export$4109102f950813a6 = `VXVB8W_spectrum-FocusRing-ring`;
-$ce4b794a606ad55c$export$24c7f46a6e3605dd = `VXVB8W_spectrum-FocusRing ${$ce4b794a606ad55c$export$4109102f950813a6}`;
-$ce4b794a606ad55c$export$2927016961429360 = `VXVB8W_spectrum-FocusRing--quiet`;
-$ce4b794a606ad55c$export$9ebf9cdaed6878bc = `VXVB8W_spectrum-Rule`;
-$ce4b794a606ad55c$export$563c1b24466c05b8 = `VXVB8W_spectrum-Rule--horizontal`;
-$ce4b794a606ad55c$export$243baa0ec4ab58cc = `VXVB8W_spectrum-Rule--large`;
-$ce4b794a606ad55c$export$a8d73b58ca350eb9 = `VXVB8W_spectrum-Rule--medium`;
-$ce4b794a606ad55c$export$b4b727880cfe37d = `VXVB8W_spectrum-Rule--small`;
-$ce4b794a606ad55c$export$76f93463a8fc15a8 = `VXVB8W_spectrum-Rule--vertical`;
+$ce4b794a606ad55c$export$f39a09f249340e2a = `oT9zBG_focus-ring`;
+$ce4b794a606ad55c$export$8c4ee2c50c22c514 = `oT9zBG_i18nFontFamily`;
+$ce4b794a606ad55c$export$4109102f950813a6 = `oT9zBG_spectrum-FocusRing-ring`;
+$ce4b794a606ad55c$export$24c7f46a6e3605dd = `oT9zBG_spectrum-FocusRing ${$ce4b794a606ad55c$export$4109102f950813a6}`;
+$ce4b794a606ad55c$export$2927016961429360 = `oT9zBG_spectrum-FocusRing--quiet`;
+$ce4b794a606ad55c$export$9ebf9cdaed6878bc = `oT9zBG_spectrum-Rule`;
+$ce4b794a606ad55c$export$563c1b24466c05b8 = `oT9zBG_spectrum-Rule--horizontal`;
+$ce4b794a606ad55c$export$243baa0ec4ab58cc = `oT9zBG_spectrum-Rule--large`;
+$ce4b794a606ad55c$export$a8d73b58ca350eb9 = `oT9zBG_spectrum-Rule--medium`;
+$ce4b794a606ad55c$export$b4b727880cfe37d = `oT9zBG_spectrum-Rule--small`;
+$ce4b794a606ad55c$export$76f93463a8fc15a8 = `oT9zBG_spectrum-Rule--vertical`;
 
 
 //# sourceMappingURL=rule_vars_css.cjs.map

package/dist/private/rule_vars_css.mjs

@@ -26,17 +26,17 @@ var $bed882d1c0a65153$export$243baa0ec4ab58cc;
 var $bed882d1c0a65153$export$a8d73b58ca350eb9;
 var $bed882d1c0a65153$export$b4b727880cfe37d;
 var $bed882d1c0a65153$export$76f93463a8fc15a8;
-$bed882d1c0a65153$export$f39a09f249340e2a = `VXVB8W_focus-ring`;
-$bed882d1c0a65153$export$8c4ee2c50c22c514 = `VXVB8W_i18nFontFamily`;
-$bed882d1c0a65153$export$4109102f950813a6 = `VXVB8W_spectrum-FocusRing-ring`;
-$bed882d1c0a65153$export$24c7f46a6e3605dd = `VXVB8W_spectrum-FocusRing ${$bed882d1c0a65153$export$4109102f950813a6}`;
-$bed882d1c0a65153$export$2927016961429360 = `VXVB8W_spectrum-FocusRing--quiet`;
-$bed882d1c0a65153$export$9ebf9cdaed6878bc = `VXVB8W_spectrum-Rule`;
-$bed882d1c0a65153$export$563c1b24466c05b8 = `VXVB8W_spectrum-Rule--horizontal`;
-$bed882d1c0a65153$export$243baa0ec4ab58cc = `VXVB8W_spectrum-Rule--large`;
-$bed882d1c0a65153$export$a8d73b58ca350eb9 = `VXVB8W_spectrum-Rule--medium`;
-$bed882d1c0a65153$export$b4b727880cfe37d = `VXVB8W_spectrum-Rule--small`;
-$bed882d1c0a65153$export$76f93463a8fc15a8 = `VXVB8W_spectrum-Rule--vertical`;
+$bed882d1c0a65153$export$f39a09f249340e2a = `oT9zBG_focus-ring`;
+$bed882d1c0a65153$export$8c4ee2c50c22c514 = `oT9zBG_i18nFontFamily`;
+$bed882d1c0a65153$export$4109102f950813a6 = `oT9zBG_spectrum-FocusRing-ring`;
+$bed882d1c0a65153$export$24c7f46a6e3605dd = `oT9zBG_spectrum-FocusRing ${$bed882d1c0a65153$export$4109102f950813a6}`;
+$bed882d1c0a65153$export$2927016961429360 = `oT9zBG_spectrum-FocusRing--quiet`;
+$bed882d1c0a65153$export$9ebf9cdaed6878bc = `oT9zBG_spectrum-Rule`;
+$bed882d1c0a65153$export$563c1b24466c05b8 = `oT9zBG_spectrum-Rule--horizontal`;
+$bed882d1c0a65153$export$243baa0ec4ab58cc = `oT9zBG_spectrum-Rule--large`;
+$bed882d1c0a65153$export$a8d73b58ca350eb9 = `oT9zBG_spectrum-Rule--medium`;
+$bed882d1c0a65153$export$b4b727880cfe37d = `oT9zBG_spectrum-Rule--small`;
+$bed882d1c0a65153$export$76f93463a8fc15a8 = `oT9zBG_spectrum-Rule--vertical`;
 
 
 export {$bed882d1c0a65153$exports as default};

package/dist/private/search_vars.css

@@ -1,41 +1,41 @@
-._7mdQq_i18nFontFamily {
+.i9mn-q_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(ar) {
+.i9mn-q_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;
 }
 
-._7mdQq_i18nFontFamily:lang(he) {
+.i9mn-q_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;
 }
 
-._7mdQq_i18nFontFamily:lang(zh) {
+.i9mn-q_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(zh-Hans) {
+.i9mn-q_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(zh-Hant) {
+.i9mn-q_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(zh-SG), ._7mdQq_i18nFontFamily:lang(zh-CN) {
+.i9mn-q_i18nFontFamily:lang(zh-SG), .i9mn-q_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(ko) {
+.i9mn-q_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-._7mdQq_i18nFontFamily:lang(ja) {
+.i9mn-q_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-._7mdQq_spectrum-FocusRing-ring {
+.i9mn-q_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);
@@ -43,48 +43,49 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-._7mdQq_spectrum-FocusRing-ring:after {
+.i9mn-q_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;
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
   inset: 0;
 }
 
-._7mdQq_spectrum-FocusRing._7mdQq_focus-ring:after {
+.i9mn-q_spectrum-FocusRing.i9mn-q_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);
 }
 
-._7mdQq_spectrum-FocusRing--quiet:after {
+.i9mn-q_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-._7mdQq_spectrum-FocusRing--quiet._7mdQq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+.i9mn-q_spectrum-FocusRing--quiet.i9mn-q_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);
 }
 
 @media (forced-colors: active) {
-  ._7mdQq_spectrum-FocusRing, ._7mdQq_spectrum-FocusRing-ring, ._7mdQq_spectrum-FocusRing--quiet {
+  .i9mn-q_spectrum-FocusRing, .i9mn-q_spectrum-FocusRing-ring, .i9mn-q_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(._7mdQq_spectrum-FocusRing, ._7mdQq_spectrum-FocusRing-ring, ._7mdQq_spectrum-FocusRing--quiet):after {
+  :is(.i9mn-q_spectrum-FocusRing, .i9mn-q_spectrum-FocusRing-ring, .i9mn-q_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-._7mdQq_spectrum-Search {
+.i9mn-q_spectrum-Search {
   --spectrum-textfield-border-radius: var(--spectrum-search-border-radius, var(--spectrum-alias-border-radius-regular));
   position: relative;
 }
 
-._7mdQq_spectrum-Search ._7mdQq_spectrum-ClearButton {
+.i9mn-q_spectrum-Search .i9mn-q_spectrum-ClearButton {
   padding: var(--spectrum-search-clear-button-padding);
   --spectrum-clearbutton-medium-background-color-hover: var(--spectrum-search-clear-button-background-color-hover);
   --spectrum-clearbutton-medium-background-color-key-focus: var(--spectrum-search-clear-button-background-color-key-focus);
@@ -95,32 +96,35 @@
   top: 0;
 }
 
-._7mdQq_spectrum-Search._7mdQq_is-quiet ._7mdQq_spectrum-Search-input {
+.i9mn-q_spectrum-Search.i9mn-q_is-quiet .i9mn-q_spectrum-Search-input {
   padding-inline-end: var(--spectrum-global-dimension-size-350);
 }
 
-._7mdQq_spectrum-Search._7mdQq_spectrum-Search--invalid ._7mdQq_spectrum-ClearButton {
+.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--invalid .i9mn-q_spectrum-ClearButton {
   inset-inline-end: calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)));
 }
 
-._7mdQq_spectrum-Search._7mdQq_spectrum-Search--valid ._7mdQq_spectrum-ClearButton {
-  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 + var(--spectrum-global-dimension-size-150));
+.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--valid .i9mn-q_spectrum-ClearButton {
+  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 +
+        var(--spectrum-global-dimension-size-150));
 }
 
-._7mdQq_spectrum-Search._7mdQq_spectrum-Search--loadable ._7mdQq_spectrum-ClearButton {
+.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-ClearButton {
   inset-inline-end: 0;
 }
 
-._7mdQq_spectrum-Search._7mdQq_spectrum-Search--loadable ._7mdQq_spectrum-Search-circleLoader {
-  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 + var(--spectrum-global-dimension-size-150));
+.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-Search-circleLoader {
+  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 +
+        var(--spectrum-global-dimension-size-150));
 }
 
-._7mdQq_spectrum-Search._7mdQq_spectrum-Search--loadable ._7mdQq_spectrum-Search-validationIcon {
+.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-Search-validationIcon {
   padding-inline-end: 0;
-  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 + var(--spectrum-global-dimension-size-150));
+  inset-inline-end: calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2 +
+        var(--spectrum-global-dimension-size-150));
 }
 
-._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input {
+.i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input {
   -webkit-appearance: none;
   outline-offset: -2px;
   text-indent: 0;
@@ -128,19 +132,21 @@
   display: block;
 }
 
-._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input::-webkit-search-cancel-button {
+.i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
 
-._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input::-webkit-search-decoration {
+.i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-._7mdQq_spectrum-Textfield._7mdQq_spectrum-Search--invalid ._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input {
-  padding-inline-end: calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
+.i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--invalid .i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input {
+  padding-inline-end: calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) +
+        var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
 }
 
-._7mdQq_spectrum-Textfield._7mdQq_spectrum-Search--valid ._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input, ._7mdQq_spectrum-Textfield._7mdQq_spectrum-Search--loadable ._7mdQq_spectrum-Search-input._7mdQq_spectrum-Search-input {
-  padding-inline-end: calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
+.i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--valid .i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input, .i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input {
+  padding-inline-end: calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) +
+        var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
 }
 /*# sourceMappingURL=search_vars.css.map */

package/dist/private/search_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/search/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"],"names":[],"version":3,"file":"search_vars.css.map"}
+{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/search/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"],"names":[],"version":3,"file":"search_vars.css.map"}

package/dist/private/search_vars_css.cjs

@@ -33,21 +33,21 @@ var $d2d4ce3e4a6482f9$export$70ae4353602451dc;
 var $d2d4ce3e4a6482f9$export$50e02603f2d97ae1;
 var $d2d4ce3e4a6482f9$export$938f0981825eae6e;
 var $d2d4ce3e4a6482f9$export$2c8a10299d8b3418;
-$d2d4ce3e4a6482f9$export$f39a09f249340e2a = `_7mdQq_focus-ring`;
-$d2d4ce3e4a6482f9$export$8c4ee2c50c22c514 = `_7mdQq_i18nFontFamily`;
-$d2d4ce3e4a6482f9$export$6d5c5433f0da4241 = `_7mdQq_is-quiet`;
-$d2d4ce3e4a6482f9$export$b752ce409e5660c = `_7mdQq_spectrum-ClearButton`;
-$d2d4ce3e4a6482f9$export$4109102f950813a6 = `_7mdQq_spectrum-FocusRing-ring`;
-$d2d4ce3e4a6482f9$export$24c7f46a6e3605dd = `_7mdQq_spectrum-FocusRing ${$d2d4ce3e4a6482f9$export$4109102f950813a6}`;
-$d2d4ce3e4a6482f9$export$2927016961429360 = `_7mdQq_spectrum-FocusRing--quiet`;
-$d2d4ce3e4a6482f9$export$713911d754e1e4ae = `_7mdQq_spectrum-Search`;
-$d2d4ce3e4a6482f9$export$77a6151a0b46a6a3 = `_7mdQq_spectrum-Search--invalid`;
-$d2d4ce3e4a6482f9$export$9c74d64afae3b2d4 = `_7mdQq_spectrum-Search--loadable`;
-$d2d4ce3e4a6482f9$export$aa81e3ab40f37567 = `_7mdQq_spectrum-Search--valid`;
-$d2d4ce3e4a6482f9$export$70ae4353602451dc = `_7mdQq_spectrum-Search-circleLoader`;
-$d2d4ce3e4a6482f9$export$50e02603f2d97ae1 = `_7mdQq_spectrum-Search-input`;
-$d2d4ce3e4a6482f9$export$938f0981825eae6e = `_7mdQq_spectrum-Search-validationIcon`;
-$d2d4ce3e4a6482f9$export$2c8a10299d8b3418 = `_7mdQq_spectrum-Textfield`;
+$d2d4ce3e4a6482f9$export$f39a09f249340e2a = `i9mn-q_focus-ring`;
+$d2d4ce3e4a6482f9$export$8c4ee2c50c22c514 = `i9mn-q_i18nFontFamily`;
+$d2d4ce3e4a6482f9$export$6d5c5433f0da4241 = `i9mn-q_is-quiet`;
+$d2d4ce3e4a6482f9$export$b752ce409e5660c = `i9mn-q_spectrum-ClearButton`;
+$d2d4ce3e4a6482f9$export$4109102f950813a6 = `i9mn-q_spectrum-FocusRing-ring`;
+$d2d4ce3e4a6482f9$export$24c7f46a6e3605dd = `i9mn-q_spectrum-FocusRing ${$d2d4ce3e4a6482f9$export$4109102f950813a6}`;
+$d2d4ce3e4a6482f9$export$2927016961429360 = `i9mn-q_spectrum-FocusRing--quiet`;
+$d2d4ce3e4a6482f9$export$713911d754e1e4ae = `i9mn-q_spectrum-Search`;
+$d2d4ce3e4a6482f9$export$77a6151a0b46a6a3 = `i9mn-q_spectrum-Search--invalid`;
+$d2d4ce3e4a6482f9$export$9c74d64afae3b2d4 = `i9mn-q_spectrum-Search--loadable`;
+$d2d4ce3e4a6482f9$export$aa81e3ab40f37567 = `i9mn-q_spectrum-Search--valid`;
+$d2d4ce3e4a6482f9$export$70ae4353602451dc = `i9mn-q_spectrum-Search-circleLoader`;
+$d2d4ce3e4a6482f9$export$50e02603f2d97ae1 = `i9mn-q_spectrum-Search-input`;
+$d2d4ce3e4a6482f9$export$938f0981825eae6e = `i9mn-q_spectrum-Search-validationIcon`;
+$d2d4ce3e4a6482f9$export$2c8a10299d8b3418 = `i9mn-q_spectrum-Textfield`;
 
 
 //# sourceMappingURL=search_vars_css.cjs.map

package/dist/private/search_vars_css.mjs

@@ -34,21 +34,21 @@ var $60311e91fb1456e5$export$70ae4353602451dc;
 var $60311e91fb1456e5$export$50e02603f2d97ae1;
 var $60311e91fb1456e5$export$938f0981825eae6e;
 var $60311e91fb1456e5$export$2c8a10299d8b3418;
-$60311e91fb1456e5$export$f39a09f249340e2a = `_7mdQq_focus-ring`;
-$60311e91fb1456e5$export$8c4ee2c50c22c514 = `_7mdQq_i18nFontFamily`;
-$60311e91fb1456e5$export$6d5c5433f0da4241 = `_7mdQq_is-quiet`;
-$60311e91fb1456e5$export$b752ce409e5660c = `_7mdQq_spectrum-ClearButton`;
-$60311e91fb1456e5$export$4109102f950813a6 = `_7mdQq_spectrum-FocusRing-ring`;
-$60311e91fb1456e5$export$24c7f46a6e3605dd = `_7mdQq_spectrum-FocusRing ${$60311e91fb1456e5$export$4109102f950813a6}`;
-$60311e91fb1456e5$export$2927016961429360 = `_7mdQq_spectrum-FocusRing--quiet`;
-$60311e91fb1456e5$export$713911d754e1e4ae = `_7mdQq_spectrum-Search`;
-$60311e91fb1456e5$export$77a6151a0b46a6a3 = `_7mdQq_spectrum-Search--invalid`;
-$60311e91fb1456e5$export$9c74d64afae3b2d4 = `_7mdQq_spectrum-Search--loadable`;
-$60311e91fb1456e5$export$aa81e3ab40f37567 = `_7mdQq_spectrum-Search--valid`;
-$60311e91fb1456e5$export$70ae4353602451dc = `_7mdQq_spectrum-Search-circleLoader`;
-$60311e91fb1456e5$export$50e02603f2d97ae1 = `_7mdQq_spectrum-Search-input`;
-$60311e91fb1456e5$export$938f0981825eae6e = `_7mdQq_spectrum-Search-validationIcon`;
-$60311e91fb1456e5$export$2c8a10299d8b3418 = `_7mdQq_spectrum-Textfield`;
+$60311e91fb1456e5$export$f39a09f249340e2a = `i9mn-q_focus-ring`;
+$60311e91fb1456e5$export$8c4ee2c50c22c514 = `i9mn-q_i18nFontFamily`;
+$60311e91fb1456e5$export$6d5c5433f0da4241 = `i9mn-q_is-quiet`;
+$60311e91fb1456e5$export$b752ce409e5660c = `i9mn-q_spectrum-ClearButton`;
+$60311e91fb1456e5$export$4109102f950813a6 = `i9mn-q_spectrum-FocusRing-ring`;
+$60311e91fb1456e5$export$24c7f46a6e3605dd = `i9mn-q_spectrum-FocusRing ${$60311e91fb1456e5$export$4109102f950813a6}`;
+$60311e91fb1456e5$export$2927016961429360 = `i9mn-q_spectrum-FocusRing--quiet`;
+$60311e91fb1456e5$export$713911d754e1e4ae = `i9mn-q_spectrum-Search`;
+$60311e91fb1456e5$export$77a6151a0b46a6a3 = `i9mn-q_spectrum-Search--invalid`;
+$60311e91fb1456e5$export$9c74d64afae3b2d4 = `i9mn-q_spectrum-Search--loadable`;
+$60311e91fb1456e5$export$aa81e3ab40f37567 = `i9mn-q_spectrum-Search--valid`;
+$60311e91fb1456e5$export$70ae4353602451dc = `i9mn-q_spectrum-Search-circleLoader`;
+$60311e91fb1456e5$export$50e02603f2d97ae1 = `i9mn-q_spectrum-Search-input`;
+$60311e91fb1456e5$export$938f0981825eae6e = `i9mn-q_spectrum-Search-validationIcon`;
+$60311e91fb1456e5$export$2c8a10299d8b3418 = `i9mn-q_spectrum-Textfield`;
 
 
 export {$60311e91fb1456e5$exports as default};

package/dist/private/searchfield/SearchField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsBM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAsB;IAChH,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,4BACF,0DAAC,CAAA,GAAA,yDAAQ;QAAE,eAAY;;IAGzB,IAAI,QACF,OAAO,yBACP,UAAU,oBACV,gBAAgB,eAChB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CAAC;YACb,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,6CAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,0DAAC,CAAA,GAAA,qCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL;QAGJ,YAAY;;IAGhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAGJ,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,AAAC,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAI,cAAc;;AAEjF","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps extends SpectrumTextInputBase, Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>, SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(props: SpectrumSearchFieldProps, ref: Ref<TextFieldRef>) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = (\n    <Magnifier data-testid=\"searchicon\" />\n  );\n\n  let {\n    icon = defaultIcon,\n    isDisabled,\n    UNSAFE_className,\n    placeholder,\n    ...otherProps\n  } = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text');\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-ClearButton'\n        )\n      }\n      isDisabled={isDisabled} />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-Search',\n          'spectrum-Textfield',\n          {\n            'is-disabled': isDisabled,\n            'is-quiet': props.isQuiet,\n            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n            'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n          },\n          UNSAFE_className\n        )\n      }\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={(state.value !== '' && !props.isReadOnly) ? clearButton : undefined} />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,4BAAc,0DAAC,CAAA,GAAA,yDAAQ;QAAE,eAAY;;IAEzC,IAAI,QAAC,OAAO,yBAAa,UAAU,oBAAE,gBAAgB,eAAE,WAAW,EAAE,GAAG,YAAW,GAAG;IAErF,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,6CAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,0DAAC,CAAA,GAAA,qCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,YAAY;;IAIhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBAAkB,CAAA,GAAA,oCAAS,EACzB,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAEF,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc;;AAG/E","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(\n  props: SpectrumSearchFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = <Magnifier data-testid=\"searchicon\" />;\n\n  let {icon = defaultIcon, isDisabled, UNSAFE_className, placeholder, ...otherProps} = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={classNames(styles, 'spectrum-ClearButton')}\n      isDisabled={isDisabled}\n    />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-Search',\n        'spectrum-Textfield',\n        {\n          'is-disabled': isDisabled,\n          'is-quiet': props.isQuiet,\n          'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n          'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n        },\n        UNSAFE_className\n      )}\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={state.value !== '' && !props.isReadOnly ? clearButton : undefined}\n    />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.cjs.map"}

package/dist/private/searchfield/SearchField.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsBM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAsB;IAChH,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,4BACF,gCAAC,CAAA,GAAA,+BAAQ;QAAE,eAAY;;IAGzB,IAAI,QACF,OAAO,yBACP,UAAU,oBACV,gBAAgB,eAChB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CAAC;YACb,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,mDAAK,GACL;QAGJ,YAAY;;IAGhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAGJ,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,AAAC,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAI,cAAc;;AAEjF","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps extends SpectrumTextInputBase, Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>, SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(props: SpectrumSearchFieldProps, ref: Ref<TextFieldRef>) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = (\n    <Magnifier data-testid=\"searchicon\" />\n  );\n\n  let {\n    icon = defaultIcon,\n    isDisabled,\n    UNSAFE_className,\n    placeholder,\n    ...otherProps\n  } = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text');\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-ClearButton'\n        )\n      }\n      isDisabled={isDisabled} />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-Search',\n          'spectrum-Textfield',\n          {\n            'is-disabled': isDisabled,\n            'is-quiet': props.isQuiet,\n            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n            'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n          },\n          UNSAFE_className\n        )\n      }\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={(state.value !== '' && !props.isReadOnly) ? clearButton : undefined} />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,4BAAc,gCAAC,CAAA,GAAA,+BAAQ;QAAE,eAAY;;IAEzC,IAAI,QAAC,OAAO,yBAAa,UAAU,oBAAE,gBAAgB,eAAE,WAAW,EAAE,GAAG,YAAW,GAAG;IAErF,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,YAAY;;IAIhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAEF,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc;;AAG/E","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(\n  props: SpectrumSearchFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = <Magnifier data-testid=\"searchicon\" />;\n\n  let {icon = defaultIcon, isDisabled, UNSAFE_className, placeholder, ...otherProps} = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={classNames(styles, 'spectrum-ClearButton')}\n      isDisabled={isDisabled}\n    />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-Search',\n        'spectrum-Textfield',\n        {\n          'is-disabled': isDisabled,\n          'is-quiet': props.isQuiet,\n          'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n          'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n        },\n        UNSAFE_className\n      )}\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={state.value !== '' && !props.isReadOnly ? clearButton : undefined}\n    />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.js.map"}

package/dist/private/searchfield/SearchField.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsBM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAsB;IAChH,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,4BACF,gCAAC,CAAA,GAAA,+BAAQ;QAAE,eAAY;;IAGzB,IAAI,QACF,OAAO,yBACP,UAAU,oBACV,gBAAgB,eAChB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CAAC;YACb,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,mDAAK,GACL;QAGJ,YAAY;;IAGhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAGJ,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,AAAC,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAI,cAAc;;AAEjF","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps extends SpectrumTextInputBase, Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>, SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(props: SpectrumSearchFieldProps, ref: Ref<TextFieldRef>) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = (\n    <Magnifier data-testid=\"searchicon\" />\n  );\n\n  let {\n    icon = defaultIcon,\n    isDisabled,\n    UNSAFE_className,\n    placeholder,\n    ...otherProps\n  } = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text');\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-ClearButton'\n        )\n      }\n      isDisabled={isDisabled} />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={\n        classNames(\n          styles,\n          'spectrum-Search',\n          'spectrum-Textfield',\n          {\n            'is-disabled': isDisabled,\n            'is-quiet': props.isQuiet,\n            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n            'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n          },\n          UNSAFE_className\n        )\n      }\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={(state.value !== '' && !props.isReadOnly) ? clearButton : undefined} />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,4BAAc,gCAAC,CAAA,GAAA,+BAAQ;QAAE,eAAY;;IAEzC,IAAI,QAAC,OAAO,yBAAa,UAAU,oBAAE,gBAAgB,eAAE,WAAW,EAAE,GAAG,YAAW,GAAG;IAErF,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,eAAe,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YAC9E,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC;KAAY;IAEhB,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,oBAAC,gBAAgB,EAAE,GAAG,QAAO,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IAEjE,IAAI,4BACF,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,YAAY;;IAIhB,IAAI,kBAAkB,MAAM,eAAe,IAAK,CAAA,OAAO,SAAS,GAAG,YAAY,SAAQ;IAEvF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAG,UAAU;QACb,GAAG,MAAM;QACV,iBAAiB;QACjB,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,mDAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM,OAAO;YACzB,4BAA4B,oBAAoB,aAAa,CAAC;YAC9D,0BAA0B,oBAAoB,WAAW,CAAC;QAC5D,GACA;QAEF,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,MAAM,KAAK,KAAK,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc;;AAG/E","sources":["packages/@adobe/react-spectrum/src/searchfield/SearchField.tsx"],"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\nimport {AriaSearchFieldProps, useSearchField} from 'react-aria/useSearchField';\n\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from '../textfield/TextField';\nimport {SpectrumTextInputBase} from '@react-types/shared';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '../textfield/TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSearchFieldState} from 'react-stately/useSearchFieldState';\nimport {useSlotProps} from '../utils/Slots';\n\nexport interface SpectrumSearchFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaSearchFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumTextFieldProps {}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nexport const SearchField = forwardRef(function SearchField(\n  props: SpectrumSearchFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useSlotProps(props, 'searchfield');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let defaultIcon = <Magnifier data-testid=\"searchicon\" />;\n\n  let {icon = defaultIcon, isDisabled, UNSAFE_className, placeholder, ...otherProps} = props;\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [placeholder]);\n\n  let state = useSearchFieldState(props);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let {clearButtonProps, ...result} = useSearchField(props, state, inputRef);\n\n  let clearButton = (\n    <ClearButton\n      {...clearButtonProps}\n      preventFocus\n      UNSAFE_className={classNames(styles, 'spectrum-ClearButton')}\n      isDisabled={isDisabled}\n    />\n  );\n\n  let validationState = props.validationState || (result.isInvalid ? 'invalid' : undefined);\n\n  return (\n    <TextFieldBase\n      {...otherProps}\n      {...result}\n      validationState={validationState}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-Search',\n        'spectrum-Textfield',\n        {\n          'is-disabled': isDisabled,\n          'is-quiet': props.isQuiet,\n          'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,\n          'spectrum-Search--valid': validationState === 'valid' && !isDisabled\n        },\n        UNSAFE_className\n      )}\n      inputClassName={classNames(styles, 'spectrum-Search-input')}\n      ref={ref}\n      inputRef={inputRef}\n      isDisabled={isDisabled}\n      icon={icon}\n      wrapperChildren={state.value !== '' && !props.isReadOnly ? clearButton : undefined}\n    />\n  );\n}) as (props: SpectrumSearchFieldProps & {ref?: Ref<TextFieldRef>}) => ReactElement;\n"],"names":[],"version":3,"file":"SearchField.mjs.map"}

package/dist/private/slider/RangeSlider.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkCM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAAiC;IACjI,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;IAC/C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,MAAM,QAAQ,IAAI;QAAG,MAAM,QAAQ,IAAI;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,WAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,cAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,sCAAQ;IAE1B,qBACE,0DAAC,CAAA,GAAA,oCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,oIACE,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BACrD,0DAAC,CAAA,GAAA,qCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAClB,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BACF,0DAAC,CAAA,GAAA,qCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAClB,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAGR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {SliderBase, SliderBaseChildArguments, SliderBaseProps, SpectrumBarSliderBase} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string,\n  /**\n   * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string,\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(props: SpectrumRangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}} />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }} />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }} />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA0CM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAAiC;IAEjC,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;IAC/C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,MAAM,QAAQ,IAAI;QAAG,MAAM,QAAQ,IAAI;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,WAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,cAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,sCAAQ;IAE1B,qBACE,0DAAC,CAAA,GAAA,oCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,oIACE,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BAErD,0DAAC,CAAA,GAAA,qCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAElB,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BAEF,0DAAC,CAAA,GAAA,qCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAElB,0DAAC;YACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAIR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string;\n  /**\n   * The name of the end input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string;\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and\n * lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(\n  props: SpectrumRangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}}\n            />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.cjs.map"}

package/dist/private/slider/RangeSlider.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAAiC;IACjI,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;QAKvB,iBAAqB;IAJ7C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,CAAA,kBAAA,MAAM,QAAQ,cAAd,6BAAA,kBAAkB;QAAG,CAAA,kBAAA,MAAM,QAAQ,cAAd,6BAAA,kBAAkB;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,qBAAA,+BAAA,SAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,wBAAA,kCAAA,YAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gCAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,gFACE,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BACrD,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAClB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BACF,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAClB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAGR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {SliderBase, SliderBaseChildArguments, SliderBaseProps, SpectrumBarSliderBase} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string,\n  /**\n   * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string,\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(props: SpectrumRangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}} />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }} />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }} />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA0CM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAAiC;IAEjC,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;QAKvB,iBAAqB;IAJ7C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,CAAA,kBAAA,MAAM,QAAQ,cAAd,6BAAA,kBAAkB;QAAG,CAAA,kBAAA,MAAM,QAAQ,cAAd,6BAAA,kBAAkB;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,qBAAA,+BAAA,SAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,wBAAA,kCAAA,YAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gCAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,gFACE,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BAErD,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAElB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BAEF,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAElB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAIR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string;\n  /**\n   * The name of the end input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string;\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and\n * lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(\n  props: SpectrumRangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}}\n            />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.js.map"}

package/dist/private/slider/RangeSlider.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAAiC;IACjI,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;IAC/C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,MAAM,QAAQ,IAAI;QAAG,MAAM,QAAQ,IAAI;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,WAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,cAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gCAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,gFACE,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BACrD,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAClB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BACF,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAClB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAGR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {SliderBase, SliderBaseChildArguments, SliderBaseProps, SpectrumBarSliderBase} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string,\n  /**\n   * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string,\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(props: SpectrumRangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}} />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }} />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form} />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }} />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA0CM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAAiC;IAEjC,IAAI,YAAC,QAAQ,eAAE,WAAW,SAAE,KAAK,gBAAE,YAAY,iBAAE,aAAa,EAAE,GAAG,YAAW,GAAG;IACjF,IAAI,qBAA2C;IAC/C,IAAI,gBAAgB,MAClB,qBAAqB;QAAC,aAAa,KAAK;QAAE,aAAa,GAAG;KAAC;SACtD,IAAI,SAAS,MAClB,0DAA0D;IAC1D,qBAAqB;QAAC,MAAM,QAAQ,IAAI;QAAG,MAAM,QAAQ,IAAI;KAAI;IAGnE,IAAI,YAAyD;QAC3D,GAAG,UAAU;QACb,OAAO,SAAS,OAAO;YAAC,MAAM,KAAK;YAAE,MAAM,GAAG;SAAC,GAAG;QAClD,cAAc;QACd,UAAS,CAAC;YACR,WAAW;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACpC;QACA,aAAY,CAAC;YACX,cAAc;gBAAC,OAAO,CAAC,CAAC,EAAE;gBAAE,KAAK,CAAC,CAAC,EAAE;YAAA;QACvC;QACA,eAAe,gBAAgB,CAAC,CAAC,OAAO,IAAI,GAAK,cAAc;uBAAC;qBAAO;YAAG,KAAK;IACjF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gCAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,SAAS;QAAE,SAAS;QAA0B,KAAK;OAChE,CAAC,YAAC,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAA2B;QACrD,IAAI,eAAe,cAAc,QAAQ,UAAU;QACnD,qBACE,gFACE,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBAAC,OAAO,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YAAA;0BAErD,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,UAAU;YACV,OAAO;YACP,MAAM,MAAM,SAAS;YACrB,MAAM,MAAM,IAAI;0BAElB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,CAAC,aAAa,EAAE,GAAG,MAAM,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;gBACpD,OAAO,GAAG,KAAK,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC;YAClF;0BAEF,gCAAC,CAAA,GAAA,yCAAU;YACT,OAAO;YACP,cAAY,gBAAgB,MAAM,CAAC;YACnC,YAAY,MAAM,UAAU;YAC5B,UAAU;YACV,OAAO;YACP,MAAM,MAAM,OAAO;YACnB,MAAM,MAAM,IAAI;0BAElB,gCAAC;YACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC9B,OAAO;gBACL,OAAO,GAAG,AAAC,CAAA,IAAI,MAAM,eAAe,CAAC,EAAC,IAAK,IAAI,CAAC,CAAC;YACnD;;IAIR;AAGN","sources":["packages/@adobe/react-spectrum/src/slider/RangeSlider.tsx"],"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\nimport {classNames} from '../utils/classNames';\n\nimport {FocusableRef, RangeValue} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/slider/*.json';\nimport React from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string;\n  /**\n   * The name of the end input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string;\n  /**\n   * The `<form>` element to associate the slider with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and\n * lower bounds to the range are invariable.\n */\nexport const RangeSlider = React.forwardRef(function RangeSlider(\n  props: SpectrumRangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {onChange, onChangeEnd, value, defaultValue, getValueLabel, ...otherProps} = props;\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (defaultValue != null) {\n    defaultThumbValues = [defaultValue.start, defaultValue.end];\n  } else if (value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  let baseProps: Omit<SliderBaseProps<number[]>, 'children'> = {\n    ...otherProps,\n    value: value != null ? [value.start, value.end] : undefined,\n    defaultValue: defaultThumbValues,\n    onChange(v) {\n      onChange?.({start: v[0], end: v[1]});\n    },\n    onChangeEnd(v) {\n      onChangeEnd?.({start: v[0], end: v[1]});\n    },\n    getValueLabel: getValueLabel ? ([start, end]) => getValueLabel({start, end}) : undefined\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/slider');\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase {...baseProps} classes={'spectrum-Slider--range'} ref={ref}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n        return (\n          <>\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{width: `${state.getThumbPercent(0) * 100}%`}}\n            />\n            <SliderThumb\n              index={0}\n              aria-label={stringFormatter.format('minimum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.startName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`,\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n            <SliderThumb\n              index={1}\n              aria-label={stringFormatter.format('maximum')}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              state={state}\n              name={props.endName}\n              form={props.form}\n            />\n            <div\n              className={classNames(styles, 'spectrum-Slider-track')}\n              style={{\n                width: `${(1 - state.getThumbPercent(1)) * 100}%`\n              }}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.mjs.map"}

package/dist/private/slider/Slider.cjs

@@ -60,8 +60,8 @@ const $8be06b637b186f3c$export$472062a354075cee = /*#__PURE__*/ (0, ($parcel$int
         classes: {
             'spectrum-Slider--filled': isFilled && fillOffset == null
         },
-        style: // @ts-ignore
-        {
+        style: {
+            // @ts-ignore
             '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{