@react-spectrum/datepicker 3.12.0 → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/DateField.main.js +5 -5
  2. package/dist/DateField.mjs +5 -5
  3. package/dist/DateField.module.js +5 -5
  4. package/dist/DatePicker.main.js +7 -7
  5. package/dist/DatePicker.mjs +7 -7
  6. package/dist/DatePicker.module.js +7 -7
  7. package/dist/DatePickerField.main.js +2 -2
  8. package/dist/DatePickerField.main.js.map +1 -1
  9. package/dist/DatePickerField.mjs +2 -2
  10. package/dist/DatePickerField.module.js +2 -2
  11. package/dist/DatePickerField.module.js.map +1 -1
  12. package/dist/DatePickerSegment.main.js +2 -2
  13. package/dist/DatePickerSegment.main.js.map +1 -1
  14. package/dist/DatePickerSegment.mjs +2 -2
  15. package/dist/DatePickerSegment.module.js +2 -2
  16. package/dist/DatePickerSegment.module.js.map +1 -1
  17. package/dist/DateRangePicker.main.js +14 -9
  18. package/dist/DateRangePicker.main.js.map +1 -1
  19. package/dist/DateRangePicker.mjs +14 -9
  20. package/dist/DateRangePicker.module.js +14 -9
  21. package/dist/DateRangePicker.module.js.map +1 -1
  22. package/dist/Input.main.js +1 -1
  23. package/dist/Input.mjs +1 -1
  24. package/dist/Input.module.js +1 -1
  25. package/dist/TimeField.main.js +4 -4
  26. package/dist/TimeField.mjs +4 -4
  27. package/dist/TimeField.module.js +4 -4
  28. package/dist/inputgroup_vars_css.main.js +26 -26
  29. package/dist/inputgroup_vars_css.mjs +26 -26
  30. package/dist/inputgroup_vars_css.module.js +26 -26
  31. package/dist/{styles.d49f4d83.css → styles.cec10db3.css} +43 -44
  32. package/dist/styles.cec10db3.css.map +1 -0
  33. package/dist/styles_css.main.js +23 -23
  34. package/dist/styles_css.main.js.map +1 -1
  35. package/dist/styles_css.mjs +23 -23
  36. package/dist/styles_css.module.js +23 -23
  37. package/dist/styles_css.module.js.map +1 -1
  38. package/dist/types.d.ts.map +1 -1
  39. package/dist/utils.main.js +44 -32
  40. package/dist/utils.main.js.map +1 -1
  41. package/dist/utils.mjs +37 -29
  42. package/dist/utils.module.js +37 -29
  43. package/dist/utils.module.js.map +1 -1
  44. package/dist/{vars.cf48e391.css → vars.fb8d1a6e.css} +132 -132
  45. package/dist/{vars.cf48e391.css.map → vars.fb8d1a6e.css.map} +1 -1
  46. package/package.json +20 -20
  47. package/src/DatePickerField.tsx +2 -2
  48. package/src/DatePickerSegment.tsx +2 -2
  49. package/src/DateRangePicker.tsx +30 -28
  50. package/src/styles.css +3 -4
  51. package/src/{utils.ts → utils.tsx} +9 -7
  52. package/dist/styles.d49f4d83.css.map +0 -1
