Socket
Socket
Sign inDemoInstall

@chakra-ui/tabs

Package Overview
Dependencies
Maintainers
4
Versions
460
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/tabs - npm Package Compare versions

Comparing version 1.0.0-rc.0 to 1.0.0-rc.1

12

CHANGELOG.md

@@ -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 @@

15

dist/cjs/tabs.js

@@ -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

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