npm - @react-spectrum/datepicker - Versions diffs - 3.12.0 → 3.13.0 - Mend

@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

package/dist/DateField.main.js +5 -5
package/dist/DateField.mjs +5 -5
package/dist/DateField.module.js +5 -5
package/dist/DatePicker.main.js +7 -7
package/dist/DatePicker.mjs +7 -7
package/dist/DatePicker.module.js +7 -7
package/dist/DatePickerField.main.js +2 -2
package/dist/DatePickerField.main.js.map +1 -1
package/dist/DatePickerField.mjs +2 -2
package/dist/DatePickerField.module.js +2 -2
package/dist/DatePickerField.module.js.map +1 -1
package/dist/DatePickerSegment.main.js +2 -2
package/dist/DatePickerSegment.main.js.map +1 -1
package/dist/DatePickerSegment.mjs +2 -2
package/dist/DatePickerSegment.module.js +2 -2
package/dist/DatePickerSegment.module.js.map +1 -1
package/dist/DateRangePicker.main.js +14 -9
package/dist/DateRangePicker.main.js.map +1 -1
package/dist/DateRangePicker.mjs +14 -9
package/dist/DateRangePicker.module.js +14 -9
package/dist/DateRangePicker.module.js.map +1 -1
package/dist/Input.main.js +1 -1
package/dist/Input.mjs +1 -1
package/dist/Input.module.js +1 -1
package/dist/TimeField.main.js +4 -4
package/dist/TimeField.mjs +4 -4
package/dist/TimeField.module.js +4 -4
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.d49f4d83.css → styles.cec10db3.css} +43 -44
package/dist/styles.cec10db3.css.map +1 -0
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/types.d.ts.map +1 -1
package/dist/utils.main.js +44 -32
package/dist/utils.main.js.map +1 -1
package/dist/utils.mjs +37 -29
package/dist/utils.module.js +37 -29
package/dist/utils.module.js.map +1 -1
package/dist/{vars.cf48e391.css → vars.fb8d1a6e.css} +132 -132
package/dist/{vars.cf48e391.css.map → vars.fb8d1a6e.css.map} +1 -1
package/package.json +20 -20
package/src/DatePickerField.tsx +2 -2
package/src/DatePickerSegment.tsx +2 -2
package/src/DateRangePicker.tsx +30 -28
package/src/styles.css +3 -4
package/src/{utils.ts → utils.tsx} +9 -7
package/dist/styles.d49f4d83.css.map +0 -1

package/dist/DateRangePicker.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import {DatePickerField as $d2bb88c82604b25f$export$34dc4cfa15ead1} from "./DatePickerField.mjs";
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $dUbU7$styles_cssmodulejs from "./styles_css.mjs";
 import {Input as $79348162c55d687f$export$f5b8910cec6cf069} from "./Input.mjs";
 import $dUbU7$intlStringsmodulejs from "./intlStrings.mjs";
-import "./vars.cf48e391.css";
+import "./vars.fb8d1a6e.css";
 import $dUbU7$inputgroup_vars_cssmodulejs from "./inputgroup_vars_css.mjs";
 import {TimeField as $f0a04554754386b6$export$5eaee2322dd727eb} from "./TimeField.mjs";
-import {useFocusManagerRef as $04e96200274b03de$export$71a23a36270e4bf0, useFormatHelpText as $04e96200274b03de$export$322f4580ccd8dde6, useFormattedDateWidth as $04e96200274b03de$export$31e22e3c931fc056, useVisibleMonths as $04e96200274b03de$export$12ce2869ce471b1f} from "./utils.mjs";
+import {useFocusManagerRef as $ea94a5cfe92db3c2$export$71a23a36270e4bf0, useFormatHelpText as $ea94a5cfe92db3c2$export$322f4580ccd8dde6, useFormattedDateWidth as $ea94a5cfe92db3c2$export$31e22e3c931fc056, useVisibleMonths as $ea94a5cfe92db3c2$export$12ce2869ce471b1f} from "./utils.mjs";
 import $dUbU7$spectrumiconsworkflowCalendar from "@spectrum-icons/workflow/Calendar";
 import {classNames as $dUbU7$classNames} from "@react-spectrum/utils";
 import {Content as $dUbU7$Content} from "@react-spectrum/view";
