@react-spectrum/datepicker 3.10.0 → 3.10.2
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.
- package/dist/DateField.main.js +1 -1
- package/dist/DateField.mjs +1 -1
- package/dist/DateField.module.js +1 -1
- package/dist/DatePicker.main.js +3 -3
- package/dist/DatePicker.mjs +3 -3
- package/dist/DatePicker.module.js +3 -3
- package/dist/DatePickerField.main.js +1 -1
- package/dist/DatePickerField.mjs +1 -1
- package/dist/DatePickerField.module.js +1 -1
- package/dist/DatePickerSegment.main.js +1 -1
- package/dist/DatePickerSegment.mjs +1 -1
- package/dist/DatePickerSegment.module.js +1 -1
- package/dist/DateRangePicker.main.js +2 -2
- package/dist/DateRangePicker.mjs +2 -2
- package/dist/DateRangePicker.module.js +2 -2
- package/dist/Input.main.js +2 -2
- package/dist/Input.mjs +2 -2
- package/dist/Input.module.js +2 -2
- package/dist/TimeField.main.js +1 -1
- package/dist/TimeField.mjs +1 -1
- package/dist/TimeField.module.js +1 -1
- package/dist/inputgroup_vars_css.main.js +26 -26
- package/dist/inputgroup_vars_css.mjs +26 -26
- package/dist/inputgroup_vars_css.module.js +26 -26
- package/dist/styles.4bf108e6.css +205 -0
- package/dist/{styles.b562cf4b.css.map → styles.4bf108e6.css.map} +1 -1
- package/dist/styles_css.main.js +23 -23
- package/dist/styles_css.main.js.map +1 -1
- package/dist/styles_css.mjs +23 -23
- package/dist/styles_css.module.js +23 -23
- package/dist/styles_css.module.js.map +1 -1
- package/dist/textfield_vars_css.main.js +22 -22
- package/dist/textfield_vars_css.mjs +22 -22
- package/dist/textfield_vars_css.module.js +22 -22
- package/dist/{vars.3d0e5be0.css → vars.61240e3b.css} +113 -113
- package/dist/{vars.3d0e5be0.css.map → vars.61240e3b.css.map} +1 -1
- package/dist/{vars.ccbd2e3f.css → vars.6aae6db6.css} +132 -132
- package/dist/{vars.ccbd2e3f.css.map → vars.6aae6db6.css.map} +1 -1
- package/package.json +22 -23
- package/LICENSE +0 -201
- package/dist/styles.b562cf4b.css +0 -205
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AAYA;;;;;;AAMA;;;;;AAKA;;;;;;AAMA;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAMA;;;;;;;;;AAQE;;;;;;AAOF;;;;;;AAOE;;;;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: 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.
|
|
1
|
+
{"mappings":"AAYA;;;;;;AAMA;;;;;AAKA;;;;;;AAMA;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAMA;;;;;;;;;AAQE;;;;;;AAOF;;;;;;AAOE;;;;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: 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.4bf108e6.css.map"}
|
package/dist/styles_css.main.js
CHANGED
|
@@ -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 = `
|
|
53
|
-
$91c3db8c6a21ca71$export$e5b2f5233e4e5194 = `
|
|
54
|
-
$91c3db8c6a21ca71$export$dddce3ae23a6e3ea = `
|
|
55
|
-
$91c3db8c6a21ca71$export$c96d01b692101b8a = `
|
|
56
|
-
$91c3db8c6a21ca71$export$d57270210c079fad = `
|
|
57
|
-
$91c3db8c6a21ca71$export$947f5cb8a73639a4 = `
|
|
58
|
-
$91c3db8c6a21ca71$export$d7b1df8540d8ce55 = `
|
|
59
|
-
$91c3db8c6a21ca71$export$640bfc6f7362791a = `
|
|
60
|
-
$91c3db8c6a21ca71$export$7c3cb625bb792356 = `
|
|
61
|
-
$91c3db8c6a21ca71$export$94c97d6b6a927921 = `
|
|
62
|
-
$91c3db8c6a21ca71$export$b41789438b49c852 = `
|
|
63
|
-
$91c3db8c6a21ca71$export$8cbece9fb909350d = `
|
|
64
|
-
$91c3db8c6a21ca71$export$48501287c6ce4708 = `
|
|
65
|
-
$91c3db8c6a21ca71$export$4cdb39b006dc840a = `
|
|
66
|
-
$91c3db8c6a21ca71$export$609545772ae0466a = `
|
|
67
|
-
$91c3db8c6a21ca71$export$ebb52994026bc71c = `
|
|
68
|
-
$91c3db8c6a21ca71$export$24a265734c16a355 = `
|
|
69
|
-
$91c3db8c6a21ca71$export$1ae39afd2cf49425 = `
|
|
70
|
-
$91c3db8c6a21ca71$export$b9c34f0306ac2ffc = `
|
|
71
|
-
$91c3db8c6a21ca71$export$eec05853f5fc7ef8 = `
|
|
72
|
-
$91c3db8c6a21ca71$export$8d47712a13573e39 = `
|
|
73
|
-
$91c3db8c6a21ca71$export$61c201f1ba261729 = `
|
|
74
|
-
$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`;
|
|
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,
|
|
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"}
|
package/dist/styles_css.mjs
CHANGED
|
@@ -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 = `
|
|
54
|
-
$465eb3a688ef3440$export$e5b2f5233e4e5194 = `
|
|
55
|
-
$465eb3a688ef3440$export$dddce3ae23a6e3ea = `
|
|
56
|
-
$465eb3a688ef3440$export$c96d01b692101b8a = `
|
|
57
|
-
$465eb3a688ef3440$export$d57270210c079fad = `
|
|
58
|
-
$465eb3a688ef3440$export$947f5cb8a73639a4 = `
|
|
59
|
-
$465eb3a688ef3440$export$d7b1df8540d8ce55 = `
|
|
60
|
-
$465eb3a688ef3440$export$640bfc6f7362791a = `
|
|
61
|
-
$465eb3a688ef3440$export$7c3cb625bb792356 = `
|
|
62
|
-
$465eb3a688ef3440$export$94c97d6b6a927921 = `
|
|
63
|
-
$465eb3a688ef3440$export$b41789438b49c852 = `
|
|
64
|
-
$465eb3a688ef3440$export$8cbece9fb909350d = `
|
|
65
|
-
$465eb3a688ef3440$export$48501287c6ce4708 = `
|
|
66
|
-
$465eb3a688ef3440$export$4cdb39b006dc840a = `
|
|
67
|
-
$465eb3a688ef3440$export$609545772ae0466a = `
|
|
68
|
-
$465eb3a688ef3440$export$ebb52994026bc71c = `
|
|
69
|
-
$465eb3a688ef3440$export$24a265734c16a355 = `
|
|
70
|
-
$465eb3a688ef3440$export$1ae39afd2cf49425 = `
|
|
71
|
-
$465eb3a688ef3440$export$b9c34f0306ac2ffc = `
|
|
72
|
-
$465eb3a688ef3440$export$eec05853f5fc7ef8 = `
|
|
73
|
-
$465eb3a688ef3440$export$8d47712a13573e39 = `
|
|
74
|
-
$465eb3a688ef3440$export$61c201f1ba261729 = `
|
|
75
|
-
$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`;
|
|
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 = `
|
|
54
|
-
$465eb3a688ef3440$export$e5b2f5233e4e5194 = `
|
|
55
|
-
$465eb3a688ef3440$export$dddce3ae23a6e3ea = `
|
|
56
|
-
$465eb3a688ef3440$export$c96d01b692101b8a = `
|
|
57
|
-
$465eb3a688ef3440$export$d57270210c079fad = `
|
|
58
|
-
$465eb3a688ef3440$export$947f5cb8a73639a4 = `
|
|
59
|
-
$465eb3a688ef3440$export$d7b1df8540d8ce55 = `
|
|
60
|
-
$465eb3a688ef3440$export$640bfc6f7362791a = `
|
|
61
|
-
$465eb3a688ef3440$export$7c3cb625bb792356 = `
|
|
62
|
-
$465eb3a688ef3440$export$94c97d6b6a927921 = `
|
|
63
|
-
$465eb3a688ef3440$export$b41789438b49c852 = `
|
|
64
|
-
$465eb3a688ef3440$export$8cbece9fb909350d = `
|
|
65
|
-
$465eb3a688ef3440$export$48501287c6ce4708 = `
|
|
66
|
-
$465eb3a688ef3440$export$4cdb39b006dc840a = `
|
|
67
|
-
$465eb3a688ef3440$export$609545772ae0466a = `
|
|
68
|
-
$465eb3a688ef3440$export$ebb52994026bc71c = `
|
|
69
|
-
$465eb3a688ef3440$export$24a265734c16a355 = `
|
|
70
|
-
$465eb3a688ef3440$export$1ae39afd2cf49425 = `
|
|
71
|
-
$465eb3a688ef3440$export$b9c34f0306ac2ffc = `
|
|
72
|
-
$465eb3a688ef3440$export$eec05853f5fc7ef8 = `
|
|
73
|
-
$465eb3a688ef3440$export$8d47712a13573e39 = `
|
|
74
|
-
$465eb3a688ef3440$export$61c201f1ba261729 = `
|
|
75
|
-
$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`;
|
|
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,
|
|
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"}
|
|
@@ -47,28 +47,28 @@ var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
|
|
|
47
47
|
var $40cb3a00c193680f$export$cf0ead5b44db0da3;
|
|
48
48
|
var $40cb3a00c193680f$export$dd1165e0e6012973;
|
|
49
49
|
var $40cb3a00c193680f$export$9fcb3d6af94a9d12;
|
|
50
|
-
$40cb3a00c193680f$export$f39a09f249340e2a = `
|
|
51
|
-
$40cb3a00c193680f$export$8c4ee2c50c22c514 = `
|
|
52
|
-
$40cb3a00c193680f$export$d35bc1e505d1ebbf = `
|
|
53
|
-
$40cb3a00c193680f$export$e7dc768d35940237 = `
|
|
54
|
-
$40cb3a00c193680f$export$b8813cd5d7824ce7 = `
|
|
55
|
-
$40cb3a00c193680f$export$e5b2f5233e4e5194 = `
|
|
56
|
-
$40cb3a00c193680f$export$4109102f950813a6 = `
|
|
57
|
-
$40cb3a00c193680f$export$24c7f46a6e3605dd = `
|
|
58
|
-
$40cb3a00c193680f$export$2927016961429360 = `
|
|
59
|
-
$40cb3a00c193680f$export$2c8a10299d8b3418 = `
|
|
60
|
-
$40cb3a00c193680f$export$58e50b10d30123df = `
|
|
61
|
-
$40cb3a00c193680f$export$14fd30fea6f1348c = `
|
|
62
|
-
$40cb3a00c193680f$export$9699f1c538a448a0 = `
|
|
63
|
-
$40cb3a00c193680f$export$bffd5e3d61a81737 = `
|
|
64
|
-
$40cb3a00c193680f$export$c2abbc3f970170b7 = `
|
|
65
|
-
$40cb3a00c193680f$export$82a249fb4d6127 = `
|
|
66
|
-
$40cb3a00c193680f$export$222d1ccd1870be1d = `
|
|
67
|
-
$40cb3a00c193680f$export$1ac009feb2b0bd0c = `
|
|
68
|
-
$40cb3a00c193680f$export$c1cdcaa5fe76a871 = `
|
|
69
|
-
$40cb3a00c193680f$export$cf0ead5b44db0da3 = `
|
|
70
|
-
$40cb3a00c193680f$export$dd1165e0e6012973 = `
|
|
71
|
-
$40cb3a00c193680f$export$9fcb3d6af94a9d12 = `
|
|
50
|
+
$40cb3a00c193680f$export$f39a09f249340e2a = `zo2IKa_focus-ring`;
|
|
51
|
+
$40cb3a00c193680f$export$8c4ee2c50c22c514 = `zo2IKa_i18nFontFamily`;
|
|
52
|
+
$40cb3a00c193680f$export$d35bc1e505d1ebbf = `zo2IKa_is-disabled`;
|
|
53
|
+
$40cb3a00c193680f$export$e7dc768d35940237 = `zo2IKa_is-focused`;
|
|
54
|
+
$40cb3a00c193680f$export$b8813cd5d7824ce7 = `zo2IKa_is-hovered`;
|
|
55
|
+
$40cb3a00c193680f$export$e5b2f5233e4e5194 = `zo2IKa_is-placeholder`;
|
|
56
|
+
$40cb3a00c193680f$export$4109102f950813a6 = `zo2IKa_spectrum-FocusRing-ring`;
|
|
57
|
+
$40cb3a00c193680f$export$24c7f46a6e3605dd = `zo2IKa_spectrum-FocusRing ${$40cb3a00c193680f$export$4109102f950813a6}`;
|
|
58
|
+
$40cb3a00c193680f$export$2927016961429360 = `zo2IKa_spectrum-FocusRing--quiet`;
|
|
59
|
+
$40cb3a00c193680f$export$2c8a10299d8b3418 = `zo2IKa_spectrum-Textfield ${$40cb3a00c193680f$export$24c7f46a6e3605dd}`;
|
|
60
|
+
$40cb3a00c193680f$export$58e50b10d30123df = `zo2IKa_spectrum-Textfield--invalid`;
|
|
61
|
+
$40cb3a00c193680f$export$14fd30fea6f1348c = `zo2IKa_spectrum-Textfield--loadable`;
|
|
62
|
+
$40cb3a00c193680f$export$9699f1c538a448a0 = `zo2IKa_spectrum-Textfield--multiline`;
|
|
63
|
+
$40cb3a00c193680f$export$bffd5e3d61a81737 = `zo2IKa_spectrum-Textfield--quiet ${$40cb3a00c193680f$export$2927016961429360}`;
|
|
64
|
+
$40cb3a00c193680f$export$c2abbc3f970170b7 = `zo2IKa_spectrum-Textfield--valid`;
|
|
65
|
+
$40cb3a00c193680f$export$82a249fb4d6127 = `zo2IKa_spectrum-Textfield-circleLoader`;
|
|
66
|
+
$40cb3a00c193680f$export$222d1ccd1870be1d = `zo2IKa_spectrum-Textfield-icon`;
|
|
67
|
+
$40cb3a00c193680f$export$1ac009feb2b0bd0c = `zo2IKa_spectrum-Textfield-input ${$40cb3a00c193680f$export$8c4ee2c50c22c514}`;
|
|
68
|
+
$40cb3a00c193680f$export$c1cdcaa5fe76a871 = `zo2IKa_spectrum-Textfield-inputIcon`;
|
|
69
|
+
$40cb3a00c193680f$export$cf0ead5b44db0da3 = `zo2IKa_spectrum-Textfield-validationIcon`;
|
|
70
|
+
$40cb3a00c193680f$export$dd1165e0e6012973 = `zo2IKa_spectrum-Textfield-wrapper`;
|
|
71
|
+
$40cb3a00c193680f$export$9fcb3d6af94a9d12 = `zo2IKa_spectrum-Textfield-wrapper--quiet`;
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
//# sourceMappingURL=textfield_vars_css.main.js.map
|
|
@@ -48,28 +48,28 @@ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
|
|
|
48
48
|
var $c14528ddc146317f$export$cf0ead5b44db0da3;
|
|
49
49
|
var $c14528ddc146317f$export$dd1165e0e6012973;
|
|
50
50
|
var $c14528ddc146317f$export$9fcb3d6af94a9d12;
|
|
51
|
-
$c14528ddc146317f$export$f39a09f249340e2a = `
|
|
52
|
-
$c14528ddc146317f$export$8c4ee2c50c22c514 = `
|
|
53
|
-
$c14528ddc146317f$export$d35bc1e505d1ebbf = `
|
|
54
|
-
$c14528ddc146317f$export$e7dc768d35940237 = `
|
|
55
|
-
$c14528ddc146317f$export$b8813cd5d7824ce7 = `
|
|
56
|
-
$c14528ddc146317f$export$e5b2f5233e4e5194 = `
|
|
57
|
-
$c14528ddc146317f$export$4109102f950813a6 = `
|
|
58
|
-
$c14528ddc146317f$export$24c7f46a6e3605dd = `
|
|
59
|
-
$c14528ddc146317f$export$2927016961429360 = `
|
|
60
|
-
$c14528ddc146317f$export$2c8a10299d8b3418 = `
|
|
61
|
-
$c14528ddc146317f$export$58e50b10d30123df = `
|
|
62
|
-
$c14528ddc146317f$export$14fd30fea6f1348c = `
|
|
63
|
-
$c14528ddc146317f$export$9699f1c538a448a0 = `
|
|
64
|
-
$c14528ddc146317f$export$bffd5e3d61a81737 = `
|
|
65
|
-
$c14528ddc146317f$export$c2abbc3f970170b7 = `
|
|
66
|
-
$c14528ddc146317f$export$82a249fb4d6127 = `
|
|
67
|
-
$c14528ddc146317f$export$222d1ccd1870be1d = `
|
|
68
|
-
$c14528ddc146317f$export$1ac009feb2b0bd0c = `
|
|
69
|
-
$c14528ddc146317f$export$c1cdcaa5fe76a871 = `
|
|
70
|
-
$c14528ddc146317f$export$cf0ead5b44db0da3 = `
|
|
71
|
-
$c14528ddc146317f$export$dd1165e0e6012973 = `
|
|
72
|
-
$c14528ddc146317f$export$9fcb3d6af94a9d12 = `
|
|
51
|
+
$c14528ddc146317f$export$f39a09f249340e2a = `zo2IKa_focus-ring`;
|
|
52
|
+
$c14528ddc146317f$export$8c4ee2c50c22c514 = `zo2IKa_i18nFontFamily`;
|
|
53
|
+
$c14528ddc146317f$export$d35bc1e505d1ebbf = `zo2IKa_is-disabled`;
|
|
54
|
+
$c14528ddc146317f$export$e7dc768d35940237 = `zo2IKa_is-focused`;
|
|
55
|
+
$c14528ddc146317f$export$b8813cd5d7824ce7 = `zo2IKa_is-hovered`;
|
|
56
|
+
$c14528ddc146317f$export$e5b2f5233e4e5194 = `zo2IKa_is-placeholder`;
|
|
57
|
+
$c14528ddc146317f$export$4109102f950813a6 = `zo2IKa_spectrum-FocusRing-ring`;
|
|
58
|
+
$c14528ddc146317f$export$24c7f46a6e3605dd = `zo2IKa_spectrum-FocusRing ${$c14528ddc146317f$export$4109102f950813a6}`;
|
|
59
|
+
$c14528ddc146317f$export$2927016961429360 = `zo2IKa_spectrum-FocusRing--quiet`;
|
|
60
|
+
$c14528ddc146317f$export$2c8a10299d8b3418 = `zo2IKa_spectrum-Textfield ${$c14528ddc146317f$export$24c7f46a6e3605dd}`;
|
|
61
|
+
$c14528ddc146317f$export$58e50b10d30123df = `zo2IKa_spectrum-Textfield--invalid`;
|
|
62
|
+
$c14528ddc146317f$export$14fd30fea6f1348c = `zo2IKa_spectrum-Textfield--loadable`;
|
|
63
|
+
$c14528ddc146317f$export$9699f1c538a448a0 = `zo2IKa_spectrum-Textfield--multiline`;
|
|
64
|
+
$c14528ddc146317f$export$bffd5e3d61a81737 = `zo2IKa_spectrum-Textfield--quiet ${$c14528ddc146317f$export$2927016961429360}`;
|
|
65
|
+
$c14528ddc146317f$export$c2abbc3f970170b7 = `zo2IKa_spectrum-Textfield--valid`;
|
|
66
|
+
$c14528ddc146317f$export$82a249fb4d6127 = `zo2IKa_spectrum-Textfield-circleLoader`;
|
|
67
|
+
$c14528ddc146317f$export$222d1ccd1870be1d = `zo2IKa_spectrum-Textfield-icon`;
|
|
68
|
+
$c14528ddc146317f$export$1ac009feb2b0bd0c = `zo2IKa_spectrum-Textfield-input ${$c14528ddc146317f$export$8c4ee2c50c22c514}`;
|
|
69
|
+
$c14528ddc146317f$export$c1cdcaa5fe76a871 = `zo2IKa_spectrum-Textfield-inputIcon`;
|
|
70
|
+
$c14528ddc146317f$export$cf0ead5b44db0da3 = `zo2IKa_spectrum-Textfield-validationIcon`;
|
|
71
|
+
$c14528ddc146317f$export$dd1165e0e6012973 = `zo2IKa_spectrum-Textfield-wrapper`;
|
|
72
|
+
$c14528ddc146317f$export$9fcb3d6af94a9d12 = `zo2IKa_spectrum-Textfield-wrapper--quiet`;
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
export {$c14528ddc146317f$exports as default};
|
|
@@ -48,28 +48,28 @@ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
|
|
|
48
48
|
var $c14528ddc146317f$export$cf0ead5b44db0da3;
|
|
49
49
|
var $c14528ddc146317f$export$dd1165e0e6012973;
|
|
50
50
|
var $c14528ddc146317f$export$9fcb3d6af94a9d12;
|
|
51
|
-
$c14528ddc146317f$export$f39a09f249340e2a = `
|
|
52
|
-
$c14528ddc146317f$export$8c4ee2c50c22c514 = `
|
|
53
|
-
$c14528ddc146317f$export$d35bc1e505d1ebbf = `
|
|
54
|
-
$c14528ddc146317f$export$e7dc768d35940237 = `
|
|
55
|
-
$c14528ddc146317f$export$b8813cd5d7824ce7 = `
|
|
56
|
-
$c14528ddc146317f$export$e5b2f5233e4e5194 = `
|
|
57
|
-
$c14528ddc146317f$export$4109102f950813a6 = `
|
|
58
|
-
$c14528ddc146317f$export$24c7f46a6e3605dd = `
|
|
59
|
-
$c14528ddc146317f$export$2927016961429360 = `
|
|
60
|
-
$c14528ddc146317f$export$2c8a10299d8b3418 = `
|
|
61
|
-
$c14528ddc146317f$export$58e50b10d30123df = `
|
|
62
|
-
$c14528ddc146317f$export$14fd30fea6f1348c = `
|
|
63
|
-
$c14528ddc146317f$export$9699f1c538a448a0 = `
|
|
64
|
-
$c14528ddc146317f$export$bffd5e3d61a81737 = `
|
|
65
|
-
$c14528ddc146317f$export$c2abbc3f970170b7 = `
|
|
66
|
-
$c14528ddc146317f$export$82a249fb4d6127 = `
|
|
67
|
-
$c14528ddc146317f$export$222d1ccd1870be1d = `
|
|
68
|
-
$c14528ddc146317f$export$1ac009feb2b0bd0c = `
|
|
69
|
-
$c14528ddc146317f$export$c1cdcaa5fe76a871 = `
|
|
70
|
-
$c14528ddc146317f$export$cf0ead5b44db0da3 = `
|
|
71
|
-
$c14528ddc146317f$export$dd1165e0e6012973 = `
|
|
72
|
-
$c14528ddc146317f$export$9fcb3d6af94a9d12 = `
|
|
51
|
+
$c14528ddc146317f$export$f39a09f249340e2a = `zo2IKa_focus-ring`;
|
|
52
|
+
$c14528ddc146317f$export$8c4ee2c50c22c514 = `zo2IKa_i18nFontFamily`;
|
|
53
|
+
$c14528ddc146317f$export$d35bc1e505d1ebbf = `zo2IKa_is-disabled`;
|
|
54
|
+
$c14528ddc146317f$export$e7dc768d35940237 = `zo2IKa_is-focused`;
|
|
55
|
+
$c14528ddc146317f$export$b8813cd5d7824ce7 = `zo2IKa_is-hovered`;
|
|
56
|
+
$c14528ddc146317f$export$e5b2f5233e4e5194 = `zo2IKa_is-placeholder`;
|
|
57
|
+
$c14528ddc146317f$export$4109102f950813a6 = `zo2IKa_spectrum-FocusRing-ring`;
|
|
58
|
+
$c14528ddc146317f$export$24c7f46a6e3605dd = `zo2IKa_spectrum-FocusRing ${$c14528ddc146317f$export$4109102f950813a6}`;
|
|
59
|
+
$c14528ddc146317f$export$2927016961429360 = `zo2IKa_spectrum-FocusRing--quiet`;
|
|
60
|
+
$c14528ddc146317f$export$2c8a10299d8b3418 = `zo2IKa_spectrum-Textfield ${$c14528ddc146317f$export$24c7f46a6e3605dd}`;
|
|
61
|
+
$c14528ddc146317f$export$58e50b10d30123df = `zo2IKa_spectrum-Textfield--invalid`;
|
|
62
|
+
$c14528ddc146317f$export$14fd30fea6f1348c = `zo2IKa_spectrum-Textfield--loadable`;
|
|
63
|
+
$c14528ddc146317f$export$9699f1c538a448a0 = `zo2IKa_spectrum-Textfield--multiline`;
|
|
64
|
+
$c14528ddc146317f$export$bffd5e3d61a81737 = `zo2IKa_spectrum-Textfield--quiet ${$c14528ddc146317f$export$2927016961429360}`;
|
|
65
|
+
$c14528ddc146317f$export$c2abbc3f970170b7 = `zo2IKa_spectrum-Textfield--valid`;
|
|
66
|
+
$c14528ddc146317f$export$82a249fb4d6127 = `zo2IKa_spectrum-Textfield-circleLoader`;
|
|
67
|
+
$c14528ddc146317f$export$222d1ccd1870be1d = `zo2IKa_spectrum-Textfield-icon`;
|
|
68
|
+
$c14528ddc146317f$export$1ac009feb2b0bd0c = `zo2IKa_spectrum-Textfield-input ${$c14528ddc146317f$export$8c4ee2c50c22c514}`;
|
|
69
|
+
$c14528ddc146317f$export$c1cdcaa5fe76a871 = `zo2IKa_spectrum-Textfield-inputIcon`;
|
|
70
|
+
$c14528ddc146317f$export$cf0ead5b44db0da3 = `zo2IKa_spectrum-Textfield-validationIcon`;
|
|
71
|
+
$c14528ddc146317f$export$dd1165e0e6012973 = `zo2IKa_spectrum-Textfield-wrapper`;
|
|
72
|
+
$c14528ddc146317f$export$9fcb3d6af94a9d12 = `zo2IKa_spectrum-Textfield-wrapper--quiet`;
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
export {$c14528ddc146317f$exports as default};
|