opus-toolkit-components 1.5.0 → 1.5.2

package/lib/opus-components.main.js

@@ -573,7 +573,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ``, "",{"version":3,"sources":[],"names
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.navbar .nav-logo{max-height:40px}`, "",{"version":3,"sources":["webpack://./src/components/Navbar/navbar.scss"],"names":[],"mappings":"AACI,kBACI,eAAA","sourcesContent":[".navbar {\r\n    .nav-logo {\r\n        max-height: 40px;\r\n    }\r\n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.navbar .nav-logo{height:40px;width:auto}`, "",{"version":3,"sources":["webpack://./src/components/Navbar/navbar.scss"],"names":[],"mappings":"AACI,kBACI,WAAA,CACA,UAAA","sourcesContent":[".navbar {\r\n    .nav-logo {\r\n        height: 40px;\r\n        width: auto;\r\n    }\r\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -12990,31 +12990,38 @@ var navbar_update = injectStylesIntoStyleTag_default()(navbar/* default */.A, na
 
        /* harmony default export */ const Navbar_navbar = (navbar/* default */.A && navbar/* default */.A.locals ? navbar/* default */.A.locals : undefined);
 
-;// external "opus-toolkit-styles/assets/logos/c247-icon-only.svg"
-const c247_icon_only_svg_namespaceObject = require("opus-toolkit-styles/assets/logos/c247-icon-only.svg");
-var c247_icon_only_svg_default = /*#__PURE__*/__webpack_require__.n(c247_icon_only_svg_namespaceObject);
+;// external "opus-toolkit-styles/assets/logos/c247-icon-only.png"
+const c247_icon_only_png_namespaceObject = require("opus-toolkit-styles/assets/logos/c247-icon-only.png");
+var c247_icon_only_png_default = /*#__PURE__*/__webpack_require__.n(c247_icon_only_png_namespaceObject);
+;// external "opus-toolkit-styles/assets/logos/c247-icon-only-2x.png"
+const c247_icon_only_2x_png_namespaceObject = require("opus-toolkit-styles/assets/logos/c247-icon-only-2x.png");
+var c247_icon_only_2x_png_default = /*#__PURE__*/__webpack_require__.n(c247_icon_only_2x_png_namespaceObject);
 ;// ./src/components/Navbar/Navbar.jsx
 
 
 
+// Default logo variants
+
+
 const Navbar = _ref => {
   let {
     children,
     logo,
-    className = '',
-    maxWidth = '1200px'
+    className = "",
+    maxWidth = "1200px"
   } = _ref;
   return /*#__PURE__*/external_react_default().createElement("nav", {
-    className: "p-4 w-full bg-[--color-primary-bg] shadow-lg navbar ".concat(className)
+    className: "navbar w-full bg-[--color-primary-bg] p-4 shadow-lg ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "mx-auto flex items-center justify-between w-full",
+    className: "mx-auto flex w-full items-center justify-between",
     style: {
       maxWidth
     }
   }, /*#__PURE__*/external_react_default().createElement("img", {
-    src: logo || (c247_icon_only_svg_default()),
+    src: logo || (c247_icon_only_png_default()),
+    srcSet: "".concat((c247_icon_only_png_default()), " 1x, ").concat((c247_icon_only_2x_png_default()), " 2x"),
     alt: "Navbar Logo",
-    className: "nav-logo"
+    className: "nav-logo h-10 w-auto"
   }), /*#__PURE__*/external_react_default().createElement("div", {
     className: "right-content text-[--color-text-strong]"
   }, children)));
@@ -13144,23 +13151,27 @@ const Modal = _ref => {
   }, footer)));
 };
 /* harmony default export */ const Modals_Modal = (Modal);
-;// external "opus-toolkit-styles/assets/logos/footer-logos.svg"
-const footer_logos_svg_namespaceObject = require("opus-toolkit-styles/assets/logos/footer-logos.svg");
-var footer_logos_svg_default = /*#__PURE__*/__webpack_require__.n(footer_logos_svg_namespaceObject);
+;// external "opus-toolkit-styles/assets/logos/footer-logo-group.png"
+const footer_logo_group_png_namespaceObject = require("opus-toolkit-styles/assets/logos/footer-logo-group.png");
+var footer_logo_group_png_default = /*#__PURE__*/__webpack_require__.n(footer_logo_group_png_namespaceObject);
+;// external "opus-toolkit-styles/assets/logos/footer-logo-group-2x.png"
+const footer_logo_group_2x_png_namespaceObject = require("opus-toolkit-styles/assets/logos/footer-logo-group-2x.png");
+var footer_logo_group_2x_png_default = /*#__PURE__*/__webpack_require__.n(footer_logo_group_2x_png_namespaceObject);
 ;// ./src/components/Cookie/Cookie.jsx
 
 
 
 
+
 const CookieBanner = _ref => {
   let {
     logo,
-    policyTxt = 'This website uses cookies to ensure you get the best experience on our site. By clicking Accept, you consent to the use of cookies.',
-    linkTxt = 'Learn More',
+    policyTxt = "This website uses cookies to ensure you get the best experience on our site. By clicking Accept, you consent to the use of cookies.",
+    linkTxt = "Learn More",
     isVisible = true,
     onAccept = () => {},
     onLearnMore = () => {},
-    intent = 'brandSecondary'
+    intent = "brandSecondary"
   } = _ref;
   const [show, setShow] = (0,external_react_.useState)(false);
   const [render, setRender] = (0,external_react_.useState)(isVisible);
@@ -13185,13 +13196,14 @@ const CookieBanner = _ref => {
   if (!render) return null;
   return /*#__PURE__*/external_react_default().createElement(Card, {
     intent: intent,
-    className: "\n        md:flex \n        items-center \n        justify-between \n        p-4 space-x-4 \n        transition-all duration-300 ease-in-out \n        ".concat(show ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3', "\n      ")
+    className: "items-center justify-between space-x-4 p-4 transition-all duration-300 ease-in-out md:flex ".concat(show ? "translate-y-0 opacity-100" : "translate-y-3 opacity-0", " ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "md:flex items-center"
+    className: "items-center md:flex"
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "flex-shrink-0 mr-4"
+    className: "flex-shrink-1 mr-4"
   }, /*#__PURE__*/external_react_default().createElement("img", {
-    src: logo || (footer_logos_svg_default()),
+    src: logo || (footer_logo_group_png_default()),
+    srcSet: "".concat((footer_logo_group_png_default()), " 1x, ").concat((footer_logo_group_2x_png_default()), " 2x"),
     alt: "C247 Logo",
     className: "w-full object-contain",
     onLoad: () => setImageLoaded(true)