@bigbinary/neeto-molecules 2.0.2 → 2.0.3

package/dist/Container.js

@@ -9,12 +9,14 @@ n(css,{});
 var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$isHeaderFixed = _ref.isHeaderFixed,
     isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children;
   return /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
     className: classnames("neeto-molecules-container", {
       "neeto-molecules-container--header-fixed": isHeaderFixed
-    })
+    }, className)
   }, children);
 });
 Container.displayName = "Container";
@@ -22,7 +24,11 @@ Container.propTypes = {
   /**
    * Decides whether the `Header` component should be stickied at the top on scroll.
    */
-  isHeaderFixed: propTypes.exports.bool
+  isHeaderFixed: propTypes.exports.bool,
+  /**
+   * Additional classes to be added to the modal
+   */
+  className: propTypes.exports.string
 };
 
 export { Container as default };

package/dist/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../src/components/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(({ isHeaderFixed = false, children }, ref) => (\n  <div\n    ref={ref}\n    className={classnames(\"neeto-molecules-container\", {\n      \"neeto-molecules-container--header-fixed\": isHeaderFixed,\n    })}\n  >\n    {children}\n  </div>\n));\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","children","React","createElement","className","classnames","displayName","propTypes","PropTypes","bool"],"mappings":";;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAsCC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtCG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,oBAC7DC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,SAAS,EAAEC,UAAU,CAAC,2BAA2B,EAAE;AACjD,MAAA,yCAAyC,EAAEL,aAAAA;KAC5C,CAAA;AAAE,GAAA,EAEFC,QACE,CAAC,CAAA;AAAA,CACP,EAAC;AAEFN,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,iBAAS,CAACC,IAAAA;AAC3B,CAAC;;;;"}
+{"version":3,"file":"Container.js","sources":["../src/components/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(\n  ({ isHeaderFixed = false, className = \"\", children }, ref) => (\n    <div\n      {...{ ref }}\n      className={classnames(\n        \"neeto-molecules-container\",\n        { \"neeto-molecules-container--header-fixed\": isHeaderFixed },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n);\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","_ref$className","className","children","React","createElement","classnames","displayName","propTypes","PropTypes","bool","string"],"mappings":";;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,UAAU,CAC1B,UAAAC,IAAA,EAAsDC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtDG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,cAAA,GAAAJ,IAAA,CAAEK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;EAAA,oBAChDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACQP,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEI,UAAU,CACnB,2BAA2B,EAC3B;AAAE,MAAA,yCAAyC,EAAEN,aAAAA;AAAc,KAAC,EAC5DE,SACF,CAAA;AAAE,GAAA,EAEDC,QACE,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDR,SAAS,CAACY,WAAW,GAAG,WAAW,CAAA;AAEnCZ,SAAS,CAACa,SAAS,GAAG;AACpB;AACF;AACA;EACER,aAAa,EAAES,iBAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACER,SAAS,EAAEO,iBAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}

package/dist/cjs/Container.js

@@ -16,12 +16,14 @@ injectCss.n(css,{});
 var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$isHeaderFixed = _ref.isHeaderFixed,
     isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: ref,
     className: classnames__default["default"]("neeto-molecules-container", {
       "neeto-molecules-container--header-fixed": isHeaderFixed
-    })
+    }, className)
   }, children);
 });
 Container.displayName = "Container";
@@ -29,7 +31,11 @@ Container.propTypes = {
   /**
    * Decides whether the `Header` component should be stickied at the top on scroll.
    */
-  isHeaderFixed: index.propTypes.exports.bool
+  isHeaderFixed: index.propTypes.exports.bool,
+  /**
+   * Additional classes to be added to the modal
+   */
+  className: index.propTypes.exports.string
 };
 
 module.exports = Container;

package/dist/cjs/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../src/components/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(({ isHeaderFixed = false, children }, ref) => (\n  <div\n    ref={ref}\n    className={classnames(\"neeto-molecules-container\", {\n      \"neeto-molecules-container--header-fixed\": isHeaderFixed,\n    })}\n  >\n    {children}\n  </div>\n));\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","children","React","createElement","className","classnames","displayName","propTypes","PropTypes","bool"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAsCC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtCG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,oBAC7DC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,SAAS,EAAEC,8BAAU,CAAC,2BAA2B,EAAE;AACjD,MAAA,yCAAyC,EAAEL,aAAAA;KAC5C,CAAA;AAAE,GAAA,EAEFC,QACE,CAAC,CAAA;AAAA,CACP,EAAC;AAEFN,SAAS,CAACW,WAAW,GAAG,WAAW,CAAA;AAEnCX,SAAS,CAACY,SAAS,GAAG;AACpB;AACF;AACA;EACEP,aAAa,EAAEQ,uBAAS,CAACC,IAAAA;AAC3B,CAAC;;;;"}
+{"version":3,"file":"Container.js","sources":["../../src/components/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./container.scss\";\n\nconst Container = forwardRef(\n  ({ isHeaderFixed = false, className = \"\", children }, ref) => (\n    <div\n      {...{ ref }}\n      className={classnames(\n        \"neeto-molecules-container\",\n        { \"neeto-molecules-container--header-fixed\": isHeaderFixed },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n);\n\nContainer.displayName = \"Container\";\n\nContainer.propTypes = {\n  /**\n   * Decides whether the `Header` component should be stickied at the top on scroll.\n   */\n  isHeaderFixed: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n};\n\nexport default Container;\n"],"names":["Container","forwardRef","_ref","ref","_ref$isHeaderFixed","isHeaderFixed","_ref$className","className","children","React","createElement","classnames","displayName","propTypes","PropTypes","bool","string"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,gBAAU,CAC1B,UAAAC,IAAA,EAAsDC,GAAG,EAAA;AAAA,EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAAtDG,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,cAAA,GAAAJ,IAAA,CAAEK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;EAAA,oBAChDC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACQP,IAAAA,GAAG,EAAHA,GAAG;AACTI,IAAAA,SAAS,EAAEI,8BAAU,CACnB,2BAA2B,EAC3B;AAAE,MAAA,yCAAyC,EAAEN,aAAAA;AAAc,KAAC,EAC5DE,SACF,CAAA;AAAE,GAAA,EAEDC,QACE,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDR,SAAS,CAACY,WAAW,GAAG,WAAW,CAAA;AAEnCZ,SAAS,CAACa,SAAS,GAAG;AACpB;AACF;AACA;EACER,aAAa,EAAES,uBAAS,CAACC,IAAI;AAC7B;AACF;AACA;EACER,SAAS,EAAEO,uBAAS,CAACE,MAAAA;AACvB,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/Container.d.ts

@@ -31,5 +31,6 @@ import React from "react";
 */
 const Container: React.FC<{
   isHeaderFixed?: boolean;
+  className?: string;
 }>;
 export default Container;