@react-spectrum/datepicker 3.11.0 → 3.13.0

package/dist/inputgroup_vars_css.module.js

@@ -56,32 +56,32 @@ var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
 var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
 var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
 var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
-$8fb52a80fe52b1c7$export$f39a09f249340e2a = `penpuW_focus-ring`;
-$8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = `penpuW_i18nFontFamily`;
-$8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = `penpuW_is-disabled`;
-$8fb52a80fe52b1c7$export$e7dc768d35940237 = `penpuW_is-focused`;
-$8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = `penpuW_is-hovered`;
-$8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = `penpuW_is-selected`;
-$8fb52a80fe52b1c7$export$58dd7cd23c92699f = `penpuW_spectrum-Datepicker--datetimeRange`;
-$8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = `penpuW_spectrum-Datepicker--range`;
-$8fb52a80fe52b1c7$export$202113e883898dc = `penpuW_spectrum-Datepicker--rangeDash`;
-$8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = `penpuW_spectrum-Datepicker-endField`;
-$8fb52a80fe52b1c7$export$eb262b15b9261fde = `penpuW_spectrum-Datepicker-focusRing`;
-$8fb52a80fe52b1c7$export$80f9c838a8406469 = `penpuW_spectrum-Datepicker-startField`;
-$8fb52a80fe52b1c7$export$a024c99ecf6b5741 = `penpuW_spectrum-FieldButton`;
-$8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = `penpuW_spectrum-FieldButton--invalid`;
-$8fb52a80fe52b1c7$export$4109102f950813a6 = `penpuW_spectrum-FocusRing-ring`;
-$8fb52a80fe52b1c7$export$24c7f46a6e3605dd = `penpuW_spectrum-FocusRing ${$8fb52a80fe52b1c7$export$4109102f950813a6}`;
-$8fb52a80fe52b1c7$export$2927016961429360 = `penpuW_spectrum-FocusRing--quiet`;
-$8fb52a80fe52b1c7$export$5be359c1227eedcb = `penpuW_spectrum-InputGroup ${$8fb52a80fe52b1c7$export$24c7f46a6e3605dd}`;
-$8fb52a80fe52b1c7$export$3b48509739a9cda0 = `penpuW_spectrum-InputGroup--invalid`;
-$8fb52a80fe52b1c7$export$ebf265ffc062029b = `penpuW_spectrum-InputGroup--quiet ${$8fb52a80fe52b1c7$export$2927016961429360}`;
-$8fb52a80fe52b1c7$export$ea77459595e26bec = `penpuW_spectrum-InputGroup-field`;
-$8fb52a80fe52b1c7$export$b91b6af799fd93a8 = `penpuW_spectrum-InputGroup-icon`;
-$8fb52a80fe52b1c7$export$92706f5c6fe4074 = `penpuW_spectrum-InputGroup-input`;
-$8fb52a80fe52b1c7$export$dcc9e00cdad967fa = `penpuW_spectrum-InputGroup-input-circleLoader`;
-$8fb52a80fe52b1c7$export$f7ab13ee113f4884 = `penpuW_spectrum-InputGroup-input-validationIcon`;
-$8fb52a80fe52b1c7$export$5e116178f9b1556a = `penpuW_spectrum-InputGroup-popover--quiet`;
+$8fb52a80fe52b1c7$export$f39a09f249340e2a = `nWhlFW_focus-ring`;
+$8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = `nWhlFW_i18nFontFamily`;
+$8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = `nWhlFW_is-disabled`;
+$8fb52a80fe52b1c7$export$e7dc768d35940237 = `nWhlFW_is-focused`;
+$8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = `nWhlFW_is-hovered`;
+$8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = `nWhlFW_is-selected`;
+$8fb52a80fe52b1c7$export$58dd7cd23c92699f = `nWhlFW_spectrum-Datepicker--datetimeRange`;
+$8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = `nWhlFW_spectrum-Datepicker--range`;
+$8fb52a80fe52b1c7$export$202113e883898dc = `nWhlFW_spectrum-Datepicker--rangeDash`;
+$8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = `nWhlFW_spectrum-Datepicker-endField`;
+$8fb52a80fe52b1c7$export$eb262b15b9261fde = `nWhlFW_spectrum-Datepicker-focusRing`;
+$8fb52a80fe52b1c7$export$80f9c838a8406469 = `nWhlFW_spectrum-Datepicker-startField`;
+$8fb52a80fe52b1c7$export$a024c99ecf6b5741 = `nWhlFW_spectrum-FieldButton`;
+$8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = `nWhlFW_spectrum-FieldButton--invalid`;
+$8fb52a80fe52b1c7$export$4109102f950813a6 = `nWhlFW_spectrum-FocusRing-ring`;
+$8fb52a80fe52b1c7$export$24c7f46a6e3605dd = `nWhlFW_spectrum-FocusRing ${$8fb52a80fe52b1c7$export$4109102f950813a6}`;
+$8fb52a80fe52b1c7$export$2927016961429360 = `nWhlFW_spectrum-FocusRing--quiet`;
+$8fb52a80fe52b1c7$export$5be359c1227eedcb = `nWhlFW_spectrum-InputGroup ${$8fb52a80fe52b1c7$export$24c7f46a6e3605dd}`;
+$8fb52a80fe52b1c7$export$3b48509739a9cda0 = `nWhlFW_spectrum-InputGroup--invalid`;
+$8fb52a80fe52b1c7$export$ebf265ffc062029b = `nWhlFW_spectrum-InputGroup--quiet ${$8fb52a80fe52b1c7$export$2927016961429360}`;
+$8fb52a80fe52b1c7$export$ea77459595e26bec = `nWhlFW_spectrum-InputGroup-field`;
+$8fb52a80fe52b1c7$export$b91b6af799fd93a8 = `nWhlFW_spectrum-InputGroup-icon`;
+$8fb52a80fe52b1c7$export$92706f5c6fe4074 = `nWhlFW_spectrum-InputGroup-input`;
+$8fb52a80fe52b1c7$export$dcc9e00cdad967fa = `nWhlFW_spectrum-InputGroup-input-circleLoader`;
+$8fb52a80fe52b1c7$export$f7ab13ee113f4884 = `nWhlFW_spectrum-InputGroup-input-validationIcon`;
+$8fb52a80fe52b1c7$export$5e116178f9b1556a = `nWhlFW_spectrum-InputGroup-popover--quiet`;
 
 
 export {$8fb52a80fe52b1c7$exports as default};

