@chakra-ui/tabs - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

CHANGELOG.md

 # Change Log
 
+## 1.0.4
+
+### Patch Changes
+
+- [`3ab385bd`](https://github.com/chakra-ui/chakra-ui/commit/3ab385bdd61be3a9cbe5234494a8992a7be0dcdf)
+  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Fixed issue where
+  `Tab` button no longer has `aria-selected="false"` when it is inactive.
+
 ## 1.0.3
@@ -4,0 +12,0 @@

dist/cjs/tabs.js

@@ -123,3 +123,5 @@ "use strict";
   var styles = (0, _system.useStyles)();
-  return /*#__PURE__*/React.createElement(_system.chakra.div, _extends({}, panelProps, {
+  return /*#__PURE__*/React.createElement(_system.chakra.div, _extends({
+    outline: "0"
+  }, panelProps, {
     className: (0, _utils.cx)("chakra-tabs__tab-panel", props.className),
@@ -126,0 +128,0 @@ __css: styles.tabpanel

dist/cjs/use-tabs.js

@@ -296,3 +296,3 @@ "use strict";
     type: type,
-    "aria-selected": (0, _utils.ariaAttr)(isSelected),
+    "aria-selected": isSelected,
     "aria-controls": makeTabPanelId(id, index),
@@ -299,0 +299,0 @@ onFocus: isDisabled ? undefined : (0, _utils.callAllHandlers)(props.onFocus, onFocus)

dist/esm/tabs.js

@@ -110,3 +110,5 @@ 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); }
   var styles = useStyles();
-  return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelProps, {
+  return /*#__PURE__*/React.createElement(chakra.div, _extends({
+    outline: "0"
+  }, panelProps, {
     className: cx("chakra-tabs__tab-panel", props.className),
@@ -113,0 +115,0 @@ __css: styles.tabpanel

dist/esm/use-tabs.js

@@ -8,3 +8,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); }
 import { useControllableState, useId, useSafeLayoutEffect } from "@chakra-ui/hooks";
-import { ariaAttr, callAllHandlers, createContext, getValidChildren, isUndefined, mergeRefs, normalizeEventKey } from "@chakra-ui/utils";
+import { callAllHandlers, createContext, getValidChildren, isUndefined, mergeRefs, normalizeEventKey } from "@chakra-ui/utils";
 import * as React from "react";
@@ -255,3 +255,3 @@
     type,
-    "aria-selected": ariaAttr(isSelected),
+    "aria-selected": isSelected,
     "aria-controls": makeTabPanelId(id, index),
@@ -258,0 +258,0 @@ onFocus: isDisabled ? undefined : callAllHandlers(props.onFocus, onFocus)

dist/types/use-tabs.d.ts

@@ -182,3 +182,3 @@ import { UseClickableProps } from "@chakra-ui/clickable";
     type: "button";
-    "aria-selected": true | undefined;
+    "aria-selected": boolean;
     "aria-controls": string;
@@ -243,2 +243,6 @@ onFocus: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
     'aria-colcount'?: number | undefined;
+    /**
+     * generate a unique id or use user-provided id for
+     * the tabs widget
+     */
     'aria-colindex'?: number | undefined;
@@ -301,5 +305,2 @@ 'aria-colspan'?: number | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
-    /**
-     * Registers all tabs (whether disabled or not)
-     */
     onBlurCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
@@ -448,3 +449,3 @@ onChange?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
     type: "button";
-    "aria-selected": true | undefined;
+    "aria-selected": boolean;
     "aria-controls": string;
@@ -451,0 +452,0 @@ onFocus: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;

package.json

 {
   "name": "@chakra-ui/tabs",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Accessible Tabs component for React and Chakra UI",
@@ -70,3 +70,3 @@ "keywords": [
   "devDependencies": {
-    "@chakra-ui/system": "1.1.2",
+    "@chakra-ui/system": "1.1.4",
     "react": "^17.0.1"
@@ -76,4 +76,4 @@ },
     "@chakra-ui/system": ">=1.0.0",
-    "react": "16.x || 17.x"
+    "react": ">=16.8.6"
   }
 }

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

160526

increased by0.18%

Lines of code

1882

increased by0.27%

No dependency changes