@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Heading/web/Heading.js

@@ -1,76 +1,108 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireWildcard(require("prop-types"));
-
-var _StyledHeading = _interopRequireWildcard(require("./StyledHeading"));
-
-var _Box = _interopRequireDefault(require("../../Box"));
-
-var _Title = _interopRequireDefault(require("./Title"));
-
-var _BackButton = _interopRequireDefault(require("./BackButton"));
-
-var _RightButton = _interopRequireDefault(require("./RightButton"));
-
-var _excluded = ["children", "noPadding"];
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var Heading = function Heading(_ref) {
-  var children = _ref.children,
-      noPadding = _ref.noPadding,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var backButton = null;
-  var title = null;
-  var rightButtons = [];
-
-  var defineComponent = function defineComponent(child) {
-    if (!child) return;
-    if (child.type.displayName === _Title["default"].displayName) title = child;
-    if (child.type.displayName === _BackButton["default"].displayName) backButton = child;
-    if (child.type.displayName === _RightButton["default"].displayName) rightButtons.push(child);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
+  default: () => Heading_default
+});
+module.exports = __toCommonJS(Heading_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_StyledHeading = __toESM(require("./StyledHeading"));
+var import_Box = __toESM(require("../../Box"));
+var import_Title = __toESM(require("./Title"));
+var import_BackButton = __toESM(require("./BackButton"));
+var import_RightButton = __toESM(require("./RightButton"));
+const Heading = (_a) => {
+  var _b = _a, { children, noPadding } = _b, props = __objRest(_b, ["children", "noPadding"]);
+  let backButton = null;
+  let title = null;
+  const rightButtons = [];
+  const defineComponent = (child) => {
+    if (!child)
+      return;
+    if (child.type.displayName === import_Title.default.displayName)
+      title = child;
+    if (child.type.displayName === import_BackButton.default.displayName)
+      backButton = child;
+    if (child.type.displayName === import_RightButton.default.displayName)
+      rightButtons.push(child);
   };
-
   if (Array.isArray(children)) {
-    children.forEach(function (child) {
-      return defineComponent(child);
-    });
+    children.forEach((child) => defineComponent(child));
   } else {
     defineComponent(children);
   }
-
-  return /*#__PURE__*/_react["default"].createElement(_StyledHeading["default"], _extends({
-    noPadding: noPadding
-  }, props), backButton || /*#__PURE__*/_react["default"].createElement(_StyledHeading.Button, null), title || /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    w: "100%"
-  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    display: "flex",
-    "justify-content": "space-between",
-    alignItems: "center"
-  }, rightButtons.length > 0 ? rightButtons : /*#__PURE__*/_react["default"].createElement(_StyledHeading.Button, null)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledHeading.default, __spreadProps(__spreadValues({ noPadding }, props), { children: [
+    backButton || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledHeading.Button, {}),
+    title || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { w: "100%" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { display: "flex", "justify-content": "space-between", alignItems: "center", children: rightButtons.length > 0 ? rightButtons : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledHeading.Button, {}) })
+  ] }));
 };
-
 Heading.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
-  noPadding: _propTypes.bool
+  children: import_prop_types.default.oneOfType([
+    import_prop_types.default.arrayOf(import_prop_types.default.node),
+    import_prop_types.default.node
+  ]),
+  noPadding: import_prop_types.bool
 };
 Heading.defaultProps = {
-  children: undefined,
+  children: void 0,
   noPadding: false
 };
-var _default = Heading;
-exports["default"] = _default;
+var Heading_default = Heading;

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

@@ -0,0 +1,76 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import_src = require("@gympass/yoga-icons/src");
+var import__ = require("../..");
+var import_Title = __toESM(require("./Title"));
+var import_BackButton = __toESM(require("./BackButton"));
+var import_RightButton = __toESM(require("./RightButton"));
+const onClick = () => {
+};
+describe("<Heading />", () => {
+  it("should match snapshot with title", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Heading, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }) }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with title and back button", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Heading, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BackButton.default, { onClick })
+      ] }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with all components", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Heading, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BackButton.default, { onClick }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RightButton.default, { icon: import_src.Upload2, onClick })
+      ] }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot with back button", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Heading, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BackButton.default, { onClick }) }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should match snapshot no padding", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Heading, { noPadding: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BackButton.default, { onClick }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RightButton.default, { icon: import_src.Upload2, onClick })
+      ] }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Heading/web/RightButton.js

@@ -1,53 +1,93 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Button = _interopRequireDefault(require("../../Button"));
-
-var _excluded = ["onClick", "icon"];
-
-var _templateObject, _templateObject2;
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var ButtonIcon = (0, _styledComponents["default"])(_Button["default"].Icon)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", ";\n"])), function (_ref) {
-  var heading = _ref.theme.yoga.components.heading;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", "px;\n      height: ", "px;\n\n      :not(:last-of-type) {\n        margin-right: ", "px;\n      }\n    "])), heading.button.width, heading.button.height, heading.button.marginRight);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RightButton_exports = {};
+__export(RightButton_exports, {
+  default: () => RightButton_default
 });