package/dist/{styles.4bf108e6.css → styles.cec10db3.css}

@@ -1,71 +1,71 @@
-.a_ANIa_react-spectrum-Datepicker-fieldWrapper.a_ANIa_react-spectrum-Datepicker-fieldWrapper.a_ANIa_react-spectrum-Datepicker-fieldWrapper {
-  min-width: var(--spectrum-global-dimension-size-2000);
+.yoC59W_react-spectrum-Datepicker-fieldWrapper.yoC59W_react-spectrum-Datepicker-fieldWrapper.yoC59W_react-spectrum-Datepicker-fieldWrapper {
   width: auto;
+  min-width: var(--spectrum-global-dimension-size-2000);
   max-width: 100%;
 }
 
-.a_ANIa_react-spectrum-Datepicker-startField {
+.yoC59W_react-spectrum-Datepicker-startField {
   width: auto;
   padding-inline-end: var(--spectrum-global-dimension-size-100);
 }
 
-.a_ANIa_react-spectrum-Datepicker-endField {
-  flex: 1;
+.yoC59W_react-spectrum-Datepicker-endField {
   width: auto;
+  flex: 1;
   padding-inline-start: var(--spectrum-global-dimension-size-100);
 }
 
-.a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input {
+.yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input {
   border-inline-start-width: 0;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+.yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+.yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field.a_ANIa_react-spectrum-Datepicker-field {
-  width: auto;
+.yoC59W_react-spectrum-Datepicker-field.yoC59W_react-spectrum-Datepicker-field {
+  width: 100%;
 }
 
-.a_ANIa_react-spectrum-Datepicker-field .a_ANIa_react-spectrum-DateField-Input {
+.yoC59W_react-spectrum-Datepicker-field .yoC59W_react-spectrum-DateField-Input {
   line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
 }
 
-.a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField {
+.yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField {
   min-width: var(--spectrum-global-dimension-size-2000);
 }
 
-.a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField {
+.yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField {
   min-width: var(--spectrum-global-dimension-size-1250);
 }
 
-.a_ANIa_react-spectrum-TimeField-fieldWrapper.a_ANIa_react-spectrum-TimeField-fieldWrapper.a_ANIa_react-spectrum-TimeField-fieldWrapper {
-  min-width: var(--spectrum-global-dimension-size-1250);
+.yoC59W_react-spectrum-TimeField-fieldWrapper.yoC59W_react-spectrum-TimeField-fieldWrapper.yoC59W_react-spectrum-TimeField-fieldWrapper {
   width: auto;
+  min-width: var(--spectrum-global-dimension-size-1250);
 }
 
-.a_ANIa_react-spectrum-Datepicker-input.a_ANIa_react-spectrum-Datepicker-input.a_ANIa_react-spectrum-Datepicker-input {
+.yoC59W_react-spectrum-Datepicker-input.yoC59W_react-spectrum-Datepicker-input.yoC59W_react-spectrum-Datepicker-input {
   cursor: text;
   padding-inline-end: calc(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)));
 }
 
-.a_ANIa_react-spectrum-Datepicker-inputContents {
+.yoC59W_react-spectrum-Datepicker-inputContents {
   scrollbar-width: none;
   -ms-overflow-style: none;
   align-items: center;
@@ -74,35 +74,34 @@
   overflow-x: auto;
 }
 
-.a_ANIa_react-spectrum-Datepicker-inputContents::-webkit-scrollbar {
+.yoC59W_react-spectrum-Datepicker-inputContents::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.a_ANIa_react-spectrum-Datepicker-inputSized {
+.yoC59W_react-spectrum-Datepicker-inputSized {
   align-items: center;
-  height: 100%;
-  display: flex;
+  display: inline;
 }
 
-.a_ANIa_react-spectrum-Datepicker-rangeDash:before {
+.yoC59W_react-spectrum-Datepicker-rangeDash:before {
   content: "–";
 }
 
-.a_ANIa_react-spectrum-Datepicker-segments {
+.yoC59W_react-spectrum-Datepicker-segments {
   align-items: center;
-  display: flex;
+  display: inline-block;
 }
 
-.a_ANIa_react-spectrum-Datepicker-literal {
+.yoC59W_react-spectrum-Datepicker-literal {
   white-space: pre;
   -webkit-user-select: none;
   user-select: none;
   color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell {
+.yoC59W_react-spectrum-DatePicker-cell {
   border-radius: var(--spectrum-alias-border-radius-small, var(--spectrum-global-dimension-size-25));
   font-variant-numeric: tabular-nums;
   text-align: end;
@@ -114,92 +113,92 @@
   padding: 0 2px;
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell::selection {
+.yoC59W_react-spectrum-DatePicker-cell::selection {
   background: none;
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder {
+.yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder {
   color: var(--spectrum-gray-600);
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder .a_ANIa_react-spectrum-DatePicker-placeholder {
+.yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder .yoC59W_react-spectrum-DatePicker-placeholder {
   text-align: center;
   pointer-events: none;
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder ~ .a_ANIa_react-spectrum-Datepicker-literal {
+.yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder ~ .yoC59W_react-spectrum-Datepicker-literal {
   color: var(--spectrum-global-color-gray-600);
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only {
+.yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only {
   color: var(--spectrum-global-color-gray-700);
 }
 
-.a_ANIa_react-spectrum-DatePicker-cell:focus {
+.yoC59W_react-spectrum-DatePicker-cell:focus {
   background-color: var(--spectrum-accent-background-color-default);
   color: #fff;
   caret-color: #0000;
   outline: none;
 }
 
-.a_ANIa_react-spectrum-Datepicker-dialog.a_ANIa_react-spectrum-Datepicker-dialog {
+.yoC59W_react-spectrum-Datepicker-dialog.yoC59W_react-spectrum-Datepicker-dialog {
   width: auto;
 }
 
-.a_ANIa_react-spectrum-Datepicker-dialogContent {
+.yoC59W_react-spectrum-Datepicker-dialogContent {
   flex-direction: column;
   display: flex;
 }
 
-.a_ANIa_react-spectrum-Datepicker-dialogContent .a_ANIa_react-spectrum-Datepicker-calendar.a_ANIa_is-invalid {
+.yoC59W_react-spectrum-Datepicker-dialogContent .yoC59W_react-spectrum-Datepicker-calendar.yoC59W_is-invalid {
   display: contents;
 }
 
-.a_ANIa_react-spectrum-Datepicker-dialogContent .spectrum-Calendar-helpText {
+.yoC59W_react-spectrum-Datepicker-dialogContent .spectrum-Calendar-helpText {
   margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding, 4px) 0 var(--spectrum-calendar-day-padding, 4px);
   order: 10;
 }
 
 @media (width <= 700px) {
-  .a_ANIa_react-spectrum-Datepicker-dialog {
+  .yoC59W_react-spectrum-Datepicker-dialog {
     --spectrum-dialog-padding-x: 8px;
   }
 
-  .a_ANIa_react-spectrum-Datepicker-dialog .a_ANIa_react-spectrum-Datepicker-dialogContent {
+  .yoC59W_react-spectrum-Datepicker-dialog .yoC59W_react-spectrum-Datepicker-dialogContent {
     max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7)  + (var(--spectrum-calendar-day-padding, 4px) * 12));
     margin: 0 auto;
   }
 }
 
-.a_ANIa_react-spectrum-Datepicker-timeFields {
+.yoC59W_react-spectrum-Datepicker-timeFields {
+  width: 100%;
   min-width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7);
   max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7)  + (var(--spectrum-calendar-day-padding, 4px) * 12));
   padding: 0 var(--spectrum-calendar-day-padding, 4px);
   box-sizing: border-box;
-  width: 100%;
 }
 
 @media (forced-colors: active) {
-  .a_ANIa_react-spectrum-DatePicker-cell:focus {
+  .yoC59W_react-spectrum-DatePicker-cell:focus {
     forced-color-adjust: none;
     color: highlighttext;
     background-color: highlight;
   }
 
-  .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only {
+  .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only {
     color: buttontext;
   }
 
-  .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only:focus {
+  .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only:focus {
     color: highlighttext;
   }
 
-  .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder {
+  .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder {
     color: buttontext;
   }
 
-  .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder:focus {
+  .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder:focus {
     color: highlighttext;
   }
 }
-/*# sourceMappingURL=styles.4bf108e6.css.map */
+/*# sourceMappingURL=styles.cec10db3.css.map */

package/dist/styles.cec10db3.css.map

@@ -0,0 +1 @@
+{"mappings":"AAYA;;;;;;AAMA;;;;;AAKA;;;;;;AAMA;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAMA;;;;;;;;;AAQE;;;;;;AAOF;;;;;AAME;;;;AAKF;;;;;AAKA;;;;;;;AAMA;;;;;;;;;;;;AAWE;;;;AAOF;;;;AAGE;;;;;AAMF;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;;AAIE;;;;AAQA;;;;;AAQF;EACE;;;;EAGE;;;;;;AAOJ;;;;;;;;AAQA;EACE;;;;;;EAKA;;;;EAEE;;;;EAIF;;;;EAEE","sources":["packages/@react-spectrum/datepicker/src/styles.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.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper {\n   width: auto;\n   min-width: var(--spectrum-global-dimension-size-2000);\n   max-width: 100%;\n }\n\n.react-spectrum-Datepicker-startField {\n  width: auto;\n  padding-inline-end: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-endField {\n  width: auto;\n  flex: 1;\n  padding-inline-start: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-field ~ .react-spectrum-Datepicker-endField > .react-spectrum-Datepicker-input {\n  border-inline-start-width: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.react-spectrum-Datepicker-field.react-spectrum-Datepicker-field {\n  width: 100%;\n}\n\n.react-spectrum-Datepicker-field .react-spectrum-DateField-Input {\n  line-height: var(--spectrum-body-4-text-line-height);\n}\n\n/* specificity war with .spectrum-Field--positionSide etc. */\n.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField {\n  min-width: var(--spectrum-global-dimension-size-2000);\n}\n\n.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField {\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper {\n  width: auto;\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input {\n  /* always reserve space for the validation icon */\n  padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n  cursor: text;\n}\n\n.react-spectrum-Datepicker-inputContents {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar { /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.react-spectrum-Datepicker-inputSized {\n  display: inline;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-rangeDash {\n  &:before {\n    content: '–';\n  }\n}\n\n.react-spectrum-Datepicker-segments {\n  display: inline-block;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-literal {\n  white-space: pre;\n  user-select: none;\n  color: var(--spectrum-textfield-text-color);\n}\n\n.react-spectrum-DatePicker-cell {\n  border: none;\n  background: none;\n  padding: 0 2px;\n  border-radius: var(--spectrum-alias-border-radius-small);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  box-sizing: content-box;\n  white-space: nowrap;\n  color: var(--spectrum-textfield-text-color);\n\n  &::selection {\n    /* hide the selection because there is no way to fully prevent it in Firefox */\n    /* https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 */\n    background: transparent;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder {\n  color: var(--spectrum-gray-600);\n\n  .react-spectrum-DatePicker-placeholder {\n    text-align: center;\n    pointer-events: none;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder ~ .react-spectrum-Datepicker-literal {\n  color: var(--spectrum-global-color-gray-600);\n}\n\n.react-spectrum-DatePicker-cell.is-read-only {\n  color: var(--spectrum-global-color-gray-700);\n}\n\n.react-spectrum-DatePicker-cell:focus {\n  background-color: var(--spectrum-accent-background-color-default);\n  color: white;\n  caret-color: transparent;\n  outline: none;\n}\n\n.react-spectrum-Datepicker-dialog.react-spectrum-Datepicker-dialog {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-dialogContent {\n  display: flex;\n  flex-direction: column;\n\n  .react-spectrum-Datepicker-calendar.is-invalid {\n    /* Only apply display: contents when the calendar is invalid, which allows us to move the\n     * error message below the time fields. Otherwise, don't do this because it breaks dragging\n     * the selected range on Android. */\n    display: contents;\n  }\n\n  /* Push the help text within the calendar down to the bottom of the dialog, below the time fields. */\n  :global(.spectrum-Calendar-helpText) {\n    order: 10;\n    margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding) 0 var(--spectrum-calendar-day-padding);\n  }\n}\n\n/* when displayed in a tray, reduce the padding of the dialog */\n@media (max-width: 700px) {\n  .react-spectrum-Datepicker-dialog {\n    --spectrum-dialog-padding-x: 8px;\n\n    .react-spectrum-Datepicker-dialogContent {\n      margin: 0 auto;\n      max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n    }\n  }\n}\n\n.react-spectrum-Datepicker-timeFields {\n  width: 100%;\n  min-width: calc(var(--spectrum-calendar-day-width) * 7);\n  max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n  padding: 0 var(--spectrum-calendar-day-padding);\n  box-sizing: border-box;\n}\n\n@media (forced-colors:active) {\n  .react-spectrum-DatePicker-cell:focus {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n  .react-spectrum-DatePicker-cell.is-read-only {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n  .react-spectrum-DatePicker-cell.is-placeholder {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"styles.cec10db3.css.map"}

package/dist/styles_css.main.js

@@ -49,29 +49,29 @@ var $91c3db8c6a21ca71$export$eec05853f5fc7ef8;
 var $91c3db8c6a21ca71$export$8d47712a13573e39;
 var $91c3db8c6a21ca71$export$61c201f1ba261729;
 var $91c3db8c6a21ca71$export$3008240fa163ee96;
-$91c3db8c6a21ca71$export$14a30de2866685fa = `a_ANIa_is-invalid`;
-$91c3db8c6a21ca71$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
-$91c3db8c6a21ca71$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
-$91c3db8c6a21ca71$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
-$91c3db8c6a21ca71$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
-$91c3db8c6a21ca71$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
-$91c3db8c6a21ca71$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
-$91c3db8c6a21ca71$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
-$91c3db8c6a21ca71$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
-$91c3db8c6a21ca71$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
-$91c3db8c6a21ca71$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
-$91c3db8c6a21ca71$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
-$91c3db8c6a21ca71$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
-$91c3db8c6a21ca71$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
-$91c3db8c6a21ca71$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
-$91c3db8c6a21ca71$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
-$91c3db8c6a21ca71$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
-$91c3db8c6a21ca71$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
-$91c3db8c6a21ca71$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
-$91c3db8c6a21ca71$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
-$91c3db8c6a21ca71$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
-$91c3db8c6a21ca71$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
-$91c3db8c6a21ca71$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
+$91c3db8c6a21ca71$export$14a30de2866685fa = `yoC59W_is-invalid`;
+$91c3db8c6a21ca71$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
+$91c3db8c6a21ca71$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
+$91c3db8c6a21ca71$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
+$91c3db8c6a21ca71$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
+$91c3db8c6a21ca71$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
+$91c3db8c6a21ca71$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
+$91c3db8c6a21ca71$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
+$91c3db8c6a21ca71$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
+$91c3db8c6a21ca71$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
+$91c3db8c6a21ca71$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
+$91c3db8c6a21ca71$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
+$91c3db8c6a21ca71$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
+$91c3db8c6a21ca71$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
+$91c3db8c6a21ca71$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
+$91c3db8c6a21ca71$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
+$91c3db8c6a21ca71$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
+$91c3db8c6a21ca71$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
+$91c3db8c6a21ca71$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
+$91c3db8c6a21ca71$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
+$91c3db8c6a21ca71$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
+$91c3db8c6a21ca71$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
+$91c3db8c6a21ca71$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
 
 
 //# sourceMappingURL=styles_css.main.js.map

package/dist/styles_css.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA0D,CAAC,4CAA4C,CAAC","sources":["packages/@react-spectrum/datepicker/src/styles.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.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper {\n   width: auto;\n   min-width: var(--spectrum-global-dimension-size-2000);\n   max-width: 100%;\n }\n\n.react-spectrum-Datepicker-startField {\n  width: auto;\n  padding-inline-end: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-endField {\n  width: auto;\n  flex: 1;\n  padding-inline-start: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-field ~ .react-spectrum-Datepicker-endField > .react-spectrum-Datepicker-input {\n  border-inline-start-width: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.react-spectrum-Datepicker-field.react-spectrum-Datepicker-field {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-field .react-spectrum-DateField-Input {\n  line-height: var(--spectrum-body-4-text-line-height);\n}\n\n/* specificity war with .spectrum-Field--positionSide etc. */\n.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField {\n  min-width: var(--spectrum-global-dimension-size-2000);\n}\n\n.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField {\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper {\n  width: auto;\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input {\n  /* always reserve space for the validation icon */\n  padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n  cursor: text;\n}\n\n.react-spectrum-Datepicker-inputContents {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar { /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.react-spectrum-Datepicker-inputSized {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-rangeDash {\n  &:before {\n    content: '–';\n  }\n}\n\n.react-spectrum-Datepicker-segments {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-literal {\n  white-space: pre;\n  user-select: none;\n  color: var(--spectrum-textfield-text-color);\n}\n\n.react-spectrum-DatePicker-cell {\n  border: none;\n  background: none;\n  padding: 0 2px;\n  border-radius: var(--spectrum-alias-border-radius-small);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  box-sizing: content-box;\n  white-space: nowrap;\n  color: var(--spectrum-textfield-text-color);\n\n  &::selection {\n    /* hide the selection because there is no way to fully prevent it in Firefox */\n    /* https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 */\n    background: transparent;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder {\n  color: var(--spectrum-gray-600);\n\n  .react-spectrum-DatePicker-placeholder {\n    text-align: center;\n    pointer-events: none;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder ~ .react-spectrum-Datepicker-literal {\n  color: var(--spectrum-global-color-gray-600);\n}\n\n.react-spectrum-DatePicker-cell.is-read-only {\n  color: var(--spectrum-global-color-gray-700);\n}\n\n.react-spectrum-DatePicker-cell:focus {\n  background-color: var(--spectrum-accent-background-color-default);\n  color: white;\n  caret-color: transparent;\n  outline: none;\n}\n\n.react-spectrum-Datepicker-dialog.react-spectrum-Datepicker-dialog {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-dialogContent {\n  display: flex;\n  flex-direction: column;\n\n  .react-spectrum-Datepicker-calendar.is-invalid {\n    /* Only apply display: contents when the calendar is invalid, which allows us to move the\n     * error message below the time fields. Otherwise, don't do this because it breaks dragging\n     * the selected range on Android. */\n    display: contents;\n  }\n\n  /* Push the help text within the calendar down to the bottom of the dialog, below the time fields. */\n  :global(.spectrum-Calendar-helpText) {\n    order: 10;\n    margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding) 0 var(--spectrum-calendar-day-padding);\n  }\n}\n\n/* when displayed in a tray, reduce the padding of the dialog */\n@media (max-width: 700px) {\n  .react-spectrum-Datepicker-dialog {\n    --spectrum-dialog-padding-x: 8px;\n\n    .react-spectrum-Datepicker-dialogContent {\n      margin: 0 auto;\n      max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n    }\n  }\n}\n\n.react-spectrum-Datepicker-timeFields {\n  width: 100%;\n  min-width: calc(var(--spectrum-calendar-day-width) * 7);\n  max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n  padding: 0 var(--spectrum-calendar-day-padding);\n  box-sizing: border-box;\n}\n\n@media (forced-colors:active) {\n  .react-spectrum-DatePicker-cell:focus {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n  .react-spectrum-DatePicker-cell.is-read-only {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n  .react-spectrum-DatePicker-cell.is-placeholder {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"styles_css.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA0D,CAAC,4CAA4C,CAAC","sources":["packages/@react-spectrum/datepicker/src/styles.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.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper {\n   width: auto;\n   min-width: var(--spectrum-global-dimension-size-2000);\n   max-width: 100%;\n }\n\n.react-spectrum-Datepicker-startField {\n  width: auto;\n  padding-inline-end: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-endField {\n  width: auto;\n  flex: 1;\n  padding-inline-start: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-field ~ .react-spectrum-Datepicker-endField > .react-spectrum-Datepicker-input {\n  border-inline-start-width: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.react-spectrum-Datepicker-field.react-spectrum-Datepicker-field {\n  width: 100%;\n}\n\n.react-spectrum-Datepicker-field .react-spectrum-DateField-Input {\n  line-height: var(--spectrum-body-4-text-line-height);\n}\n\n/* specificity war with .spectrum-Field--positionSide etc. */\n.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField {\n  min-width: var(--spectrum-global-dimension-size-2000);\n}\n\n.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField {\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper {\n  width: auto;\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input {\n  /* always reserve space for the validation icon */\n  padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n  cursor: text;\n}\n\n.react-spectrum-Datepicker-inputContents {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar { /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.react-spectrum-Datepicker-inputSized {\n  display: inline;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-rangeDash {\n  &:before {\n    content: '–';\n  }\n}\n\n.react-spectrum-Datepicker-segments {\n  display: inline-block;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-literal {\n  white-space: pre;\n  user-select: none;\n  color: var(--spectrum-textfield-text-color);\n}\n\n.react-spectrum-DatePicker-cell {\n  border: none;\n  background: none;\n  padding: 0 2px;\n  border-radius: var(--spectrum-alias-border-radius-small);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  box-sizing: content-box;\n  white-space: nowrap;\n  color: var(--spectrum-textfield-text-color);\n\n  &::selection {\n    /* hide the selection because there is no way to fully prevent it in Firefox */\n    /* https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 */\n    background: transparent;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder {\n  color: var(--spectrum-gray-600);\n\n  .react-spectrum-DatePicker-placeholder {\n    text-align: center;\n    pointer-events: none;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder ~ .react-spectrum-Datepicker-literal {\n  color: var(--spectrum-global-color-gray-600);\n}\n\n.react-spectrum-DatePicker-cell.is-read-only {\n  color: var(--spectrum-global-color-gray-700);\n}\n\n.react-spectrum-DatePicker-cell:focus {\n  background-color: var(--spectrum-accent-background-color-default);\n  color: white;\n  caret-color: transparent;\n  outline: none;\n}\n\n.react-spectrum-Datepicker-dialog.react-spectrum-Datepicker-dialog {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-dialogContent {\n  display: flex;\n  flex-direction: column;\n\n  .react-spectrum-Datepicker-calendar.is-invalid {\n    /* Only apply display: contents when the calendar is invalid, which allows us to move the\n     * error message below the time fields. Otherwise, don't do this because it breaks dragging\n     * the selected range on Android. */\n    display: contents;\n  }\n\n  /* Push the help text within the calendar down to the bottom of the dialog, below the time fields. */\n  :global(.spectrum-Calendar-helpText) {\n    order: 10;\n    margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding) 0 var(--spectrum-calendar-day-padding);\n  }\n}\n\n/* when displayed in a tray, reduce the padding of the dialog */\n@media (max-width: 700px) {\n  .react-spectrum-Datepicker-dialog {\n    --spectrum-dialog-padding-x: 8px;\n\n    .react-spectrum-Datepicker-dialogContent {\n      margin: 0 auto;\n      max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n    }\n  }\n}\n\n.react-spectrum-Datepicker-timeFields {\n  width: 100%;\n  min-width: calc(var(--spectrum-calendar-day-width) * 7);\n  max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n  padding: 0 var(--spectrum-calendar-day-padding);\n  box-sizing: border-box;\n}\n\n@media (forced-colors:active) {\n  .react-spectrum-DatePicker-cell:focus {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n  .react-spectrum-DatePicker-cell.is-read-only {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n  .react-spectrum-DatePicker-cell.is-placeholder {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"styles_css.main.js.map"}

package/dist/styles_css.mjs

@@ -50,29 +50,29 @@ var $465eb3a688ef3440$export$eec05853f5fc7ef8;
 var $465eb3a688ef3440$export$8d47712a13573e39;
 var $465eb3a688ef3440$export$61c201f1ba261729;
 var $465eb3a688ef3440$export$3008240fa163ee96;
-$465eb3a688ef3440$export$14a30de2866685fa = `a_ANIa_is-invalid`;
-$465eb3a688ef3440$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
-$465eb3a688ef3440$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
-$465eb3a688ef3440$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
-$465eb3a688ef3440$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
-$465eb3a688ef3440$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
-$465eb3a688ef3440$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
-$465eb3a688ef3440$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
-$465eb3a688ef3440$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
-$465eb3a688ef3440$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
-$465eb3a688ef3440$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
-$465eb3a688ef3440$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
-$465eb3a688ef3440$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
-$465eb3a688ef3440$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
-$465eb3a688ef3440$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
-$465eb3a688ef3440$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
-$465eb3a688ef3440$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
-$465eb3a688ef3440$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
-$465eb3a688ef3440$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
-$465eb3a688ef3440$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
-$465eb3a688ef3440$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
-$465eb3a688ef3440$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
-$465eb3a688ef3440$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
+$465eb3a688ef3440$export$14a30de2866685fa = `yoC59W_is-invalid`;
+$465eb3a688ef3440$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
+$465eb3a688ef3440$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
+$465eb3a688ef3440$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
+$465eb3a688ef3440$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
+$465eb3a688ef3440$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
+$465eb3a688ef3440$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
+$465eb3a688ef3440$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
+$465eb3a688ef3440$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
+$465eb3a688ef3440$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
+$465eb3a688ef3440$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
+$465eb3a688ef3440$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
+$465eb3a688ef3440$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
+$465eb3a688ef3440$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
+$465eb3a688ef3440$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
+$465eb3a688ef3440$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
+$465eb3a688ef3440$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
+$465eb3a688ef3440$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
+$465eb3a688ef3440$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
+$465eb3a688ef3440$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
+$465eb3a688ef3440$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
+$465eb3a688ef3440$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
+$465eb3a688ef3440$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
 
 
 export {$465eb3a688ef3440$exports as default};

package/dist/styles_css.module.js

@@ -50,29 +50,29 @@ var $465eb3a688ef3440$export$eec05853f5fc7ef8;
 var $465eb3a688ef3440$export$8d47712a13573e39;
 var $465eb3a688ef3440$export$61c201f1ba261729;
 var $465eb3a688ef3440$export$3008240fa163ee96;
-$465eb3a688ef3440$export$14a30de2866685fa = `a_ANIa_is-invalid`;
-$465eb3a688ef3440$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
-$465eb3a688ef3440$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
-$465eb3a688ef3440$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
-$465eb3a688ef3440$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
-$465eb3a688ef3440$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
-$465eb3a688ef3440$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
-$465eb3a688ef3440$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
-$465eb3a688ef3440$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
-$465eb3a688ef3440$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
-$465eb3a688ef3440$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
-$465eb3a688ef3440$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
-$465eb3a688ef3440$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
-$465eb3a688ef3440$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
-$465eb3a688ef3440$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
-$465eb3a688ef3440$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
-$465eb3a688ef3440$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
-$465eb3a688ef3440$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
-$465eb3a688ef3440$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
-$465eb3a688ef3440$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
-$465eb3a688ef3440$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
-$465eb3a688ef3440$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
-$465eb3a688ef3440$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
+$465eb3a688ef3440$export$14a30de2866685fa = `yoC59W_is-invalid`;
+$465eb3a688ef3440$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
+$465eb3a688ef3440$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
+$465eb3a688ef3440$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
+$465eb3a688ef3440$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
+$465eb3a688ef3440$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
+$465eb3a688ef3440$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
+$465eb3a688ef3440$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
+$465eb3a688ef3440$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
+$465eb3a688ef3440$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
+$465eb3a688ef3440$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
+$465eb3a688ef3440$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
+$465eb3a688ef3440$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
+$465eb3a688ef3440$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
+$465eb3a688ef3440$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
+$465eb3a688ef3440$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
+$465eb3a688ef3440$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
+$465eb3a688ef3440$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
+$465eb3a688ef3440$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
+$465eb3a688ef3440$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
+$465eb3a688ef3440$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
+$465eb3a688ef3440$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
+$465eb3a688ef3440$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
 
 
 export {$465eb3a688ef3440$exports as default};

package/dist/styles_css.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA0D,CAAC,4CAA4C,CAAC","sources":["packages/@react-spectrum/datepicker/src/styles.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.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper {\n   width: auto;\n   min-width: var(--spectrum-global-dimension-size-2000);\n   max-width: 100%;\n }\n\n.react-spectrum-Datepicker-startField {\n  width: auto;\n  padding-inline-end: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-endField {\n  width: auto;\n  flex: 1;\n  padding-inline-start: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-field ~ .react-spectrum-Datepicker-endField > .react-spectrum-Datepicker-input {\n  border-inline-start-width: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.react-spectrum-Datepicker-field.react-spectrum-Datepicker-field {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-field .react-spectrum-DateField-Input {\n  line-height: var(--spectrum-body-4-text-line-height);\n}\n\n/* specificity war with .spectrum-Field--positionSide etc. */\n.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField {\n  min-width: var(--spectrum-global-dimension-size-2000);\n}\n\n.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField {\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper {\n  width: auto;\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input {\n  /* always reserve space for the validation icon */\n  padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n  cursor: text;\n}\n\n.react-spectrum-Datepicker-inputContents {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar { /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.react-spectrum-Datepicker-inputSized {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-rangeDash {\n  &:before {\n    content: '–';\n  }\n}\n\n.react-spectrum-Datepicker-segments {\n  display: flex;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-literal {\n  white-space: pre;\n  user-select: none;\n  color: var(--spectrum-textfield-text-color);\n}\n\n.react-spectrum-DatePicker-cell {\n  border: none;\n  background: none;\n  padding: 0 2px;\n  border-radius: var(--spectrum-alias-border-radius-small);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  box-sizing: content-box;\n  white-space: nowrap;\n  color: var(--spectrum-textfield-text-color);\n\n  &::selection {\n    /* hide the selection because there is no way to fully prevent it in Firefox */\n    /* https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 */\n    background: transparent;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder {\n  color: var(--spectrum-gray-600);\n\n  .react-spectrum-DatePicker-placeholder {\n    text-align: center;\n    pointer-events: none;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder ~ .react-spectrum-Datepicker-literal {\n  color: var(--spectrum-global-color-gray-600);\n}\n\n.react-spectrum-DatePicker-cell.is-read-only {\n  color: var(--spectrum-global-color-gray-700);\n}\n\n.react-spectrum-DatePicker-cell:focus {\n  background-color: var(--spectrum-accent-background-color-default);\n  color: white;\n  caret-color: transparent;\n  outline: none;\n}\n\n.react-spectrum-Datepicker-dialog.react-spectrum-Datepicker-dialog {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-dialogContent {\n  display: flex;\n  flex-direction: column;\n\n  .react-spectrum-Datepicker-calendar.is-invalid {\n    /* Only apply display: contents when the calendar is invalid, which allows us to move the\n     * error message below the time fields. Otherwise, don't do this because it breaks dragging\n     * the selected range on Android. */\n    display: contents;\n  }\n\n  /* Push the help text within the calendar down to the bottom of the dialog, below the time fields. */\n  :global(.spectrum-Calendar-helpText) {\n    order: 10;\n    margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding) 0 var(--spectrum-calendar-day-padding);\n  }\n}\n\n/* when displayed in a tray, reduce the padding of the dialog */\n@media (max-width: 700px) {\n  .react-spectrum-Datepicker-dialog {\n    --spectrum-dialog-padding-x: 8px;\n\n    .react-spectrum-Datepicker-dialogContent {\n      margin: 0 auto;\n      max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n    }\n  }\n}\n\n.react-spectrum-Datepicker-timeFields {\n  width: 100%;\n  min-width: calc(var(--spectrum-calendar-day-width) * 7);\n  max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n  padding: 0 var(--spectrum-calendar-day-padding);\n  box-sizing: border-box;\n}\n\n@media (forced-colors:active) {\n  .react-spectrum-DatePicker-cell:focus {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n  .react-spectrum-DatePicker-cell.is-read-only {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n  .react-spectrum-DatePicker-cell.is-placeholder {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"styles_css.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA4D,CAAC,8CAA8C,CAAC;AAC5G,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAwD,CAAC,0CAA0C,CAAC;AACpG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA0D,CAAC,4CAA4C,CAAC","sources":["packages/@react-spectrum/datepicker/src/styles.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.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper.react-spectrum-Datepicker-fieldWrapper {\n   width: auto;\n   min-width: var(--spectrum-global-dimension-size-2000);\n   max-width: 100%;\n }\n\n.react-spectrum-Datepicker-startField {\n  width: auto;\n  padding-inline-end: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-endField {\n  width: auto;\n  flex: 1;\n  padding-inline-start: var(--spectrum-global-dimension-size-100);\n}\n\n.react-spectrum-Datepicker-field ~ .react-spectrum-Datepicker-endField > .react-spectrum-Datepicker-input {\n  border-inline-start-width: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n.react-spectrum-Datepicker-field.react-spectrum-Datepicker-field {\n  width: 100%;\n}\n\n.react-spectrum-Datepicker-field .react-spectrum-DateField-Input {\n  line-height: var(--spectrum-body-4-text-line-height);\n}\n\n/* specificity war with .spectrum-Field--positionSide etc. */\n.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField.react-spectrum-DateField {\n  min-width: var(--spectrum-global-dimension-size-2000);\n}\n\n.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField.react-spectrum-TimeField {\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper.react-spectrum-TimeField-fieldWrapper {\n  width: auto;\n  min-width: var(--spectrum-global-dimension-size-1250);\n}\n\n.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input.react-spectrum-Datepicker-input {\n  /* always reserve space for the validation icon */\n  padding-inline-end: calc(var(--spectrum-textfield-padding-x) + var(--spectrum-icon-alert-medium-width) + var(--spectrum-textfield-icon-margin-left));\n  cursor: text;\n}\n\n.react-spectrum-Datepicker-inputContents {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none;  /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar { /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.react-spectrum-Datepicker-inputSized {\n  display: inline;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-rangeDash {\n  &:before {\n    content: '–';\n  }\n}\n\n.react-spectrum-Datepicker-segments {\n  display: inline-block;\n  align-items: center;\n}\n\n.react-spectrum-Datepicker-literal {\n  white-space: pre;\n  user-select: none;\n  color: var(--spectrum-textfield-text-color);\n}\n\n.react-spectrum-DatePicker-cell {\n  border: none;\n  background: none;\n  padding: 0 2px;\n  border-radius: var(--spectrum-alias-border-radius-small);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  box-sizing: content-box;\n  white-space: nowrap;\n  color: var(--spectrum-textfield-text-color);\n\n  &::selection {\n    /* hide the selection because there is no way to fully prevent it in Firefox */\n    /* https://bugzilla.mozilla.org/show_bug.cgi?id=1742153 */\n    background: transparent;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder {\n  color: var(--spectrum-gray-600);\n\n  .react-spectrum-DatePicker-placeholder {\n    text-align: center;\n    pointer-events: none;\n  }\n}\n\n.react-spectrum-DatePicker-cell.is-placeholder ~ .react-spectrum-Datepicker-literal {\n  color: var(--spectrum-global-color-gray-600);\n}\n\n.react-spectrum-DatePicker-cell.is-read-only {\n  color: var(--spectrum-global-color-gray-700);\n}\n\n.react-spectrum-DatePicker-cell:focus {\n  background-color: var(--spectrum-accent-background-color-default);\n  color: white;\n  caret-color: transparent;\n  outline: none;\n}\n\n.react-spectrum-Datepicker-dialog.react-spectrum-Datepicker-dialog {\n  width: auto;\n}\n\n.react-spectrum-Datepicker-dialogContent {\n  display: flex;\n  flex-direction: column;\n\n  .react-spectrum-Datepicker-calendar.is-invalid {\n    /* Only apply display: contents when the calendar is invalid, which allows us to move the\n     * error message below the time fields. Otherwise, don't do this because it breaks dragging\n     * the selected range on Android. */\n    display: contents;\n  }\n\n  /* Push the help text within the calendar down to the bottom of the dialog, below the time fields. */\n  :global(.spectrum-Calendar-helpText) {\n    order: 10;\n    margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding) 0 var(--spectrum-calendar-day-padding);\n  }\n}\n\n/* when displayed in a tray, reduce the padding of the dialog */\n@media (max-width: 700px) {\n  .react-spectrum-Datepicker-dialog {\n    --spectrum-dialog-padding-x: 8px;\n\n    .react-spectrum-Datepicker-dialogContent {\n      margin: 0 auto;\n      max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n    }\n  }\n}\n\n.react-spectrum-Datepicker-timeFields {\n  width: 100%;\n  min-width: calc(var(--spectrum-calendar-day-width) * 7);\n  max-width: calc((var(--spectrum-calendar-day-width) * 7) + (var(--spectrum-calendar-day-padding) * 12));\n  padding: 0 var(--spectrum-calendar-day-padding);\n  box-sizing: border-box;\n}\n\n@media (forced-colors:active) {\n  .react-spectrum-DatePicker-cell:focus {\n    forced-color-adjust: none;\n    background-color: Highlight;\n    color: HighlightText;\n  }\n  .react-spectrum-DatePicker-cell.is-read-only {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n  .react-spectrum-DatePicker-cell.is-placeholder {\n    color: ButtonText;\n    &:focus {\n      color: HighlightText;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"styles_css.module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AI6FA;;;GAGG;AACH,OAAA,MAAM,WAA4C,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACkG9J;;GAEG;AACH,OAAA,MAAM,YAA8C,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACgCjK;;;GAGG;AACH,OAAA,MAAM,iBAAwD,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,6BAA6B,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACnIhL;;;GAGG;AACH,OAAA,MAAM,WAA4C,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACzF9J,YAAY,EAAC,sBAAsB,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC","sources":["packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePickerSegment.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePickerField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/Input.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/utils.ts","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/TimeField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePicker.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DateRangePicker.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DateField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/index.ts","packages/@react-spectrum/datepicker/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {DatePicker} from './DatePicker';\nexport {DateRangePicker} from './DateRangePicker';\nexport {TimeField} from './TimeField';\nexport {DateField} from './DateField';\nexport type {SpectrumDateFieldProps, SpectrumDatePickerProps, SpectrumDateRangePickerProps, SpectrumTimeFieldProps} from '@react-types/datepicker';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AI2BA;;;GAGG;AACH,OAAO,MAAM,WAgEP,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACvDlH;;GAEG;AACH,OAAO,MAAM,YA2JP,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;AC9JnH;;;GAGG;AACH,OAAO,MAAM,iBAuLP,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,6BAA6B,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACvMxH;;;GAGG;AACH,OAAO,MAAM,WAyEP,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACvFlH,YAAY,EAAC,sBAAsB,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC","sources":["packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePickerSegment.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePickerField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/Input.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/utils.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/TimeField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DatePicker.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DateRangePicker.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/DateField.tsx","packages/@react-spectrum/datepicker/src/packages/@react-spectrum/datepicker/src/index.ts","packages/@react-spectrum/datepicker/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {DatePicker} from './DatePicker';\nexport {DateRangePicker} from './DateRangePicker';\nexport {TimeField} from './TimeField';\nexport {DateField} from './DateField';\nexport type {SpectrumDateFieldProps, SpectrumDatePickerProps, SpectrumDateRangePickerProps, SpectrumTimeFieldProps} from '@react-types/datepicker';\n"],"names":[],"version":3,"file":"types.d.ts.map"}