@react-spectrum/numberfield 3.5.2 → 3.6.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 (2) hide show
  1. package/dist/import.mjs +318 -0
  2. package/package.json +23 -18
package/dist/import.mjs ADDED
@@ -0,0 +1,318 @@
1
+ import "./main.css";
2
+ import {useStyleProps as $k6K00$useStyleProps, useFocusableRef as $k6K00$useFocusableRef, classNames as $k6K00$classNames} from "@react-spectrum/utils";
3
+ import {Field as $k6K00$Field} from "@react-spectrum/label";
4
+ import {FocusRing as $k6K00$FocusRing} from "@react-aria/focus";
5
+ import {mergeProps as $k6K00$mergeProps} from "@react-aria/utils";
6
+ import $k6K00$react, {useRef as $k6K00$useRef} from "react";
7
+ import {TextFieldBase as $k6K00$TextFieldBase} from "@react-spectrum/textfield";
8
+ import {useHover as $k6K00$useHover} from "@react-aria/interactions";
9
+ import {useLocale as $k6K00$useLocale} from "@react-aria/i18n";
10
+ import {useNumberField as $k6K00$useNumberField} from "@react-aria/numberfield";
11
+ import {useNumberFieldState as $k6K00$useNumberFieldState} from "@react-stately/numberfield";
12
+ import {useProviderProps as $k6K00$useProviderProps, useProvider as $k6K00$useProvider} from "@react-spectrum/provider";
13
+ import $k6K00$spectrumiconsworkflowAdd from "@spectrum-icons/workflow/Add";
14
+ import $k6K00$spectrumiconsuiChevronDownSmall from "@spectrum-icons/ui/ChevronDownSmall";
15
+ import $k6K00$spectrumiconsuiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSmall";
16
+ import $k6K00$spectrumiconsworkflowRemove from "@spectrum-icons/workflow/Remove";
17
+ import {useButton as $k6K00$useButton} from "@react-aria/button";
18
+
19
+ function $parcel$interopDefault(a) {
20
+ return a && a.__esModule ? a.default : a;
21
+ }
22
+ function $parcel$export(e, n, v, s) {
23
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
24
+ }
25
+ /*
26
+ * Copyright 2020 Adobe. All rights reserved.
27
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
28
+ * you may not use this file except in compliance with the License. You may obtain a copy
29
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
30
+ *
31
+ * Unless required by applicable law or agreed to in writing, software distributed under
32
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
33
+ * OF ANY KIND, either express or implied. See the License for the specific language
34
+ * governing permissions and limitations under the License.
35
+ */ /// <reference types="css-module-types" />
36
+ /*
37
+ * Copyright 2020 Adobe. All rights reserved.
38
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
39
+ * you may not use this file except in compliance with the License. You may obtain a copy
40
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
41
+ *
42
+ * Unless required by applicable law or agreed to in writing, software distributed under
43
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
44
+ * OF ANY KIND, either express or implied. See the License for the specific language
45
+ * governing permissions and limitations under the License.
46
+ */
47
+
48
+
49
+
50
+
51
+ /*
52
+ * Copyright 2020 Adobe. All rights reserved.
53
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
54
+ * you may not use this file except in compliance with the License. You may obtain a copy
55
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
56
+ *
57
+ * Unless required by applicable law or agreed to in writing, software distributed under
58
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
59
+ * OF ANY KIND, either express or implied. See the License for the specific language
60
+ * governing permissions and limitations under the License.
61
+ */
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+ var $ba58a329f3e1a776$exports = {};
70
+
71
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Button", () => $ba58a329f3e1a776$export$1db4cca5b4ade39a, (v) => $ba58a329f3e1a776$export$1db4cca5b4ade39a = v);
72
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton", () => $ba58a329f3e1a776$export$53da69f51b770d3, (v) => $ba58a329f3e1a776$export$53da69f51b770d3 = v);
73
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-LogicButton", () => $ba58a329f3e1a776$export$36ae67a131730482, (v) => $ba58a329f3e1a776$export$36ae67a131730482 = v);
74
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-FieldButton", () => $ba58a329f3e1a776$export$a024c99ecf6b5741, (v) => $ba58a329f3e1a776$export$a024c99ecf6b5741 = v);
75
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ClearButton", () => $ba58a329f3e1a776$export$b752ce409e5660c, (v) => $ba58a329f3e1a776$export$b752ce409e5660c = v);
76
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-button", () => $ba58a329f3e1a776$export$4e11596482f95f63, (v) => $ba58a329f3e1a776$export$4e11596482f95f63 = v);
77
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper", () => $ba58a329f3e1a776$export$f49c123746e1fb8, (v) => $ba58a329f3e1a776$export$f49c123746e1fb8 = v);
78
+ $parcel$export($ba58a329f3e1a776$exports, "focus-ring", () => $ba58a329f3e1a776$export$f39a09f249340e2a, (v) => $ba58a329f3e1a776$export$f39a09f249340e2a = v);
79
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-FieldButton--quiet", () => $ba58a329f3e1a776$export$5ca7b274e4fff9fc, (v) => $ba58a329f3e1a776$export$5ca7b274e4fff9fc = v);
80
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper--isQuiet", () => $ba58a329f3e1a776$export$70ed0eb2ba7512f8, (v) => $ba58a329f3e1a776$export$70ed0eb2ba7512f8 = v);
81
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Icon", () => $ba58a329f3e1a776$export$d374b04f30360026, (v) => $ba58a329f3e1a776$export$d374b04f30360026 = v);
82
+ $parcel$export($ba58a329f3e1a776$exports, "is-hovered", () => $ba58a329f3e1a776$export$b8813cd5d7824ce7, (v) => $ba58a329f3e1a776$export$b8813cd5d7824ce7 = v);
83
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Button-label", () => $ba58a329f3e1a776$export$c081ba562e204942, (v) => $ba58a329f3e1a776$export$c081ba562e204942 = v);
84
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Button--iconOnly", () => $ba58a329f3e1a776$export$c1d306ec0fae3838, (v) => $ba58a329f3e1a776$export$c1d306ec0fae3838 = v);
85
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton-label", () => $ba58a329f3e1a776$export$ebb4635c66bacdb9, (v) => $ba58a329f3e1a776$export$ebb4635c66bacdb9 = v);
86
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton-hold", () => $ba58a329f3e1a776$export$4a4f01c443eff992, (v) => $ba58a329f3e1a776$export$4a4f01c443eff992 = v);
87
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ActionButton--quiet", () => $ba58a329f3e1a776$export$40e1f009544bacf3, (v) => $ba58a329f3e1a776$export$40e1f009544bacf3 = v);
88
+ $parcel$export($ba58a329f3e1a776$exports, "is-disabled", () => $ba58a329f3e1a776$export$d35bc1e505d1ebbf, (v) => $ba58a329f3e1a776$export$d35bc1e505d1ebbf = v);
89
+ $parcel$export($ba58a329f3e1a776$exports, "is-open", () => $ba58a329f3e1a776$export$a9781837241c946d, (v) => $ba58a329f3e1a776$export$a9781837241c946d = v);
90
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-ClearButton--small", () => $ba58a329f3e1a776$export$49280ffa5236ba8b, (v) => $ba58a329f3e1a776$export$49280ffa5236ba8b = v);
91
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper--isMobile", () => $ba58a329f3e1a776$export$75e6f9c4d1d95421, (v) => $ba58a329f3e1a776$export$75e6f9c4d1d95421 = v);
92
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-button--stepUp", () => $ba58a329f3e1a776$export$6c76d609d604c6e5, (v) => $ba58a329f3e1a776$export$6c76d609d604c6e5 = v);
93
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-button--stepDown", () => $ba58a329f3e1a776$export$e4ad52f6ba4e317b, (v) => $ba58a329f3e1a776$export$e4ad52f6ba4e317b = v);
94
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-field", () => $ba58a329f3e1a776$export$faac6573b15f75d6, (v) => $ba58a329f3e1a776$export$faac6573b15f75d6 = v);
95
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-icon", () => $ba58a329f3e1a776$export$639c56ba6082b615, (v) => $ba58a329f3e1a776$export$639c56ba6082b615 = v);
96
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper--showStepper", () => $ba58a329f3e1a776$export$a4e366275982a12f, (v) => $ba58a329f3e1a776$export$a4e366275982a12f = v);
97
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-input", () => $ba58a329f3e1a776$export$8273fb931edd57d4, (v) => $ba58a329f3e1a776$export$8273fb931edd57d4 = v);
98
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-container", () => $ba58a329f3e1a776$export$f49a6eb8460c3f93, (v) => $ba58a329f3e1a776$export$f49a6eb8460c3f93 = v);
99
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-container--isMobile", () => $ba58a329f3e1a776$export$3486d98f7bb904b1, (v) => $ba58a329f3e1a776$export$3486d98f7bb904b1 = v);
100
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper-button-icon", () => $ba58a329f3e1a776$export$7d7cb0c4055e98ab, (v) => $ba58a329f3e1a776$export$7d7cb0c4055e98ab = v);
101
+ $parcel$export($ba58a329f3e1a776$exports, "is-active", () => $ba58a329f3e1a776$export$20fd0f7cd4e6112f, (v) => $ba58a329f3e1a776$export$20fd0f7cd4e6112f = v);
102
+ $parcel$export($ba58a329f3e1a776$exports, "is-focused", () => $ba58a329f3e1a776$export$e7dc768d35940237, (v) => $ba58a329f3e1a776$export$e7dc768d35940237 = v);
103
+ $parcel$export($ba58a329f3e1a776$exports, "is-invalid", () => $ba58a329f3e1a776$export$14a30de2866685fa, (v) => $ba58a329f3e1a776$export$14a30de2866685fa = v);
104
+ $parcel$export($ba58a329f3e1a776$exports, "spectrum-Stepper--readonly", () => $ba58a329f3e1a776$export$ba8faf273ff0a970, (v) => $ba58a329f3e1a776$export$ba8faf273ff0a970 = v);
105
+ var $ba58a329f3e1a776$export$1db4cca5b4ade39a;
106
+ var $ba58a329f3e1a776$export$53da69f51b770d3;
107
+ var $ba58a329f3e1a776$export$36ae67a131730482;
108
+ var $ba58a329f3e1a776$export$a024c99ecf6b5741;
109
+ var $ba58a329f3e1a776$export$b752ce409e5660c;
110
+ var $ba58a329f3e1a776$export$4e11596482f95f63;
111
+ var $ba58a329f3e1a776$export$f49c123746e1fb8;
112
+ var $ba58a329f3e1a776$export$f39a09f249340e2a;
113
+ var $ba58a329f3e1a776$export$5ca7b274e4fff9fc;
114
+ var $ba58a329f3e1a776$export$70ed0eb2ba7512f8;
115
+ var $ba58a329f3e1a776$export$d374b04f30360026;
116
+ var $ba58a329f3e1a776$export$b8813cd5d7824ce7;
117
+ var $ba58a329f3e1a776$export$c081ba562e204942;
118
+ var $ba58a329f3e1a776$export$c1d306ec0fae3838;
119
+ var $ba58a329f3e1a776$export$ebb4635c66bacdb9;
120
+ var $ba58a329f3e1a776$export$4a4f01c443eff992;
121
+ var $ba58a329f3e1a776$export$40e1f009544bacf3;
122
+ var $ba58a329f3e1a776$export$d35bc1e505d1ebbf;
123
+ var $ba58a329f3e1a776$export$a9781837241c946d;
124
+ var $ba58a329f3e1a776$export$49280ffa5236ba8b;
125
+ var $ba58a329f3e1a776$export$75e6f9c4d1d95421;
126
+ var $ba58a329f3e1a776$export$6c76d609d604c6e5;
127
+ var $ba58a329f3e1a776$export$e4ad52f6ba4e317b;
128
+ var $ba58a329f3e1a776$export$faac6573b15f75d6;
129
+ var $ba58a329f3e1a776$export$639c56ba6082b615;
130
+ var $ba58a329f3e1a776$export$a4e366275982a12f;
131
+ var $ba58a329f3e1a776$export$8273fb931edd57d4;
132
+ var $ba58a329f3e1a776$export$f49a6eb8460c3f93;
133
+ var $ba58a329f3e1a776$export$3486d98f7bb904b1;
134
+ var $ba58a329f3e1a776$export$7d7cb0c4055e98ab;
135
+ var $ba58a329f3e1a776$export$20fd0f7cd4e6112f;
136
+ var $ba58a329f3e1a776$export$e7dc768d35940237;
137
+ var $ba58a329f3e1a776$export$14a30de2866685fa;
138
+ var $ba58a329f3e1a776$export$ba8faf273ff0a970;
139
+ $ba58a329f3e1a776$export$1db4cca5b4ade39a = "spectrum-Button_8890ad";
140
+ $ba58a329f3e1a776$export$53da69f51b770d3 = "spectrum-ActionButton_8890ad";
141
+ $ba58a329f3e1a776$export$36ae67a131730482 = "spectrum-LogicButton_8890ad";
142
+ $ba58a329f3e1a776$export$a024c99ecf6b5741 = "spectrum-FieldButton_8890ad";
143
+ $ba58a329f3e1a776$export$b752ce409e5660c = "spectrum-ClearButton_8890ad";
144
+ $ba58a329f3e1a776$export$4e11596482f95f63 = "spectrum-Stepper-button_8890ad";
145
+ $ba58a329f3e1a776$export$f49c123746e1fb8 = "spectrum-Stepper_8890ad";
146
+ $ba58a329f3e1a776$export$f39a09f249340e2a = "focus-ring_8890ad";
147
+ $ba58a329f3e1a776$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_8890ad";
148
+ $ba58a329f3e1a776$export$70ed0eb2ba7512f8 = "spectrum-Stepper--isQuiet_8890ad";
149
+ $ba58a329f3e1a776$export$d374b04f30360026 = "spectrum-Icon_8890ad";
150
+ $ba58a329f3e1a776$export$b8813cd5d7824ce7 = "is-hovered_8890ad";
151
+ $ba58a329f3e1a776$export$c081ba562e204942 = "spectrum-Button-label_8890ad";
152
+ $ba58a329f3e1a776$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_8890ad";
153
+ $ba58a329f3e1a776$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_8890ad";
154
+ $ba58a329f3e1a776$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_8890ad";
155
+ $ba58a329f3e1a776$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_8890ad";
156
+ $ba58a329f3e1a776$export$d35bc1e505d1ebbf = "is-disabled_8890ad";
157
+ $ba58a329f3e1a776$export$a9781837241c946d = "is-open_8890ad";
158
+ $ba58a329f3e1a776$export$49280ffa5236ba8b = "spectrum-ClearButton--small_8890ad";
159
+ $ba58a329f3e1a776$export$75e6f9c4d1d95421 = "spectrum-Stepper--isMobile_8890ad";
160
+ $ba58a329f3e1a776$export$6c76d609d604c6e5 = "spectrum-Stepper-button--stepUp_8890ad";
161
+ $ba58a329f3e1a776$export$e4ad52f6ba4e317b = "spectrum-Stepper-button--stepDown_8890ad";
162
+ $ba58a329f3e1a776$export$faac6573b15f75d6 = "spectrum-Stepper-field_8890ad";
163
+ $ba58a329f3e1a776$export$639c56ba6082b615 = "spectrum-Stepper-icon_8890ad";
164
+ $ba58a329f3e1a776$export$a4e366275982a12f = "spectrum-Stepper--showStepper_8890ad";
165
+ $ba58a329f3e1a776$export$8273fb931edd57d4 = "spectrum-Stepper-input_8890ad";
166
+ $ba58a329f3e1a776$export$f49a6eb8460c3f93 = "spectrum-Stepper-container_8890ad";
167
+ $ba58a329f3e1a776$export$3486d98f7bb904b1 = "spectrum-Stepper-container--isMobile_8890ad";
168
+ $ba58a329f3e1a776$export$7d7cb0c4055e98ab = "spectrum-Stepper-button-icon_8890ad";
169
+ $ba58a329f3e1a776$export$20fd0f7cd4e6112f = "is-active_8890ad";
170
+ $ba58a329f3e1a776$export$e7dc768d35940237 = "is-focused_8890ad";
171
+ $ba58a329f3e1a776$export$14a30de2866685fa = "is-invalid_8890ad";
172
+ $ba58a329f3e1a776$export$ba8faf273ff0a970 = "spectrum-Stepper--readonly_8890ad";
173
+
174
+
175
+
176
+
177
+
178
+ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
179
+ props = (0, $k6K00$useProviderProps)(props);
180
+ let { scale: scale } = (0, $k6K00$useProvider)();
181
+ let { direction: direction , isDisabled: isDisabled , isQuiet: isQuiet } = props;
182
+ /**
183
+ * Must use div for now because Safari pointer event bugs on disabled form elements.
184
+ * Link https://bugs.webkit.org/show_bug.cgi?id=219188.
185
+ */ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $k6K00$useButton)({
186
+ ...props,
187
+ elementType: "div"
188
+ }, ref);
189
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $k6K00$useHover)(props);
190
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$FocusRing), {
191
+ focusRingClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "focus-ring")
192
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement("div", {
193
+ className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button", {
194
+ "spectrum-Stepper-button--stepUp": direction === "up",
195
+ "spectrum-Stepper-button--stepDown": direction === "down",
196
+ "spectrum-Stepper-button--isQuiet": isQuiet,
197
+ "is-hovered": isHovered,
198
+ "is-active": isPressed,
199
+ "is-disabled": isDisabled
200
+ }),
201
+ ...(0, $k6K00$mergeProps)(hoverProps, buttonProps),
202
+ ref: ref
203
+ }, direction === "up" && scale === "large" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsworkflowAdd), {
204
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon"),
205
+ size: "S"
206
+ }), direction === "up" && scale === "medium" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsuiChevronUpSmall), {
207
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepUpIcon")
208
+ }), direction === "down" && scale === "large" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsworkflowRemove), {
209
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon"),
210
+ size: "S"
211
+ }), direction === "down" && scale === "medium" && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$spectrumiconsuiChevronDownSmall), {
212
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-button-icon", "spectrum-Stepper-stepDownIcon")
213
+ })));
214
+ }
215
+ /**
216
+ * Buttons for NumberField.
217
+ */ let $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa = /*#__PURE__*/ (0, $k6K00$react).forwardRef($7f00b388e0d3b2f6$var$StepButton);
218
+
219
+
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+ function $48b879bdd771eb85$var$NumberField(props, ref) {
228
+ props = (0, $k6K00$useProviderProps)(props);
229
+ let provider = (0, $k6K00$useProvider)();
230
+ let { isQuiet: isQuiet , isReadOnly: isReadOnly , isDisabled: isDisabled , hideStepper: hideStepper } = props;
231
+ let { styleProps: style } = (0, $k6K00$useStyleProps)(props);
232
+ let { locale: locale } = (0, $k6K00$useLocale)();
233
+ let state = (0, $k6K00$useNumberFieldState)({
234
+ ...props,
235
+ locale: locale
236
+ });
237
+ let inputRef = (0, $k6K00$useRef)();
238
+ let domRef = (0, $k6K00$useFocusableRef)(ref, inputRef);
239
+ let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $k6K00$useNumberField)(props, state, inputRef);
240
+ let isMobile = provider.scale === "large";
241
+ let showStepper = !hideStepper;
242
+ let { isHovered: isHovered , hoverProps: hoverProps } = (0, $k6K00$useHover)({
243
+ isDisabled: isDisabled
244
+ });
245
+ let className = (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper", {
246
+ "spectrum-Stepper--isQuiet": isQuiet,
247
+ "is-disabled": isDisabled,
248
+ "spectrum-Stepper--readonly": isReadOnly,
249
+ "is-invalid": props.validationState === "invalid" && !isDisabled,
250
+ "spectrum-Stepper--showStepper": showStepper,
251
+ "spectrum-Stepper--isMobile": isMobile,
252
+ "is-hovered": isHovered,
253
+ // because FocusRing won't pass along the className from Field, we have to handle that ourselves
254
+ [style.className]: !props.label && style.className
255
+ });
256
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$Field), {
257
+ ...props,
258
+ descriptionProps: descriptionProps,
259
+ errorMessageProps: errorMessageProps,
260
+ labelProps: labelProps,
261
+ ref: domRef,
262
+ wrapperClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-container", {
263
+ "spectrum-Stepper-container--isMobile": isMobile
264
+ })
265
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement($48b879bdd771eb85$var$NumberFieldInput, {
266
+ ...props,
267
+ groupProps: (0, $k6K00$mergeProps)(groupProps, hoverProps),
268
+ inputProps: inputProps,
269
+ inputRef: inputRef,
270
+ incrementProps: incrementButtonProps,
271
+ decrementProps: decrementButtonProps,
272
+ className: className,
273
+ style: style
274
+ }));
275
+ }
276
+ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $k6K00$react).forwardRef(function NumberFieldInput(props, ref) {
277
+ let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , hideStepper: hideStepper , validationState: validationState } = props;
278
+ let showStepper = !hideStepper;
279
+ return /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$FocusRing), {
280
+ within: true,
281
+ isTextInput: true,
282
+ focusClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "is-focused"),
283
+ focusRingClass: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "focus-ring"),
284
+ autoFocus: autoFocus
285
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement("div", {
286
+ ...groupProps,
287
+ ref: ref,
288
+ style: style,
289
+ className: className
290
+ }, /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$TextFieldBase), {
291
+ UNSAFE_className: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-field"),
292
+ inputClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-input"),
293
+ validationIconClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-icon"),
294
+ isQuiet: isQuiet,
295
+ inputRef: inputRef,
296
+ validationState: validationState,
297
+ inputProps: inputProps,
298
+ isDisabled: isDisabled,
299
+ disableFocusRing: true
300
+ }), showStepper && /*#__PURE__*/ (0, $k6K00$react).createElement((0, $k6K00$react).Fragment, null, /*#__PURE__*/ (0, $k6K00$react).createElement((0, $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa), {
301
+ direction: "up",
302
+ isQuiet: isQuiet,
303
+ ...incrementProps
304
+ }), /*#__PURE__*/ (0, $k6K00$react).createElement((0, $7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa), {
305
+ direction: "down",
306
+ isQuiet: isQuiet,
307
+ ...decrementProps
308
+ }))));
309
+ });
310
+ /**
311
+ * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
312
+ */ let $48b879bdd771eb85$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $k6K00$react).forwardRef($48b879bdd771eb85$var$NumberField);
313
+
314
+
315
+
316
+
317
+ export {$48b879bdd771eb85$export$63c5fa0b2fdccd2e as NumberField};
318
+ //# sourceMappingURL=module.js.map
package/package.json CHANGED
@@ -1,10 +1,15 @@
1
1
  {
2
2
  "name": "@react-spectrum/numberfield",
3
- "version": "3.5.2",
3
+ "version": "3.6.0",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
7
7
  "module": "dist/module.js",
8
+ "exports": {
9
+ "types": "./dist/types.d.ts",
10
+ "import": "./dist/import.mjs",
11
+ "require": "./dist/main.js"
12
+ },
8
13
  "types": "dist/types.d.ts",
9
14
  "source": "src/index.ts",
10
15
  "files": [
@@ -31,22 +36,22 @@
31
36
  "url": "https://github.com/adobe/react-spectrum"
32
37
  },
33
38
  "dependencies": {
34
- "@react-aria/button": "^3.6.4",
35
- "@react-aria/focus": "^3.10.1",
36
- "@react-aria/i18n": "^3.6.3",
37
- "@react-aria/interactions": "^3.13.1",
38
- "@react-aria/numberfield": "^3.3.4",
39
- "@react-aria/utils": "^3.14.2",
40
- "@react-spectrum/button": "^3.11.2",
41
- "@react-spectrum/label": "^3.10.1",
42
- "@react-spectrum/textfield": "^3.9.2",
43
- "@react-spectrum/utils": "^3.8.1",
44
- "@react-stately/numberfield": "^3.3.1",
45
- "@react-types/button": "^3.7.0",
46
- "@react-types/numberfield": "^3.3.5",
47
- "@react-types/shared": "^3.16.0",
48
- "@spectrum-icons/ui": "^3.4.2",
49
- "@spectrum-icons/workflow": "^4.0.6",
39
+ "@react-aria/button": "^3.7.0",
40
+ "@react-aria/focus": "^3.11.0",
41
+ "@react-aria/i18n": "^3.7.0",
42
+ "@react-aria/interactions": "^3.14.0",
43
+ "@react-aria/numberfield": "^3.4.0",
44
+ "@react-aria/utils": "^3.15.0",
45
+ "@react-spectrum/button": "^3.12.0",
46
+ "@react-spectrum/label": "^3.11.0",
47
+ "@react-spectrum/textfield": "^3.10.0",
48
+ "@react-spectrum/utils": "^3.9.0",
49
+ "@react-stately/numberfield": "^3.4.0",
50
+ "@react-types/button": "^3.7.1",
51
+ "@react-types/numberfield": "^3.4.0",
52
+ "@react-types/shared": "^3.17.0",
53
+ "@spectrum-icons/ui": "^3.5.0",
54
+ "@spectrum-icons/workflow": "^4.1.0",
50
55
  "@swc/helpers": "^0.4.14"
51
56
  },
52
57
  "devDependencies": {
@@ -61,5 +66,5 @@
61
66
  "publishConfig": {
62
67
  "access": "public"
63
68
  },
64
- "gitHead": "79f62e8fbf64e8359fb603f3a1cc41a2808389e2"
69
+ "gitHead": "a0efee84aa178cb1a202951dfd6d8de02b292307"
65
70
  }