@gympass/yoga 7.100.1 → 7.101.0

package/cjs/Heading/web/Heading.js

@@ -99,10 +99,12 @@ Heading.propTypes = {
     import_prop_types.default.arrayOf(import_prop_types.default.node),
     import_prop_types.default.node
   ]),
-  noPadding: import_prop_types.bool
+  noPadding: import_prop_types.bool,
+  bg: import_prop_types.default.string
 };
 Heading.defaultProps = {
   children: void 0,
-  noPadding: false
+  noPadding: false,
+  bg: void 0
 };
 var Heading_default = Heading;

package/cjs/Heading/web/Heading.test.js

@@ -73,4 +73,10 @@ describe("<Heading />", () => {
     );
     expect(container).toMatchSnapshot();
   });
+  it("should override the background color", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Heading, { bg: "yoga", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }) }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
 });

package/cjs/Heading/web/StyledHeading.js

@@ -33,6 +33,7 @@ __export(StyledHeading_exports, {
 });
 module.exports = __toCommonJS(StyledHeading_exports);
 var import_styled_components = __toESM(require("styled-components"));
+var import_yoga_system = require("@gympass/yoga-system");
 const StyledHeading = import_styled_components.default.header`
   ${({
   noPadding,
@@ -43,7 +44,8 @@ const StyledHeading = import_styled_components.default.header`
   }
 }) => {
   return import_styled_components.css`
-      background: ${heading.background};
+      background-color: ${heading.background};
+      ${import_yoga_system.backgroundColor}
       padding: ${heading.padding.vertical}px ${heading.padding.horizontal}px;
       min-height: ${heading.height}px;
       width: 100%;

package/esm/Heading/web/Heading.js

@@ -68,11 +68,13 @@ Heading.propTypes = {
     PropTypes.arrayOf(PropTypes.node),
     PropTypes.node
   ]),
-  noPadding: bool
+  noPadding: bool,
+  bg: PropTypes.string
 };
 Heading.defaultProps = {
   children: void 0,
-  noPadding: false
+  noPadding: false,
+  bg: void 0
 };
 var Heading_default = Heading;
 export {

package/esm/Heading/web/Heading.test.js

@@ -50,4 +50,10 @@ describe("<Heading />", () => {
     );
     expect(container).toMatchSnapshot();
   });
+  it("should override the background color", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Heading, { bg: "yoga", children: /* @__PURE__ */ jsx(Title, { children: "Gympass" }) }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
 });

package/esm/Heading/web/StyledHeading.js

@@ -1,4 +1,5 @@
 import styled, { css } from "styled-components";
+import { backgroundColor } from "@gympass/yoga-system";
 const StyledHeading = styled.header`
   ${({
   noPadding,
@@ -9,7 +10,8 @@ const StyledHeading = styled.header`
   }
 }) => {
   return css`
-      background: ${heading.background};
+      background-color: ${heading.background};
+      ${backgroundColor}
       padding: ${heading.padding.vertical}px ${heading.padding.horizontal}px;
       min-height: ${heading.height}px;
       width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.100.1",
+  "version": "7.101.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "9b2d163cc6d1c9d7ca5ef9a69921f5efd5c333a3",
+  "gitHead": "8ccabf1298bbd512d0b1b50ce59c4ff5aea32a20",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/index.d.ts

@@ -375,11 +375,14 @@ declare namespace Heading {
     namespace propTypes {
         export const children: prop_types__default.Requireable<string | number | boolean | prop_types__default.ReactElementLike | prop_types__default.ReactNodeArray>;
         export { bool as noPadding };
+        export const bg: prop_types__default.Requireable<string>;
     }
     namespace defaultProps {
         const children_1: undefined;
         export { children_1 as children };
         export const noPadding: boolean;
+        const bg_1: undefined;
+        export { bg_1 as bg };
     }
 }