@digigov/react-core 0.20.0-navlist.alpha → 0.20.0-navlist.alpha.2

package/Masthead/index.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface MastheadProps extends BaseProps<'div'> {
+    /**
+     *
+     * color prop changes the background color of MastHead component.
+     * default value is primary.
+     */
+    color?: 'primary' | 'secondary';
 }
 /**
  * Use the Masthead on the top of the page.

package/Masthead/index.js

@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "color"];
 
 /**
  * Use the Masthead on the top of the page.
@@ -25,11 +25,13 @@ var _excluded = ["className", "children"];
 var Masthead = /*#__PURE__*/_react["default"].forwardRef(function Masthead(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, true && ['govgr-masthead', 'govgr-background-dark'])
+    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
   }, props), children);
 });
 

package/es/Masthead/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "color"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,12 +11,14 @@ import clsx from 'clsx';
 export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && ['govgr-masthead', 'govgr-background-dark'])
+    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
   }, props), children);
 });
 export default Masthead;

package/esm/Masthead/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "color"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,12 +11,14 @@ import clsx from 'clsx';
 export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && ['govgr-masthead', 'govgr-background-dark'])
+    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
   }, props), children);
 });
 export default Masthead;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.20.0-navlist.alpha
+/** @license Digigov v0.20.0-navlist.alpha.2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.20.0-navlist.alpha",
+  "version": "0.20.0-navlist.alpha.2",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,7 +11,7 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.30.1-navlist.alpha",
+    "@digigov/css": "0.31.0-navlist.alpha.2",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/src/Masthead/index.tsx

@@ -2,19 +2,28 @@ import React from 'react';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
-export interface MastheadProps extends BaseProps<'div'> {}
+export interface MastheadProps extends BaseProps<'div'> {
+  /**
+   *
+   * color prop changes the background color of MastHead component.
+   * default value is primary.
+   */
+  color?: 'primary' | 'secondary';
+}
 /**
  * Use the Masthead on the top of the page.
  */
 export const Masthead = React.forwardRef<HTMLDivElement, MastheadProps>(
-  function Masthead({ className, children, ...props }, ref) {
+  function Masthead({ className, children, color = 'primary', ...props }, ref) {
     return (
       <Base
         as="div"
         ref={ref}
         className={clsx(className, {
           'govgr-masthead': true,
-          'govgr-background-dark': true,
+          'govgr-background-dark': color === 'primary',
+          'govgr-masthead--primary': color === 'primary',
+          'govgr-masthead--secondary': color === 'secondary',
         })}
         {...props}
       >