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

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ # [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)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * Validate tab status to set correct styles ([1261415](https://github.com/occmundial/occ-atomic/commit/1261415e7ae4cc06336cd62fc6122c5a3152b0f5))
7
+ * Validate tab status to set correct styles ([c125026](https://github.com/occmundial/occ-atomic/commit/c125026d0af8504be3188e1f04a2a83c48ce0c46))
8
+
9
+ # [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)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * Adjust icon size and align button items ([41702cc](https://github.com/occmundial/occ-atomic/commit/41702cc20135eb298d730a41e51d87e04bc86051))
15
+
1
16
  # [3.0.0-beta.46](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.45...v3.0.0-beta.46) (2024-08-26)
2
17
 
3
18
 
@@ -40,16 +40,17 @@ function Tab(props) {
40
40
  role: "tab",
41
41
  onClick: onClickHandler,
42
42
  disabled: disabled,
43
- className: "".concat(classes.button, " ").concat(classes[size]).concat(value === currentValue ? " ".concat(classes.selected) : '').concat(!disabled ? " ".concat(classes.enabled) : " ".concat(classes.disabled)),
43
+ className: "".concat(classes.button, " ").concat(classes[size]).concat(value === currentValue && !disabled ? " ".concat(classes.selected) : '').concat(!disabled ? " ".concat(classes.enabled) : " ".concat(classes.disabled)),
44
44
  type: "button",
45
45
  id: "tab-".concat(value),
46
46
  tabIndex: value === currentValue ? 0 : -1,
47
47
  "data-testid": testId,
48
48
  "aria-controls": "tabpanel-".concat(value)
49
49
  }, icon ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
50
- size: iconSize,
50
+ width: iconSize,
51
+ height: iconSize,
51
52
  iconName: icon,
52
- className: "".concat(classes.icon).concat(disabled ? " ".concat(classes.iconDisabled) : ''),
53
+ className: "".concat(classes.icon).concat(value === currentValue && !disabled ? " ".concat(classes.iconSelected) : '').concat(disabled ? " ".concat(classes.iconDisabled) : ''),
53
54
  transition: "all cubic-bezier(0.25,0.46,0.45,0.94) 0.2s"
54
55
  }) : '', title, counter ? /*#__PURE__*/_react["default"].createElement("span", null, counter) : '');
55
56
  }
@@ -25,7 +25,8 @@ var _default = {
25
25
  background: 'transparent',
26
26
  border: 0,
27
27
  transition: 'all cubic-bezier(0.25,0.46,0.45,0.94) 0.2s',
28
- whiteSpace: 'nowrap'
28
+ whiteSpace: 'nowrap',
29
+ alignItems: 'center'
29
30
  },
30
31
  enabled: {
31
32
  color: _colors["default"].text.corp.secondary,
@@ -65,6 +66,9 @@ var _default = {
65
66
  },
66
67
  iconDisabled: {
67
68
  fill: _colors["default"].icon["default"].disabled
69
+ },
70
+ iconSelected: {
71
+ fill: _colors["default"].icon["default"].bold
68
72
  }
69
73
  };
70
74
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@occmundial/occ-atomic",
3
- "version": "3.0.0-beta.46",
3
+ "version": "3.0.0-beta.48",
4
4
  "description": "Collection of shareable styled React components for OCC applications.",
5
5
  "homepage": "http://occmundial.github.io/occ-atomic",
6
6
  "main": "build/index.js",