@chakra-ui/tabs - npm Package Compare versions

Comparing version 1.0.7 to 1.1.0

CHANGELOG.md

 # Change Log
 
+## 1.1.0
+
+### Minor Changes
+
+- [`500b1eea0`](https://github.com/chakra-ui/chakra-ui/commit/500b1eea0876909b670c103ffa354b2b77ff024f)
+  [#3187](https://github.com/chakra-ui/chakra-ui/pull/3187) Thanks
+  [@dodas](https://github.com/dodas)! - The `useTabsContext` hook is now
+  exported and can be used in userland.
+
+* [`90c7a4fbf`](https://github.com/chakra-ui/chakra-ui/commit/90c7a4fbfde69c01395ffe2876d7348dd72ea65a)
+  [#3092](https://github.com/chakra-ui/chakra-ui/pull/3092) Thanks
+  [@TimKolberger](https://github.com/TimKolberger)! - - Improved theme typing in
+  order to provide a better autocomplete experience
+  - Fixed a type issue where pseudo style props like `_hover` and `_active`
+    didn't allow regular css properties
+
+### Patch Changes
+
+- Updated dependencies
+  [[`b572bceed`](https://github.com/chakra-ui/chakra-ui/commit/b572bceedd9fb0c41c65118f0d9ba672791932ca)]:
+  - @chakra-ui/hooks@1.1.3
+  - @chakra-ui/descendant@1.0.6
+
 ## 1.0.7
@@ -4,0 +27,0 @@

dist/cjs/use-tabs.js

@@ -10,3 +10,3 @@ "use strict";
 exports.useTabIndicator = useTabIndicator;
-exports.TabsProvider = void 0;
+exports.useTabsContext = exports.TabsProvider = void 0;
 
@@ -144,2 +144,3 @@ var _clickable = require("@chakra-ui/clickable");
 
+exports.useTabsContext = useTabsContext;
 exports.TabsProvider = TabsProvider;
@@ -146,0 +147,0 @@

dist/esm/use-tabs.js

@@ -115,3 +115,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 { TabsProvider };
+export { TabsProvider, useTabsContext };
 
@@ -118,0 +118,0 @@ /**

dist/types/tabs.d.ts

@@ -14,3 +14,3 @@ import { ThemingProps, HTMLChakraProps } from "@chakra-ui/system";
 }
-export interface TabsProps extends UseTabsProps, ThemingProps, Omit<HTMLChakraProps<"div">, "onChange">, TabsOptions {
+export interface TabsProps extends UseTabsProps, ThemingProps<"Tabs">, Omit<HTMLChakraProps<"div">, "onChange">, TabsOptions {
     children: React.ReactNode;
@@ -17,0 +17,0 @@ }

dist/types/use-tabs.d.ts

@@ -141,4 +141,49 @@ import { UseClickableProps } from "@chakra-ui/clickable";
     };
-}, "isManual" | "isLazy" | "orientation" | "id" | "focusedIndex" | "setFocusedIndex" | "selectedIndex" | "setSelectedIndex" | "enabledDomContext" | "domContext">>;
-export { TabsProvider };
+}, "isManual" | "isLazy" | "orientation" | "id" | "focusedIndex" | "setFocusedIndex" | "selectedIndex" | "setSelectedIndex" | "enabledDomContext" | "domContext">>, useTabsContext: () => Pick<{
+    id: string;
+    selectedIndex: number;
+    focusedIndex: number;
+    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
+    setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;
+    isManual: boolean | undefined;
+    isLazy: boolean | undefined;
+    orientation: "vertical" | "horizontal";
+    enabledDomContext: {
+        descendants: {
+            element: HTMLElement | null;
+            index?: number | undefined;
+            disabled?: boolean | undefined;
+            focusable?: boolean | undefined;
+        }[];
+        register: ({ element, ...rest }: {
+            element: HTMLElement | null;
+            index?: number | undefined;
+            disabled?: boolean | undefined;
+            focusable?: boolean | undefined;
+        }) => void;
+        unregister: (element: HTMLElement) => void;
+    };
+    domContext: {
+        descendants: {
+            element: HTMLElement | null;
+            index?: number | undefined;
+            disabled?: boolean | undefined;
+            focusable?: boolean | undefined;
+        }[];
+        register: ({ element, ...rest }: {
+            element: HTMLElement | null;
+            index?: number | undefined;
+            disabled?: boolean | undefined;
+            focusable?: boolean | undefined;
+        }) => void;
+        unregister: (element: HTMLElement) => void;
+    };
+    htmlProps: {
+        /**
+         * The id of the tab
+         */
+        id?: string | undefined;
+    };
+}, "isManual" | "isLazy" | "orientation" | "id" | "focusedIndex" | "setFocusedIndex" | "selectedIndex" | "setSelectedIndex" | "enabledDomContext" | "domContext">;
+export { TabsProvider, useTabsContext };
 export interface UseTabListProps {
@@ -260,3 +305,5 @@ children?: React.ReactNode;
     'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined; /**
+     * Function to update the selected tab index
+     */
     'aria-modal'?: boolean | "true" | "false" | undefined;
@@ -263,0 +310,0 @@ 'aria-multiline'?: boolean | "true" | "false" | undefined;

package.json

 {
   "name": "@chakra-ui/tabs",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "description": "Accessible Tabs component for React and Chakra UI",
@@ -65,8 +65,8 @@ "keywords": [
     "@chakra-ui/clickable": "1.0.3",
-    "@chakra-ui/descendant": "1.0.5",
-    "@chakra-ui/hooks": "1.1.2",
+    "@chakra-ui/descendant": "1.0.6",
+    "@chakra-ui/hooks": "1.1.3",
     "@chakra-ui/utils": "1.1.0"
   },
   "devDependencies": {
-    "@chakra-ui/system": "1.1.7",
+    "@chakra-ui/system": "1.2.0",
     "react": "^17.0.1"
@@ -73,0 +73,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

163471

increased by1.76%

Lines of code

1916

increased by2.57%

Dependency changes

• + Added@chakra-ui/descendant@1.0.6(transitive)

• + Added@chakra-ui/hooks@1.1.3(transitive)

• - Removed@chakra-ui/descendant@1.0.5(transitive)

• - Removed@chakra-ui/hooks@1.1.2(transitive)

• Updated@chakra-ui/descendant@1.0.6

• Updated@chakra-ui/hooks@1.1.3