@dhis2-ui/logo 8.1.10 → 8.2.1

package/build/cjs/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "Logo", {
     return _logo.Logo;
   }
 });
-Object.defineProperty(exports, "LogoWhite", {
-  enumerable: true,
-  get: function () {
-    return _logo.LogoWhite;
-  }
-});
 Object.defineProperty(exports, "LogoIcon", {
   enumerable: true,
   get: function () {
@@ -27,5 +21,11 @@ Object.defineProperty(exports, "LogoIconWhite", {
     return _logo.LogoIconWhite;
   }
 });
+Object.defineProperty(exports, "LogoWhite", {
+  enumerable: true,
+  get: function () {
+    return _logo.LogoWhite;
+  }
+});
 
 var _logo = require("./logo.js");

package/build/cjs/logo-icon-svg.js

@@ -11,11 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function LogoIconSvg({
-  iconColor,
-  className,
-  dataTest
-}) {
+function LogoIconSvg(_ref) {
+  let {
+    iconColor,
+    className,
+    dataTest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 200 182",

package/build/cjs/logo-svg.js

@@ -11,12 +11,13 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function LogoSvg({
-  iconColor,
-  textColor,
-  className,
-  dataTest
-}) {
+function LogoSvg(_ref) {
+  let {
+    iconColor,
+    textColor,
+    className,
+    dataTest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 600 182",

package/build/cjs/logo.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LogoWhite = exports.Logo = exports.LogoIconWhite = exports.LogoIcon = void 0;
+exports.LogoWhite = exports.LogoIconWhite = exports.LogoIcon = exports.Logo = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -28,14 +28,17 @@ const blue = '#0080d4';
 const white = '#ffffff';
 const dark = '#212225';
 
-const LogoIcon = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
-  iconColor: blue,
-  className: className,
-  dataTest: dataTest
-});
+const LogoIcon = _ref => {
+  let {
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
+    iconColor: blue,
+    className: className,
+    dataTest: dataTest
+  });
+};
 
 exports.LogoIcon = LogoIcon;
 LogoIcon.defaultProps = {
@@ -46,14 +49,17 @@ LogoIcon.propTypes = {
   dataTest: _propTypes.default.string
 };
 
-const LogoIconWhite = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
-  iconColor: white,
-  className: className,
-  dataTest: dataTest
-});
+const LogoIconWhite = _ref2 => {
+  let {
+    className,
+    dataTest
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
+    iconColor: white,
+    className: className,
+    dataTest: dataTest
+  });
+};
 
 exports.LogoIconWhite = LogoIconWhite;
 LogoIconWhite.defaultProps = {
@@ -64,15 +70,18 @@ LogoIconWhite.propTypes = {
   dataTest: _propTypes.default.string
 };
 
-const Logo = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
-  iconColor: blue,
-  textColor: dark,
-  className: className,
-  dataTest: dataTest
-});
+const Logo = _ref3 => {
+  let {
+    className,
+    dataTest
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
+    iconColor: blue,
+    textColor: dark,
+    className: className,
+    dataTest: dataTest
+  });
+};
 
 exports.Logo = Logo;
 Logo.defaultProps = {
@@ -83,15 +92,18 @@ Logo.propTypes = {
   dataTest: _propTypes.default.string
 };
 
-const LogoWhite = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
-  iconColor: white,
-  textColor: white,
-  className: className,
-  dataTest: dataTest
-});
+const LogoWhite = _ref4 => {
+  let {
+    className,
+    dataTest
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
+    iconColor: white,
+    textColor: white,
+    className: className,
+    dataTest: dataTest
+  });
+};
 
 exports.LogoWhite = LogoWhite;
 LogoWhite.defaultProps = {

package/build/cjs/logo.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports._LogoIconWhite = exports._LogoIcon = exports._LogoWhite = exports._Logo = exports.default = void 0;
+exports.default = exports._LogoWhite = exports._LogoIconWhite = exports._LogoIcon = exports._Logo = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,13 +11,7 @@ var _logo = require("./logo.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-The master DHIS2 logo should be used overall, whenever possible. The master logo is a blue colored icon with black colored dhis2 wordmark.
-
-\`\`\`js
-import { Logo, LogoWhite, LogoIcon, LogoIconWhite } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nThe master DHIS2 logo should be used overall, whenever possible. The master logo is a blue colored icon with black colored dhis2 wordmark.\n\n```js\nimport { Logo, LogoWhite, LogoIcon, LogoIconWhite } from '@dhis2/ui'\n```\n";
 
 const Wrapper = fn => /*#__PURE__*/_react.default.createElement("div", {
   style: {
@@ -25,16 +19,19 @@ const Wrapper = fn => /*#__PURE__*/_react.default.createElement("div", {
   }
 }, fn());
 
-const Background = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    backgroundColor: '#276696'
-  }
-}, children);
+const Background = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: '#276696'
+    }
+  }, children);
+};
 
 var _default = {
-  title: 'Utils/Logo',
+  title: 'Logo',
   component: _logo.Logo,
   decorators: [Wrapper],
   parameters: {

package/build/es/logo-icon-svg.js

@@ -1,10 +1,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-export function LogoIconSvg({
-  iconColor,
-  className,
-  dataTest
-}) {
+export function LogoIconSvg(_ref) {
+  let {
+    iconColor,
+    className,
+    dataTest
+  } = _ref;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 200 182",

package/build/es/logo-svg.js

@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-export function LogoSvg({
-  iconColor,
-  textColor,
-  className,
-  dataTest
-}) {
+export function LogoSvg(_ref) {
+  let {
+    iconColor,
+    textColor,
+    className,
+    dataTest
+  } = _ref;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 600 182",

package/build/es/logo.js

@@ -15,14 +15,17 @@ import { LogoSvg } from './logo-svg.js';
 const blue = '#0080d4';
 const white = '#ffffff';
 const dark = '#212225';
-export const LogoIcon = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement(LogoIconSvg, {
-  iconColor: blue,
-  className: className,
-  dataTest: dataTest
-});
+export const LogoIcon = _ref => {
+  let {
+    className,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(LogoIconSvg, {
+    iconColor: blue,
+    className: className,
+    dataTest: dataTest
+  });
+};
 LogoIcon.defaultProps = {
   dataTest: 'dhis2-uicore-logoicon'
 };
@@ -30,14 +33,17 @@ LogoIcon.propTypes = {
   className: PropTypes.string,
   dataTest: PropTypes.string
 };
-export const LogoIconWhite = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement(LogoIconSvg, {
-  iconColor: white,
-  className: className,
-  dataTest: dataTest
-});
+export const LogoIconWhite = _ref2 => {
+  let {
+    className,
+    dataTest
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(LogoIconSvg, {
+    iconColor: white,
+    className: className,
+    dataTest: dataTest
+  });
+};
 LogoIconWhite.defaultProps = {
   dataTest: 'dhis2-uicore-logoiconwhite'
 };
@@ -45,15 +51,18 @@ LogoIconWhite.propTypes = {
   className: PropTypes.string,
   dataTest: PropTypes.string
 };
-export const Logo = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement(LogoSvg, {
-  iconColor: blue,
-  textColor: dark,
-  className: className,
-  dataTest: dataTest
-});
+export const Logo = _ref3 => {
+  let {
+    className,
+    dataTest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(LogoSvg, {
+    iconColor: blue,
+    textColor: dark,
+    className: className,
+    dataTest: dataTest
+  });
+};
 Logo.defaultProps = {
   dataTest: 'dhis2-uicore-logo'
 };
@@ -61,15 +70,18 @@ Logo.propTypes = {
   className: PropTypes.string,
   dataTest: PropTypes.string
 };
-export const LogoWhite = ({
-  className,
-  dataTest
-}) => /*#__PURE__*/React.createElement(LogoSvg, {
-  iconColor: white,
-  textColor: white,
-  className: className,
-  dataTest: dataTest
-});
+export const LogoWhite = _ref4 => {
+  let {
+    className,
+    dataTest
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(LogoSvg, {
+    iconColor: white,
+    textColor: white,
+    className: className,
+    dataTest: dataTest
+  });
+};
 LogoWhite.defaultProps = {
   dataTest: 'dhis2-uicore-logowhite'
 };

package/build/es/logo.stories.js

@@ -1,12 +1,6 @@
 import React from 'react';
 import { Logo, LogoWhite, LogoIcon, LogoIconWhite } from './logo.js';
-const description = `
-The master DHIS2 logo should be used overall, whenever possible. The master logo is a blue colored icon with black colored dhis2 wordmark.
-
-\`\`\`js
-import { Logo, LogoWhite, LogoIcon, LogoIconWhite } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nThe master DHIS2 logo should be used overall, whenever possible. The master logo is a blue colored icon with black colored dhis2 wordmark.\n\n```js\nimport { Logo, LogoWhite, LogoIcon, LogoIconWhite } from '@dhis2/ui'\n```\n";
 
 const Wrapper = fn => /*#__PURE__*/React.createElement("div", {
   style: {
@@ -14,16 +8,19 @@ const Wrapper = fn => /*#__PURE__*/React.createElement("div", {
   }
 }, fn());
 
-const Background = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    backgroundColor: '#276696'
-  }
-}, children);
+const Background = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: '#276696'
+    }
+  }, children);
+};
 
 export default {
-  title: 'Utils/Logo',
+  title: 'Logo',
   component: Logo,
   decorators: [Wrapper],
   parameters: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/logo",
-    "version": "8.1.10",
+    "version": "8.2.1",
     "description": "UI Logo",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2/ui-constants": "8.1.10",
+        "@dhis2/ui-constants": "8.2.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },