@react-spectrum/numberfield 3.9.2 → 3.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/NumberField.main.js +19 -19
- package/dist/NumberField.mjs +20 -20
- package/dist/NumberField.module.js +19 -19
- package/dist/StepButton.main.js +17 -17
- package/dist/StepButton.mjs +18 -18
- package/dist/StepButton.module.js +17 -17
- package/dist/stepper_vars_css.mjs +1 -1
- package/package.json +18 -18
package/dist/NumberField.main.js
CHANGED
|
@@ -62,21 +62,21 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
|
|
|
62
62
|
let inputRef = (0, $3d7oE$react.useRef)(null);
|
|
63
63
|
let domRef = (0, $3d7oE$reactspectrumutils.useFocusableRef)(ref, inputRef);
|
|
64
64
|
let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $3d7oE$reactarianumberfield.useNumberField)(props, state, inputRef);
|
|
65
|
-
let isMobile = provider.scale ===
|
|
65
|
+
let isMobile = provider.scale === 'large';
|
|
66
66
|
let showStepper = !hideStepper;
|
|
67
67
|
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $3d7oE$reactariainteractions.useHover)({
|
|
68
68
|
isDisabled: isDisabled
|
|
69
69
|
});
|
|
70
|
-
let validationState = props.validationState || (isInvalid ?
|
|
71
|
-
let className = (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
72
|
-
!props.label && style.className ? style.className :
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
70
|
+
let validationState = props.validationState || (isInvalid ? 'invalid' : undefined);
|
|
71
|
+
let className = (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper', // because FocusRing won't pass along the className from Field, we have to handle that ourselves
|
|
72
|
+
!props.label && style.className ? style.className : '', {
|
|
73
|
+
'spectrum-Stepper--isQuiet': isQuiet,
|
|
74
|
+
'is-disabled': isDisabled,
|
|
75
|
+
'spectrum-Stepper--readonly': isReadOnly,
|
|
76
|
+
'is-invalid': validationState === 'invalid' && !isDisabled,
|
|
77
|
+
'spectrum-Stepper--showStepper': showStepper,
|
|
78
|
+
'spectrum-Stepper--isMobile': isMobile,
|
|
79
|
+
'is-hovered': isHovered
|
|
80
80
|
});
|
|
81
81
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement((0, $3d7oE$reactspectrumlabel.Field), {
|
|
82
82
|
...props,
|
|
@@ -87,8 +87,8 @@ function $9b3df9c012d62e52$var$NumberField(props, ref) {
|
|
|
87
87
|
validationDetails: validationDetails,
|
|
88
88
|
labelProps: labelProps,
|
|
89
89
|
ref: domRef,
|
|
90
|
-
wrapperClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
91
|
-
|
|
90
|
+
wrapperClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-container', {
|
|
91
|
+
'spectrum-Stepper-container--isMobile': isMobile
|
|
92
92
|
})
|
|
93
93
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement($9b3df9c012d62e52$var$NumberFieldInput, {
|
|
94
94
|
...props,
|
|
@@ -109,8 +109,8 @@ const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$intero
|
|
|
109
109
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement((0, $3d7oE$reactariafocus.FocusRing), {
|
|
110
110
|
within: true,
|
|
111
111
|
isTextInput: true,
|
|
112
|
-
focusClass: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
113
|
-
focusRingClass: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
112
|
+
focusClass: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'is-focused'),
|
|
113
|
+
focusRingClass: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'focus-ring'),
|
|
114
114
|
autoFocus: autoFocus
|
|
115
115
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement("div", {
|
|
116
116
|
...groupProps,
|
|
@@ -118,9 +118,9 @@ const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$intero
|
|
|
118
118
|
style: style,
|
|
119
119
|
className: className
|
|
120
120
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement((0, $3d7oE$reactspectrumtextfield.TextFieldBase), {
|
|
121
|
-
UNSAFE_className: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
122
|
-
inputClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
123
|
-
validationIconClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
121
|
+
UNSAFE_className: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-field'),
|
|
122
|
+
inputClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-input'),
|
|
123
|
+
validationIconClassName: (0, $3d7oE$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-icon'),
|
|
124
124
|
isQuiet: isQuiet,
|
|
125
125
|
inputRef: inputRef,
|
|
126
126
|
validationState: validationState,
|
|
@@ -138,7 +138,7 @@ const $9b3df9c012d62e52$var$NumberFieldInput = /*#__PURE__*/ (0, ($parcel$intero
|
|
|
138
138
|
})), name && /*#__PURE__*/ (0, ($parcel$interopDefault($3d7oE$react))).createElement("input", {
|
|
139
139
|
type: "hidden",
|
|
140
140
|
name: name,
|
|
141
|
-
value: isNaN(state.numberValue) ?
|
|
141
|
+
value: isNaN(state.numberValue) ? '' : state.numberValue
|
|
142
142
|
})));
|
|
143
143
|
});
|
|
144
144
|
/**
|
package/dist/NumberField.mjs
CHANGED
|
@@ -56,21 +56,21 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
|
|
|
56
56
|
let inputRef = (0, $5I0aR$useRef)(null);
|
|
57
57
|
let domRef = (0, $5I0aR$useFocusableRef)(ref, inputRef);
|
|
58
58
|
let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $5I0aR$useNumberField)(props, state, inputRef);
|
|
59
|
-
let isMobile = provider.scale ===
|
|
59
|
+
let isMobile = provider.scale === 'large';
|
|
60
60
|
let showStepper = !hideStepper;
|
|
61
61
|
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $5I0aR$useHover)({
|
|
62
62
|
isDisabled: isDisabled
|
|
63
63
|
});
|
|
64
|
-
let validationState = props.validationState || (isInvalid ?
|
|
65
|
-
let className = (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
66
|
-
!props.label && style.className ? style.className :
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
64
|
+
let validationState = props.validationState || (isInvalid ? 'invalid' : undefined);
|
|
65
|
+
let className = (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper', // because FocusRing won't pass along the className from Field, we have to handle that ourselves
|
|
66
|
+
!props.label && style.className ? style.className : '', {
|
|
67
|
+
'spectrum-Stepper--isQuiet': isQuiet,
|
|
68
|
+
'is-disabled': isDisabled,
|
|
69
|
+
'spectrum-Stepper--readonly': isReadOnly,
|
|
70
|
+
'is-invalid': validationState === 'invalid' && !isDisabled,
|
|
71
|
+
'spectrum-Stepper--showStepper': showStepper,
|
|
72
|
+
'spectrum-Stepper--isMobile': isMobile,
|
|
73
|
+
'is-hovered': isHovered
|
|
74
74
|
});
|
|
75
75
|
return /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$Field), {
|
|
76
76
|
...props,
|
|
@@ -81,8 +81,8 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
|
|
|
81
81
|
validationDetails: validationDetails,
|
|
82
82
|
labelProps: labelProps,
|
|
83
83
|
ref: domRef,
|
|
84
|
-
wrapperClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
85
|
-
|
|
84
|
+
wrapperClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-container', {
|
|
85
|
+
'spectrum-Stepper-container--isMobile': isMobile
|
|
86
86
|
})
|
|
87
87
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement($48b879bdd771eb85$var$NumberFieldInput, {
|
|
88
88
|
...props,
|
|
@@ -103,8 +103,8 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
103
103
|
return /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$FocusRing), {
|
|
104
104
|
within: true,
|
|
105
105
|
isTextInput: true,
|
|
106
|
-
focusClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
107
|
-
focusRingClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
106
|
+
focusClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'is-focused'),
|
|
107
|
+
focusRingClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'focus-ring'),
|
|
108
108
|
autoFocus: autoFocus
|
|
109
109
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement("div", {
|
|
110
110
|
...groupProps,
|
|
@@ -112,9 +112,9 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
112
112
|
style: style,
|
|
113
113
|
className: className
|
|
114
114
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$TextFieldBase), {
|
|
115
|
-
UNSAFE_className: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
116
|
-
inputClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
117
|
-
validationIconClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
115
|
+
UNSAFE_className: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-field'),
|
|
116
|
+
inputClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-input'),
|
|
117
|
+
validationIconClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-icon'),
|
|
118
118
|
isQuiet: isQuiet,
|
|
119
119
|
inputRef: inputRef,
|
|
120
120
|
validationState: validationState,
|
|
@@ -132,7 +132,7 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
132
132
|
})), name && /*#__PURE__*/ (0, $5I0aR$react).createElement("input", {
|
|
133
133
|
type: "hidden",
|
|
134
134
|
name: name,
|
|
135
|
-
value: isNaN(state.numberValue) ?
|
|
135
|
+
value: isNaN(state.numberValue) ? '' : state.numberValue
|
|
136
136
|
})));
|
|
137
137
|
});
|
|
138
138
|
/**
|
|
@@ -141,4 +141,4 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
141
141
|
|
|
142
142
|
|
|
143
143
|
export {$48b879bdd771eb85$export$63c5fa0b2fdccd2e as NumberField};
|
|
144
|
-
//# sourceMappingURL=NumberField.
|
|
144
|
+
//# sourceMappingURL=NumberField.module.js.map
|
|
@@ -56,21 +56,21 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
|
|
|
56
56
|
let inputRef = (0, $5I0aR$useRef)(null);
|
|
57
57
|
let domRef = (0, $5I0aR$useFocusableRef)(ref, inputRef);
|
|
58
58
|
let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $5I0aR$useNumberField)(props, state, inputRef);
|
|
59
|
-
let isMobile = provider.scale ===
|
|
59
|
+
let isMobile = provider.scale === 'large';
|
|
60
60
|
let showStepper = !hideStepper;
|
|
61
61
|
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $5I0aR$useHover)({
|
|
62
62
|
isDisabled: isDisabled
|
|
63
63
|
});
|
|
64
|
-
let validationState = props.validationState || (isInvalid ?
|
|
65
|
-
let className = (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
66
|
-
!props.label && style.className ? style.className :
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
64
|
+
let validationState = props.validationState || (isInvalid ? 'invalid' : undefined);
|
|
65
|
+
let className = (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper', // because FocusRing won't pass along the className from Field, we have to handle that ourselves
|
|
66
|
+
!props.label && style.className ? style.className : '', {
|
|
67
|
+
'spectrum-Stepper--isQuiet': isQuiet,
|
|
68
|
+
'is-disabled': isDisabled,
|
|
69
|
+
'spectrum-Stepper--readonly': isReadOnly,
|
|
70
|
+
'is-invalid': validationState === 'invalid' && !isDisabled,
|
|
71
|
+
'spectrum-Stepper--showStepper': showStepper,
|
|
72
|
+
'spectrum-Stepper--isMobile': isMobile,
|
|
73
|
+
'is-hovered': isHovered
|
|
74
74
|
});
|
|
75
75
|
return /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$Field), {
|
|
76
76
|
...props,
|
|
@@ -81,8 +81,8 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
|
|
|
81
81
|
validationDetails: validationDetails,
|
|
82
82
|
labelProps: labelProps,
|
|
83
83
|
ref: domRef,
|
|
84
|
-
wrapperClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
85
|
-
|
|
84
|
+
wrapperClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-container', {
|
|
85
|
+
'spectrum-Stepper-container--isMobile': isMobile
|
|
86
86
|
})
|
|
87
87
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement($48b879bdd771eb85$var$NumberFieldInput, {
|
|
88
88
|
...props,
|
|
@@ -103,8 +103,8 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
103
103
|
return /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$FocusRing), {
|
|
104
104
|
within: true,
|
|
105
105
|
isTextInput: true,
|
|
106
|
-
focusClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
107
|
-
focusRingClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
106
|
+
focusClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'is-focused'),
|
|
107
|
+
focusRingClass: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'focus-ring'),
|
|
108
108
|
autoFocus: autoFocus
|
|
109
109
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement("div", {
|
|
110
110
|
...groupProps,
|
|
@@ -112,9 +112,9 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
112
112
|
style: style,
|
|
113
113
|
className: className
|
|
114
114
|
}, /*#__PURE__*/ (0, $5I0aR$react).createElement((0, $5I0aR$TextFieldBase), {
|
|
115
|
-
UNSAFE_className: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
116
|
-
inputClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
117
|
-
validationIconClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))),
|
|
115
|
+
UNSAFE_className: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-field'),
|
|
116
|
+
inputClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-input'),
|
|
117
|
+
validationIconClassName: (0, $5I0aR$classNames)((0, ($parcel$interopDefault($5I0aR$stepper_vars_cssmodulejs))), 'spectrum-Stepper-icon'),
|
|
118
118
|
isQuiet: isQuiet,
|
|
119
119
|
inputRef: inputRef,
|
|
120
120
|
validationState: validationState,
|
|
@@ -132,7 +132,7 @@ const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $5I0aR$react).f
|
|
|
132
132
|
})), name && /*#__PURE__*/ (0, $5I0aR$react).createElement("input", {
|
|
133
133
|
type: "hidden",
|
|
134
134
|
name: name,
|
|
135
|
-
value: isNaN(state.numberValue) ?
|
|
135
|
+
value: isNaN(state.numberValue) ? '' : state.numberValue
|
|
136
136
|
})));
|
|
137
137
|
});
|
|
138
138
|
/**
|
package/dist/StepButton.main.js
CHANGED
|
@@ -54,32 +54,32 @@ function $2f3cded204daae76$var$StepButton(props, ref) {
|
|
|
54
54
|
* Link https://bugs.webkit.org/show_bug.cgi?id=219188.
|
|
55
55
|
*/ let { buttonProps: buttonProps, isPressed: isPressed } = (0, $3rHYV$reactariabutton.useButton)({
|
|
56
56
|
...props,
|
|
57
|
-
elementType:
|
|
57
|
+
elementType: 'div'
|
|
58
58
|
}, domRef);
|
|
59
59
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3rHYV$reactariainteractions.useHover)(props);
|
|
60
60
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement((0, $3rHYV$reactariafocus.FocusRing), {
|
|
61
|
-
focusRingClass: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
61
|
+
focusRingClass: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'focus-ring')
|
|
62
62
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement("div", {
|
|
63
|
-
className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
63
|
+
className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-button', {
|
|
64
|
+
'spectrum-Stepper-button--stepUp': direction === 'up',
|
|
65
|
+
'spectrum-Stepper-button--stepDown': direction === 'down',
|
|
66
|
+
'spectrum-Stepper-button--isQuiet': isQuiet,
|
|
67
|
+
'is-hovered': isHovered,
|
|
68
|
+
'is-active': isPressed,
|
|
69
|
+
'is-disabled': isDisabled
|
|
70
70
|
}),
|
|
71
71
|
...(0, $3rHYV$reactariautils.mergeProps)(hoverProps, buttonProps),
|
|
72
72
|
ref: domRef
|
|
73
|
-
}, direction ===
|
|
74
|
-
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
73
|
+
}, direction === 'up' && scale === 'large' && /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement((0, ($parcel$interopDefault($3rHYV$spectrumiconsworkflowAdd))), {
|
|
74
|
+
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
|
|
75
75
|
size: "S"
|
|
76
|
-
}), direction ===
|
|
77
|
-
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
78
|
-
}), direction ===
|
|
79
|
-
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
76
|
+
}), direction === 'up' && scale === 'medium' && /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement((0, ($parcel$interopDefault($3rHYV$spectrumiconsuiChevronUpSmall))), {
|
|
77
|
+
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
|
|
78
|
+
}), direction === 'down' && scale === 'large' && /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement((0, ($parcel$interopDefault($3rHYV$spectrumiconsworkflowRemove))), {
|
|
79
|
+
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
|
|
80
80
|
size: "S"
|
|
81
|
-
}), direction ===
|
|
82
|
-
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))),
|
|
81
|
+
}), direction === 'down' && scale === 'medium' && /*#__PURE__*/ (0, ($parcel$interopDefault($3rHYV$react))).createElement((0, ($parcel$interopDefault($3rHYV$spectrumiconsuiChevronDownSmall))), {
|
|
82
|
+
UNSAFE_className: (0, $3rHYV$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3649bcbba015c4d7$exports))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
|
|
83
83
|
})));
|
|
84
84
|
}
|
|
85
85
|
/**
|
package/dist/StepButton.mjs
CHANGED
|
@@ -48,32 +48,32 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
|
|
|
48
48
|
* Link https://bugs.webkit.org/show_bug.cgi?id=219188.
|
|
49
49
|
*/ let { buttonProps: buttonProps, isPressed: isPressed } = (0, $3dAkq$useButton)({
|
|
50
50
|
...props,
|
|
51
|
-
elementType:
|
|
51
|
+
elementType: 'div'
|
|
52
52
|
}, domRef);
|
|
53
53
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3dAkq$useHover)(props);
|
|
54
54
|
return /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$FocusRing), {
|
|
55
|
-
focusRingClass: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
55
|
+
focusRingClass: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'focus-ring')
|
|
56
56
|
}, /*#__PURE__*/ (0, $3dAkq$react).createElement("div", {
|
|
57
|
-
className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button', {
|
|
58
|
+
'spectrum-Stepper-button--stepUp': direction === 'up',
|
|
59
|
+
'spectrum-Stepper-button--stepDown': direction === 'down',
|
|
60
|
+
'spectrum-Stepper-button--isQuiet': isQuiet,
|
|
61
|
+
'is-hovered': isHovered,
|
|
62
|
+
'is-active': isPressed,
|
|
63
|
+
'is-disabled': isDisabled
|
|
64
64
|
}),
|
|
65
65
|
...(0, $3dAkq$mergeProps)(hoverProps, buttonProps),
|
|
66
66
|
ref: domRef
|
|
67
|
-
}, direction ===
|
|
68
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
67
|
+
}, direction === 'up' && scale === 'large' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsworkflowAdd), {
|
|
68
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
|
|
69
69
|
size: "S"
|
|
70
|
-
}), direction ===
|
|
71
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
72
|
-
}), direction ===
|
|
73
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
70
|
+
}), direction === 'up' && scale === 'medium' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsuiChevronUpSmall), {
|
|
71
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
|
|
72
|
+
}), direction === 'down' && scale === 'large' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsworkflowRemove), {
|
|
73
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
|
|
74
74
|
size: "S"
|
|
75
|
-
}), direction ===
|
|
76
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
75
|
+
}), direction === 'down' && scale === 'medium' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsuiChevronDownSmall), {
|
|
76
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
|
|
77
77
|
})));
|
|
78
78
|
}
|
|
79
79
|
/**
|
|
@@ -82,4 +82,4 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
|
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
export {$7f00b388e0d3b2f6$export$b2f6b60c1d32d6aa as StepButton};
|
|
85
|
-
//# sourceMappingURL=StepButton.
|
|
85
|
+
//# sourceMappingURL=StepButton.module.js.map
|
|
@@ -48,32 +48,32 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
|
|
|
48
48
|
* Link https://bugs.webkit.org/show_bug.cgi?id=219188.
|
|
49
49
|
*/ let { buttonProps: buttonProps, isPressed: isPressed } = (0, $3dAkq$useButton)({
|
|
50
50
|
...props,
|
|
51
|
-
elementType:
|
|
51
|
+
elementType: 'div'
|
|
52
52
|
}, domRef);
|
|
53
53
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3dAkq$useHover)(props);
|
|
54
54
|
return /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$FocusRing), {
|
|
55
|
-
focusRingClass: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
55
|
+
focusRingClass: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'focus-ring')
|
|
56
56
|
}, /*#__PURE__*/ (0, $3dAkq$react).createElement("div", {
|
|
57
|
-
className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button', {
|
|
58
|
+
'spectrum-Stepper-button--stepUp': direction === 'up',
|
|
59
|
+
'spectrum-Stepper-button--stepDown': direction === 'down',
|
|
60
|
+
'spectrum-Stepper-button--isQuiet': isQuiet,
|
|
61
|
+
'is-hovered': isHovered,
|
|
62
|
+
'is-active': isPressed,
|
|
63
|
+
'is-disabled': isDisabled
|
|
64
64
|
}),
|
|
65
65
|
...(0, $3dAkq$mergeProps)(hoverProps, buttonProps),
|
|
66
66
|
ref: domRef
|
|
67
|
-
}, direction ===
|
|
68
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
67
|
+
}, direction === 'up' && scale === 'large' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsworkflowAdd), {
|
|
68
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
|
|
69
69
|
size: "S"
|
|
70
|
-
}), direction ===
|
|
71
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
72
|
-
}), direction ===
|
|
73
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
70
|
+
}), direction === 'up' && scale === 'medium' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsuiChevronUpSmall), {
|
|
71
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
|
|
72
|
+
}), direction === 'down' && scale === 'large' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsworkflowRemove), {
|
|
73
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
|
|
74
74
|
size: "S"
|
|
75
|
-
}), direction ===
|
|
76
|
-
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))),
|
|
75
|
+
}), direction === 'down' && scale === 'medium' && /*#__PURE__*/ (0, $3dAkq$react).createElement((0, $3dAkq$spectrumiconsuiChevronDownSmall), {
|
|
76
|
+
UNSAFE_className: (0, $3dAkq$classNames)((0, ($parcel$interopDefault($3dAkq$stepper_vars_cssmodulejs))), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
|
|
77
77
|
})));
|
|
78
78
|
}
|
|
79
79
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/numberfield",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.3",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,22 +36,22 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/button": "^3.9.
|
|
40
|
-
"@react-aria/focus": "^3.17.
|
|
41
|
-
"@react-aria/i18n": "^3.11.
|
|
42
|
-
"@react-aria/interactions": "^3.21.
|
|
43
|
-
"@react-aria/numberfield": "^3.11.
|
|
44
|
-
"@react-aria/utils": "^3.24.
|
|
45
|
-
"@react-spectrum/form": "^3.7.
|
|
46
|
-
"@react-spectrum/label": "^3.16.
|
|
47
|
-
"@react-spectrum/textfield": "^3.12.
|
|
48
|
-
"@react-spectrum/utils": "^3.11.
|
|
49
|
-
"@react-stately/numberfield": "^3.9.
|
|
50
|
-
"@react-types/button": "^3.9.
|
|
51
|
-
"@react-types/numberfield": "^3.8.
|
|
52
|
-
"@react-types/shared": "^3.23.
|
|
53
|
-
"@spectrum-icons/ui": "^3.6.
|
|
54
|
-
"@spectrum-icons/workflow": "^4.2.
|
|
39
|
+
"@react-aria/button": "^3.9.5",
|
|
40
|
+
"@react-aria/focus": "^3.17.1",
|
|
41
|
+
"@react-aria/i18n": "^3.11.1",
|
|
42
|
+
"@react-aria/interactions": "^3.21.3",
|
|
43
|
+
"@react-aria/numberfield": "^3.11.3",
|
|
44
|
+
"@react-aria/utils": "^3.24.1",
|
|
45
|
+
"@react-spectrum/form": "^3.7.6",
|
|
46
|
+
"@react-spectrum/label": "^3.16.6",
|
|
47
|
+
"@react-spectrum/textfield": "^3.12.1",
|
|
48
|
+
"@react-spectrum/utils": "^3.11.7",
|
|
49
|
+
"@react-stately/numberfield": "^3.9.3",
|
|
50
|
+
"@react-types/button": "^3.9.4",
|
|
51
|
+
"@react-types/numberfield": "^3.8.3",
|
|
52
|
+
"@react-types/shared": "^3.23.1",
|
|
53
|
+
"@spectrum-icons/ui": "^3.6.7",
|
|
54
|
+
"@spectrum-icons/workflow": "^4.2.12",
|
|
55
55
|
"@swc/helpers": "^0.5.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"publishConfig": {
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
|
|
70
70
|
}
|