@cloudflare/component-logo 5.3.6 → 6.0.0

package/es/Logo.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import { withTheme } from '@cloudflare/style-container';
 
-const Logo = ({
-  theme,
-  light,
-  textColor,
-  width = '105px',
-  height = '41px'
-}) => {
-  var _textColor;
-
-  const textCol = (_textColor = textColor) !== null && _textColor !== void 0 ? _textColor : light ? theme.colors.white : theme.colors.black;
+var Logo = _ref => {
+  var {
+    theme,
+    light,
+    textColor,
+    width = '105px',
+    height = '41px'
+  } = _ref;
+  var textCol = textColor !== null && textColor !== void 0 ? textColor : light ? theme.colors.white : theme.colors.black;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 105 36",
     role: "img",

package/es/LogoCloud.js

@@ -1,22 +1,25 @@
 import React from 'react';
 import { withTheme } from '@cloudflare/style-container';
 
-const LogoCloud = ({
-  theme,
-  width = '80px',
-  height = '47px'
-}) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
-  role: "img",
-  viewBox: "0 0 460 271.2",
-  width: width,
-  height: height,
-  "aria-hidden": true
-}, /*#__PURE__*/React.createElement("path", {
-  fill: theme.colors.marketing.lightOrange,
-  d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7    c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6    c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2    c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: theme.colors.marketing.orange,
-  d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6    c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5    c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1    c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5    c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
-})));
+var LogoCloud = _ref => {
+  var {
+    theme,
+    width = '80px',
+    height = '47px'
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
+    role: "img",
+    viewBox: "0 0 460 271.2",
+    width: width,
+    height: height,
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: theme.colors.marketing.lightOrange,
+    d: "M328.6,125.6c-0.8,0-1.5,0.6-1.8,1.4l-4.8,16.7c-2.1,7.2-1.3,13.8,2.2,18.7    c3.2,4.5,8.6,7.1,15.1,7.4l26.2,1.6c0.8,0,1.5,0.4,1.9,1c0.4,0.6,0.5,1.5,0.3,2.2c-0.4,1.2-1.6,2.1-2.9,2.2l-27.3,1.6    c-14.8,0.7-30.7,12.6-36.3,27.2l-2,5.1c-0.4,1,0.3,2,1.4,2h93.8c1.1,0,2.1-0.7,2.4-1.8c1.6-5.8,2.5-11.9,2.5-18.2    c0-37-30.2-67.2-67.3-67.2C330.9,125.5,329.7,125.5,328.6,125.6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: theme.colors.marketing.orange,
+    d: "M292.8,204.4c2.1-7.2,1.3-13.8-2.2-18.7c-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6    c-0.8,0-1.5-0.4-1.9-1s-0.5-1.4-0.3-2.2c0.4-1.2,1.6-2.1,2.9-2.2l124.2-1.6c14.7-0.7,30.7-12.6,36.3-27.2l7.1-18.5    c0.3-0.8,0.4-1.6,0.2-2.4c-8-36.2-40.3-63.2-78.9-63.2c-35.6,0-65.8,23-76.6,54.9c-7-5.2-15.9-8-25.5-7.1    c-17.1,1.7-30.8,15.4-32.5,32.5c-0.4,4.4-0.1,8.7,0.9,12.7c-27.9,0.8-50.2,23.6-50.2,51.7c0,2.5,0.2,5,0.5,7.5    c0.2,1.2,1.2,2.1,2.4,2.1h227.2c1.3,0,2.5-0.9,2.9-2.2L292.8,204.4z"
+  })));
+};
 
 export default withTheme(LogoCloud);

package/es/LogoHeader.js

@@ -3,33 +3,42 @@ import Logo from './Logo';
 import LogoCloud from './LogoCloud';
 import { createStyledComponent } from '@cloudflare/style-container';
 import { isDarkMode, variables as theme } from '@cloudflare/style-const';
-export const LogoWrapper = createStyledComponent(({
-  removeMargin
-}) => ({
-  my: removeMargin ? 0 : 2,
-  userSelect: 'none',
-  '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)'
-}));
-export const DesktopOnly = createStyledComponent(({
-  removeMargin
-}) => ({
-  display: 'none',
-  mx: removeMargin ? 0 : 3,
-  tabletWide: {
-    display: 'block'
-  }
-}));
-export const MobileOnly = createStyledComponent(({
-  removeMargin
-}) => ({
-  display: 'block',
-  mx: removeMargin ? 0 : 2,
-  tabletWide: {
-    display: 'none'
-  }
-}));
+export var LogoWrapper = createStyledComponent(_ref => {
+  var {
+    removeMargin
+  } = _ref;
+  return {
+    my: removeMargin ? 0 : 2,
+    userSelect: 'none',
+    '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)'
+  };
+});
+export var DesktopOnly = createStyledComponent(_ref2 => {
+  var {
+    removeMargin
+  } = _ref2;
+  return {
+    display: 'none',
+    mx: removeMargin ? 0 : 3,
+    tabletWide: {
+      display: 'block'
+    }
+  };
+});
+export var MobileOnly = createStyledComponent(_ref3 => {
+  var {
+    removeMargin
+  } = _ref3;
+  return {
+    display: 'block',
+    mx: removeMargin ? 0 : 2,
+    tabletWide: {
+      display: 'none'
+    }
+  };
+});
 