@@ -79,7 +79,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     let { labelProps: labelProps, groupProps: groupProps, buttonProps: buttonProps, dialogProps: dialogProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, calendarProps: calendarProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $dUbU7$useDateRangePicker)(props, state, targetRef);
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $dUbU7$useLocale)();
-    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let domRef = (0, $ea94a5cfe92db3c2$export$71a23a36270e4bf0)(ref);
     let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dUbU7$useFocusRing)({
         within: true,
@@ -105,7 +105,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     });
     // Note: this description is intentionally not passed to useDatePicker.
     // The format help text is unnecessary for screen reader users because each segment already has a label.
-    let description = (0, $04e96200274b03de$export$322f4580ccd8dde6)(props);
+    let description = (0, $ea94a5cfe92db3c2$export$322f4580ccd8dde6)(props);
     if (description && !props.description) descriptionProps.id = undefined;
     let placeholder = placeholderValue;
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
@@ -113,10 +113,10 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
     let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' ? state.granularity : null;
     let showTimeField = !!timeGranularity;
-    let visibleMonths = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
+    let visibleMonths = (0, $ea94a5cfe92db3c2$export$12ce2869ce471b1f)(maxVisibleMonths);
     let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     // Multiplying by two for the two dates, adding one character for the dash, and then the padding around the dash
-    let approximateWidth = `calc(${(0, $04e96200274b03de$export$31e22e3c931fc056)(state) * 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;
+    let approximateWidth = `calc(${(0, $ea94a5cfe92db3c2$export$31e22e3c931fc056)(state) * 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;
     return /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Field), {
         ...props,
         ref: domRef,
@@ -134,6 +134,11 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
         ...(0, $dUbU7$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
         ref: targetRef
+    }, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
+        style: {
+            overflow: 'hidden',
+            width: '100%'
+        }
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -152,7 +157,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
         "data-testid": "end-date",
         isQuiet: props.isQuiet,
         inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-Datepicker-endField', (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-endField'))
-    })), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$DialogTrigger), {
+    }))), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$DialogTrigger), {
         type: "popover",
         mobileType: "tray",
         placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
@@ -208,7 +213,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     }))))))));
 });
 function $cb301300011a98f7$var$DateRangeDash() {
-    return /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dUbU7$react).createElement("span", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
         className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-rangeDash')

package/dist/DateRangePicker.module.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import {DatePickerField as $d2bb88c82604b25f$export$34dc4cfa15ead1} from "./DatePickerField.module.js";
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $dUbU7$styles_cssmodulejs from "./styles_css.module.js";
 import {Input as $79348162c55d687f$export$f5b8910cec6cf069} from "./Input.module.js";
 import $dUbU7$intlStringsmodulejs from "./intlStrings.module.js";
-import "./vars.cf48e391.css";
+import "./vars.fb8d1a6e.css";
 import $dUbU7$inputgroup_vars_cssmodulejs from "./inputgroup_vars_css.module.js";
 import {TimeField as $f0a04554754386b6$export$5eaee2322dd727eb} from "./TimeField.module.js";
-import {useFocusManagerRef as $04e96200274b03de$export$71a23a36270e4bf0, useFormatHelpText as $04e96200274b03de$export$322f4580ccd8dde6, useFormattedDateWidth as $04e96200274b03de$export$31e22e3c931fc056, useVisibleMonths as $04e96200274b03de$export$12ce2869ce471b1f} from "./utils.module.js";
+import {useFocusManagerRef as $ea94a5cfe92db3c2$export$71a23a36270e4bf0, useFormatHelpText as $ea94a5cfe92db3c2$export$322f4580ccd8dde6, useFormattedDateWidth as $ea94a5cfe92db3c2$export$31e22e3c931fc056, useVisibleMonths as $ea94a5cfe92db3c2$export$12ce2869ce471b1f} from "./utils.module.js";
 import $dUbU7$spectrumiconsworkflowCalendar from "@spectrum-icons/workflow/Calendar";
 import {classNames as $dUbU7$classNames} from "@react-spectrum/utils";
 import {Content as $dUbU7$Content} from "@react-spectrum/view";
@@ -79,7 +79,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     let { labelProps: labelProps, groupProps: groupProps, buttonProps: buttonProps, dialogProps: dialogProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, calendarProps: calendarProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $dUbU7$useDateRangePicker)(props, state, targetRef);
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $dUbU7$useLocale)();
-    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let domRef = (0, $ea94a5cfe92db3c2$export$71a23a36270e4bf0)(ref);
     let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dUbU7$useFocusRing)({
         within: true,
@@ -105,7 +105,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     });
     // Note: this description is intentionally not passed to useDatePicker.
     // The format help text is unnecessary for screen reader users because each segment already has a label.
