@chakra-ui/tabs - npm Package Compare versions

Comparing version 1.1.1 to 1.2.0

CHANGELOG.md

 # Change Log
 
+## 1.2.0
+
+### Minor Changes
+
+- [`f032942c8`](https://github.com/chakra-ui/chakra-ui/commit/f032942c8a2568a3a23baee0d5972834345e5fa6)
+  [#3447](https://github.com/chakra-ui/chakra-ui/pull/3447) Thanks
+  [@dodas](https://github.com/dodas)! - `TabPanels` component can now be styled
+  from `Tabs` component theme, specifying the `tabpanels` part.
+
+### Patch Changes
+
+- Updated dependencies
+  [[`83ae62905`](https://github.com/chakra-ui/chakra-ui/commit/83ae62905935fdb3104380d6fd845159b00095fa),
+  [`87cc23e14`](https://github.com/chakra-ui/chakra-ui/commit/87cc23e14814e02cbbfc9737c2356cef682ddd5d)]:
+  - @chakra-ui/hooks@1.1.5
+  - @chakra-ui/utils@1.3.0
+  - @chakra-ui/descendant@1.0.8
+  - @chakra-ui/clickable@1.0.5
+
 ## 1.1.1
@@ -4,0 +23,0 @@

dist/cjs/tabs.js

@@ -146,6 +146,8 @@ "use strict";
   var panelsProps = (0, _useTabs2.useTabPanels)(props);
+  var styles = (0, _system.useStyles)();
   return /*#__PURE__*/React.createElement(_system.chakra.div, _extends({}, panelsProps, {
     width: "100%",
     ref: ref,
-    className: (0, _utils.cx)("chakra-tabs__tab-panels", props.className)
+    className: (0, _utils.cx)("chakra-tabs__tab-panels", props.className),
+    __css: styles.tabpanels
   }));
@@ -152,0 +154,0 @@ });

dist/esm/tabs.js

@@ -132,6 +132,8 @@ 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 panelsProps = useTabPanels(props);
+  var styles = useStyles();
   return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelsProps, {
     width: "100%",
     ref: ref,
-    className: cx("chakra-tabs__tab-panels", props.className)
+    className: cx("chakra-tabs__tab-panels", props.className),
+    __css: styles.tabpanels
   }));
@@ -138,0 +140,0 @@ });

package.json

 {
   "name": "@chakra-ui/tabs",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Accessible Tabs component for React and Chakra UI",
@@ -64,9 +64,9 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/clickable": "1.0.4",
-    "@chakra-ui/descendant": "1.0.7",
-    "@chakra-ui/hooks": "1.1.4",
-    "@chakra-ui/utils": "1.2.0"
+    "@chakra-ui/clickable": "1.0.5",
+    "@chakra-ui/descendant": "1.0.8",
+    "@chakra-ui/hooks": "1.1.5",
+    "@chakra-ui/utils": "1.3.0"
   },
   "devDependencies": {
-    "@chakra-ui/system": "1.3.0",
+    "@chakra-ui/system": "1.4.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

165094

increased by0.69%

Lines of code

1920

increased by0.21%

Dependency changes

• + Added@chakra-ui/clickable@1.0.5(transitive)

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

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

• + Added@chakra-ui/utils@1.3.0(transitive)

• - Removed@chakra-ui/clickable@1.0.4(transitive)

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

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

• - Removed@chakra-ui/utils@1.2.0(transitive)

• Updated@chakra-ui/clickable@1.0.5

• Updated@chakra-ui/descendant@1.0.8

• Updated@chakra-ui/hooks@1.1.5

• Updated@chakra-ui/utils@1.3.0