@occmundial/occ-atomic 3.0.0-beta.47 → 3.0.0-beta.48

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [3.0.0-beta.48](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.47...v3.0.0-beta.48) (2024-08-26)
+
+
+### Bug Fixes
+
+* Validate tab status to set correct styles ([1261415](https://github.com/occmundial/occ-atomic/commit/1261415e7ae4cc06336cd62fc6122c5a3152b0f5))
+* Validate tab status to set correct styles ([c125026](https://github.com/occmundial/occ-atomic/commit/c125026d0af8504be3188e1f04a2a83c48ce0c46))
+
 # [3.0.0-beta.47](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.46...v3.0.0-beta.47) (2024-08-26)
 
 

package/build/Tabs/Tab/Tab.js

@@ -40,7 +40,7 @@ function Tab(props) {
     role: "tab",
     onClick: onClickHandler,
     disabled: disabled,
-    className: "".concat(classes.button, " ").concat(classes[size]).concat(value === currentValue ? " ".concat(classes.selected) : '').concat(!disabled ? " ".concat(classes.enabled) : " ".concat(classes.disabled)),
+    className: "".concat(classes.button, " ").concat(classes[size]).concat(value === currentValue && !disabled ? " ".concat(classes.selected) : '').concat(!disabled ? " ".concat(classes.enabled) : " ".concat(classes.disabled)),
     type: "button",
     id: "tab-".concat(value),
     tabIndex: value === currentValue ? 0 : -1,
@@ -50,7 +50,7 @@ function Tab(props) {
     width: iconSize,
     height: iconSize,
     iconName: icon,
-    className: "".concat(classes.icon).concat(disabled ? " ".concat(classes.iconDisabled) : ''),
+    className: "".concat(classes.icon).concat(value === currentValue && !disabled ? " ".concat(classes.iconSelected) : '').concat(disabled ? " ".concat(classes.iconDisabled) : ''),
     transition: "all cubic-bezier(0.25,0.46,0.45,0.94) 0.2s"
   }) : '', title, counter ? /*#__PURE__*/_react["default"].createElement("span", null, counter) : '');
 }

package/build/Tabs/Tab/styles.js

@@ -66,6 +66,9 @@ var _default = {
   },
   iconDisabled: {
     fill: _colors["default"].icon["default"].disabled
+  },
+  iconSelected: {
+    fill: _colors["default"].icon["default"].bold
   }
 };
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "3.0.0-beta.47",
+  "version": "3.0.0-beta.48",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",