@occmundial/occ-atomic 3.0.0-beta.64 → 3.0.0-beta.65

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# [3.0.0-beta.65](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.64...v3.0.0-beta.65) (2024-10-04)
+
+
+### Bug Fixes
+
+* Menu items dense prop ([c8cbfac](https://github.com/occmundial/occ-atomic/commit/c8cbfac53fc263ce87e6f36ea9b6b853eb8e832e))
+* NavAvatar button props and adjusment to documentation ([e963e9e](https://github.com/occmundial/occ-atomic/commit/e963e9e0088126499b419f2e27451b8276d28b7c))
+* Renoved menu default padding ([abb3bcb](https://github.com/occmundial/occ-atomic/commit/abb3bcbc0e2dca02a92e629d736c00b2f5bf5888))
+* Spacing classes incorrect generation ([0f3bc9e](https://github.com/occmundial/occ-atomic/commit/0f3bc9eb8d380d48a66b17b5771f56aed31ff0e6))
+
 # [3.0.0-beta.64](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.63...v3.0.0-beta.64) (2024-10-03)
 
 

package/build/Menu/styles.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _colors = _interopRequireDefault(require("../tokens/colors.json"));
 
-var _spacing = _interopRequireDefault(require("../tokens/spacing.json"));
-
 var _borderRadius = _interopRequireDefault(require("../tokens/borderRadius.json"));
 
 var _shadows = _interopRequireDefault(require("../tokens/shadows.json"));
@@ -21,7 +19,6 @@ var _default = {
     backgroundColor: _colors["default"].bg.surface["default"],
     borderRadius: _borderRadius["default"]['br-sm'],
     border: "1px solid ".concat(_colors["default"].border["default"]["default"]),
-    padding: _spacing["default"]['size-2'],
     boxShadow: _shadows["default"]['elevation-elevation-5']
   }
 };

package/build/MenuItemBase/MenuItemBase.js

@@ -9,8 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _MenuListProvider = require("../Provider/MenuListProvider");
-
 var _excluded = ["classes", "alignItems", "className", "nonActivatable", "dense", "disablePadding", "disableGutters", "children", "selected", "component"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -43,11 +41,9 @@ function MenuItemBase(_ref, ref) {
       component = _ref$component === void 0 ? 'div' : _ref$component,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var listContext = (0, _MenuListProvider.useMenuListContext)();
-  var isDense = typeof dense === 'undefined' ? listContext.dense : dense;
   var classNames = classes.root;
   classNames += className ? " ".concat(className) : '';
-  classNames += !disablePadding ? isDense ? " ".concat(classes.paddingVerticalDense) : " ".concat(classes.paddingVertical) : '';
+  classNames += !disablePadding ? dense ? " ".concat(classes.paddingVerticalDense) : " ".concat(classes.paddingVertical) : '';
   classNames += !disablePadding && !disableGutters ? " ".concat(classes.paddingHorizontal) : '';
   classNames += alignItems === 'center' ? " ".concat(classes.alignItemsCenter) : " ".concat(classes.alignItemsStart);
   classNames += component === 'a' ? " ".concat(classes.containerAnchor) : '';

package/build/MenuList/styles.js

@@ -30,10 +30,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function generateSpacingClasses() {
   var spacingClasses = {};
 
-  for (var _i = 0, _Object$values = Object.values(_spacing["default"]); _i < _Object$values.length; _i++) {
-    var _Object$values$_i = _slicedToArray(_Object$values[_i], 2),
-        key = _Object$values$_i[0],
-        value = _Object$values$_i[1];
+  for (var _i = 0, _Object$entries = Object.entries(_spacing["default"]); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
 
     spacingClasses[key] = {
       padding: value

package/build/MenuUser/MenuUser.js

@@ -68,7 +68,6 @@ function MenuUser(_ref, ref) {
   }, subtitleTextProps), subtitle);
   return /*#__PURE__*/_react["default"].createElement(_MenuItemBase["default"], _extends({
     className: className && className.root,
-    dense: isDense,
     component: component,
     ref: ref,
     style: style && style.root

package/build/NavAvatarButton/NavAvatarButton.js

@@ -13,7 +13,7 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-var _excluded = ["classes", "name", "disabled", "darkMode", "noCompact", "theme", "photo", "className"];
+var _excluded = ["classes", "style", "name", "disabled", "darkMode", "noCompact", "theme", "photo", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -26,6 +26,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /** Button with avatar designed to be used with the NavTab component */
 function NavAvatarButton(_ref) {
   var classes = _ref.classes,
+      style = _ref.style,
       name = _ref.name,
       disabled = _ref.disabled,
       _ref$darkMode = _ref.darkMode,
@@ -38,17 +39,20 @@ function NavAvatarButton(_ref) {
 
   var buttonClasses = classes.avatarButton;
   buttonClasses += !noCompact ? " ".concat(classes.mini) : '';
-  buttonClasses += className ? " ".concat(className) : '';
+  buttonClasses += className && className.button ? " ".concat(className.button) : '';
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
     iconRight: "chevron-down",
     theme: theme ? theme : darkMode ? 'ghostWhite' : 'ghostGrey',
     disabled: disabled
   }, buttonProps, {
-    className: buttonClasses
+    className: buttonClasses,
+    style: style && style.button
   }), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+    className: className && className.avatar ? " ".concat(className.avatar) : '',
     photo: photo,
     name: name,
-    disabled: disabled
+    disabled: disabled,
+    style: style && style.avatar
   }));
 }
 
@@ -59,10 +63,16 @@ NavAvatarButton.propTypes = {
   id: _propTypes["default"].string,
 
   /** Button`s container classname */
-  className: _propTypes["default"].string,
+  className: _propTypes["default"].exact({
+    button: _propTypes["default"].string,
+    avatar: _propTypes["default"].string
+  }),
 
   /** Button`s container style */
-  style: _propTypes["default"].object,
+  style: _propTypes["default"].exact({
+    button: _propTypes["default"].object,
+    avatar: _propTypes["default"].object
+  }),
 
   /** If true sets button ghostGrey theme otherwise sets ghostWhite theme. This props is ignored is theme is set.  */
   darkMode: _propTypes["default"].bool,
@@ -76,7 +86,7 @@ NavAvatarButton.propTypes = {
   /** The button has three different sizes: sm, md, lg. */
   size: _propTypes["default"].oneOf(['sm', 'md', 'lg']),
 
-  /** The content of the component. */
+  /** Adds content to the body of NavAside. */
   children: _propTypes["default"].node,
 
   /** It disables the button and shows it with the proper theme. */

package/package.json

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