@chakra-ui/tabs
Advanced tools
Comparing version 1.0.0-rc.0 to 1.0.0-rc.1
@@ -6,2 +6,14 @@ # Change Log | ||
# [1.0.0-rc.1](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/tabs@1.0.0-rc.0...@chakra-ui/tabs@1.0.0-rc.1) (2020-08-06) | ||
### Bug Fixes | ||
- **variables:** drop unused imports | ||
([552b2e9](https://github.com/chakra-ui/chakra-ui/commit/552b2e9b7510963db509a5724af5361ef07c8ecb)) | ||
# Change Log | ||
All notable changes to this project will be documented in this file. See | ||
[Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
# [1.0.0-rc.0](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/tabs@1.0.0-next.7...@chakra-ui/tabs@1.0.0-rc.0) (2020-07-26) | ||
@@ -8,0 +20,0 @@ |
@@ -28,3 +28,3 @@ "use strict"; | ||
*/ | ||
var Tabs = /*#__PURE__*/_react["default"].forwardRef(function Tabs(props, ref) { | ||
var Tabs = /*#__PURE__*/(0, _system.forwardRef)(function Tabs(props, ref) { | ||
var styles = (0, _system.useMultiStyleConfig)("Tabs", props); | ||
@@ -53,3 +53,2 @@ | ||
}); | ||
exports.Tabs = Tabs; | ||
@@ -93,3 +92,3 @@ | ||
*/ | ||
var TabList = /*#__PURE__*/_react["default"].forwardRef(function TabList(props, ref) { | ||
var TabList = /*#__PURE__*/(0, _system.forwardRef)(function TabList(props, ref) { | ||
var tablistProps = (0, _useTabs2.useTabList)(_extends({}, props, { | ||
@@ -109,3 +108,2 @@ ref: ref | ||
}); | ||
exports.TabList = TabList; | ||
@@ -121,3 +119,3 @@ | ||
*/ | ||
var TabPanel = /*#__PURE__*/_react["default"].forwardRef(function TabPanel(props, ref) { | ||
var TabPanel = /*#__PURE__*/(0, _system.forwardRef)(function TabPanel(props, ref) { | ||
var panelProps = (0, _useTabs2.useTabPanel)(_extends({}, props, { | ||
@@ -132,3 +130,2 @@ ref: ref | ||
}); | ||
exports.TabPanel = TabPanel; | ||
@@ -148,3 +145,3 @@ | ||
*/ | ||
var TabPanels = /*#__PURE__*/_react["default"].forwardRef(function TabPanels(props, ref) { | ||
var TabPanels = /*#__PURE__*/(0, _system.forwardRef)(function TabPanels(props, ref) { | ||
var panelsProps = (0, _useTabs2.useTabPanels)(props); | ||
@@ -156,3 +153,2 @@ return /*#__PURE__*/_react["default"].createElement(_system.chakra.div, _extends({}, panelsProps, { | ||
}); | ||
exports.TabPanels = TabPanels; | ||
@@ -170,3 +166,3 @@ | ||
*/ | ||
var TabIndicator = /*#__PURE__*/_react["default"].forwardRef(function TabIndicator(props, ref) { | ||
var TabIndicator = /*#__PURE__*/(0, _system.forwardRef)(function TabIndicator(props, ref) { | ||
var indicatorStyle = (0, _useTabs2.useTabIndicator)(); | ||
@@ -185,3 +181,2 @@ | ||
}); | ||
exports.TabIndicator = TabIndicator; | ||
@@ -188,0 +183,0 @@ |
@@ -16,3 +16,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
*/ | ||
export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) { | ||
export var Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) { | ||
var styles = useMultiStyleConfig("Tabs", props); | ||
@@ -79,3 +79,3 @@ | ||
*/ | ||
export var TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) { | ||
export var TabList = /*#__PURE__*/forwardRef(function TabList(props, ref) { | ||
var tablistProps = useTabList(_extends({}, props, { | ||
@@ -104,3 +104,3 @@ ref | ||
*/ | ||
export var TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(props, ref) { | ||
export var TabPanel = /*#__PURE__*/forwardRef(function TabPanel(props, ref) { | ||
var panelProps = useTabPanel(_extends({}, props, { | ||
@@ -128,3 +128,3 @@ ref | ||
*/ | ||
export var TabPanels = /*#__PURE__*/React.forwardRef(function TabPanels(props, ref) { | ||
export var TabPanels = /*#__PURE__*/forwardRef(function TabPanels(props, ref) { | ||
var panelsProps = useTabPanels(props); | ||
@@ -147,3 +147,3 @@ return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelsProps, { | ||
*/ | ||
export var TabIndicator = /*#__PURE__*/React.forwardRef(function TabIndicator(props, ref) { | ||
export var TabIndicator = /*#__PURE__*/forwardRef(function TabIndicator(props, ref) { | ||
var indicatorStyle = useTabIndicator(); | ||
@@ -150,0 +150,0 @@ |
import { UseClickableProps } from "@chakra-ui/clickable"; | ||
import { Dict } from "@chakra-ui/utils"; | ||
import { ReactNode, ReactElement, KeyboardEventHandler, FocusEventHandler, ButtonHTMLAttributes, Ref, CSSProperties } from "react"; | ||
import { ReactNode, ReactElement, KeyboardEventHandler, ButtonHTMLAttributes, Ref, CSSProperties } from "react"; | ||
export interface UseTabsProps { | ||
@@ -152,9 +152,9 @@ /** | ||
export declare type UseTabListReturn = ReturnType<typeof useTabList>; | ||
export interface UseTabProps extends Omit<UseClickableProps, "ref"> { | ||
export interface UseTabOptions { | ||
id?: string; | ||
isSelected?: boolean; | ||
panelId?: string; | ||
onFocus?: FocusEventHandler; | ||
ref?: Ref<any>; | ||
} | ||
export interface UseTabProps extends Omit<UseClickableProps, "color">, UseTabOptions { | ||
} | ||
/** | ||
@@ -161,0 +161,0 @@ * Tabs hook to manage each tab button. |
{ | ||
"name": "@chakra-ui/tabs", | ||
"version": "1.0.0-rc.0", | ||
"version": "1.0.0-rc.1", | ||
"description": "Accessible Tabs component for React and Chakra UI", | ||
@@ -58,9 +58,9 @@ "keywords": [ | ||
"dependencies": { | ||
"@chakra-ui/clickable": "1.0.0-rc.0", | ||
"@chakra-ui/descendant": "1.0.0-rc.0", | ||
"@chakra-ui/hooks": "1.0.0-rc.0", | ||
"@chakra-ui/utils": "1.0.0-rc.0" | ||
"@chakra-ui/clickable": "1.0.0-rc.1", | ||
"@chakra-ui/descendant": "1.0.0-rc.1", | ||
"@chakra-ui/hooks": "1.0.0-rc.1", | ||
"@chakra-ui/utils": "1.0.0-rc.1" | ||
}, | ||
"devDependencies": { | ||
"@chakra-ui/system": "1.0.0-rc.0" | ||
"@chakra-ui/system": "1.0.0-rc.1" | ||
}, | ||
@@ -71,3 +71,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "60392008d42867da38211687e2491f02da9975a9" | ||
"gitHead": "e0470c73a9f6be24525dc5458d6fb157096b5ae3" | ||
} |
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 too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
113521
1288
1
+ Added@chakra-ui/clickable@1.0.0-rc.1(transitive)
+ Added@chakra-ui/descendant@1.0.0-rc.1(transitive)
+ Added@chakra-ui/hooks@1.0.0-rc.1(transitive)
+ Added@chakra-ui/utils@1.0.0-rc.1(transitive)
- Removed@chakra-ui/clickable@1.0.0-rc.0(transitive)
- Removed@chakra-ui/descendant@1.0.0-rc.0(transitive)
- Removed@chakra-ui/hooks@1.0.0-rc.0(transitive)
- Removed@chakra-ui/utils@1.0.0-rc.0(transitive)
Updated@chakra-ui/hooks@1.0.0-rc.1
Updated@chakra-ui/utils@1.0.0-rc.1