Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@react-spectrum/textfield

Package Overview
Dependencies
Maintainers
2
Versions
831
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-spectrum/textfield - npm Package Compare versions

Comparing version 3.0.0-nightly-ab9fd5c68-241126 to 3.0.0-nightly-b0f156972-241128

dist/vars.ff531137.css

9

dist/TextArea.main.js

@@ -36,3 +36,3 @@ var $86793250183ac29e$exports = require("./TextFieldBase.main.js");

function $eec649e464f3832d$var$TextArea(props, ref) {
const $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($5VIId$react))).forwardRef(function TextArea(props, ref) {
props = (0, $5VIId$reactspectrumprovider.useProviderProps)(props);

@@ -93,10 +93,5 @@ props = (0, $5VIId$reactspectrumform.useFormProps)(props);

});
}
/**
* TextAreas are multiline text inputs, useful for cases where users have
* a sizable amount of text to enter. They allow for all customizations that
* are available to text fields.
*/ let $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($5VIId$react))).forwardRef($eec649e464f3832d$var$TextArea);
});
//# sourceMappingURL=TextArea.main.js.map

@@ -26,3 +26,3 @@ import {TextFieldBase as $599adb75312e6492$export$d22444a338b6e3c2} from "./TextFieldBase.module.js";

function $cc187bf91f8eea73$var$TextArea(props, ref) {
const $cc187bf91f8eea73$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $hi3T0$react).forwardRef(function TextArea(props, ref) {
props = (0, $hi3T0$useProviderProps)(props);

@@ -83,8 +83,3 @@ props = (0, $hi3T0$useFormProps)(props);

});
}
/**
* TextAreas are multiline text inputs, useful for cases where users have
* a sizable amount of text to enter. They allow for all customizations that
* are available to text fields.
*/ let $cc187bf91f8eea73$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $hi3T0$react).forwardRef($cc187bf91f8eea73$var$TextArea);
});

@@ -91,0 +86,0 @@

@@ -32,3 +32,3 @@ var $86793250183ac29e$exports = require("./TextFieldBase.main.js");

function $34fd51d50eb4b056$var$TextField(props, ref) {
const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ (0, $em8OD$react.forwardRef)(function TextField(props, ref) {
props = (0, $em8OD$reactspectrumprovider.useProviderProps)(props);

@@ -45,10 +45,5 @@ props = (0, $em8OD$reactspectrumform.useFormProps)(props);

});
}
/**
* TextFields are text inputs that allow users to input custom text entries
* with a keyboard. Various decorations can be displayed around the field to
* communicate the entry requirements.
*/ const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ (0, $em8OD$react.forwardRef)($34fd51d50eb4b056$var$TextField);
});
//# sourceMappingURL=TextField.main.js.map
import {TextFieldBase as $599adb75312e6492$export$d22444a338b6e3c2} from "./TextFieldBase.module.js";
import $9R76J$react, {useRef as $9R76J$useRef, forwardRef as $9R76J$forwardRef} from "react";
import $9R76J$react, {forwardRef as $9R76J$forwardRef, useRef as $9R76J$useRef} from "react";
import {useFormProps as $9R76J$useFormProps} from "@react-spectrum/form";

@@ -22,3 +22,3 @@ import {useProviderProps as $9R76J$useProviderProps} from "@react-spectrum/provider";

function $265457f9427aa380$var$TextField(props, ref) {
const $265457f9427aa380$export$2c73285ae9390cec = /*#__PURE__*/ (0, $9R76J$forwardRef)(function TextField(props, ref) {
props = (0, $9R76J$useProviderProps)(props);

@@ -35,8 +35,3 @@ props = (0, $9R76J$useFormProps)(props);

});
}
/**
* TextFields are text inputs that allow users to input custom text entries
* with a keyboard. Various decorations can be displayed around the field to
* communicate the entry requirements.
*/ const $265457f9427aa380$export$2c73285ae9390cec = /*#__PURE__*/ (0, $9R76J$forwardRef)($265457f9427aa380$var$TextField);
});

@@ -43,0 +38,0 @@

@@ -1,2 +0,2 @@

require("./vars.06803e48.css");
require("./vars.ff531137.css");
var $40cb3a00c193680f$exports = require("./textfield_vars_css.main.js");

@@ -41,3 +41,3 @@ var $fWjzu$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");

