@citygross/components 0.7.54 → 0.7.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  export declare type THeader = {
3
- logoImage: JSX.Element;
3
+ logoImage?: JSX.Element;
4
4
  logOut?: () => void;
5
5
  logOutLabel?: string;
6
6
  children?: ReactNode;
@@ -1,4 +1,4 @@
1
1
  export declare type TLogo = {
2
- logoImage: JSX.Element;
2
+ logoImage?: JSX.Element;
3
3
  };
4
4
  export declare function Logo({ logoImage }: TLogo): JSX.Element;
@@ -21,10 +21,10 @@ function Header(_a) {
21
21
  var device = utils.useDetectDevice();
22
22
  return (React__default['default'].createElement(Header_styles.Wrapper, null,
23
23
  topLinkLabel && topLinkHref && (React__default['default'].createElement(HeaderLink.HeaderLink, { linkHref: topLinkHref, icon: React__default['default'].createElement(Icon.Icons.ChevronLeft, { width: 20, height: 20, color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white }), linkLabel: topLinkLabel })),
24
- React__default['default'].createElement(Header_styles.HeaderWrapper, null,
24
+ (logoImage || logOutLabel) && (React__default['default'].createElement(Header_styles.HeaderWrapper, null,
25
25
  React__default['default'].createElement(Header_styles.HeaderContainer, { maxWidth: lowerContainerMaxWidth },
26
- React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
27
- logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel)))),
26
+ logoImage && React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
27
+ logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel))))),
28
28
  children && React__default['default'].createElement(Header_styles.MenuContainer, null, children)));
29
29
  }
30
30
 
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n position: relative;\n\n width: 163px;\n height: 62px;\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n\n width: 163px;\n height: 62px;\n"])));
12
+ var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n"])));
13
13
  var templateObject_1;
14
14
 
15
15
  exports.Logo = Logo;
@@ -13,10 +13,10 @@ function Header(_a) {
13
13
  var device = useDetectDevice();
14
14
  return (React.createElement(Wrapper, null,
15
15
  topLinkLabel && topLinkHref && (React.createElement(HeaderLink, { linkHref: topLinkHref, icon: React.createElement(Icons.ChevronLeft, { width: 20, height: 20, color: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.white }), linkLabel: topLinkLabel })),
16
- React.createElement(HeaderWrapper, null,
16
+ (logoImage || logOutLabel) && (React.createElement(HeaderWrapper, null,
17
17
  React.createElement(HeaderContainer, { maxWidth: lowerContainerMaxWidth },
18
- React.createElement(Logo, { logoImage: logoImage }),
19
- logOut && (React.createElement(Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel)))),
18
+ logoImage && React.createElement(Logo, { logoImage: logoImage }),
19
+ logOut && (React.createElement(Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel))))),
20
20
  children && React.createElement(MenuContainer, null, children)));
21
21
  }
22
22
 
@@ -1,7 +1,7 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var Logo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n position: relative;\n\n width: 163px;\n height: 62px;\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n\n width: 163px;\n height: 62px;\n"])));
4
+ var Logo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n"])));
5
5
  var templateObject_1;
6
6
 
7
7
  export { Logo };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.54",
3
+ "version": "0.7.55",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "d9b56c5dbdefab620ee1a8984faa2f775f2ca9b6"
74
+ "gitHead": "83703785d1062220ea4b23d9238241a028c83b71"
75
75
  }