@citygross/components_v2 0.0.59 → 0.1.0

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

@@ -0,0 +1,41 @@
+.HeaderCheckout_wrapper__j8ucdc0 {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  background: #F7F7F7;
+}
+.HeaderCheckout_headerWrapper__j8ucdc1 {
+  background-color: #FFFFFF;
+  margin: 0 auto;
+  padding: 8px 24px;
+  display: flex;
+  justify-content: center;
+}
+.HeaderCheckout_headerContainer__j8ucdc2 {
+  display: flex;
+  max-width: 640px;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+.HeaderCheckout_logoContainer__j8ucdc3 {
+  display: flex;
+  width: 64px;
+  height: 48px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.HeaderCheckout_headerLinkContainer__j8ucdc4 {
+  display: flex;
+  align-items: center;
+}
+.HeaderCheckout_headerLink__j8ucdc5 {
+  color: #0069AE;
+  font-family: Poppins;
+  font-size: 15px;
+  text-decoration: underline;
+}
+.HeaderCheckout_headerLink__j8ucdc5:focus-visible {
+  outline: 2px solid #000;
+  outline-offset: 1px;
+}

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

@@ -0,0 +1,9 @@
+import './HeaderCheckout.css.ts.vanilla.css';
+
+var headerContainer = "HeaderCheckout_headerContainer__j8ucdc2";
+var headerLinkContainer = "HeaderCheckout_headerLinkContainer__j8ucdc4";
+var headerWrapper = "HeaderCheckout_headerWrapper__j8ucdc1";
+var logoContainer = "HeaderCheckout_logoContainer__j8ucdc3";
+var wrapper = "HeaderCheckout_wrapper__j8ucdc0";
+
+export { headerContainer, headerLinkContainer, headerWrapper, logoContainer, wrapper };

package/dist/components/Header/HeaderCheckout.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+declare type THeaderCheckout = {
+    headerLink?: ReactNode;
+};
+declare const HeaderCheckout: ({ headerLink }: THeaderCheckout) => JSX.Element;
+
+export { HeaderCheckout, THeaderCheckout };

package/dist/components/Header/HeaderCheckout.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Icons } from '@citygross/icons_v2';
+import { wrapper, headerWrapper, headerContainer, logoContainer, headerLinkContainer } from './HeaderCheckout.css.vanilla.js';
+
+const HeaderCheckout = ({ headerLink }) => /* @__PURE__ */ React.createElement("header", { className: wrapper }, /* @__PURE__ */ React.createElement("div", { className: headerWrapper }, /* @__PURE__ */ React.createElement("div", { className: headerContainer }, /* @__PURE__ */ React.createElement("span", { className: logoContainer, "aria-label": "City Gross logo" }, /* @__PURE__ */ React.createElement(Icons.Logo, { small: true, "aria-hidden": "true" })), headerLink && /* @__PURE__ */ React.createElement("nav", { className: headerLinkContainer }, headerLink))));
+
+export { HeaderCheckout };

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { Divider, TDivider } from './components/Divider/Divider.js';
 export { Dot, TDot } from './components/Dot/Dot.js';
 export { FormControl, TFormControl, TScreenWidth } from './components/FormControl/FormControl.js';
 export { Header, THeader } from './components/Header/Header.js';
+export { HeaderCheckout, THeaderCheckout } from './components/Header/HeaderCheckout.js';
 export { Input, TInput } from './components/Input/Input.js';
 export { LinkButton, TLinkButton } from './components/LinkButton/LinkButton.js';
 export { EListItemAlignment, ListItem, TItem, TListItem } from './components/ListItem/ListItem.js';

package/dist/index.js

@@ -10,6 +10,7 @@ export { Divider } from './components/Divider/Divider.js';
 export { Dot } from './components/Dot/Dot.js';
 export { FormControl, TScreenWidth } from './components/FormControl/FormControl.js';
 export { Header } from './components/Header/Header.js';
+export { HeaderCheckout } from './components/Header/HeaderCheckout.js';
 export { Input } from './components/Input/Input.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { EListItemAlignment, ListItem } from './components/ListItem/ListItem.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.59",
+  "version": "0.1.0",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -63,7 +63,7 @@
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@citygross/design-tokens_v2": "^0.0.6",
+    "@citygross/design-tokens_v2": "^0.0.7",
     "@citygross/icons_v2": "^0.0.5",
     "@citygross/react-use-bg-wizard": "^0.0.8",
     "@citygross/typography": "^0.0.89",
@@ -77,5 +77,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "5bccf66077fdf46f129a7a419f1e1447f650cdf0"
+  "gitHead": "9689ed1055a89211b68777d29774bc3be1801ecb"
 }