@citygross/components_v2 0.0.57 → 0.0.59

package/dist/components/Header/Header.css.ts.vanilla.css

@@ -17,16 +17,21 @@
   justify-content: space-between;
   align-items: center;
 }
-.Header_menuIconContainer__11gdejs3 {
+.Header_headerButtonContainer__11gdejs3 {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.Header_menuIconContainer__11gdejs4 {
   cursor: pointer;
   display: flex;
   align-self: center;
 }
-.Header_desktopLogo__11gdejs4 {
+.Header_desktopLogo__11gdejs5 {
   display: none;
   visibility: hidden;
 }
-.Header_mobileLogo__11gdejs5 {
+.Header_mobileLogo__11gdejs6 {
   display: flex;
   visibility: visible;
 }
@@ -34,15 +39,15 @@
   .Header_headerWrapper__11gdejs1 {
     padding: 20px 24px;
   }
-  .Header_menuIconContainer__11gdejs3 {
+  .Header_menuIconContainer__11gdejs4 {
     display: none;
     visibility: visible;
   }
-  .Header_desktopLogo__11gdejs4 {
+  .Header_desktopLogo__11gdejs5 {
     display: flex;
     visibility: visible;
   }
-  .Header_mobileLogo__11gdejs5 {
+  .Header_mobileLogo__11gdejs6 {
     display: none;
     visibility: hidden;
   }

package/dist/components/Header/Header.css.vanilla.js

@@ -1,10 +1,11 @@
 import './Header.css.ts.vanilla.css';
 
-var desktopLogo = "Header_desktopLogo__11gdejs4";
+var desktopLogo = "Header_desktopLogo__11gdejs5";
+var headerButtonContainer = "Header_headerButtonContainer__11gdejs3";
 var headerContainer = "Header_headerContainer__11gdejs2";
 var headerWrapper = "Header_headerWrapper__11gdejs1";
-var menuIconContainer = "Header_menuIconContainer__11gdejs3";
-var mobileLogo = "Header_mobileLogo__11gdejs5";
+var menuIconContainer = "Header_menuIconContainer__11gdejs4";
+var mobileLogo = "Header_mobileLogo__11gdejs6";
 var wrapper = "Header_wrapper__11gdejs0";
 
-export { desktopLogo, headerContainer, headerWrapper, menuIconContainer, mobileLogo, wrapper };
+export { desktopLogo, headerButtonContainer, headerContainer, headerWrapper, menuIconContainer, mobileLogo, wrapper };

package/dist/components/Header/Header.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from '../Button/Button.js';
 import { Icons } from '@citygross/icons_v2';
-import { wrapper, headerWrapper, headerContainer, mobileLogo, desktopLogo, menuIconContainer } from './Header.css.vanilla.js';
+import { wrapper, headerWrapper, headerContainer, mobileLogo, desktopLogo, headerButtonContainer, menuIconContainer } from './Header.css.vanilla.js';
 
 const Header = ({
   btnLabel,
@@ -9,21 +9,20 @@ const Header = ({
   onMenuClick,
   sideModal,
   headerLink
-}) => /* @__PURE__ */ React.createElement("div", { className: wrapper }, headerLink && headerLink, /* @__PURE__ */ React.createElement("div", { className: headerWrapper }, /* @__PURE__ */ React.createElement("div", { className: headerContainer }, /* @__PURE__ */ React.createElement("span", { className: mobileLogo }, /* @__PURE__ */ React.createElement(Icons.LogoFlat, { small: true })), /* @__PURE__ */ React.createElement("span", { className: desktopLogo }, /* @__PURE__ */ React.createElement(Icons.Logo, null)), /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: menuIconContainer,
-    onClick: () => onMenuClick && onMenuClick()
-  },
-  /* @__PURE__ */ React.createElement(Icons.Menu, null)
-), btnLabel && /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ React.createElement("div", { className: wrapper }, headerLink && headerLink, /* @__PURE__ */ React.createElement("div", { className: headerWrapper }, /* @__PURE__ */ React.createElement("div", { className: headerContainer }, /* @__PURE__ */ React.createElement("span", { className: mobileLogo }, /* @__PURE__ */ React.createElement(Icons.LogoFlat, { small: true })), /* @__PURE__ */ React.createElement("span", { className: desktopLogo }, /* @__PURE__ */ React.createElement(Icons.Logo, null)), /* @__PURE__ */ React.createElement("div", { className: headerButtonContainer }, btnLabel && /* @__PURE__ */ React.createElement(
   Button,
   {
-    className: desktopLogo,
     onClick: btnOnClick,
     variant: "secondary"
   },
   btnLabel
-))), sideModal);
+), /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: menuIconContainer,
+    onClick: () => onMenuClick && onMenuClick()
+  },
+  /* @__PURE__ */ React.createElement(Icons.Menu, null)
+)))), sideModal);
 
 export { Header };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -45,7 +45,6 @@
     "@types/jest": "^26.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "@types/react-router-dom": "^5.1.7",
     "@types/react-slick": "^0.23.13",
     "@vanilla-extract/rollup-plugin": "1.3.10",
     "@vanilla-extract/webpack-plugin": "2.3.14",
@@ -55,7 +54,6 @@
     "react": "^17.0.1",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^17.0.1",
-    "react-router-dom": "^5.2.0",
     "ts-jest": "^27.0.3",
     "ts-loader": "^9.2.3",
     "webpack-merge": "6.0.1"
@@ -69,7 +67,7 @@
     "@citygross/icons_v2": "^0.0.5",
     "@citygross/react-use-bg-wizard": "^0.0.8",
     "@citygross/typography": "^0.0.89",
-    "@citygross/utils": "^0.0.42",
+    "@citygross/utils": "^0.0.43",
     "@vanilla-extract/css": "^1.14.1",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.1",
@@ -79,5 +77,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "c221e2748983162804c7ad406f6ec179c25becc8"
+  "gitHead": "5bccf66077fdf46f129a7a419f1e1447f650cdf0"
 }