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

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Features
+
+* Added NavAvatarButton documetation and made some small adjustments ([24abd49](https://github.com/occmundial/occ-atomic/commit/24abd49f6c64a963f44a16f9b9a0f69bdd7d381d))
+
+# [3.0.0-beta.63](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.62...v3.0.0-beta.63) (2024-09-30)
+
+
+### Bug Fixes
+
+* Exampl4 button color ([db1879e](https://github.com/occmundial/occ-atomic/commit/db1879ec8445274018099ef3acd41fee8dc097b4))
+
 # [3.0.0-beta.62](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.61...v3.0.0-beta.62) (2024-09-30)
 
 

package/build/NavAvatarButton/NavAvatarButton.js

@@ -13,35 +13,35 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-var _excluded = ["classes", "name", "disabled", "theme", "dense", "photo", "className"];
+var _excluded = ["classes", "name", "disabled", "darkMode", "noCompact", "theme", "photo", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function NavButton(_ref) {
+/** Button with avatar designed to be used with the NavTab component */
+function NavAvatarButton(_ref) {
   var classes = _ref.classes,
       name = _ref.name,
       disabled = _ref.disabled,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'ghostWhite' : _ref$theme,
-      dense = _ref.dense,
+      _ref$darkMode = _ref.darkMode,
+      darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
+      noCompact = _ref.noCompact,
+      theme = _ref.theme,
       photo = _ref.photo,
       className = _ref.className,
       buttonProps = _objectWithoutProperties(_ref, _excluded);
 
   var buttonClasses = classes.avatarButton;
-  buttonClasses += dense ? " ".concat(classes.mini) : '';
+  buttonClasses += !noCompact ? " ".concat(classes.mini) : '';
   buttonClasses += className ? " ".concat(className) : '';
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
     iconRight: "chevron-down",
-    theme: theme,
+    theme: theme ? theme : darkMode ? 'ghostWhite' : 'ghostGrey',
     disabled: disabled
   }, buttonProps, {
     className: buttonClasses
@@ -52,7 +52,7 @@ function NavButton(_ref) {
   }));
 }
 
-NavButton.propTypes = _defineProperty({
+NavAvatarButton.propTypes = {
   classes: _propTypes["default"].object.isRequired,
 
   /** Button`s container ids */
@@ -64,11 +64,11 @@ NavButton.propTypes = _defineProperty({
   /** Button`s container style */
   style: _propTypes["default"].object,
 
-  /** Mini variant  */
-  dense: _propTypes["default"].bool,
+  /** If true sets button ghostGrey theme otherwise sets ghostWhite theme. This props is ignored is theme is set.  */
+  darkMode: _propTypes["default"].bool,
 
-  /** The content of the component. */
-  children: _propTypes["default"].node,
+  /** Restores button default paddings  */
+  noCompact: _propTypes["default"].bool,
 
   /** There are four themes available: main, secondary, white, blue, flat. */
   theme: _propTypes["default"].oneOf(['primary', 'secondary', 'tertiary', 'tertiaryWhite', 'ghostPink', 'ghostGrey', 'ghostWhite']),
@@ -76,21 +76,12 @@ NavButton.propTypes = _defineProperty({
   /** The button has three different sizes: sm, md, lg. */
   size: _propTypes["default"].oneOf(['sm', 'md', 'lg']),
 
-  /** The block property lets the button expand to ocupy the whole width of its parent. */
-  block: _propTypes["default"].bool,
+  /** The content of the component. */
+  children: _propTypes["default"].node,
 
   /** It disables the button and shows it with the proper theme. */
   disabled: _propTypes["default"].bool,
 
-  /** Use the name of any of the icons available in the library. */
-  icon: _propTypes["default"].string,
-
-  /** Use the name of any of the icons available in the library. The icon will be rendered on the right side of the button. */
-  iconRight: _propTypes["default"].string,
-
-  /** Property to make the button round when it only has an icon. */
-  round: _propTypes["default"].bool,
-
   /** The loading property disables the button and shows a loading icon spinning. */
   loading: _propTypes["default"].bool,
 
@@ -123,6 +114,6 @@ NavButton.propTypes = _defineProperty({
 
   /** Pass a name to show two initials. */
   name: _propTypes["default"].string
-}, "size", _propTypes["default"].number);
-var _default = NavButton;
+};
+var _default = NavAvatarButton;
 exports["default"] = _default;

package/package.json

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