Socket
Socket
Sign inDemoInstall

@react-types/shared

Package Overview
Dependencies
Maintainers
1
Versions
781
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-types/shared - npm Package Compare versions

Comparing version 3.2.1 to 3.3.0

4

package.json
{
"name": "@react-types/shared",
"version": "3.2.1",
"version": "3.3.0",
"description": "Spectrum UI components in React",

@@ -17,3 +17,3 @@ "license": "Apache-2.0",

},
"gitHead": "0778f71a3c13e1e24388a23b6d525e3b9f5b98f1"
"gitHead": "9f738a06ea4e256c8d975f00502b4b0bbabb8f65"
}

@@ -13,2 +13,4 @@ /*

// This file is generated by lib/varsToTypeScript.js! DO NOT EDIT.
/** See the [Styling docs](styling.html#dimension-values) for a visualization of these values. */

@@ -67,3 +69,5 @@ export type DimensionValue =

| 'static-size-125'
| 'static-size-130'
| 'static-size-150'
| 'static-size-160'
| 'static-size-175'

@@ -173,2 +177,4 @@ | 'static-size-200'

| 'static-gray-900'
| 'static-blue-200'
| 'static-blue-300'
| 'static-blue-400'

@@ -178,2 +184,3 @@ | 'static-blue-500'

| 'static-blue-700'
| 'static-blue-800'
| 'static-red-400'

@@ -191,2 +198,4 @@ | 'static-red-500'

| 'static-green-700'
| 'static-celery-200'
| 'static-celery-300'
| 'static-celery-400'

@@ -196,2 +205,3 @@ | 'static-celery-500'

| 'static-celery-700'
| 'static-chartreuse-300'
| 'static-chartreuse-400'

@@ -201,2 +211,4 @@ | 'static-chartreuse-500'

| 'static-chartreuse-700'
| 'static-yellow-200'
| 'static-yellow-300'
| 'static-yellow-400'

@@ -206,2 +218,4 @@ | 'static-yellow-500'

| 'static-yellow-700'
| 'static-magenta-200'
| 'static-magenta-300'
| 'static-magenta-400'

@@ -219,2 +233,5 @@ | 'static-magenta-500'

| 'static-purple-700'
| 'static-purple-800'
| 'static-indigo-200'
| 'static-indigo-300'
| 'static-indigo-400'

@@ -224,2 +241,4 @@ | 'static-indigo-500'

| 'static-indigo-700'
| 'static-seafoam-200'
| 'static-seafoam-300'
| 'static-seafoam-400'

@@ -241,4 +260,6 @@ | 'static-seafoam-500'

| 'hover'
| 'down'
| 'focus'
| 'down'
| 'mouse-focus'
| 'disabled'
| 'extralight'

@@ -259,2 +280,8 @@ | 'light'

export type IconColorValue =
| 'negative'
| 'notice'
| 'positive'
| 'informative';
export type BorderSizeValue =

@@ -261,0 +288,0 @@ | 'thin'

@@ -103,1 +103,36 @@ /*

}
interface BaseMoveEvent {
/** The pointer type that triggered the move event. */
pointerType: PointerType
}
export interface MoveStartEvent extends BaseMoveEvent {
/** The type of move event being fired. */
type: 'movestart'
}
export interface MoveMoveEvent extends BaseMoveEvent {
/** The type of move event being fired. */
type: 'move',
/** The amount moved in the X direction since the last event. */
deltaX: number,
/** The amount moved in the Y direction since the last event. */
deltaY: number
}
export interface MoveEndEvent extends BaseMoveEvent {
/** The type of move event being fired. */
type: 'moveend'
}
export type MoveEvent = MoveStartEvent | MoveMoveEvent | MoveEndEvent;
export interface MoveEvents {
/** Handler that is called when a move interaction starts. */
onMoveStart?: (e: MoveStartEvent) => void,
/** Handler that is called when the element is moved. */
onMove?: (e: MoveMoveEvent) => void,
/** Handler that is called when a move interaction ends. */
onMoveEnd?: (e: MoveEndEvent) => void
}

@@ -38,5 +38,7 @@ /*

/** Handler that is called when the selection changes. */
onSelectionChange?: (keys: Selection) => any
onSelectionChange?: (keys: Selection) => any,
/** The currently disabled keys in the collection (controlled). */
disabledKeys?: Iterable<Key>
}
export type FocusStrategy = 'first' | 'last';

@@ -15,3 +15,2 @@ /*

Dispatch,
MouseEventHandler,
MutableRefObject,

@@ -59,3 +58,2 @@ ReactElement,

id?: string,
onMouseDown?: MouseEventHandler,
allowsResizing?: boolean,

@@ -62,0 +60,0 @@ orientation?: Orientation,

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