-    let description = (0, $04e96200274b03de$export$322f4580ccd8dde6)(props);
+    let description = (0, $ea94a5cfe92db3c2$export$322f4580ccd8dde6)(props);
     if (description && !props.description) descriptionProps.id = undefined;
     let placeholder = placeholderValue;
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
@@ -113,10 +113,10 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
     let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' ? state.granularity : null;
     let showTimeField = !!timeGranularity;
-    let visibleMonths = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
+    let visibleMonths = (0, $ea94a5cfe92db3c2$export$12ce2869ce471b1f)(maxVisibleMonths);
     let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     // Multiplying by two for the two dates, adding one character for the dash, and then the padding around the dash
-    let approximateWidth = `calc(${(0, $04e96200274b03de$export$31e22e3c931fc056)(state) * 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;
+    let approximateWidth = `calc(${(0, $ea94a5cfe92db3c2$export$31e22e3c931fc056)(state) * 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;
     return /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Field), {
         ...props,
         ref: domRef,
@@ -134,6 +134,11 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
         ...(0, $dUbU7$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
         ref: targetRef
+    }, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
+        style: {
+            overflow: 'hidden',
+            width: '100%'
+        }
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -152,7 +157,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
         "data-testid": "end-date",
         isQuiet: props.isQuiet,
         inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-Datepicker-endField', (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-endField'))
-    })), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$DialogTrigger), {
+    }))), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$DialogTrigger), {
         type: "popover",
         mobileType: "tray",
         placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
@@ -208,7 +213,7 @@ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dUbU7$react
     }))))))));
 });
 function $cb301300011a98f7$var$DateRangeDash() {
-    return /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dUbU7$react).createElement("span", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
         className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-rangeDash')

package/dist/DateRangePicker.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-spectrum/datepicker/src/DateRangePicker.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport CalendarIcon from '@spectrum-icons/workflow/Calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {DatePickerField} from './DatePickerField';\nimport datepickerStyles from './styles.css';\nimport {DateValue, SpectrumDateRangePickerProps} from '@react-types/datepicker';\nimport {Dialog, DialogTrigger} from '@react-spectrum/dialog';\nimport {Field} from '@react-spectrum/label';\nimport {FieldButton} from '@react-spectrum/button';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Input} from './Input';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {mergeProps} from '@react-aria/utils';\nimport {RangeCalendar} from '@react-spectrum/calendar';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inputgroup/vars.css';\nimport {TimeField} from './TimeField';\nimport {useDateRangePicker} from '@react-aria/datepicker';\nimport {useDateRangePickerState} from '@react-stately/datepicker';\nimport {useFocusManagerRef, useFormatHelpText, useFormattedDateWidth, useVisibleMonths} from './utils';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/*\n DateRangePickers combine two DateFields and a RangeCalendar popover to allow users\n * to enter or select a date and time range.\n /\nexport const DateRangePicker = React.forwardRef(function DateRangePicker<T extends DateValue>(props: SpectrumDateRangePickerProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isQuiet,\n isDisabled,\n autoFocus,\n placeholderValue,\n maxVisibleMonths = 1,\n pageBehavior,\n firstDayOfWeek\n } = props;\n let {hoverProps, isHovered} = useHover({isDisabled});\n let targetRef = useRef<HTMLDivElement \| null>(null);\n let state = useDateRangePickerState({\n ...props,\n shouldCloseOnSelect: () => !state.hasTime\n });\n let {labelProps, groupProps, buttonProps, dialogProps, startFieldProps, endFieldProps, descriptionProps, errorMessageProps, calendarProps, isInvalid, validationErrors, validationDetails} = useDateRangePicker(props, state, targetRef);\n let {isOpen, setOpen} = state;\n let {direction} = useLocale();\n let domRef = useFocusManagerRef(ref);\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/datepicker');\n\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus\n });\n\n let {isFocused: isFocusedButton, focusProps: focusPropsButton} = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus\n });\n\n let className = classNames(\n styles,\n 'spectrum-InputGroup',\n {\n 'spectrum-InputGroup--quiet': isQuiet,\n 'spectrum-InputGroup--invalid': isInvalid && !isDisabled,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-focused': isFocused,\n 'focus-ring': isFocusVisible && !isFocusedButton\n }\n );\n\n let fieldClassName = classNames(\n styles,\n 'spectrum-InputGroup-input',\n {\n 'is-disabled': isDisabled,\n 'is-invalid': isInvalid && !isDisabled\n }\n );\n\n // Note: this description is intentionally not passed to useDatePicker.\n // The format help text is unnecessary for screen reader users because each segment already has a label.\n let description = useFormatHelpText(props);\n if (description && !props.description) {\n descriptionProps.id = undefined;\n }\n\n let placeholder: DateValue \| null \| undefined = placeholderValue;\n let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;\n let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;\n let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;\n let timeGranularity = state.granularity === 'hour' \|\| state.granularity === 'minute' \|\| state.granularity === 'second' ? state.granularity : null;\n let showTimeField = !!timeGranularity;\n\n let visibleMonths = useVisibleMonths(maxVisibleMonths);\n let validationState = state.validationState \|\| (isInvalid ? 'invalid' : null);\n\n // Multiplying by two for the two dates, adding one character for the dash, and then the padding around the dash\n let approximateWidth = `calc(${useFormattedDateWidth(state) 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;\n\n return (\n <Field\n {...props}\n ref={domRef}\n elementType=\"span\"\n description={description}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n validationState={validationState}\n isInvalid={isInvalid}\n validationErrors={validationErrors}\n validationDetails={validationDetails}\n wrapperClassName={classNames(datepickerStyles, 'react-spectrum-Datepicker-fieldWrapper')}>\n <div\n {...mergeProps(groupProps, hoverProps, focusProps)}\n className={className}\n ref={targetRef}>\n <Input\n isDisabled={isDisabled}\n isQuiet={isQuiet}\n validationState={validationState}\n className={classNames(styles, 'spectrum-InputGroup-field')}\n inputClassName={fieldClassName}\n disableFocusRing\n minWidth={approximateWidth}>\n <DatePickerField\n {...startFieldProps}\n data-testid=\"start-date\"\n isQuiet={props.isQuiet}\n inputClassName={classNames(datepickerStyles, 'react-spectrum-Datepicker-startField')} />\n <DateRangeDash />\n <DatePickerField\n {...endFieldProps}\n data-testid=\"end-date\"\n isQuiet={props.isQuiet}\n inputClassName={classNames(\n styles,\n 'spectrum-Datepicker-endField',\n classNames(\n datepickerStyles,\n 'react-spectrum-Datepicker-endField'\n )\n )} />\n </Input>\n <DialogTrigger\n type=\"popover\"\n mobileType=\"tray\"\n placement={direction === 'rtl' ? 'bottom right' : 'bottom left'}\n targetRef={targetRef}\n hideArrow\n isOpen={isOpen}\n onOpenChange={setOpen}\n shouldFlip={props.shouldFlip}>\n <FieldButton\n {...mergeProps(buttonProps, focusPropsButton)}\n UNSAFE_className={classNames(styles, 'spectrum-FieldButton')}\n isQuiet={isQuiet}\n validationState={validationState}>\n <CalendarIcon />\n </FieldButton>\n <Dialog UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-dialog')} {...dialogProps}>\n <Content>\n <div className={classNames(datepickerStyles, 'react-spectrum-Datepicker-dialogContent')}>\n <RangeCalendar\n {...calendarProps}\n visibleMonths={visibleMonths}\n pageBehavior={pageBehavior}\n firstDayOfWeek={firstDayOfWeek}\n UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-calendar', {'is-invalid': validationState === 'invalid'})} />\n {showTimeField &&\n <Flex gap=\"size-100\" marginTop=\"size-100\" UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-timeFields')}>\n <TimeField\n label={stringFormatter.format('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 flex />\n <TimeField\n label={stringFormatter.format('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 flex />\n </Flex>\n }\n </div>\n </Content>\n </Dialog>\n </DialogTrigger>\n </div>\n </Field>\n );\n}) as <T extends DateValue>(props: SpectrumDateRangePickerProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n\nfunction DateRangeDash() {\n return (\n <div\n aria-hidden=\"true\"\n data-testid=\"date-range-dash\"\n className={classNames(datepickerStyles, 'react-spectrum-Datepicker-rangeDash')} />\n );\n}\n"],"names":[],"version":3,"file":"DateRangePicker.module.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-spectrum/datepicker/src/DateRangePicker.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport CalendarIcon from '@spectrum-icons/workflow/Calendar';\nimport {classNames} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {DatePickerField} from './DatePickerField';\nimport datepickerStyles from './styles.css';\nimport {DateValue, SpectrumDateRangePickerProps} from '@react-types/datepicker';\nimport {Dialog, DialogTrigger} from '@react-spectrum/dialog';\nimport {Field} from '@react-spectrum/label';\nimport {FieldButton} from '@react-spectrum/button';\nimport {Flex} from '@react-spectrum/layout';\nimport {FocusableRef} from '@react-types/shared';\nimport {Input} from './Input';\n// @ts-ignore\nimport intlMessages from '../intl/.json';\nimport {mergeProps} from '@react-aria/utils';\nimport {RangeCalendar} from '@react-spectrum/calendar';\nimport React, {ReactElement, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inputgroup/vars.css';\nimport {TimeField} from './TimeField';\nimport {useDateRangePicker} from '@react-aria/datepicker';\nimport {useDateRangePickerState} from '@react-stately/datepicker';\nimport {useFocusManagerRef, useFormatHelpText, useFormattedDateWidth, useVisibleMonths} from './utils';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/*\n DateRangePickers combine two DateFields and a RangeCalendar popover to allow users\n * to enter or select a date and time range.\n /\nexport const DateRangePicker = React.forwardRef(function DateRangePicker<T extends DateValue>(props: SpectrumDateRangePickerProps<T>, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isQuiet,\n isDisabled,\n autoFocus,\n placeholderValue,\n maxVisibleMonths = 1,\n pageBehavior,\n firstDayOfWeek\n } = props;\n let {hoverProps, isHovered} = useHover({isDisabled});\n let targetRef = useRef<HTMLDivElement \| null>(null);\n let state = useDateRangePickerState({\n ...props,\n shouldCloseOnSelect: () => !state.hasTime\n });\n let {labelProps, groupProps, buttonProps, dialogProps, startFieldProps, endFieldProps, descriptionProps, errorMessageProps, calendarProps, isInvalid, validationErrors, validationDetails} = useDateRangePicker(props, state, targetRef);\n let {isOpen, setOpen} = state;\n let {direction} = useLocale();\n let domRef = useFocusManagerRef(ref);\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/datepicker');\n\n let {isFocused, isFocusVisible, focusProps} = useFocusRing({\n within: true,\n isTextInput: true,\n autoFocus\n });\n\n let {isFocused: isFocusedButton, focusProps: focusPropsButton} = useFocusRing({\n within: false,\n isTextInput: false,\n autoFocus\n });\n\n let className = classNames(\n styles,\n 'spectrum-InputGroup',\n {\n 'spectrum-InputGroup--quiet': isQuiet,\n 'spectrum-InputGroup--invalid': isInvalid && !isDisabled,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered,\n 'is-focused': isFocused,\n 'focus-ring': isFocusVisible && !isFocusedButton\n }\n );\n\n let fieldClassName = classNames(\n styles,\n 'spectrum-InputGroup-input',\n {\n 'is-disabled': isDisabled,\n 'is-invalid': isInvalid && !isDisabled\n }\n );\n\n // Note: this description is intentionally not passed to useDatePicker.\n // The format help text is unnecessary for screen reader users because each segment already has a label.\n let description = useFormatHelpText(props);\n if (description && !props.description) {\n descriptionProps.id = undefined;\n }\n\n let placeholder: DateValue \| null \| undefined = placeholderValue;\n let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;\n let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;\n let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;\n let timeGranularity = state.granularity === 'hour' \|\| state.granularity === 'minute' \|\| state.granularity === 'second' ? state.granularity : null;\n let showTimeField = !!timeGranularity;\n\n let visibleMonths = useVisibleMonths(maxVisibleMonths);\n let validationState = state.validationState \|\| (isInvalid ? 'invalid' : null);\n\n // Multiplying by two for the two dates, adding one character for the dash, and then the padding around the dash\n let approximateWidth = `calc(${useFormattedDateWidth(state) 2 + 1}ch + 2 * var(--spectrum-global-dimension-size-100))`;\n\n return (\n <Field\n {...props}\n ref={domRef}\n elementType=\"span\"\n description={description}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n validationState={validationState}\n isInvalid={isInvalid}\n validationErrors={validationErrors}\n validationDetails={validationDetails}\n wrapperClassName={classNames(datepickerStyles, 'react-spectrum-Datepicker-fieldWrapper')}>\n <div\n {...mergeProps(groupProps, hoverProps, focusProps)}\n className={className}\n ref={targetRef}>\n <div style={{overflow: 'hidden', width: '100%'}}>\n <Input\n isDisabled={isDisabled}\n isQuiet={isQuiet}\n validationState={validationState}\n className={classNames(styles, 'spectrum-InputGroup-field')}\n inputClassName={fieldClassName}\n disableFocusRing\n minWidth={approximateWidth}>\n <DatePickerField\n {...startFieldProps}\n data-testid=\"start-date\"\n isQuiet={props.isQuiet}\n inputClassName={classNames(datepickerStyles, 'react-spectrum-Datepicker-startField')} />\n <DateRangeDash />\n <DatePickerField\n {...endFieldProps}\n data-testid=\"end-date\"\n isQuiet={props.isQuiet}\n inputClassName={classNames(\n styles,\n 'spectrum-Datepicker-endField',\n classNames(\n datepickerStyles,\n 'react-spectrum-Datepicker-endField'\n )\n )} />\n </Input>\n </div>\n <DialogTrigger\n type=\"popover\"\n mobileType=\"tray\"\n placement={direction === 'rtl' ? 'bottom right' : 'bottom left'}\n targetRef={targetRef}\n hideArrow\n isOpen={isOpen}\n onOpenChange={setOpen}\n shouldFlip={props.shouldFlip}>\n <FieldButton\n {...mergeProps(buttonProps, focusPropsButton)}\n UNSAFE_className={classNames(styles, 'spectrum-FieldButton')}\n isQuiet={isQuiet}\n validationState={validationState}>\n <CalendarIcon />\n </FieldButton>\n <Dialog UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-dialog')} {...dialogProps}>\n <Content>\n <div className={classNames(datepickerStyles, 'react-spectrum-Datepicker-dialogContent')}>\n <RangeCalendar\n {...calendarProps}\n visibleMonths={visibleMonths}\n pageBehavior={pageBehavior}\n firstDayOfWeek={firstDayOfWeek}\n UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-calendar', {'is-invalid': validationState === 'invalid'})} />\n {showTimeField &&\n <Flex gap=\"size-100\" marginTop=\"size-100\" UNSAFE_className={classNames(datepickerStyles, 'react-spectrum-Datepicker-timeFields')}>\n <TimeField\n label={stringFormatter.format('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 flex />\n <TimeField\n label={stringFormatter.format('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 flex />\n </Flex>\n }\n </div>\n </Content>\n </Dialog>\n </DialogTrigger>\n </div>\n </Field>\n );\n}) as <T extends DateValue>(props: SpectrumDateRangePickerProps<T> & {ref?: FocusableRef<HTMLElement>}) => ReactElement;\n\nfunction DateRangeDash() {\n return (\n <span\n aria-hidden=\"true\"\n data-testid=\"date-range-dash\"\n className={classNames(datepickerStyles, 'react-spectrum-Datepicker-rangeDash')} />\n );\n}\n"],"names":[],"version":3,"file":"DateRangePicker.module.js.map"}

package/dist/Input.main.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require("./styles.d49f4d83.css");
+require("./styles.cec10db3.css");
 var $91c3db8c6a21ca71$exports = require("./styles_css.main.js");
 require("./vars.ba84240a.css");
 var $40cb3a00c193680f$exports = require("./textfield_vars_css.main.js");

package/dist/Input.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $fVzF9$styles_cssmodulejs from "./styles_css.mjs";
 import "./vars.ba84240a.css";
 import $fVzF9$textfield_vars_cssmodulejs from "./textfield_vars_css.mjs";

package/dist/Input.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $fVzF9$styles_cssmodulejs from "./styles_css.module.js";
 import "./vars.ba84240a.css";
 import $fVzF9$textfield_vars_cssmodulejs from "./textfield_vars_css.module.js";

package/dist/TimeField.main.js CHANGED Viewed

@@ -1,8 +1,8 @@
 var $edac158d20ebe4a9$exports = require("./DatePickerSegment.main.js");
-require("./styles.d49f4d83.css");
+require("./styles.cec10db3.css");
 var $91c3db8c6a21ca71$exports = require("./styles_css.main.js");
 var $c3ebc4931d9b9977$exports = require("./Input.main.js");
-var $4d2e419f522adb48$exports = require("./utils.main.js");
+var $9d3b96715dbbb2b7$exports = require("./utils.main.js");
 var $gfZkn$reactspectrumutils = require("@react-spectrum/utils");
 var $gfZkn$reactspectrumlabel = require("@react-spectrum/label");
 var $gfZkn$react = require("react");
@@ -48,7 +48,7 @@ const $740ff83729a8f317$export$5eaee2322dd727eb = /*#__PURE__*/ (0, ($parcel$int
     props = (0, $gfZkn$reactspectrumprovider.useProviderProps)(props);
     props = (0, $gfZkn$reactspectrumform.useFormProps)(props);
     let { autoFocus: autoFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, isQuiet: isQuiet } = props;
-    let domRef = (0, $4d2e419f522adb48$exports.useFocusManagerRef)(ref);
+    let domRef = (0, $9d3b96715dbbb2b7$exports.useFocusManagerRef)(ref);
     let { locale: locale } = (0, $gfZkn$reactariai18n.useLocale)();
     let state = (0, $gfZkn$reactstatelydatepicker.useTimeFieldState)({
         ...props,
@@ -61,7 +61,7 @@ const $740ff83729a8f317$export$5eaee2322dd727eb = /*#__PURE__*/ (0, ($parcel$int
         inputRef: inputRef
     }, state, fieldRef);
     let validationState = state.validationState || (isInvalid ? 'invalid' : null);
-    let approximateWidth = (0, $4d2e419f522adb48$exports.useFormattedDateWidth)(state) + 'ch';
+    let approximateWidth = (0, $9d3b96715dbbb2b7$exports.useFormattedDateWidth)(state) + 'ch';
     return /*#__PURE__*/ (0, ($parcel$interopDefault($gfZkn$react))).createElement((0, $gfZkn$reactspectrumlabel.Field), {
         ...props,
         ref: domRef,

package/dist/TimeField.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 import {DatePickerSegment as $cfa347761f172638$export$6388987c5223b54e} from "./DatePickerSegment.mjs";
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $immgY$styles_cssmodulejs from "./styles_css.mjs";
 import {Input as $79348162c55d687f$export$f5b8910cec6cf069} from "./Input.mjs";
-import {useFocusManagerRef as $04e96200274b03de$export$71a23a36270e4bf0, useFormattedDateWidth as $04e96200274b03de$export$31e22e3c931fc056} from "./utils.mjs";
+import {useFocusManagerRef as $ea94a5cfe92db3c2$export$71a23a36270e4bf0, useFormattedDateWidth as $ea94a5cfe92db3c2$export$31e22e3c931fc056} from "./utils.mjs";
 import {classNames as $immgY$classNames} from "@react-spectrum/utils";
 import {Field as $immgY$Field} from "@react-spectrum/label";
 import $immgY$react, {useRef as $immgY$useRef} from "react";
@@ -42,7 +42,7 @@ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $immgY$react
     props = (0, $immgY$useProviderProps)(props);
     props = (0, $immgY$useFormProps)(props);
     let { autoFocus: autoFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, isQuiet: isQuiet } = props;
-    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let domRef = (0, $ea94a5cfe92db3c2$export$71a23a36270e4bf0)(ref);
     let { locale: locale } = (0, $immgY$useLocale)();
     let state = (0, $immgY$useTimeFieldState)({
         ...props,
@@ -55,7 +55,7 @@ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $immgY$react
         inputRef: inputRef
     }, state, fieldRef);
     let validationState = state.validationState || (isInvalid ? 'invalid' : null);
-    let approximateWidth = (0, $04e96200274b03de$export$31e22e3c931fc056)(state) + 'ch';
+    let approximateWidth = (0, $ea94a5cfe92db3c2$export$31e22e3c931fc056)(state) + 'ch';
     return /*#__PURE__*/ (0, $immgY$react).createElement((0, $immgY$Field), {
         ...props,
         ref: domRef,

package/dist/TimeField.module.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import {DatePickerSegment as $cfa347761f172638$export$6388987c5223b54e} from "./DatePickerSegment.module.js";
-import "./styles.d49f4d83.css";
+import "./styles.cec10db3.css";
 import $immgY$styles_cssmodulejs from "./styles_css.module.js";
 import {Input as $79348162c55d687f$export$f5b8910cec6cf069} from "./Input.module.js";
-import {useFocusManagerRef as $04e96200274b03de$export$71a23a36270e4bf0, useFormattedDateWidth as $04e96200274b03de$export$31e22e3c931fc056} from "./utils.module.js";
+import {useFocusManagerRef as $ea94a5cfe92db3c2$export$71a23a36270e4bf0, useFormattedDateWidth as $ea94a5cfe92db3c2$export$31e22e3c931fc056} from "./utils.module.js";
 import {classNames as $immgY$classNames} from "@react-spectrum/utils";
 import {Field as $immgY$Field} from "@react-spectrum/label";
 import $immgY$react, {useRef as $immgY$useRef} from "react";
@@ -42,7 +42,7 @@ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $immgY$react
     props = (0, $immgY$useProviderProps)(props);
     props = (0, $immgY$useFormProps)(props);
     let { autoFocus: autoFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, isQuiet: isQuiet } = props;
-    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let domRef = (0, $ea94a5cfe92db3c2$export$71a23a36270e4bf0)(ref);
     let { locale: locale } = (0, $immgY$useLocale)();
     let state = (0, $immgY$useTimeFieldState)({
         ...props,
@@ -55,7 +55,7 @@ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $immgY$react
         inputRef: inputRef
     }, state, fieldRef);
     let validationState = state.validationState || (isInvalid ? 'invalid' : null);
-    let approximateWidth = (0, $04e96200274b03de$export$31e22e3c931fc056)(state) + 'ch';
+    let approximateWidth = (0, $ea94a5cfe92db3c2$export$31e22e3c931fc056)(state) + 'ch';
     return /*#__PURE__*/ (0, $immgY$react).createElement((0, $immgY$Field), {
         ...props,
         ref: domRef,

package/dist/inputgroup_vars_css.main.js CHANGED Viewed

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

package/dist/inputgroup_vars_css.mjs CHANGED Viewed

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

package/dist/inputgroup_vars_css.module.js CHANGED Viewed

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