@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/DateRangePicker.mjs

@@ -39,7 +39,7 @@ const $c9bb0cbce1dac403$export$8282edba42ee28a = /*#__PURE__*/ (0, $dMar9$create
 const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwardRef)(function DateRangePicker(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $c9bb0cbce1dac403$export$8282edba42ee28a);
     let stringFormatter = (0, $dMar9$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dMar9$intlStringsmjs))), '@react-spectrum/s2');
-    let { label: label, contextualHelp: contextualHelp, description: descriptionMessage, errorMessage: errorMessage, isRequired: isRequired, size: size = 'M', labelPosition: labelPosition = 'top', necessityIndicator: necessityIndicator, labelAlign: labelAlign = 'start', UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, styles: styles, placeholderValue: placeholderValue, maxVisibleMonths: maxVisibleMonths = 1, firstDayOfWeek: firstDayOfWeek, createCalendar: createCalendar, pageBehavior: pageBehavior, isDateUnavailable: isDateUnavailable, ...dateFieldProps } = props;
+    let { label: label, contextualHelp: contextualHelp, description: descriptionMessage, errorMessage: errorMessage, isRequired: isRequired, size: size = 'M', labelPosition: labelPosition = 'top', necessityIndicator: necessityIndicator, labelAlign: labelAlign = 'start', UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, styles: styles, placeholderValue: placeholderValue, maxVisibleMonths: maxVisibleMonths = 1, createCalendar: createCalendar, ...dateFieldProps } = props;
     let formContext = (0, $dMar9$useContext)((0, $dMar9$FormContext));
     let [buttonHasFocus, setButtonHasFocus] = (0, $dMar9$useState)(false);
     return /*#__PURE__*/ (0, $dMar9$jsx)((0, $dMar9$DateRangePicker), {
@@ -57,52 +57,52 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se1';
+            rules += ' se11';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU1';
+                if (!gridColumnStart) rules += ' z2mU11';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG1';
+                    if (!gridColumnEnd) rules += ' yvoofG11';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod1';
+            if (props.isInForm) rules += ' DLwlgod11';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb1';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn1';
+                if (props.labelPosition === "side") rules += ' DPlN5qb11';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb1';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc1';
-            if (props.labelPosition === "side") rules += ' CbRM95c1';
-            else if (props.labelPosition === "top") rules += ' Cxaocre1';
+            if (props.labelPosition === "side") rules += ' EPlN5qb11';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
+            if (props.labelPosition === "side") rules += ' CbRM95c11';
+            else if (props.labelPosition === "top") rules += ' Cxaocre11';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-e11';
+                rules += ' vx11';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-d11';
+                rules += ' vx11';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-b11';
+                rules += ' vx11';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-a11';
+                rules += ' vx11';
             } else {
-                rules += ' -_6BNtrc-c1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-c11';
+                rules += ' vx11';
             }
-            rules += ' ea1';
-            rules += ' _Fd1';
-            rules += ' _FezxGHba1';
-            rules += ' _FnuYUweb1';
-            if (props.size === "XL") rules += ' -BhX7R-Fz1';
-            else if (props.size === "L") rules += ' -BhX7R-Fv1';
-            else if (props.size === "S") rules += ' -BhX7R-Fp1';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn1';
-            else rules += ' -BhX7R-Fx1';
-            rules += ' -AJjOLd-UVkF0Db1';
-            rules += ' qg1';
-            rules += ' __ca1';
+            rules += ' ea11';
+            rules += ' _Fd11';
+            rules += ' _FezxGHba11';
+            rules += ' _FnuYUweb11';
+            if (props.size === "XL") rules += ' -BhX7R-Fz11';
+            else if (props.size === "L") rules += ' -BhX7R-Fv11';
+            else if (props.size === "S") rules += ' -BhX7R-Fp11';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
+            else rules += ' -BhX7R-Fx11';
+            rules += ' -AJjOLd-UVkF0Db11';
+            rules += ' qg11';
+            rules += ' __ca11';
             return rules;
         }({
             isInForm: !!formContext,
@@ -136,27 +136,27 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr1';
-                            rules += ' yXcEWr1';
-                            rules += ' BXcEWr1';
-                            rules += ' AXcEWr1';
-                            if (props.size === "XL") rules += ' Nl1';
-                            else if (props.size === "L") rules += ' Nj1';
-                            else if (props.size === "S") rules += ' Nf1';
-                            else if (props.size === "XS") rules += ' Ne1';
-                            else rules += ' Nk1';
-                            if (props.isQuiet) rules += ' _qd1';
-                            else rules += ' _qtb1';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt1';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne1';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr1';
-                            else rules += ' -Anxdcc-Z3fn9H1';
-                            rules += ' __v6TNLWb1';
-                            rules += ' __Wb1';
-                            rules += ' SMBFGYc1';
-                            rules += ' RfBFGYc1';
-                            rules += ' -S_-Sv1';
-                            rules += ' -R_-Rp1';
+                            rules += ' zXcEWr11';
+                            rules += ' yXcEWr11';
+                            rules += ' BXcEWr11';
+                            rules += ' AXcEWr11';
+                            if (props.size === "XL") rules += ' Nl11';
+                            else if (props.size === "L") rules += ' Nj11';
+                            else if (props.size === "S") rules += ' Nf11';
+                            else if (props.size === "XS") rules += ' Ne11';
+                            else rules += ' Nk11';
+                            if (props.isQuiet) rules += ' _qd11';
+                            else rules += ' _qtb11';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt11';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr11';
+                            else rules += ' -Anxdcc-Z3fn9H11';
+                            rules += ' __v6TNLWb11';
+                            rules += ' __Wb11';
+                            rules += ' SMBFGYc11';
+                            rules += ' RfBFGYc11';
+                            rules += ' -S_-Sv11';
+                            rules += ' -R_-Rp11';
                             return rules;
                         }({
                             size: size
@@ -169,7 +169,7 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                                     }),
                                     /*#__PURE__*/ (0, $dMar9$jsx)("span", {
                                         "aria-hidden": "true",
-                                        className: " _va1 _ua1 Sj1 Rj1",
+                                        className: " _va11 _ua11 Sj11 Rj11",
                                         children: "\u2013"
                                     }),
                                     /*#__PURE__*/ (0, $dMar9$jsx)((0, $0e78e2b1ea2e947e$export$7edc06cf1783b30f), {
@@ -182,7 +182,7 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                                 isDisabled: isDisabled
                             }),
                             /*#__PURE__*/ (0, $dMar9$jsx)("div", {
-                                className: " _va1 _ub1 sd1 _Cb1",
+                                className: " _va11 _ub11 sd11 _Cb11",
                                 children: /*#__PURE__*/ (0, $dMar9$jsx)((0, $1196aa313ab37be1$export$adb29da0ac001538), {
                                     isOpen: isOpen,
                                     size: size,
@@ -195,13 +195,10 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                         children: [
                             /*#__PURE__*/ (0, $dMar9$jsx)((0, $ecdee84c2f0ddfb5$export$a4f5c8b89d277a8d), {
                                 visibleMonths: maxVisibleMonths,
-                                createCalendar: createCalendar,
-                                firstDayOfWeek: firstDayOfWeek,
-                                isDateUnavailable: isDateUnavailable,
-                                pageBehavior: pageBehavior
+                                createCalendar: createCalendar
                             }),
                             showTimeField && /*#__PURE__*/ (0, $dMar9$jsxs)("div", {
-                                className: " sd1 Ul1 ql1 _qb1 JA1",
+                                className: " sd11 Ul11 ql11 _qb11 JA11",
                                 children: [
                                     /*#__PURE__*/ (0, $dMar9$jsx)((0, $a4c1b812c7e17006$export$5eaee2322dd727eb), {
                                         styles: (0, $1196aa313ab37be1$export$5320dd0e349ed44d),

package/dist/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/DateRangePicker.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  ContextValue,\n  DateValue,\n  FormContext\n} from 'react-aria-components';\nimport {CalendarButton, CalendarPopover, timeField} from './DatePicker';\nimport {createContext, forwardRef, ReactElement, Ref, useContext, useState} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {RangeCalendar, RangeCalendarProps, TimeField} from '../';\nimport {style} from '../style' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface DateRangePickerProps<T extends DateValue> extends\n  Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>,\n  Pick<RangeCalendarProps<T>, 'createCalendar' | 'pageBehavior' | 'isDateUnavailable'>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the DateField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL',\n    /**\n     * The maximum number of months to display at once in the calendar popover, if screen space permits.\n     * @default 1\n     */\n    maxVisibleMonths?: number\n}\n\nexport const DateRangePickerContext = createContext<ContextValue<Partial<DateRangePickerProps<any>>, HTMLDivElement>>(null);\n\nexport const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function DateRangePicker<T extends DateValue>(\n  props: DateRangePickerProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, DateRangePickerContext);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    placeholderValue,\n    maxVisibleMonths = 1,\n    firstDayOfWeek,\n    createCalendar,\n    pageBehavior,\n    isDateUnavailable,\n    ...dateFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n  let [buttonHasFocus, setButtonHasFocus] = useState(false);\n\n  return (\n    <AriaDateRangePicker\n      ref={ref}\n      isRequired={isRequired}\n      {...dateFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid, isOpen, state}) => {\n        let placeholder: DateValue | undefined = placeholderValue || undefined;\n        let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;\n        let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n        let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n        let timeGranularity = state.granularity === 'hour'\n          || state.granularity === 'minute'\n          || state.granularity === 'second'\n            ? state.granularity : undefined;\n        let showTimeField = !!timeGranularity;\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n            <FieldGroup\n              role=\"presentation\"\n              shouldTurnOffFocusRing={buttonHasFocus}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                textWrap: 'nowrap',\n                paddingStart: 'edge-to-text',\n                paddingEnd: 4\n              })({size})}>\n              <DateInputContainer>\n                <DateInput slot=\"start\" />\n                <span aria-hidden=\"true\" className={style({flexShrink: 0, flexGrow: 0, paddingX: 2})}>–</span>\n                <DateInput slot=\"end\" />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n              <div\n                className={style({\n                  flexShrink: 0,\n                  flexGrow: 1,\n                  display: 'flex',\n                  justifyContent: 'end'\n                })}>\n                <CalendarButton isOpen={isOpen} size={size} setButtonHasFocus={setButtonHasFocus} />\n              </div>\n            </FieldGroup>\n            <CalendarPopover>\n              <RangeCalendar\n                visibleMonths={maxVisibleMonths}\n                createCalendar={createCalendar}\n                firstDayOfWeek={firstDayOfWeek}\n                isDateUnavailable={isDateUnavailable}\n                pageBehavior={pageBehavior} />\n              {showTimeField && (\n                <div className={style({display: 'flex', gap: 16, contain: 'inline-size', marginTop: 24})}>\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.startTime')}\n                    value={state.timeRange?.start || null}\n                    onChange={v => state.setTime('start', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.endTime')}\n                    value={state.timeRange?.end || null}\n                    onChange={v => state.setTime('end', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                </div>\n              )}\n            </CalendarPopover>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaDateRangePicker>\n  );\n});\n"],"names":[],"version":3,"file":"DateRangePicker.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/DateRangePicker.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  ContextValue,\n  DateValue,\n  FormContext\n} from 'react-aria-components';\nimport {CalendarButton, CalendarPopover, timeField} from './DatePicker';\nimport {createContext, forwardRef, ReactElement, Ref, useContext, useState} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {RangeCalendar, RangeCalendarProps, TimeField} from '../';\nimport {style} from '../style' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface DateRangePickerProps<T extends DateValue> extends\n  Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>,\n  Pick<RangeCalendarProps<T>, 'createCalendar' | 'pageBehavior' | 'isDateUnavailable'>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the DateField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL',\n    /**\n     * The maximum number of months to display at once in the calendar popover, if screen space permits.\n     * @default 1\n     */\n    maxVisibleMonths?: number\n}\n\nexport const DateRangePickerContext = createContext<ContextValue<Partial<DateRangePickerProps<any>>, HTMLDivElement>>(null);\n\nexport const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function DateRangePicker<T extends DateValue>(\n  props: DateRangePickerProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, DateRangePickerContext);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    placeholderValue,\n    maxVisibleMonths = 1,\n    createCalendar,\n    ...dateFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n  let [buttonHasFocus, setButtonHasFocus] = useState(false);\n\n  return (\n    <AriaDateRangePicker\n      ref={ref}\n      isRequired={isRequired}\n      {...dateFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid, isOpen, state}) => {\n        let placeholder: DateValue | undefined = placeholderValue || undefined;\n        let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;\n        let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n        let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n        let timeGranularity = state.granularity === 'hour'\n          || state.granularity === 'minute'\n          || state.granularity === 'second'\n            ? state.granularity : undefined;\n        let showTimeField = !!timeGranularity;\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n            <FieldGroup\n              role=\"presentation\"\n              shouldTurnOffFocusRing={buttonHasFocus}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                textWrap: 'nowrap',\n                paddingStart: 'edge-to-text',\n                paddingEnd: 4\n              })({size})}>\n              <DateInputContainer>\n                <DateInput slot=\"start\" />\n                <span aria-hidden=\"true\" className={style({flexShrink: 0, flexGrow: 0, paddingX: 2})}>–</span>\n                <DateInput slot=\"end\" />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n              <div\n                className={style({\n                  flexShrink: 0,\n                  flexGrow: 1,\n                  display: 'flex',\n                  justifyContent: 'end'\n                })}>\n                <CalendarButton isOpen={isOpen} size={size} setButtonHasFocus={setButtonHasFocus} />\n              </div>\n            </FieldGroup>\n            <CalendarPopover>\n              <RangeCalendar\n                visibleMonths={maxVisibleMonths}\n                createCalendar={createCalendar} />\n              {showTimeField && (\n                <div className={style({display: 'flex', gap: 16, contain: 'inline-size', marginTop: 24})}>\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.startTime')}\n                    value={state.timeRange?.start || null}\n                    onChange={v => state.setTime('start', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.endTime')}\n                    value={state.timeRange?.end || null}\n                    onChange={v => state.setTime('end', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                </div>\n              )}\n            </CalendarPopover>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaDateRangePicker>\n  );\n});\n"],"names":[],"version":3,"file":"DateRangePicker.mjs.map"}

package/dist/Dialog.cjs

@@ -35,13 +35,13 @@ $parcel$export(module.exports, "Dialog", () => $0f4636c7093b9233$export$3ddf2d17
 
 
 
-const $0f4636c7093b9233$var$image = " Za1 FC1 _va1 _Hb1";
-const $0f4636c7093b9233$var$heading = " _ub1 Jy1 Gy1 uk1 uch1 udi1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-g1 vx1 we1 xe1 _xa1 wX0cczbd1 xX0cczbd1 _xX0cczba1 wezxGHbd1 xezxGHbd1 _xezxGHba1 wfe1 xfe1 _xfa1 wfX0cczbd1 xfX0cczbd1 _xfX0cczba1 wfezxGHbd1 xfezxGHbd1 _xfezxGHba1 _Fd1 _FezxGHba1 _FnuYUweb1 po1";
-const $0f4636c7093b9233$var$header = " uk1 uch1 udi1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-e1 vx1 wb1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1";
-const $0f4636c7093b9233$var$content = " _ub1 Pa1 Pme1 uk1 uch1 udi1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-d1 vx1 wb1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1 Sk1 Rk1";
-const $0f4636c7093b9233$var$footer = " _ub1 uk1 uch1 udi1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-d1 vx1 wb1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1";
-const $0f4636c7093b9233$var$buttonGroup = " IM1 La1";
-const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd1 _ta1 _ub1 K40ub4c1 _oa1 _Le1 uk1 uch1 udi1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 oi1 ni1 ki1 ji1 _Na1 Pa1";
+const $0f4636c7093b9233$var$image = " Za11 FC11 _va11 _Hb11";
+const $0f4636c7093b9233$var$heading = " _ub11 Jy11 Gy11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 -_6BNtrc-g11 vx11 we11 xe11 _xa11 wX0cczbd11 xX0cczbd11 _xX0cczba11 wezxGHbd11 xezxGHbd11 _xezxGHba11 wfe11 xfe11 _xfa11 wfX0cczbd11 xfX0cczbd11 _xfX0cczba11 wfezxGHbd11 xfezxGHbd11 _xfezxGHba11 _Fd11 _FezxGHba11 _FnuYUweb11 po11";
+const $0f4636c7093b9233$var$header = " uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 -_6BNtrc-e11 vx11 wb11 xb11 _xa11 _Fb11 _FnuYUwec11 pt11";
+const $0f4636c7093b9233$var$content = " _ub11 Pa11 Pme11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 -_6BNtrc-d11 vx11 wb11 xb11 _xa11 _Fb11 _FnuYUwec11 pt11 Sk11 Rk11";
+const $0f4636c7093b9233$var$footer = " _ub11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 -_6BNtrc-d11 vx11 wb11 xb11 _xa11 _Fb11 _FnuYUwec11 pt11";
+const $0f4636c7093b9233$var$buttonGroup = " IM11 La11";
+const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd11 _ta11 _ub11 K40ub4c11 _oa11 _Le11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 oi11 ni11 ki11 ji11 _Na11 Pa11";
 const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react.forwardRef)(function Dialog(props, ref) {
     let { size: size = 'M', isDismissible: isDismissible, isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $WjfVF$reactspectrumutils.useDOMRef)(ref);
@@ -104,20 +104,20 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                         /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)("div", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' sd1';
-                                rules += ' ed1';
-                                rules += ' qg1';
-                                rules += ' Sk1';
-                                if (props.isDismissible) rules += ' Re1';
-                                else rules += ' Rk1';
-                                rules += ' Te1';
+                                rules += ' sd11';
+                                rules += ' ed11';
+                                rules += ' qg11';
+                                rules += ' Sk11';
+                                if (props.isDismissible) rules += ' Re11';
+                                else rules += ' Rk11';
+                                rules += ' Te11';
                                 return rules;
                             }({
                                 isDismissible: props.isDismissible
                             }),
                             children: [
                                 /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
-                                    className: " sd1 _ub1 Jz1 Jay1 GC1 Gay1 qj1 Ue1 _ta1 _tnc1 ed1 enb1",
+                                    className: " sd11 _ub11 Jz11 Jay11 GC11 Gay11 qj11 Ue11 _ta11 _tnc11 ed11 enb11",
                                     children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
                                         values: [
                                             [
@@ -161,7 +161,7 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                                     })
                                 }),
                                 props.isDismissible && /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
-                                    styles: " Gx1"
+                                    styles: " Gx11"
                                 })
                             ]
                         }),
@@ -207,7 +207,7 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                             children: children
                         }),
                         /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
-                            className: " sd1 Sk1 Rk1 Qk1 Tk1 Tad1 Uj1 qj1 eb1 _wb1",
+                            className: " sd11 Sk11 Rk11 Qk11 Tk11 Tad11 Uj11 qj11 eb11 _wb11",
                             children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
                                 values: [
                                     [