@@ -1,71 +1,71 @@
1
- .a_ANIa_react-spectrum-Datepicker-fieldWrapper.a_ANIa_react-spectrum-Datepicker-fieldWrapper.a_ANIa_react-spectrum-Datepicker-fieldWrapper {
1
+ .yoC59W_react-spectrum-Datepicker-fieldWrapper.yoC59W_react-spectrum-Datepicker-fieldWrapper.yoC59W_react-spectrum-Datepicker-fieldWrapper {
2
2
  width: auto;
3
3
  min-width: var(--spectrum-global-dimension-size-2000);
4
4
  max-width: 100%;
5
5
  }
6
6
 
7
- .a_ANIa_react-spectrum-Datepicker-startField {
7
+ .yoC59W_react-spectrum-Datepicker-startField {
8
8
  width: auto;
9
9
  padding-inline-end: var(--spectrum-global-dimension-size-100);
10
10
  }
11
11
 
12
- .a_ANIa_react-spectrum-Datepicker-endField {
12
+ .yoC59W_react-spectrum-Datepicker-endField {
13
13
  width: auto;
14
14
  flex: 1;
15
15
  padding-inline-start: var(--spectrum-global-dimension-size-100);
16
16
  }
17
17
 
18
- .a_ANIa_react-spectrum-Datepicker-field ~ .a_ANIa_react-spectrum-Datepicker-endField > .a_ANIa_react-spectrum-Datepicker-input {
18
+ .yoC59W_react-spectrum-Datepicker-field ~ .yoC59W_react-spectrum-Datepicker-endField > .yoC59W_react-spectrum-Datepicker-input {
19
19
  border-inline-start-width: 0;
20
20
  }
21
21
 
22
- .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))) {
22
+ .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))) {
23
23
  border-top-left-radius: 0;
24
24
  border-bottom-left-radius: 0;
25
25
  }
26
26
 
27
- .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))) {
27
+ .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))) {
28
28
  border-top-left-radius: 0;
29
29
  border-bottom-left-radius: 0;
30
30
  }
31
31
 
32
- .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)) {
32
+ .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)) {
33
33
  border-top-right-radius: 0;
34
34
  border-bottom-right-radius: 0;
35
35
  }
36
36
 
37
- .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)) {
37
+ .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)) {
38
38
  border-top-right-radius: 0;
39
39
  border-bottom-right-radius: 0;
40
40
  }
41
41
 
