@citygross/components_v2 0.1.6 → 0.2.0

package/dist/index.d.ts

@@ -14,7 +14,6 @@ export { EmptyBox, TEmptyBox } from './components/EmptyBox/EmptyBox.js';
 export { Flex, TFlex } from './components/Flex/Flex.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

@@ -14,7 +14,6 @@ export { EmptyBox } from './components/EmptyBox/EmptyBox.js';
 export { Flex } from './components/Flex/Flex.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.1.6",
+  "version": "0.2.0",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -77,5 +77,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "507497cf84edeeff4b9ac9019f56323aef8a7401"
+  "gitHead": "ecd543856000c212abd467bd67c602cd72e819c7"
 }

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

@@ -1,41 +0,0 @@
-.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_headerLinkStyles__j8ucdc5 {
-  color: #0069AE;
-  font-family: Poppins;
-  font-size: 15px;
-  text-decoration: underline;
-}
-.HeaderCheckout_headerLinkStyles__j8ucdc5:focus-visible {
-  outline: 2px solid #000;
-  outline-offset: 1px;
-}

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-
-declare type THeaderCheckout = {
-    headerLinkText?: string;
-    headerLinkHref?: string;
-    headerLinkAriaLabel?: string;
-    headerLinkOnClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-};
-declare const HeaderCheckout: ({ headerLinkText, headerLinkHref, headerLinkAriaLabel, headerLinkOnClick }: THeaderCheckout) => React.JSX.Element;
-
-export { HeaderCheckout, THeaderCheckout };

package/dist/components/Header/HeaderCheckout.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Icons } from '@citygross/icons_v2';
-import { wrapper, headerWrapper, headerContainer, logoContainer, headerLinkStyles } from './HeaderCheckout.css.vanilla.js';
-
-const HeaderCheckout = ({
-  headerLinkText,
-  headerLinkHref = "#",
-  headerLinkAriaLabel,
-  headerLinkOnClick
-}) => /* @__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" })), headerLinkText && /* @__PURE__ */ React.createElement(
-  "a",
-  {
-    href: headerLinkHref,
-    className: headerLinkStyles,
-    "aria-label": headerLinkAriaLabel,
-    onClick: headerLinkOnClick
-  },
-  headerLinkText
-))));
-
-export { HeaderCheckout };