-
-var RightButton = function RightButton(_ref2) {
-  var onClick = _ref2.onClick,
-      icon = _ref2.icon,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(ButtonIcon, _extends({}, props, {
-    icon: icon,
-    inverted: true,
-    onClick: onClick
-  }));
+module.exports = __toCommonJS(RightButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_Button = __toESM(require("../../Button"));
+const ButtonIcon = (0, import_styled_components.default)(import_Button.default.Icon)`
+  ${({
+  theme: {
+    yoga: {
+      components: { heading }
+    }
+  }
+}) => import_styled_components.css`
+      width: ${heading.button.width}px;
+      height: ${heading.button.height}px;
+
+      :not(:last-of-type) {
+        margin-right: ${heading.button.marginRight}px;
+      }
+    `};
+`;
+const RightButton = (_a) => {
+  var _b = _a, { onClick, icon } = _b, props = __objRest(_b, ["onClick", "icon"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonIcon, __spreadProps(__spreadValues({}, props), { icon, inverted: true, onClick }));
 };
-
 RightButton.propTypes = {
-  onClick: _propTypes["default"].func.isRequired,
-  icon: _propTypes["default"].elementType.isRequired
+  onClick: import_prop_types.default.func.isRequired,
+  icon: import_prop_types.default.elementType.isRequired
 };
-RightButton.displayName = 'Heading.RightButton';
-var _default = RightButton;
-exports["default"] = _default;
+RightButton.displayName = "Heading.RightButton";
+var RightButton_default = RightButton;

package/cjs/Heading/web/StyledHeading.js

@@ -1,29 +1,78 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.Button = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledHeading = _styledComponents["default"].header(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var noPadding = _ref.noPadding,
-      heading = _ref.theme.yoga.components.heading;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      padding: ", "px\n        ", "px;\n      width: 100%;\n      min-height: ", "px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      ", ";\n    "])), heading.background, heading.padding.vertical, heading.padding.horizontalMobile, heading.height, noPadding ? 'padding: 0' : "@media (min-width: 769px) {\n        padding: " + heading.padding.vertical + "px " + heading.padding.horizontal + "px;\n      }");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StyledHeading_exports = {};
+__export(StyledHeading_exports, {
+  Button: () => Button,
+  default: () => StyledHeading_default
 });
-
-var Button = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var heading = _ref2.theme.yoga.components.heading;
-  return "\n    width: " + heading.button.width + "px;\n    height: " + heading.button.height + "px;\n  ";
+module.exports = __toCommonJS(StyledHeading_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const StyledHeading = import_styled_components.default.header`
+  ${({
+  noPadding,
+  theme: {
+    yoga: {
+      components: { heading }
+    }
+  }
+}) => {
+  return import_styled_components.css`
+      background: ${heading.background};
+      padding: ${heading.padding.vertical}px
+        ${heading.padding.horizontalMobile}px;
+      width: 100%;
+      min-height: ${heading.height}px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      ${noPadding ? "padding: 0" : `@media (min-width: 769px) {
+        padding: ${heading.padding.vertical}px ${heading.padding.horizontal}px;
+      }`};
+    `;
+}}
+`;
+const Button = import_styled_components.default.div`
+  ${({
+  theme: {
+    yoga: {
+      components: { heading }
+    }
+  }
+}) => {
+  return `
+    width: ${heading.button.width}px;
+    height: ${heading.button.height}px;
+  `;
+}}
+`;
+var StyledHeading_default = StyledHeading;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
 });
-
-exports.Button = Button;
-var _default = StyledHeading;
-exports["default"] = _default;

package/cjs/Heading/web/Title.js

@@ -1,40 +1,76 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Text = _interopRequireDefault(require("../../Text"));
-
-var _Box = _interopRequireDefault(require("../../Box"));
-
-var _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var Title = function Title(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    w: "100%",
-    textAlign: "center"
-  }, /*#__PURE__*/_react["default"].createElement(_Text["default"].Medium, _extends({}, props, {
-    fontSize: "small",
-    as: "h1"
-  }), children));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Title_exports = {};
+__export(Title_exports, {
+  default: () => Title_default
+});
+module.exports = __toCommonJS(Title_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_Text = __toESM(require("../../Text"));
+var import_Box = __toESM(require("../../Box"));
+const Title = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { w: "100%", textAlign: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Medium, __spreadProps(__spreadValues({}, props), { fontSize: "small", as: "h1", children })) });
 };
-
 Title.propTypes = {
-  children: _propTypes["default"].string.isRequired
+  children: import_prop_types.default.string.isRequired
 };
-Title.displayName = 'Heading.Title';
-var _default = Title;
-exports["default"] = _default;
+Title.displayName = "Heading.Title";
+var Title_default = Title;