@react-spectrum/numberfield 3.0.0-nightly.1349 → 3.0.0-nightly.1356

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 (8) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +273 -252
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +273 -218
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +20 -20
  8. package/dist/main.css.map +0 -1
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/stepper/vars.css","./packages/@react-spectrum/numberfield/src/StepButton.tsx","./packages/@react-spectrum/numberfield/src/NumberField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\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 Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\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 {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid',\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","StepButton","props","ref","useProviderProps","scale","useProvider","direction","isDisabled","isQuiet","buttonProps","isPressed","useButton","elementType","hoverProps","isHovered","useHover","classNames","mergeProps","_StepButton","React","forwardRef","NumberField","provider","isReadOnly","hideStepper","styleProps","style","useStyleProps","locale","useLocale","state","useNumberFieldState","inputRef","useRef","domRef","useFocusableRef","groupProps","labelProps","inputProps","incrementButtonProps","decrementButtonProps","descriptionProps","errorMessageProps","useNumberField","isMobile","showStepper","className","validationState","label","NumberFieldInput","incrementProps","decrementProps","autoFocus","_NumberField"],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './NumberField';\n","/*\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 {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n let provider = useProvider();\n let {\n isQuiet,\n isReadOnly,\n isDisabled,\n hideStepper\n } = props;\n\n let {styleProps: style} = useStyleProps(props);\n\n let {locale} = useLocale();\n let state = useNumberFieldState({...props, locale});\n let inputRef = useRef<HTMLInputElement>();\n let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n let {\n groupProps,\n labelProps,\n inputProps,\n incrementButtonProps,\n decrementButtonProps,\n descriptionProps,\n errorMessageProps\n } = useNumberField(props, state, inputRef);\n let isMobile = provider.scale === 'large';\n let showStepper = !hideStepper;\n\n let {isHovered, hoverProps} = useHover({isDisabled});\n\n let className =\n classNames(\n stepperStyle,\n 'spectrum-Stepper',\n {\n 'spectrum-Stepper--isQuiet': isQuiet,\n 'is-disabled': isDisabled,\n 'spectrum-Stepper--readonly': isReadOnly,\n 'is-invalid': props.validationState === 'invalid',\n 'spectrum-Stepper--showStepper': showStepper,\n 'spectrum-Stepper--isMobile': isMobile,\n 'is-hovered': isHovered,\n // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n [style.className]: !props.label && style.className\n }\n );\n\n return (\n <Field\n {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n labelProps={labelProps}\n ref={domRef}\n wrapperClassName={classNames(\n stepperStyle,\n 'spectrum-Stepper-container',\n {\n 'spectrum-Stepper-container--isMobile': isMobile\n }\n )}>\n <NumberFieldInput\n {...props}\n groupProps={mergeProps(groupProps, hoverProps)}\n inputProps={inputProps}\n inputRef={inputRef}\n incrementProps={incrementButtonProps}\n decrementProps={decrementButtonProps}\n className={className}\n style={style} />\n </Field>\n );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n groupProps: HTMLAttributes<HTMLDivElement>,\n inputProps: InputHTMLAttributes<HTMLInputElement>,\n inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n incrementProps: AriaButtonProps,\n decrementProps: AriaButtonProps,\n className?: string,\n style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n let {\n groupProps,\n inputProps,\n inputRef,\n incrementProps,\n decrementProps,\n className,\n style,\n autoFocus,\n isQuiet,\n hideStepper,\n validationState\n } = props;\n let showStepper = !hideStepper;\n\n return (\n <FocusRing\n within\n isTextInput\n focusClass={classNames(stepperStyle, 'is-focused')}\n focusRingClass={classNames(stepperStyle, 'focus-ring')}\n autoFocus={autoFocus}>\n <div\n {...groupProps}\n ref={ref as RefObject<HTMLDivElement>}\n style={style}\n className={className}>\n <TextFieldBase\n UNSAFE_className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-field'\n )\n }\n inputClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-input'\n )\n }\n validationIconClassName={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-icon'\n )\n }\n isQuiet={isQuiet}\n inputRef={inputRef}\n validationState={validationState}\n inputProps={inputProps} />\n {showStepper &&\n <>\n <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n </>\n }\n </div>\n </FocusRing>\n );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\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 Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n isQuiet: boolean,\n direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n props = useProviderProps(props);\n let {scale} = useProvider();\n let {direction, isDisabled, isQuiet} = props;\n /**\n * Must use div for now because Safari pointer event bugs on disabled form elements.\n * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n */\n let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n let {hoverProps, isHovered} = useHover(props);\n return (\n <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n <div\n className={\n classNames(\n stepperStyle,\n 'spectrum-Stepper-button',\n {\n 'spectrum-Stepper-button--stepUp': direction === 'up',\n 'spectrum-Stepper-button--stepDown': direction === 'down',\n 'spectrum-Stepper-button--isQuiet': isQuiet,\n 'is-hovered': isHovered,\n 'is-active': isPressed,\n 'is-disabled': isDisabled\n }\n )\n }\n {...mergeProps(hoverProps, buttonProps)}\n ref={ref}>\n {direction === 'up' && scale === 'large' &&\n <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n }\n {direction === 'up' && scale === 'medium' &&\n <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n }\n {direction === 'down' && scale === 'large' &&\n <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n }\n {direction === 'down' && scale === 'medium' &&\n <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n }\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"A;A;ACgLA;A;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC","sources":["./packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","./packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","./packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;ACgLA;;GAEG;AACH,OAAA,IAAI,uKAA4C,CAAC","sources":["packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './NumberField';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/numberfield",
3
- "version": "3.0.0-nightly.1349+e2b459ab9",
3
+ "version": "3.0.0-nightly.1356+87960ad25",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,26 +32,26 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/button": "3.0.0-nightly.1349+e2b459ab9",
36
- "@react-aria/focus": "3.0.0-nightly.1349+e2b459ab9",
37
- "@react-aria/i18n": "3.0.0-nightly.1349+e2b459ab9",
38
- "@react-aria/interactions": "3.0.0-nightly.1349+e2b459ab9",
39
- "@react-aria/numberfield": "3.0.0-nightly.1349+e2b459ab9",
40
- "@react-aria/utils": "3.0.0-nightly.1349+e2b459ab9",
41
- "@react-spectrum/button": "3.0.0-nightly.1349+e2b459ab9",
42
- "@react-spectrum/label": "3.4.2-nightly.3040+e2b459ab9",
43
- "@react-spectrum/textfield": "3.0.0-nightly.1349+e2b459ab9",
44
- "@react-spectrum/utils": "3.0.0-nightly.1349+e2b459ab9",
45
- "@react-stately/numberfield": "3.0.0-nightly.1349+e2b459ab9",
46
- "@react-types/button": "3.4.2-nightly.3040+e2b459ab9",
47
- "@react-types/numberfield": "3.1.1-nightly.3040+e2b459ab9",
48
- "@react-types/shared": "3.0.0-nightly.1349+e2b459ab9",
49
- "@spectrum-icons/ui": "3.0.0-nightly.1349+e2b459ab9",
50
- "@spectrum-icons/workflow": "3.0.0-nightly.1349+e2b459ab9"
35
+ "@react-aria/button": "3.0.0-nightly.1356+87960ad25",
36
+ "@react-aria/focus": "3.0.0-nightly.1356+87960ad25",
37
+ "@react-aria/i18n": "3.0.0-nightly.1356+87960ad25",
38
+ "@react-aria/interactions": "3.0.0-nightly.1356+87960ad25",
39
+ "@react-aria/numberfield": "3.0.0-nightly.1356+87960ad25",
40
+ "@react-aria/utils": "3.0.0-nightly.1356+87960ad25",
41
+ "@react-spectrum/button": "3.0.0-nightly.1356+87960ad25",
42
+ "@react-spectrum/label": "3.4.2-nightly.3047+87960ad25",
43
+ "@react-spectrum/textfield": "3.0.0-nightly.1356+87960ad25",
44
+ "@react-spectrum/utils": "3.0.0-nightly.1356+87960ad25",
45
+ "@react-stately/numberfield": "3.0.0-nightly.1356+87960ad25",
46
+ "@react-types/button": "3.4.2-nightly.3047+87960ad25",
47
+ "@react-types/numberfield": "3.1.1-nightly.3047+87960ad25",
48
+ "@react-types/shared": "3.0.0-nightly.1356+87960ad25",
49
+ "@spectrum-icons/ui": "3.0.0-nightly.1356+87960ad25",
50
+ "@spectrum-icons/workflow": "3.0.0-nightly.1356+87960ad25"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.1349+e2b459ab9",
54
- "@react-spectrum/test-utils": "3.0.0-nightly.1349+e2b459ab9"
53
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.1356+87960ad25",
54
+ "@react-spectrum/test-utils": "3.0.0-nightly.1356+87960ad25"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "@react-spectrum/provider": "^3.0.0",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "access": "public"
63
63
  },
64
- "gitHead": "e2b459ab996abd06b0913942e9801b88493ed940"
64
+ "gitHead": "87960ad25c26bc4cd6af506bb5e7e0f06621556c"
65
65
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"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","sources":["./node_modules/@adobe/spectrum-css-temp/components/commons/fonts.css","./node_modules/@adobe/spectrum-css-temp/components/button/index.css","./node_modules/@adobe/spectrum-css-temp/components/stepper/index.css","./node_modules/@adobe/spectrum-css-temp/components/stepper/skin.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n:root {\n --spectrum-font-fallbacks-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n /* Not used\n --spectrum-font-fallbacks-serif: serif;\n --spectrum-font-fallbacks-mono: monospace;\n --spectrum-font-family-article: adobe-clean-serif, 'Source Serif', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ar: adobe-arabic, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-he: adobe-hebrew, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ja: source-han-serif-japanese, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-ko: source-han-serif-korean, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hans: source-han-serif-sc, var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-article-zh-hant: source-han-serif-tc, 'MingLiu', var(--spectrum-font-fallbacks-serif);\n --spectrum-font-family-code: source-code-pro, 'Source Code Pro', var(--spectrum-font-fallbacks-mono);\n --spectrum-font-family-condensed: adobe-clean-condensed, var(--spectrum-font-family-base);\n */\n\n --spectrum-font-family-base: 'adobe-clean-ux', 'adobe-clean', 'Source Sans Pro', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-han: 'adobe-clean-han-japanese', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ar: 'adobe-arabic', 'myriad-arabic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-he: 'adobe-hebrew', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zhhans: 'adobe-clean-han-simplified-c', 'SimSun', 'Heiti SC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-zh: var(--spectrum-font-family-zhhans);\n --spectrum-font-family-zhhant: 'adobe-clean-han-traditional', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ko: 'adobe-clean-han-korean', 'Malgun Gothic', 'Apple Gothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-font-family-ja: 'adobe-clean-han-japanese', 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA', '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic', var(--spectrum-font-fallbacks-sans);\n --spectrum-text-size: var(--spectrum-alias-font-size-default);\n --spectrum-text-body-line-height: var(--spectrum-alias-line-height-medium);\n --spectrum-text-size-text-label: var(--spectrum-label-text-size);\n --spectrum-line-height-text-label: var(--spectrum-label-text-line-height);\n}\n\n%i18nFontFamily {\n font-family: var(--spectrum-font-family-base);\n\n &:lang(ar) {\n font-family: var(--spectrum-font-family-ar);\n }\n\n &:lang(he) {\n font-family: var(--spectrum-font-family-he);\n }\n\n &:lang(zh-Hans) {\n font-family: var(--spectrum-font-family-zhhans);\n }\n\n &:lang(zh) {\n font-family: var(--spectrum-font-family-zh);\n }\n\n &:lang(ko) {\n font-family: var(--spectrum-font-family-ko);\n }\n\n &:lang(ja) {\n font-family: var(--spectrum-font-family-ja);\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Todo: fix in DNA, should have been zero */\n --spectrum-fieldbutton-quiet-border-size: 0;\n --spectrum-fieldbutton-disabled-border-size: 0;\n --spectrum-fieldbutton-quiet-margin: 0;\n --spectrum-fieldbutton-quiet-padding: 0;\n\n /* Hardcoded for wrapping study, needs to be in DNA */\n --spectrum-button-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-button-line-height: 1.3;\n}\n\n%spectrum-BaseButton {\n /* Contain halo */\n position: relative;\n\n display: inline-flex;\n box-sizing: border-box;\n\n align-items: center;\n justify-content: center;\n\n /* Show the button overflow in Edge. */\n overflow: visible;\n\n /* Remove button the margin in Firefox and Safari. */\n margin: 0;\n\n border-style: solid;\n\n /* Remove the inheritance of text transform on button in Edge, Firefox, and IE. */\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n /* Font smoothing for Firefox */\n -moz-osx-font-smoothing: grayscale;\n\n button& {\n /* Correct the inability to style clickable types in iOS and Safari. */\n -webkit-appearance: button;\n }\n\n /* Adjacent buttons should be aligned correctly */\n vertical-align: top;\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n border-color var(--spectrum-global-animation-duration-100) ease-out,\n color var(--spectrum-global-animation-duration-100) ease-out,\n box-shadow var(--spectrum-global-animation-duration-100) ease-out;\n\n text-decoration: none;\n\n @extend %i18nFontFamily;\n\n line-height: var(--spectrum-button-line-height);\n\n user-select: none;\n -webkit-user-select: none;\n touch-action: none; /* prevent touch scrolling on buttons */\n\n cursor: default;\n\n isolation: isolate;\n\n &:focus {\n outline: none;\n }\n &:focus-ring {\n z-index: 3;\n }\n\n /* Fix Firefox */\n &::-moz-focus-inner {\n border: 0;\n\n /* Remove the inner border and padding for button in Firefox. */\n border-style: none;\n padding: 0;\n\n /* Use uppercase PX so values don't get converted to rem */\n margin-block-start: -2PX;\n margin-block-end: -2PX;\n }\n\n &:disabled,\n &.is-disabled {\n cursor: default;\n }\n\n .spectrum-Icon {\n max-block-size: 100%;\n flex-shrink: 0;\n order: 0; /* always be before the label, regardless of DOM order */\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n fill var(--spectrum-global-animation-duration-100) ease-out;\n box-sizing: initial;\n }\n\n}\n\n%spectrum-ButtonWithFocusRing {\n &:after {\n border-radius: calc(var(--spectrum-button-primary-border-radius) + var(--spectrum-alias-focus-ring-gap));\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n\n &:focus-ring {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -2);\n }\n }\n}\n\n.spectrum-Button {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n border-width: var(--spectrum-button-primary-border-size);\n border-style: solid;\n border-radius: var(--spectrum-button-primary-border-radius);\n\n min-block-size: var(--spectrum-button-primary-height);\n block-size: 0%;\n min-inline-size: var(--spectrum-button-primary-min-width);\n\n padding: var(--spectrum-button-padding-y) calc(var(--spectrum-button-primary-padding-x) - var(--spectrum-button-primary-border-size));\n\n /* @hack: fix button text vertical alignment at 14px */\n padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);\n padding-block-start: calc(var(--spectrum-button-padding-y) - 1px);\n\n font-size: var(--spectrum-button-primary-text-size);\n font-weight: var(--spectrum-button-primary-text-font-weight);\n\n &:hover,\n &:active {\n box-shadow: none;\n }\n\n /* there should be space between the icon and text no matter the DOM order */\n .spectrum-Icon + .spectrum-Button-label {\n margin-inline-start: var(--spectrum-button-primary-text-gap);\n }\n\n .spectrum-Button-label + .spectrum-Icon {\n margin-inline-end: var(--spectrum-button-primary-text-gap);\n }\n}\n\na.spectrum-Button,\na.spectrum-ActionButton {\n /* Remove appearance for clickable types in iOS and Safari. */\n -webkit-appearance: none;\n /* Make link text not selectable */\n user-select: none;\n cursor: pointer;\n}\n\n.spectrum-ActionButton {\n @inherit: %spectrum-BaseButton;\n position: relative;\n\n block-size: var(--spectrum-actionbutton-height);\n min-inline-size: var(--spectrum-actionbutton-min-width);\n\n /* Use icon padding by default as it's smaller */\n padding: 0;\n\n border-width: var(--spectrum-actionbutton-border-size);\n border-radius: var(--spectrum-actionbutton-border-radius);\n\n font-size: var(--spectrum-actionbutton-text-size);\n font-weight: var(--spectrum-actionbutton-text-font-weight);\n\n /* icon should always have padding at the start */\n .spectrum-Icon {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* label should always have padding at the end */\n .spectrum-ActionButton-label {\n padding-inline-end: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon + text buttons should have padding between the text and icon no matter the order */\n .spectrum-Icon + .spectrum-ActionButton-label {\n padding-inline-start: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n .spectrum-ActionButton-label:not([hidden]) + .spectrum-Icon {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n\n /* text only buttons should have padding at the start */\n .spectrum-ActionButton-label:only-child,\n .spectrum-ActionButton-hold + .spectrum-ActionButton-label:last-child {\n padding-inline-start: var(--spectrum-actionbutton-text-padding-x);\n }\n\n /* icon only buttons should have padding at the end */\n .spectrum-Icon:only-child,\n .spectrum-ActionButton-hold + .spectrum-Icon:last-child {\n padding-inline-end: var(--spectrum-actionbutton-icon-padding-x);\n }\n}\n\n.spectrum-ActionButton-hold {\n position: absolute;\n inset-inline-end: var(--spectrum-actionbutton-hold-icon-padding-right);\n inset-block-end: var(--spectrum-actionbutton-hold-icon-padding-bottom);\n}\n\n[dir='rtl'] .spectrum-ActionButton-hold {\n transform: rotate(90deg);\n}\n\n.spectrum-ActionButton-label,\n.spectrum-Button-label {\n align-self: center;\n justify-self: center;\n order: 1; /* always be after the icon, regardless of DOM order */\n\n /* Fixes horizontal alignment of text in anchor buttons */\n text-align: center;\n\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n inline-size: 100%;\n\n &:empty {\n display: none;\n }\n}\n\n\n.spectrum-ActionButton-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.spectrum-ActionButton--quiet {\n border-width: var(--spectrum-actionbutton-quiet-border-size);\n border-radius: var(--spectrum-actionbutton-quiet-border-radius);\n\n font-size: var(--spectrum-actionbutton-quiet-text-size);\n font-weight: var(--spectrum-actionbutton-quiet-text-font-weight);\n}\n\n.spectrum-ActionButton--emphasized,\n.spectrum-ActionButton--staticColor {\n @inherit: %spectrum-ButtonWithFocusRing;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n\n &:focus-ring {\n &:after {\n /* action buttons only have a 1px border, not 2px */\n margin: calc(calc(var(--spectrum-alias-focus-ring-gap) * -1) - var(--spectrum-actionbutton-quiet-border-size));\n }\n }\n}\n\n.spectrum-LogicButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n block-size: var(--spectrum-logicbutton-and-height);\n padding: var(--spectrum-logicbutton-and-padding-x);\n\n border-width: var(--spectrum-logicbutton-and-border-size);\n border-radius: var(--spectrum-logicbutton-and-border-radius);\n\n font-size: var(--spectrum-logicbutton-and-text-size);\n font-weight: var(--spectrum-logicbutton-and-text-font-weight);\n line-height: 0;\n\n &:after {\n /* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */\n border-radius: calc(var(--spectrum-logicbutton-and-border-radius) + var(--spectrum-alias-focus-ring-gap));\n }\n}\n\n.spectrum-FieldButton {\n @inherit: %spectrum-BaseButton;\n\n block-size: var(--spectrum-dropdown-height);\n\n padding: 0 var(--spectrum-dropdown-padding-x);\n\n font-family: inherit;\n font-weight: normal;\n font-size: var(--spectrum-dropdown-text-size);\n line-height: normal;\n -webkit-font-smoothing: initial;\n\n cursor: default;\n outline: none;\n}\n\n.spectrum-FieldButton {\n margin: 0;\n padding-block: 0;\n padding-inline: var(--spectrum-dropdown-padding-x);\n\n border-width: var(--spectrum-dropdown-border-size);\n border-style: solid;\n border-radius: var(--spectrum-border-radius);\n\n transition: background-color var(--spectrum-global-animation-duration-100),\n box-shadow var(--spectrum-global-animation-duration-100),\n border-color var(--spectrum-global-animation-duration-100);\n\n &:disabled,\n &.is-disabled {\n border-width: var(--spectrum-fieldbutton-disabled-border-size);\n cursor: default;\n }\n\n &.is-open {\n border-width: var(--spectrum-dropdown-border-size);\n }\n}\n\n.spectrum-FieldButton--quiet {\n margin: var(--spectrum-fieldbutton-quiet-margin);\n padding: var(--spectrum-fieldbutton-quiet-padding);\n\n border-width: var(--spectrum-fieldbutton-quiet-border-size);\n border-radius: var(--spectrum-fieldbutton-quiet-border-radius);\n &:disabled,\n &.is-disabled {\n &:focus-ring {\n box-shadow: none;\n }\n }\n}\n\n.spectrum-ClearButton {\n @inherit: %spectrum-BaseButton;\n @inherit: %spectrum-ButtonWithFocusRing;\n\n inline-size: var(--spectrum-clearbutton-medium-width);\n block-size: var(--spectrum-clearbutton-medium-height);\n\n border-radius: 100%;\n\n padding: 0;\n margin: 0;\n\n border: none;\n\n > .spectrum-Icon {\n /* @safari10 Workaround for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin-block: 0;\n margin-inline: auto;\n }\n}\n\n.spectrum-ClearButton--overBackground {\n &:focus-ring {\n &:after {\n /* Adjust margin because ClearButton does not have a border */\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .spectrum-ClearButton {\n > .spectrum-Icon {\n /* @ie11 Workaround for regression caused by fix for https://bugs.webkit.org/show_bug.cgi?id=169700 */\n margin: 0;\n }\n }\n}\n\n.spectrum-ClearButton--small {\n inline-size: var(--spectrum-clearbutton-small-width);\n block-size: var(--spectrum-clearbutton-small-height);\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n@import '../button/index.css';\n\n:root {\n --spectrum-stepper-button-height: calc(var(--spectrum-component-single-line-height) / 2);\n --spectrum-stepper-button-width: 24px;\n --spectrum-stepper-padding: calc(var(--spectrum-padding) / 2);\n --spectrum-stepper-border-radius-reset: 0;\n --spectrum-stepper-border-size-reset: 0;\n --spectrum-stepper-border-size-default: 1px;\n --spectrum-stepper-input-min-width: var(--spectrum-component-single-line-height);\n --spectrum-stepper-default-width-desktop: calc(var(--spectrum-component-single-line-height) * 4);\n --spectrum-stepper-default-width-mobile: calc(var(--spectrum-component-single-line-height) * 5);\n --spectrum-stepper-validation-icon-right: var(--spectrum-global-dimension-size-100);\n}\n\n.spectrum-Stepper {\n display: inline-grid;\n\n inline-size: var(--spectrum-stepper-default-width-desktop);\n line-height: 0;\n transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n\n /**\n * There are only two layouts, so we don't need to repeat them down below.\n * Technically there are other optimizations like this, but the others are harder to pull out, we'd need a truth table and it'd be harder to update.\n * Declaring them before elements get assigned to grid-areas to make those easier to read.\n **/\n &:not(.spectrum-Stepper--isMobile) {\n grid-template-rows: auto auto;\n grid-template-columns: 1fr auto;\n grid-template-areas:\n 'field increment'\n 'field decrement';\n .spectrum-Stepper-button--stepUp {\n padding-block-start: calc(var(--spectrum-button-padding-y) + 1px);\n padding-block-end: calc(var(--spectrum-button-padding-y) - .5px);\n }\n .spectrum-Stepper-button--stepDown {\n padding-block-end: calc(var(--spectrum-button-padding-y) + 1px);\n padding-block-start: calc(var(--spectrum-button-padding-y) - .5px);\n }\n }\n &.spectrum-Stepper--isMobile {\n inline-size: var(--spectrum-stepper-default-width-mobile);\n grid-template-rows: auto;\n grid-template-columns: auto 1fr auto;\n grid-template-areas: 'decrement field increment';\n .spectrum-Stepper-button--stepUp {}\n .spectrum-Stepper-button--stepDown {}\n }\n\n .spectrum-Stepper-field {\n grid-area: field;\n /* override of spectrum-TextField style, declare before states */\n inline-size: unset;\n min-inline-size: var(--spectrum-stepper-input-min-width);\n }\n .spectrum-Stepper-icon {\n /* override of spectrum-TextField style, declare before states */\n padding-inline-end: 0;\n }\n .spectrum-Stepper-button--stepUp {\n grid-area: increment;\n }\n .spectrum-Stepper-button--stepDown {\n grid-area: decrement;\n }\n\n &:not(.spectrum-Stepper--isQuiet) {\n border-radius: var(--spectrum-border-radius);\n .spectrum-Stepper-icon {\n inset-inline-end: var(--spectrum-stepper-validation-icon-right);\n }\n\n &:not(.spectrum-Stepper--showStepper) {\n &:not(.spectrum-Stepper--isMobile) {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-stepper-button-height);\n inline-size: var(--spectrum-stepper-button-width);\n }\n .spectrum-Stepper-button--stepDown {}\n .spectrum-Stepper-button--stepUp {}\n }\n &.spectrum-Stepper--isMobile {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-textfield-height);\n inline-size: var(--spectrum-actionbutton-min-width);\n }\n .spectrum-Stepper-button--stepDown {}\n .spectrum-Stepper-button--stepUp {}\n }\n }\n &.spectrum-Stepper--showStepper {\n &:not(.spectrum-Stepper--isMobile) {\n .spectrum-Stepper-input {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n .spectrum-Stepper-button {\n block-size: var(--spectrum-stepper-button-height);\n inline-size: var(--spectrum-stepper-button-width);\n border-inline-start-width: 0;\n }\n .spectrum-Stepper-button--stepDown {\n border-end-end-radius: var(--spectrum-border-radius);\n border-block-start-width: var(--spectrum-stepper-border-size-default);\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n border-inline-end-width: var(--spectrum-stepper-border-size-default);\n }\n .spectrum-Stepper-button--stepUp {\n border-block-start-width: var(--spectrum-stepper-border-size-default);\n border-inline-end-width: var(--spectrum-stepper-border-size-default);\n border-start-end-radius: var(--spectrum-border-radius);\n }\n }\n &.spectrum-Stepper--isMobile {\n .spectrum-Stepper-input {\n border-radius: 0;\n }\n .spectrum-Stepper-button {\n block-size: var(--spectrum-textfield-height);\n inline-size: var(--spectrum-actionbutton-min-width);\n }\n .spectrum-Stepper-button--stepDown {\n border-block-start-width: var(--spectrum-stepper-border-size-default);\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n border-inline-start-width: var(--spectrum-stepper-border-size-default);\n border-start-start-radius: var(--spectrum-border-radius);\n border-end-start-radius: var(--spectrum-border-radius);\n }\n .spectrum-Stepper-button--stepUp {\n border-block-start-width: var(--spectrum-stepper-border-size-default);\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n border-inline-end-width: var(--spectrum-stepper-border-size-default);\n border-start-end-radius: var(--spectrum-border-radius);\n border-end-end-radius: var(--spectrum-border-radius);\n }\n }\n }\n }\n &.spectrum-Stepper--isQuiet {\n .spectrum-Stepper-icon {\n inset-inline-end: 0px;\n }\n &:not(.spectrum-Stepper--showStepper) {\n &:not(.spectrum-Stepper--isMobile) {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-stepper-button-height);\n inline-size: var(--spectrum-stepper-button-width);\n }\n .spectrum-Stepper-button--stepDown {\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n }\n .spectrum-Stepper-button--stepUp {}\n }\n &.spectrum-Stepper--isMobile {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-textfield-height);\n inline-size: var(--spectrum-actionbutton-min-width);\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n }\n .spectrum-Stepper-button--stepDown {}\n .spectrum-Stepper-button--stepUp {}\n }\n }\n &.spectrum-Stepper--showStepper {\n &:not(.spectrum-Stepper--isMobile) {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-stepper-button-height);\n inline-size: var(--spectrum-stepper-button-width);\n }\n .spectrum-Stepper-button--stepDown {\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n }\n .spectrum-Stepper-button--stepUp {}\n }\n &.spectrum-Stepper--isMobile {\n .spectrum-Stepper-input {}\n .spectrum-Stepper-button {\n block-size: var(--spectrum-textfield-height);\n inline-size: var(--spectrum-actionbutton-min-width);\n border-block-end-width: var(--spectrum-stepper-border-size-default);\n }\n .spectrum-Stepper-button--stepDown {}\n .spectrum-Stepper-button--stepUp {}\n }\n }\n }\n}\n\n/* this is specific to handling default width */\n.spectrum-Stepper-container {\n /* ensure we have higher specificity than .spectrum-Field */\n &.spectrum-Stepper-container {\n /* override the default width of the field container, only with labelPosition=top. */\n --spectrum-field-default-width: var(--spectrum-stepper-default-width-desktop);\n }\n\n &.spectrum-Stepper-container--isMobile {\n --spectrum-field-default-width: var(--spectrum-stepper-default-width-mobile);\n }\n}\n\n.spectrum-Stepper-button {\n @inherit: %spectrum-BaseButton;\n\n border-width: 0;\n\n &:hover,\n &:active {\n box-shadow: none;\n }\n\n .spectrum-Stepper-button-icon {\n max-block-size: 100%;\n flex-shrink: 0;\n\n transition: background var(--spectrum-global-animation-duration-100) ease-out,\n fill var(--spectrum-global-animation-duration-100) ease-out;\n box-sizing: initial;\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n/* elements in component */\n/*\n.spectrum-Stepper{}\n.spectrum-Stepper-container {}\n.spectrum-Stepper-field {}\n.spectrum-Stepper-input {}\n.spectrum-Stepper-icon {}\n.spectrum-Stepper-button {}\n.spectrum-Stepper-button-icon {}\n*/\n\n/* move states to the top */\n/*\n.spectrum-Stepper--isMobile {}\n.spectrum-Stepper--showStepper {}\n.spectrum-Stepper--isQuiet {}\n.is-invalid, :invalid {}\n.is-focused, :focus {}\n.focus-ring, :focus-ring {}\n.is-disabled, :disabled {}\n.is-active, :active {}\n.is-hovered, :hover {}\n*/\n\n/* states that might be on individual elements in the component */\n/*\n.spectrum-Stepper-container--isMobile {}\n.spectrum-Stepper-button--stepDown {}\n.spectrum-Stepper-button--stepUp {}\n.is-disabled, :disabled {}\n.is-hovered, :hover {}\n.is-active, :active {}\n*/\n\n/**\n * order of importance for border colors:\n * var(invalid, var(disabled, var(focused, var(active, var(hover, var(default)))))\n *\n * order of importance for buttons background colors:\n * var(disabled, var(button-disabled, var(active, var(hover, var(default))))\n */\n\n\n.spectrum-Stepper {\n .spectrum-Stepper-button-icon {\n fill: var(--spectrum-actionbutton-icon-color);\n }\n\n &:not(.spectrum-Stepper--isQuiet) {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color);\n }\n .spectrum-Stepper-button {\n background-color: var(--spectrum-actionbutton-background-color);\n border-color: var(--spectrum-textfield-border-color);\n color: var(--spectrum-actionbutton-text-color);\n }\n &.is-hovered, &:hover {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-hover);\n }\n }\n &.is-active, &:active {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n }\n &.is-focused, &:focus {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n }\n &.focus-ring, &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus);\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-key-focus);\n }\n }\n &.is-disabled, &:disabled {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-disabled);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-disabled);\n }\n }\n &.is-invalid {\n &.focus-ring, &:focus-ring {\n box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-error);\n }\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-border-color-error);\n }\n }\n }\n\n &.spectrum-Stepper--isQuiet {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color);\n }\n .spectrum-Stepper-button {\n background-color: unset;\n border-color: var(--spectrum-textfield-quiet-border-color);\n color: var(--spectrum-actionbutton-text-color);\n }\n &.is-hovered, &:hover {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-hover);\n }\n }\n &.is-active, &:active {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n }\n &.is-focused, &:focus {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n }\n &.focus-ring, &:focus-ring {\n box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus);\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-key-focus);\n }\n }\n &.is-disabled, &:disabled {\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-disabled);\n }\n }\n &.is-invalid {\n &.focus-ring, &:focus-ring {\n box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-error);\n }\n .spectrum-Stepper-input {\n border-color: var(--spectrum-textfield-quiet-border-color-error);\n }\n .spectrum-Stepper-button {\n border-color: var(--spectrum-textfield-quiet-border-color-error);\n }\n }\n }\n}\n\n/* styles that are applied to the stepper buttons independent of component state, cannot chromatic test some of these as a result */\n/* hover and active most notably, we can test disabled using min/max */\n.spectrum-Stepper {\n .spectrum-Stepper-button {\n &:hover,\n &.is-hovered {\n color: var(--spectrum-actionbutton-text-color-hover);\n\n .spectrum-Stepper-button-icon {\n fill: var(--spectrum-actionbutton-icon-color-hover);\n }\n }\n\n &.is-active {\n color: var(--spectrum-actionbutton-text-color-down);\n\n .spectrum-Stepper-button-icon {\n fill: var(--spectrum-actionbutton-text-color-down);\n }\n }\n\n &:disabled,\n &.is-disabled {\n color: var(--spectrum-textfield-text-color-disabled);\n\n .spectrum-Stepper-button-icon {\n fill: var(--spectrum-textfield-text-color-disabled);\n }\n }\n }\n &:not(.spectrum-Stepper--isQuiet) {\n .spectrum-Stepper-button {\n &:hover,\n &.is-hovered {\n background-color: var(--spectrum-actionbutton-background-color-hover);\n }\n\n &.is-active {\n background-color: var(--spectrum-actionbutton-background-color-down);\n }\n\n &:disabled,\n &.is-disabled {\n background-color: var(--spectrum-textfield-background-color-disabled);\n }\n }\n }\n &.spectrum-Stepper--isQuiet {\n .spectrum-Stepper-button {\n &:disabled,\n &.is-disabled {\n color: var(--spectrum-textfield-quiet-text-color-disabled);\n\n .spectrum-Stepper-button-icon {\n fill: var(--spectrum-textfield-quiet-text-color-disabled);\n }\n }\n }\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}