-const LogoHeader = () => /*#__PURE__*/React.createElement(LogoWrapper, null, /*#__PURE__*/React.createElement(DesktopOnly, null, /*#__PURE__*/React.createElement(Logo, {
+var LogoHeader = () => /*#__PURE__*/React.createElement(LogoWrapper, null, /*#__PURE__*/React.createElement(DesktopOnly, null, /*#__PURE__*/React.createElement(Logo, {
   textColor: isDarkMode() ? theme.colors.black : undefined
 })), /*#__PURE__*/React.createElement(MobileOnly, null, /*#__PURE__*/React.createElement(LogoCloud, {
   width: "70px",

package/es/LogoInline.js

@@ -2,13 +2,14 @@ import React from 'react';
 import { withTheme } from '@cloudflare/style-container';
 import { Trans } from '@cloudflare/intl-react';
 
-const LogoInline = ({
-  theme,
-  light,
-  width = '200px',
-  height = '46px'
-}) => {
-  const textColor = light ? theme.colors.white : theme.colors.black;
+var LogoInline = _ref => {
+  var {
+    theme,
+    light,
+    width = '200px',
+    height = '46px'
+  } = _ref;
+  var textColor = light ? theme.colors.white : theme.colors.black;
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 1179.5 271.2",
     width: width,

package/lib/Logo.js

@@ -12,8 +12,6 @@ var _styleContainer = require("@cloudflare/style-container");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Logo = function Logo(_ref) {
-  var _textColor;
-
   var theme = _ref.theme,
       light = _ref.light,
       textColor = _ref.textColor,
@@ -21,7 +19,7 @@ var Logo = function Logo(_ref) {
       width = _ref$width === void 0 ? '105px' : _ref$width,
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? '41px' : _ref$height;
-  var textCol = (_textColor = textColor) !== null && _textColor !== void 0 ? _textColor : light ? theme.colors.white : theme.colors.black;
+  var textCol = textColor !== null && textColor !== void 0 ? textColor : light ? theme.colors.white : theme.colors.black;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 105 36",
     role: "img",

package/lib/LogoHeader.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MobileOnly = exports.DesktopOnly = exports.LogoWrapper = void 0;
+exports.default = exports.MobileOnly = exports.LogoWrapper = exports.DesktopOnly = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/index.js

@@ -9,22 +9,22 @@ Object.defineProperty(exports, "Logo", {
     return _Logo.default;
   }
 });
-Object.defineProperty(exports, "LogoHeader", {
+Object.defineProperty(exports, "LogoCloud", {
   enumerable: true,
   get: function get() {
-    return _LogoHeader.default;
+    return _LogoCloud.default;
   }
 });
-Object.defineProperty(exports, "LogoInline", {
+Object.defineProperty(exports, "LogoHeader", {
   enumerable: true,
   get: function get() {
-    return _LogoInline.default;
+    return _LogoHeader.default;
   }
 });
-Object.defineProperty(exports, "LogoCloud", {
+Object.defineProperty(exports, "LogoInline", {
   enumerable: true,
   get: function get() {
-    return _LogoCloud.default;
+    return _LogoInline.default;
   }
 });
 

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@cloudflare/component-logo",
   "description": "Cloudflare Logo Component",
-  "version": "5.3.6",
+  "version": "6.0.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Vojtech Miksu <vojtech@miksu.cz>",
   "license": "BSD-3-Clause",
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "main": "lib/index.js",
+    "module": "es/index.js"
   },
   "dependencies": {
     "@cloudflare/intl-react": "^1.9.80",
@@ -16,7 +17,7 @@
   },
   "peerDependencies": {
     "@cloudflare/style-const": "^5.3.9",
-    "@cloudflare/style-container": "^7.8.41",
+    "@cloudflare/style-container": "^7.9.0",
     "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
   },
   "stratus": {
@@ -33,6 +34,5 @@
   "metadata": {
     "title": "Logo",
     "status": "active"
-  },
-  "gitHead": "db9637310d476ef91a50177d026526ca40cb9330"
-}
+  }
+}