@kaizen/tabs - npm Package Compare versions

Comparing version 1.5.43 to 1.5.44

CHANGELOG.md

 # Change Log
 
+## 1.5.44
+
+### Patch Changes
+
+- [#3608](https://github.com/cultureamp/kaizen-design-system/pull/3608) [`cc96d9835`](https://github.com/cultureamp/kaizen-design-system/commit/cc96d98351ae380fe1a1e8a33d65d80232ed7a57) - Update usages of classnames to not use object syntax
+
+- Updated dependencies [[`cc96d9835`](https://github.com/cultureamp/kaizen-design-system/commit/cc96d98351ae380fe1a1e8a33d65d80232ed7a57)]:
+  - @kaizen/design-tokens@10.3.7
+  - @kaizen/draft-badge@1.13.9
+
 ## 1.5.43
@@ -4,0 +14,0 @@

package.json

 {
   "name": "@kaizen/tabs",
-  "version": "1.5.43",
+  "version": "1.5.44",
   "description": "Tabs component",
@@ -9,3 +9,3 @@ "scripts": {
     "build:watch": "yarn clean && yarn prepublish --watch",
-    "clean": "rimraf '**/*.d.ts' '**/*.js' '**/*.map'"
+    "clean": "rimraf -g '**/*.d.ts' '**/*.js' '**/*.map'"
   },
@@ -33,15 +33,14 @@ "repository": {
   "dependencies": {
-    "@kaizen/draft-badge": "^1.13.8",
+    "@kaizen/draft-badge": "^1.13.9",
     "@reach/tabs": "^0.18.0",
-    "@types/classnames": "^2.3.1",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
-    "@kaizen/button": "^2.1.5",
-    "@kaizen/draft-card": "^3.2.8"
+    "@kaizen/button": "^3.0.1",
+    "@kaizen/draft-card": "^3.2.9"
   },
   "peerDependencies": {
-    "@kaizen/design-tokens": "^2.10.3 || ^3.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0",
+    "@kaizen/design-tokens": "^10.3.7",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   }
 }

src/Tab.js

@@ -39,6 +39,5 @@ "use strict";
 var Tab = function (props) {
-    var _a;
     var isSelected = props.isSelected, badge = props.badge, disabled = props.disabled, children = props.children;
-    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
-    var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
+    var _a = (0, react_1.useState)(false), isHovered = _a[0], setIsHovered = _a[1];
+    var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
     var showActiveBadge = isSelected || isHovered || isFocused;
@@ -55,3 +54,3 @@ var onFocus = function (event) {
     };
-    return (react_1["default"].createElement(tabs_1.Tab, { disabled: disabled, className: (0, classnames_1["default"])(Tab_module_scss_1["default"].tab, (_a = {}, _a[Tab_module_scss_1["default"].selected] = isSelected, _a)), onFocus: onFocus, onBlur: onBlur, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
+    return (react_1["default"].createElement(tabs_1.Tab, { disabled: disabled, className: (0, classnames_1["default"])(Tab_module_scss_1["default"].tab, isSelected && Tab_module_scss_1["default"].selected), onFocus: onFocus, onBlur: onBlur, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
         children,
@@ -58,0 +57,0 @@ badge && (react_1["default"].createElement("span", { className: Tab_module_scss_1["default"].badge },

src/TabList.js

@@ -15,9 +15,6 @@ "use strict";
 var TabList = function (props) {
-    var _a;
-    var ariaLabel = props["aria-label"], _b = props.noPadding, noPadding = _b === void 0 ? false : _b, children = props.children;
-    return (react_1["default"].createElement(tabs_1.TabList, { "aria-label": ariaLabel, className: (0, classnames_1["default"])(TabList_module_scss_1["default"].tabList, (_a = {},
-            _a[TabList_module_scss_1["default"].noPadding] = noPadding,
-            _a)) }, children));
+    var ariaLabel = props["aria-label"], _a = props.noPadding, noPadding = _a === void 0 ? false : _a, children = props.children;
+    return (react_1["default"].createElement(tabs_1.TabList, { "aria-label": ariaLabel, className: (0, classnames_1["default"])(TabList_module_scss_1["default"].tabList, noPadding && TabList_module_scss_1["default"].noPadding) }, children));
 };
 exports.TabList = TabList;
 //# sourceMappingURL=TabList.js.map

No alert changes

Improved metrics

Total package byte prevSize

44865

increased by0.63%

Dependency count

5

decreased by-16.67%

Worsened metrics

Lines of code

244

decreased by-1.61%

Dependency changes

• - Removed@types/classnames@^2.3.1

• - Removed@types/classnames@2.3.4(transitive)

• Updated@kaizen/draft-badge@^1.13.9