42
- .a_ANIa_react-spectrum-Datepicker-field.a_ANIa_react-spectrum-Datepicker-field {
43
- width: auto;
42
+ .yoC59W_react-spectrum-Datepicker-field.yoC59W_react-spectrum-Datepicker-field {
43
+ width: 100%;
44
44
  }
45
45
 
46
- .a_ANIa_react-spectrum-Datepicker-field .a_ANIa_react-spectrum-DateField-Input {
46
+ .yoC59W_react-spectrum-Datepicker-field .yoC59W_react-spectrum-DateField-Input {
47
47
  line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
48
48
  }
49
49
 
50
- .a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField.a_ANIa_react-spectrum-DateField {
50
+ .yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField.yoC59W_react-spectrum-DateField {
51
51
  min-width: var(--spectrum-global-dimension-size-2000);
52
52
  }
53
53
 
54
- .a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField.a_ANIa_react-spectrum-TimeField {
54
+ .yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField.yoC59W_react-spectrum-TimeField {
55
55
  min-width: var(--spectrum-global-dimension-size-1250);
56
56
  }
57
57
 
58
- .a_ANIa_react-spectrum-TimeField-fieldWrapper.a_ANIa_react-spectrum-TimeField-fieldWrapper.a_ANIa_react-spectrum-TimeField-fieldWrapper {
58
+ .yoC59W_react-spectrum-TimeField-fieldWrapper.yoC59W_react-spectrum-TimeField-fieldWrapper.yoC59W_react-spectrum-TimeField-fieldWrapper {
59
59
  width: auto;
60
60
  min-width: var(--spectrum-global-dimension-size-1250);
61
61
  }
62
62
 
63
- .a_ANIa_react-spectrum-Datepicker-input.a_ANIa_react-spectrum-Datepicker-input.a_ANIa_react-spectrum-Datepicker-input {
63
+ .yoC59W_react-spectrum-Datepicker-input.yoC59W_react-spectrum-Datepicker-input.yoC59W_react-spectrum-Datepicker-input {
64
64
  cursor: text;
65
65
  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)));
66
66
  }
67
67
 
68
- .a_ANIa_react-spectrum-Datepicker-inputContents {
68
+ .yoC59W_react-spectrum-Datepicker-inputContents {
69
69
  scrollbar-width: none;
70
70
  -ms-overflow-style: none;
71
71
  align-items: center;
@@ -74,35 +74,34 @@
74
74
  overflow-x: auto;
75
75
  }
76
76
 
77
- .a_ANIa_react-spectrum-Datepicker-inputContents::-webkit-scrollbar {
77
+ .yoC59W_react-spectrum-Datepicker-inputContents::-webkit-scrollbar {
78
78
  width: 0;
79
79
  height: 0;
80
80
  display: none;
81
81
  }
82
82
 
83
- .a_ANIa_react-spectrum-Datepicker-inputSized {
83
+ .yoC59W_react-spectrum-Datepicker-inputSized {
84
84
  align-items: center;
85
- height: 100%;
86
- display: flex;
85
+ display: inline;
87
86
  }
88
87
 
89
- .a_ANIa_react-spectrum-Datepicker-rangeDash:before {
88
+ .yoC59W_react-spectrum-Datepicker-rangeDash:before {
90
89
  content: "–";
91
90
  }
92
91
 
93
- .a_ANIa_react-spectrum-Datepicker-segments {
92
+ .yoC59W_react-spectrum-Datepicker-segments {
94
93
  align-items: center;
95
- display: flex;
94
+ display: inline-block;
96
95
  }
97
96
 
98
- .a_ANIa_react-spectrum-Datepicker-literal {
97
+ .yoC59W_react-spectrum-Datepicker-literal {
99
98
  white-space: pre;
100
99
  -webkit-user-select: none;
101
100
  user-select: none;
102
101
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
103
102
  }
104
103
 
105
- .a_ANIa_react-spectrum-DatePicker-cell {
104
+ .yoC59W_react-spectrum-DatePicker-cell {
106
105
  border-radius: var(--spectrum-alias-border-radius-small, var(--spectrum-global-dimension-size-25));
107
106
  font-variant-numeric: tabular-nums;
108
107
  text-align: end;
@@ -114,64 +113,64 @@
114
113
  padding: 0 2px;
115
114
  }
116
115
 
117
- .a_ANIa_react-spectrum-DatePicker-cell::selection {
116
+ .yoC59W_react-spectrum-DatePicker-cell::selection {
118
117
  background: none;
119
118
  }
120
119
 
121
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder {
120
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder {
122
121
  color: var(--spectrum-gray-600);
123
122
  }
124
123
 
125
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder .a_ANIa_react-spectrum-DatePicker-placeholder {
124
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder .yoC59W_react-spectrum-DatePicker-placeholder {
126
125
  text-align: center;
127
126
  pointer-events: none;
128
127
  }
129
128
 
130
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder ~ .a_ANIa_react-spectrum-Datepicker-literal {
129
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder ~ .yoC59W_react-spectrum-Datepicker-literal {
131
130
  color: var(--spectrum-global-color-gray-600);
132
131
  }
133
132
 
134
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only {
133
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only {
135
134
  color: var(--spectrum-global-color-gray-700);
136
135
  }
137
136
 
138
- .a_ANIa_react-spectrum-DatePicker-cell:focus {
137
+ .yoC59W_react-spectrum-DatePicker-cell:focus {
139
138
  background-color: var(--spectrum-accent-background-color-default);
140
139
  color: #fff;
141
140
  caret-color: #0000;
142
141
  outline: none;
143
142
  }
144
143
 
145
- .a_ANIa_react-spectrum-Datepicker-dialog.a_ANIa_react-spectrum-Datepicker-dialog {
144
+ .yoC59W_react-spectrum-Datepicker-dialog.yoC59W_react-spectrum-Datepicker-dialog {
146
145
  width: auto;
147
146
  }
148
147
 
149
- .a_ANIa_react-spectrum-Datepicker-dialogContent {
148
+ .yoC59W_react-spectrum-Datepicker-dialogContent {
150
149
  flex-direction: column;
151
150
  display: flex;
152
151
  }
153
152
 
154
- .a_ANIa_react-spectrum-Datepicker-dialogContent .a_ANIa_react-spectrum-Datepicker-calendar.a_ANIa_is-invalid {
153
+ .yoC59W_react-spectrum-Datepicker-dialogContent .yoC59W_react-spectrum-Datepicker-calendar.yoC59W_is-invalid {
155
154
  display: contents;
156
155
  }
157
156
 
158
- .a_ANIa_react-spectrum-Datepicker-dialogContent .spectrum-Calendar-helpText {
157
+ .yoC59W_react-spectrum-Datepicker-dialogContent .spectrum-Calendar-helpText {
159
158
  margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding, 4px) 0 var(--spectrum-calendar-day-padding, 4px);
160
159
  order: 10;
161
160
  }
162
161
 
163
162
  @media (width <= 700px) {
164
- .a_ANIa_react-spectrum-Datepicker-dialog {
163
+ .yoC59W_react-spectrum-Datepicker-dialog {
165
164
  --spectrum-dialog-padding-x: 8px;
166
165
  }
167
166
 
168
- .a_ANIa_react-spectrum-Datepicker-dialog .a_ANIa_react-spectrum-Datepicker-dialogContent {
167
+ .yoC59W_react-spectrum-Datepicker-dialog .yoC59W_react-spectrum-Datepicker-dialogContent {
169
168
  max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7) + (var(--spectrum-calendar-day-padding, 4px) * 12));
170
169
  margin: 0 auto;
171
170
  }
172
171
  }
173
172
 
174
- .a_ANIa_react-spectrum-Datepicker-timeFields {
173
+ .yoC59W_react-spectrum-Datepicker-timeFields {
175
174
  width: 100%;
176
175
  min-width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7);
177
176
  max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7) + (var(--spectrum-calendar-day-padding, 4px) * 12));
@@ -180,26 +179,26 @@
180
179
  }
181
180
 
182
181
  @media (forced-colors: active) {
183
- .a_ANIa_react-spectrum-DatePicker-cell:focus {
182
+ .yoC59W_react-spectrum-DatePicker-cell:focus {
184
183
  forced-color-adjust: none;
185
184
  color: highlighttext;
186
185
  background-color: highlight;
187
186
  }
188
187
 
189
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only {
188
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only {
190
189
  color: buttontext;
191
190
  }
192
191
 
193
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-read-only:focus {
192
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-read-only:focus {
194
193
  color: highlighttext;
195
194
  }
196
195
 
197
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder {
196
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder {
198
197
  color: buttontext;
199
198
  }
200
199
 
201
- .a_ANIa_react-spectrum-DatePicker-cell.a_ANIa_is-placeholder:focus {
200
+ .yoC59W_react-spectrum-DatePicker-cell.yoC59W_is-placeholder:focus {
202
201
  color: highlighttext;
203
202
  }
204
203
  }
205
- /*# sourceMappingURL=styles.d49f4d83.css.map */
204
+ /*# sourceMappingURL=styles.cec10db3.css.map */
@@ -0,0 +1 @@
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"}
@@ -49,29 +49,29 @@ var $91c3db8c6a21ca71$export$eec05853f5fc7ef8;
49
49
  var $91c3db8c6a21ca71$export$8d47712a13573e39;
50
50
  var $91c3db8c6a21ca71$export$61c201f1ba261729;
51
51
  var $91c3db8c6a21ca71$export$3008240fa163ee96;
52
- $91c3db8c6a21ca71$export$14a30de2866685fa = `a_ANIa_is-invalid`;
53
- $91c3db8c6a21ca71$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
54
- $91c3db8c6a21ca71$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
55
- $91c3db8c6a21ca71$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
56
- $91c3db8c6a21ca71$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
57
- $91c3db8c6a21ca71$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
58
- $91c3db8c6a21ca71$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
59
- $91c3db8c6a21ca71$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
60
- $91c3db8c6a21ca71$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
61
- $91c3db8c6a21ca71$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
62
- $91c3db8c6a21ca71$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
63
- $91c3db8c6a21ca71$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
64
- $91c3db8c6a21ca71$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
65
- $91c3db8c6a21ca71$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
66
- $91c3db8c6a21ca71$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
67
- $91c3db8c6a21ca71$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
68
- $91c3db8c6a21ca71$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
69
- $91c3db8c6a21ca71$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
70
- $91c3db8c6a21ca71$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
71
- $91c3db8c6a21ca71$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
72
- $91c3db8c6a21ca71$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
73
- $91c3db8c6a21ca71$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
74
- $91c3db8c6a21ca71$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
52
+ $91c3db8c6a21ca71$export$14a30de2866685fa = `yoC59W_is-invalid`;
53
+ $91c3db8c6a21ca71$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
54
+ $91c3db8c6a21ca71$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
55
+ $91c3db8c6a21ca71$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
56
+ $91c3db8c6a21ca71$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
57
+ $91c3db8c6a21ca71$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
58
+ $91c3db8c6a21ca71$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
59
+ $91c3db8c6a21ca71$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
60
+ $91c3db8c6a21ca71$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
61
+ $91c3db8c6a21ca71$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
62
+ $91c3db8c6a21ca71$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
63
+ $91c3db8c6a21ca71$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
64
+ $91c3db8c6a21ca71$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
65
+ $91c3db8c6a21ca71$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
66
+ $91c3db8c6a21ca71$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
67
+ $91c3db8c6a21ca71$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
68
+ $91c3db8c6a21ca71$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
69
+ $91c3db8c6a21ca71$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
70
+ $91c3db8c6a21ca71$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
71
+ $91c3db8c6a21ca71$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
72
+ $91c3db8c6a21ca71$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
73
+ $91c3db8c6a21ca71$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
74
+ $91c3db8c6a21ca71$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
75
75
 
76
76
 
77
77
  //# sourceMappingURL=styles_css.main.js.map
@@ -1 +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"}
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: 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"}
@@ -50,29 +50,29 @@ var $465eb3a688ef3440$export$eec05853f5fc7ef8;
50
50
  var $465eb3a688ef3440$export$8d47712a13573e39;
51
51
  var $465eb3a688ef3440$export$61c201f1ba261729;
52
52
  var $465eb3a688ef3440$export$3008240fa163ee96;
53
- $465eb3a688ef3440$export$14a30de2866685fa = `a_ANIa_is-invalid`;
54
- $465eb3a688ef3440$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
55
- $465eb3a688ef3440$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
56
- $465eb3a688ef3440$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
57
- $465eb3a688ef3440$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
58
- $465eb3a688ef3440$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
59
- $465eb3a688ef3440$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
60
- $465eb3a688ef3440$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
61
- $465eb3a688ef3440$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
62
- $465eb3a688ef3440$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
63
- $465eb3a688ef3440$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
64
- $465eb3a688ef3440$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
65
- $465eb3a688ef3440$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
66
- $465eb3a688ef3440$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
67
- $465eb3a688ef3440$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
68
- $465eb3a688ef3440$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
69
- $465eb3a688ef3440$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
70
- $465eb3a688ef3440$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
71
- $465eb3a688ef3440$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
72
- $465eb3a688ef3440$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
73
- $465eb3a688ef3440$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
74
- $465eb3a688ef3440$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
75
- $465eb3a688ef3440$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
53
+ $465eb3a688ef3440$export$14a30de2866685fa = `yoC59W_is-invalid`;
54
+ $465eb3a688ef3440$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
55
+ $465eb3a688ef3440$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
56
+ $465eb3a688ef3440$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
57
+ $465eb3a688ef3440$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
58
+ $465eb3a688ef3440$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
59
+ $465eb3a688ef3440$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
60
+ $465eb3a688ef3440$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
61
+ $465eb3a688ef3440$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
62
+ $465eb3a688ef3440$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
63
+ $465eb3a688ef3440$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
64
+ $465eb3a688ef3440$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
65
+ $465eb3a688ef3440$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
66
+ $465eb3a688ef3440$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
67
+ $465eb3a688ef3440$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
68
+ $465eb3a688ef3440$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
69
+ $465eb3a688ef3440$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
70
+ $465eb3a688ef3440$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
71
+ $465eb3a688ef3440$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
72
+ $465eb3a688ef3440$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
73
+ $465eb3a688ef3440$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
74
+ $465eb3a688ef3440$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
75
+ $465eb3a688ef3440$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
76
76
 
77
77
 
78
78
  export {$465eb3a688ef3440$exports as default};
@@ -50,29 +50,29 @@ var $465eb3a688ef3440$export$eec05853f5fc7ef8;
50
50
  var $465eb3a688ef3440$export$8d47712a13573e39;
51
51
  var $465eb3a688ef3440$export$61c201f1ba261729;
52
52
  var $465eb3a688ef3440$export$3008240fa163ee96;
53
- $465eb3a688ef3440$export$14a30de2866685fa = `a_ANIa_is-invalid`;
54
- $465eb3a688ef3440$export$e5b2f5233e4e5194 = `a_ANIa_is-placeholder`;
55
- $465eb3a688ef3440$export$dddce3ae23a6e3ea = `a_ANIa_is-read-only`;
56
- $465eb3a688ef3440$export$c96d01b692101b8a = `a_ANIa_react-spectrum-DateField`;
57
- $465eb3a688ef3440$export$d57270210c079fad = `a_ANIa_react-spectrum-DateField-Input`;
58
- $465eb3a688ef3440$export$947f5cb8a73639a4 = `a_ANIa_react-spectrum-DatePicker-cell`;
59
- $465eb3a688ef3440$export$d7b1df8540d8ce55 = `a_ANIa_react-spectrum-DatePicker-placeholder`;
60
- $465eb3a688ef3440$export$640bfc6f7362791a = `a_ANIa_react-spectrum-Datepicker-calendar`;
61
- $465eb3a688ef3440$export$7c3cb625bb792356 = `a_ANIa_react-spectrum-Datepicker-dialog`;
62
- $465eb3a688ef3440$export$94c97d6b6a927921 = `a_ANIa_react-spectrum-Datepicker-dialogContent`;
63
- $465eb3a688ef3440$export$b41789438b49c852 = `a_ANIa_react-spectrum-Datepicker-endField`;
64
- $465eb3a688ef3440$export$8cbece9fb909350d = `a_ANIa_react-spectrum-Datepicker-field`;
65
- $465eb3a688ef3440$export$48501287c6ce4708 = `a_ANIa_react-spectrum-Datepicker-fieldWrapper`;
66
- $465eb3a688ef3440$export$4cdb39b006dc840a = `a_ANIa_react-spectrum-Datepicker-input`;
67
- $465eb3a688ef3440$export$609545772ae0466a = `a_ANIa_react-spectrum-Datepicker-inputContents`;
68
- $465eb3a688ef3440$export$ebb52994026bc71c = `a_ANIa_react-spectrum-Datepicker-inputSized`;
69
- $465eb3a688ef3440$export$24a265734c16a355 = `a_ANIa_react-spectrum-Datepicker-literal`;
70
- $465eb3a688ef3440$export$1ae39afd2cf49425 = `a_ANIa_react-spectrum-Datepicker-rangeDash`;
71
- $465eb3a688ef3440$export$b9c34f0306ac2ffc = `a_ANIa_react-spectrum-Datepicker-segments`;
72
- $465eb3a688ef3440$export$eec05853f5fc7ef8 = `a_ANIa_react-spectrum-Datepicker-startField`;
73
- $465eb3a688ef3440$export$8d47712a13573e39 = `a_ANIa_react-spectrum-Datepicker-timeFields`;
74
- $465eb3a688ef3440$export$61c201f1ba261729 = `a_ANIa_react-spectrum-TimeField`;
75
- $465eb3a688ef3440$export$3008240fa163ee96 = `a_ANIa_react-spectrum-TimeField-fieldWrapper`;
53
+ $465eb3a688ef3440$export$14a30de2866685fa = `yoC59W_is-invalid`;
54
+ $465eb3a688ef3440$export$e5b2f5233e4e5194 = `yoC59W_is-placeholder`;
55
+ $465eb3a688ef3440$export$dddce3ae23a6e3ea = `yoC59W_is-read-only`;
56
+ $465eb3a688ef3440$export$c96d01b692101b8a = `yoC59W_react-spectrum-DateField`;
57
+ $465eb3a688ef3440$export$d57270210c079fad = `yoC59W_react-spectrum-DateField-Input`;
58
+ $465eb3a688ef3440$export$947f5cb8a73639a4 = `yoC59W_react-spectrum-DatePicker-cell`;
59
+ $465eb3a688ef3440$export$d7b1df8540d8ce55 = `yoC59W_react-spectrum-DatePicker-placeholder`;
60
+ $465eb3a688ef3440$export$640bfc6f7362791a = `yoC59W_react-spectrum-Datepicker-calendar`;
61
+ $465eb3a688ef3440$export$7c3cb625bb792356 = `yoC59W_react-spectrum-Datepicker-dialog`;
62
+ $465eb3a688ef3440$export$94c97d6b6a927921 = `yoC59W_react-spectrum-Datepicker-dialogContent`;
63
+ $465eb3a688ef3440$export$b41789438b49c852 = `yoC59W_react-spectrum-Datepicker-endField`;
64
+ $465eb3a688ef3440$export$8cbece9fb909350d = `yoC59W_react-spectrum-Datepicker-field`;
65
+ $465eb3a688ef3440$export$48501287c6ce4708 = `yoC59W_react-spectrum-Datepicker-fieldWrapper`;
66
+ $465eb3a688ef3440$export$4cdb39b006dc840a = `yoC59W_react-spectrum-Datepicker-input`;
67
+ $465eb3a688ef3440$export$609545772ae0466a = `yoC59W_react-spectrum-Datepicker-inputContents`;
68
+ $465eb3a688ef3440$export$ebb52994026bc71c = `yoC59W_react-spectrum-Datepicker-inputSized`;
69
+ $465eb3a688ef3440$export$24a265734c16a355 = `yoC59W_react-spectrum-Datepicker-literal`;
70
+ $465eb3a688ef3440$export$1ae39afd2cf49425 = `yoC59W_react-spectrum-Datepicker-rangeDash`;
71
+ $465eb3a688ef3440$export$b9c34f0306ac2ffc = `yoC59W_react-spectrum-Datepicker-segments`;
72
+ $465eb3a688ef3440$export$eec05853f5fc7ef8 = `yoC59W_react-spectrum-Datepicker-startField`;
73
+ $465eb3a688ef3440$export$8d47712a13573e39 = `yoC59W_react-spectrum-Datepicker-timeFields`;
74
+ $465eb3a688ef3440$export$61c201f1ba261729 = `yoC59W_react-spectrum-TimeField`;
75
+ $465eb3a688ef3440$export$3008240fa163ee96 = `yoC59W_react-spectrum-TimeField-fieldWrapper`;
76
76
 
77
77
 
78
78
  export {$465eb3a688ef3440$exports as default};
@@ -1 +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"}
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: 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"}
@@ -1 +1 @@
1
- {"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,iBAqLP,CAAC,CAAmB,SAAT,SAAS,EAAE,KAAK,EAAE,6BAA6B,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACrMxH;;;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.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"}
1
+ {"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"}