@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/rule_vars.css

@@ -1,38 +1,38 @@
 .oT9zBG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.oT9zBG_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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.oT9zBG_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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(zh-SG), .oT9zBG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.oT9zBG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .oT9zBG_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.oT9zBG_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,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.oT9zBG_spectrum-FocusRing.oT9zBG_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);
+.oT9zBG_spectrum-FocusRing {
+  &.oT9zBG_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);
+    }
+  }
 }
 
-.oT9zBG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.oT9zBG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.oT9zBG_spectrum-FocusRing--quiet.oT9zBG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.oT9zBG_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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .oT9zBG_spectrum-FocusRing, .oT9zBG_spectrum-FocusRing-ring, .oT9zBG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.oT9zBG_spectrum-FocusRing, .oT9zBG_spectrum-FocusRing-ring, .oT9zBG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -102,32 +110,34 @@
   border-radius: var(--spectrum-rule-small-border-radius, var(--spectrum-global-dimension-static-size-10));
 }
 
-.oT9zBG_spectrum-Rule--horizontal.oT9zBG_spectrum-Rule--large {
-  block-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50));
-}
+.oT9zBG_spectrum-Rule--horizontal {
+  &.oT9zBG_spectrum-Rule--large {
+    block-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50));
+  }
 
-.oT9zBG_spectrum-Rule--horizontal.oT9zBG_spectrum-Rule--medium {
-  block-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25));
-}
+  &.oT9zBG_spectrum-Rule--medium {
+    block-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25));
+  }
 
-.oT9zBG_spectrum-Rule--horizontal.oT9zBG_spectrum-Rule--small {
-  block-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10));
+  &.oT9zBG_spectrum-Rule--small {
+    block-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10));
+  }
 }
 
 .oT9zBG_spectrum-Rule--vertical {
   height: auto;
-}
 
-.oT9zBG_spectrum-Rule--vertical.oT9zBG_spectrum-Rule--large {
-  inline-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50));
-}
+  &.oT9zBG_spectrum-Rule--large {
+    inline-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50));
+  }
 
-.oT9zBG_spectrum-Rule--vertical.oT9zBG_spectrum-Rule--medium {
-  inline-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25));
-}
+  &.oT9zBG_spectrum-Rule--medium {
+    inline-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25));
+  }
 
-.oT9zBG_spectrum-Rule--vertical.oT9zBG_spectrum-Rule--small {
-  inline-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10));
+  &.oT9zBG_spectrum-Rule--small {
+    inline-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10));
+  }
 }
 
 .oT9zBG_spectrum-Rule--large {

package/dist/private/rule_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/rule/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"rule_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/rule/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"rule_vars.css.map"}

package/dist/private/search_vars.css

@@ -1,38 +1,38 @@
 .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;
-}
 
-.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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.i9mn-q_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.i9mn-q_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.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;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.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;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.i9mn-q_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.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;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .i9mn-q_spectrum-FocusRing-ring {
@@ -41,87 +41,95 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.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,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.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);
+.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);
+    }
+  }
 }
 
-.i9mn-q_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.i9mn-q_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 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))
+  &.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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .i9mn-q_spectrum-FocusRing, .i9mn-q_spectrum-FocusRing-ring, .i9mn-q_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.i9mn-q_spectrum-FocusRing, .i9mn-q_spectrum-FocusRing-ring, .i9mn-q_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
 .i9mn-q_spectrum-Search {
   --spectrum-textfield-border-radius: var(--spectrum-search-border-radius, var(--spectrum-alias-border-radius-regular));
   position: relative;
-}
 
-.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);
-  --spectrum-clearbutton-medium-background-color-down: var(--spectrum-search-clear-button-background-color-down);
-  inset-inline-end: 0;
-  background-clip: content-box;
-  position: absolute;
-  top: 0;
-}
+  & .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);
+    --spectrum-clearbutton-medium-background-color-down: var(--spectrum-search-clear-button-background-color-down);
+    inset-inline-end: 0;
+    background-clip: content-box;
+    position: absolute;
+    top: 0;
+  }
 
-.i9mn-q_spectrum-Search.i9mn-q_is-quiet .i9mn-q_spectrum-Search-input {
-  padding-inline-end: var(--spectrum-global-dimension-size-350);
-}
+  &.i9mn-q_is-quiet .i9mn-q_spectrum-Search-input {
+    padding-inline-end: var(--spectrum-global-dimension-size-350);
+  }
 
-.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)));
-}
+  &.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)));
+  }
 
-.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 +
+  &.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));
-}
+  }
 
-.i9mn-q_spectrum-Search.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-ClearButton {
-  inset-inline-end: 0;
-}
+  &.i9mn-q_spectrum-Search--loadable .i9mn-q_spectrum-ClearButton {
+    inset-inline-end: 0;
+  }
 
-.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 +
+  &.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));
-}
+  }
 
-.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 +
+  &.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));
+  }
 }
 
 .i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input {
@@ -130,23 +138,23 @@
   text-indent: 0;
   padding-inline-end: var(--spectrum-global-dimension-size-350);
   display: block;
-}
 
-.i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
+  &::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+  }
 
-.i9mn-q_spectrum-Search-input.i9mn-q_spectrum-Search-input::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
+  &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
 
-.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)) +
+  .i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--invalid & {
+    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--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)) +
+  .i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--valid &, .i9mn-q_spectrum-Textfield.i9mn-q_spectrum-Search--loadable & {
+    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;;;;;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"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","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/slider/RangeSlider.cjs.map

@@ -1 +1 @@
-{"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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,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';\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;;;;;;;;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"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,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';\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;;;;;;;;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"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,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';\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"}