function $86793250183ac29e$var$TextFieldBase(props, ref) {
const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fWjzu$react.forwardRef)(function TextFieldBase(props, ref) {
let { validationState: validationState = props.isInvalid ? 'invalid' : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;

@@ -106,6 +106,5 @@ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fWjzu$reactariainteractions.useHover)({

}, textField);
}
const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fWjzu$react.forwardRef)($86793250183ac29e$var$TextFieldBase);
});
//# sourceMappingURL=TextFieldBase.main.js.map

@@ -1,2 +0,2 @@

import "./vars.06803e48.css";
import "./vars.ff531137.css";
import $264pK$textfield_vars_cssmodulejs from "./textfield_vars_css.module.js";

@@ -8,3 +8,3 @@ import $264pK$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";

import {mergeProps as $264pK$mergeProps} from "@react-aria/utils";
import $264pK$react, {useRef as $264pK$useRef, useImperativeHandle as $264pK$useImperativeHandle, cloneElement as $264pK$cloneElement, forwardRef as $264pK$forwardRef} from "react";
import $264pK$react, {forwardRef as $264pK$forwardRef, useRef as $264pK$useRef, useImperativeHandle as $264pK$useImperativeHandle, cloneElement as $264pK$cloneElement} from "react";
import {useFocusRing as $264pK$useFocusRing} from "@react-aria/focus";

@@ -36,3 +36,3 @@ import {useHover as $264pK$useHover} from "@react-aria/interactions";

function $599adb75312e6492$var$TextFieldBase(props, ref) {
const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $264pK$forwardRef)(function TextFieldBase(props, ref) {
let { validationState: validationState = props.isInvalid ? 'invalid' : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;

@@ -101,4 +101,3 @@ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $264pK$useHover)({

}, textField);
}
const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $264pK$forwardRef)($599adb75312e6492$var$TextFieldBase);
});

@@ -105,0 +104,0 @@

@@ -24,3 +24,3 @@ import { PressEvents, RefObject, ValidationResult } from "@react-types/shared";

*/
export let TextArea: React.ForwardRefExoticComponent<SpectrumTextAreaProps & React.RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;
export const TextArea: React.ForwardRefExoticComponent<SpectrumTextAreaProps & React.RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;
/**

@@ -27,0 +27,0 @@ * TextFields are text inputs that allow users to input custom text entries

{
"name": "@react-spectrum/textfield",
"version": "3.0.0-nightly-ab9fd5c68-241126",
"version": "3.0.0-nightly-b0f156972-241128",
"description": "Spectrum UI components in React",

@@ -39,13 +39,13 @@ "license": "Apache-2.0",

"dependencies": {
"@react-aria/focus": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-aria/interactions": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-aria/textfield": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-aria/utils": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-spectrum/form": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-spectrum/label": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-spectrum/utils": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-stately/utils": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-types/shared": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-types/textfield": "^3.0.0-nightly-ab9fd5c68-241126",
"@spectrum-icons/ui": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-aria/focus": "^3.0.0-nightly-b0f156972-241128",
"@react-aria/interactions": "^3.0.0-nightly-b0f156972-241128",
"@react-aria/textfield": "^3.0.0-nightly-b0f156972-241128",
"@react-aria/utils": "^3.0.0-nightly-b0f156972-241128",
"@react-spectrum/form": "^3.0.0-nightly-b0f156972-241128",
"@react-spectrum/label": "^3.0.0-nightly-b0f156972-241128",
"@react-spectrum/utils": "^3.0.0-nightly-b0f156972-241128",
"@react-stately/utils": "^3.0.0-nightly-b0f156972-241128",
"@react-types/shared": "^3.0.0-nightly-b0f156972-241128",
"@react-types/textfield": "^3.0.0-nightly-b0f156972-241128",
"@spectrum-icons/ui": "^3.0.0-nightly-b0f156972-241128",
"@swc/helpers": "^0.5.0"

@@ -55,6 +55,6 @@ },

"@adobe/spectrum-css-temp": "3.0.0-alpha.1",
"@spectrum-icons/workflow": "^3.0.0-nightly-ab9fd5c68-241126"
"@spectrum-icons/workflow": "^3.0.0-nightly-b0f156972-241128"
},
"peerDependencies": {
"@react-spectrum/provider": "^3.0.0-nightly-ab9fd5c68-241126",
"@react-spectrum/provider": "^3.0.0-nightly-b0f156972-241128",
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"

@@ -61,0 +61,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc