Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@react-types/tabs

Package Overview
Dependencies
Maintainers
2
Versions
1106
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-types/tabs - npm Package Compare versions

Comparing version

3.0.0-nightly-09ccc53e7-241107
to
3.0.0-nightly-0d96e0d0f-250916

9

package.json
{
"name": "@react-types/tabs",
"version": "3.0.0-nightly-09ccc53e7-241107",
"version": "3.0.0-nightly-0d96e0d0f-250916",
"description": "Spectrum UI components in React",

@@ -12,11 +12,10 @@ "license": "Apache-2.0",

"dependencies": {
"@react-types/shared": "^3.0.0-nightly-09ccc53e7-241107"
"@react-types/shared": "3.0.0-nightly-0d96e0d0f-250916"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
},
"publishConfig": {
"access": "public"
},
"stableVersion": "3.3.10"
}
}

17

src/index.d.ts

@@ -33,3 +33,3 @@ /*

export interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection'> {
export interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'onSelectionChange'> {
/**

@@ -39,3 +39,5 @@ * Whether the TabList is disabled.

*/
isDisabled?: boolean
isDisabled?: boolean,
/** Handler that is called when the selection changes. */
onSelectionChange?: (key: Key) => void
}

@@ -58,5 +60,8 @@

export interface AriaTabPanelProps extends DOMProps, AriaLabelingProps {}
export interface AriaTabPanelProps extends Omit<DOMProps, 'id'>, AriaLabelingProps {
/** The unique id of the tab. */
id?: Key
}
export interface SpectrumTabsProps<T> extends AriaTabListBase, SingleSelection, DOMProps, StyleProps {
export interface SpectrumTabsProps<T> extends AriaTabListBase, Omit<SingleSelection, 'onSelectionChange'>, DOMProps, StyleProps {
/** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */

@@ -75,3 +80,5 @@ children: ReactNode,

/** The amount of space between the tabs. */
density?: 'compact' | 'regular'
density?: 'compact' | 'regular',
/** Handler that is called when the selection changes. */
onSelectionChange?: (key: Key) => void
}

@@ -78,0 +85,0 @@