@gympass/yoga 7.34.0 → 7.35.0

package/cjs/Checkbox/web/Checkbox.js

@@ -187,7 +187,7 @@ var Checkbox = function Checkbox(_ref8) {
 };
 
 Checkbox.propTypes = {
-  label: _propTypes.string,
+  label: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.node]),
 
   /** short helper text under checkbox */
   helper: _propTypes.string,

package/cjs/Header/web/Header.js

@@ -11,10 +11,10 @@ var _propTypes = require("prop-types");
 
 var _yogaHelpers = require("@gympass/yoga-helpers");
 
-var _GympassLogo = _interopRequireDefault(require("./GympassLogo"));
-
 var _Box = _interopRequireDefault(require("../../Box"));
 
+var _Logo = _interopRequireDefault(require("./Logo"));
+
 var _templateObject, _templateObject2, _templateObject3;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -32,7 +32,8 @@ var StyledHeader = (0, _styledComponents["default"])(_Box["default"])(_templateO
 
 var Header = function Header(_ref2) {
   var link = _ref2.link,
-      children = _ref2.children;
+      children = _ref2.children,
+      logo = _ref2.logo;
   return /*#__PURE__*/_react["default"].createElement(StyledHeader, {
     as: "header",
     d: "flex",
@@ -42,7 +43,11 @@ var Header = function Header(_ref2) {
     w: "100%"
   }, link ? /*#__PURE__*/_react["default"].createElement("a", {
     href: link
-  }, /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null)) : /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null), children);
+  }, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+    customLogo: logo
+  })) : /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+    customLogo: logo
+  }), children);
 };
 
 Header.propTypes = {
@@ -50,11 +55,15 @@ Header.propTypes = {
   link: _propTypes.string,
 
   /** Use children to add whatever you want inside the header */
-  children: _propTypes.node
+  children: _propTypes.node,
+
+  /** Use logo to change headers image */
+  logo: _propTypes.elementType
 };
 Header.defaultProps = {
   link: null,
-  children: null
+  children: null,
+  logo: null
 };
 var _default = Header;
 exports["default"] = _default;

package/cjs/Header/web/Logo.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _GympassLogo = _interopRequireDefault(require("./GympassLogo"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Logo = function Logo(_ref) {
+  var CustomLogo = _ref.customLogo;
+  return CustomLogo ? /*#__PURE__*/_react["default"].createElement(CustomLogo, null) : /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null);
+};
+
+Logo.propTypes = {
+  customLogo: _propTypes.elementType
+};
+Logo.defaultProps = {
+  customLogo: null
+};
+var _default = Logo;
+exports["default"] = _default;

package/esm/Checkbox/web/Checkbox.js

@@ -9,7 +9,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 import React, { useEffect, useRef } from 'react';
-import { bool, string, shape } from 'prop-types';
+import { bool, string, shape, oneOfType, node } from 'prop-types';
 import styled, { withTheme } from 'styled-components';
 import { hexToRgb } from '@gympass/yoga-common';
 import { Check, Rectangle } from '@gympass/yoga-icons';
@@ -165,7 +165,7 @@ var Checkbox = function Checkbox(_ref8) {
 };
 
 Checkbox.propTypes = {
-  label: string,
+  label: oneOfType([string, node]),
 
   /** short helper text under checkbox */
   helper: string,

package/esm/Header/web/Header.js

@@ -4,10 +4,10 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { string, node } from 'prop-types';
+import { string, node, elementType } from 'prop-types';
 import { media } from '@gympass/yoga-helpers';
-import GympassLogo from './GympassLogo';
 import Box from '../../Box';
+import Logo from './Logo';
 var StyledHeader = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var header = _ref.theme.yoga.components.header;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", "\n  "])), header.padding.xxs, header.height.xxs, media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", "px;\n      height: ", "px;\n    "])), header.padding.lg, header.height.lg));
@@ -15,7 +15,8 @@ var StyledHeader = styled(Box)(_templateObject || (_templateObject = _taggedTemp
 
 var Header = function Header(_ref2) {
   var link = _ref2.link,
-      children = _ref2.children;
+      children = _ref2.children,
+      logo = _ref2.logo;
   return /*#__PURE__*/React.createElement(StyledHeader, {
     as: "header",
     d: "flex",
@@ -25,7 +26,11 @@ var Header = function Header(_ref2) {
     w: "100%"
   }, link ? /*#__PURE__*/React.createElement("a", {
     href: link
-  }, /*#__PURE__*/React.createElement(GympassLogo, null)) : /*#__PURE__*/React.createElement(GympassLogo, null), children);
+  }, /*#__PURE__*/React.createElement(Logo, {
+    customLogo: logo
+  })) : /*#__PURE__*/React.createElement(Logo, {
+    customLogo: logo
+  }), children);
 };
 
 Header.propTypes = {
@@ -33,10 +38,14 @@ Header.propTypes = {
   link: string,
 
   /** Use children to add whatever you want inside the header */
-  children: node
+  children: node,
+
+  /** Use logo to change headers image */
+  logo: elementType
 };
 Header.defaultProps = {
   link: null,
-  children: null
+  children: null,
+  logo: null
 };
 export default Header;

package/esm/Header/web/Logo.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { elementType } from 'prop-types';
+import GympassLogo from './GympassLogo';
+
+var Logo = function Logo(_ref) {
+  var CustomLogo = _ref.customLogo;
+  return CustomLogo ? /*#__PURE__*/React.createElement(CustomLogo, null) : /*#__PURE__*/React.createElement(GympassLogo, null);
+};
+
+Logo.propTypes = {
+  customLogo: elementType
+};
+Logo.defaultProps = {
+  customLogo: null
+};
+export default Logo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.34.0",
+  "version": "7.35.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "4ae69799109ce02a4036fef8ca8a8974dfdad93b",
+  "gitHead": "afe6f5fbbeefda7ddff325c0105ebab573135cb0",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"