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

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [3.0.0-beta.49](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.48...v3.0.0-beta.49) (2024-08-27)
+
+
+### Bug Fixes
+
+* Tip banner align ([f1b3ad2](https://github.com/occmundial/occ-atomic/commit/f1b3ad2143c360978d9e067b8298b3c90a306ddc))
+
+# [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/build/Tip/Tip.js

@@ -72,7 +72,8 @@ var Tip = function Tip(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     flex: "1",
-    alignItems: "stretch"
+    alignItems: "stretch",
+    justifyContent: banner ? 'center' : ' '
   }, icon && theme !== PROMOTE && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     iconName: icons[theme],
     className: classes.icon,
@@ -82,7 +83,7 @@ var Tip = function Tip(_ref) {
     direction: size === 'small' ? 'col' : 'row',
     justifyContent: banner ? 'center' : 'start',
     alignSelf: "center",
-    flex: "1",
+    flex: banner ? "" : "1",
     className: banner ? " ".concat(classes.maxWidth) : ''
   }, /*#__PURE__*/_react["default"].createElement(_TipText["default"], {
     classes: "".concat(classes.normalText, " ").concat(classes[colorTextClasses[theme]]).concat(!banner ? " ".concat(classes.growText) : ''),

package/build/Tip/styles.js

@@ -153,8 +153,7 @@ var _default = {
     flexGrow: 1
   },
   maxWidth: {
-    maxWidth: '1200px',
-    margin: [0, 'auto']
+    maxWidth: '1200px'
   }
 };
 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.49",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",