@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Divider/native/Divider.js

@@ -1 +1,63 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));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;}var StyledDivider=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var _ref$theme$yoga=_ref.theme.yoga,borders=_ref$theme$yoga.borders,colors=_ref$theme$yoga.colors,vertical=_ref.vertical;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      ",";\n      ",";\n\n      border-color: ",";\n    "])),vertical?'height: auto':'width: auto',vertical?"border-left-width: "+borders.small:"border-bottom-width: "+borders.small,colors.text.disabled);});var Divider=_react["default"].forwardRef(function(_ref2,ref){var vertical=_ref2.vertical;return _react["default"].createElement(StyledDivider,{vertical:vertical,ref:ref});});Divider.propTypes={vertical:_propTypes.bool};Divider.defaultProps={vertical:false};var _default=(0,_styledComponents.withTheme)(Divider);exports["default"]=_default;
+"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 __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 Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_prop_types = require("prop-types");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledDivider = import_styled_components.default.View`
+  ${({
+  theme: {
+    yoga: { borders, colors }
+  },
+  vertical
+}) => {
+  return import_styled_components.css`
+      ${vertical ? "height: auto" : "width: auto"};
+      ${vertical ? `border-left-width: ${borders.small}` : `border-bottom-width: ${borders.small}`};
+
+      border-color: ${colors.text.disabled};
+    `;
+}}
+`;
+const Divider = import_react.default.forwardRef(({ vertical }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDivider, { vertical, ref });
+});
+Divider.propTypes = {
+  /** If this value is defined, the divider will be in vertical when the flexDirection is row type */
+  vertical: import_prop_types.bool
+};
+Divider.defaultProps = {
+  vertical: false
+};
+var Divider_default = (0, import_styled_components.withTheme)(Divider);

package/cjs/Divider/native/Divider.test.js

@@ -0,0 +1,67 @@
+"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_react_native = require("@testing-library/react-native");
+var import__ = require("../..");
+describe("<Divider />", () => {
+  it("should create a divider component", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import__.Box,
+        {
+          display: "flex",
+          flexDirection: "column",
+          minWidth: 300,
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "First Content" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "Second Content" })
+          ]
+        }
+      ) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should create vertical divider component", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import__.Box,
+        {
+          display: "flex",
+          flexDirection: "row",
+          minWidth: 300,
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "First Content" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Divider, { vertical: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "Second Content" })
+          ]
+        }
+      ) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/cjs/Divider/native/index.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Divider=_interopRequireDefault(require("./Divider"));var _default=_Divider["default"];exports["default"]=_default;
+"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 __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 native_exports = {};
+__export(native_exports, {
+  default: () => native_default
+});
+module.exports = __toCommonJS(native_exports);
+var import_Divider = __toESM(require("./Divider"));
+var native_default = import_Divider.default;

package/cjs/Divider/web/Divider.js

@@ -1,60 +1,93 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _propTypes = require("prop-types");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _excluded = ["vertical", "style"];
-
-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 StyledDivider = _styledComponents["default"].hr(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var vertical = _ref.vertical,
-      _ref$theme$yoga = _ref.theme.yoga,
-      borders = _ref$theme$yoga.borders,
-      colors = _ref$theme$yoga.colors;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      border-width: 0px;\n      border-left-width: ", "px;\n      border-bottom-width: ", "px;\n      border-color: ", ";\n    "])), vertical ? 'height: auto' : 'width: 100%', vertical ? borders.small : 0, vertical ? 0 : borders.small, colors.text.disabled);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
 });
-
-var Divider = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var vertical = _ref2.vertical,
-      style = _ref2.style,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(StyledDivider, _extends({
-    vertical: vertical,
-    ref: ref,
-    style: style
-  }, props));
+module.exports = __toCommonJS(Divider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_prop_types = require("prop-types");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledDivider = import_styled_components.default.hr`
+  ${({
+  vertical,
+  theme: {
+    yoga: { borders, colors }
+  }
+}) => {
+  return import_styled_components.css`
+      ${vertical ? "height: auto" : "width: 100%"};
+      border-width: 0px;
+      border-left-width: ${vertical ? borders.small : 0}px;
+      border-bottom-width: ${vertical ? 0 : borders.small}px;
+      border-color: ${colors.text.disabled};
+    `;
+}}
+`;
+const Divider = import_react.default.forwardRef((_a, ref) => {
+  var _b = _a, { vertical, style } = _b, props = __objRest(_b, ["vertical", "style"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDivider, __spreadValues({ vertical, ref, style }, props));
 });
-
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
-  vertical: _propTypes.bool,
-  style: (0, _propTypes.shape)({})
+  vertical: import_prop_types.bool,
+  style: (0, import_prop_types.shape)({})
 };
 Divider.defaultProps = {
   vertical: false,
-  style: undefined
+  style: void 0
 };
-
-var _default = (0, _styledComponents.withTheme)(Divider);
-
-exports["default"] = _default;
+var Divider_default = (0, import_styled_components.withTheme)(Divider);

package/cjs/Divider/web/Divider.test.js

@@ -0,0 +1,49 @@
+"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__ = require("../..");
+describe("<Divider />", () => {
+  it("should create a divider component", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Box, { flex: 1, display: "flex", flexDirection: "column", minHeight: 50, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "First Content" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "Second Content" })
+      ] }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+  it("should create a vertical divider component", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Box, { flex: 1, display: "flex", flexDirection: "row", minHeight: 50, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "First Content" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Divider, { vertical: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "Second Content" })
+      ] }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Divider/web/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Divider = _interopRequireDefault(require("./Divider"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _Divider["default"];
-exports["default"] = _default;
+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 web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_Divider = __toESM(require("./Divider"));
+var web_default = import_Divider.default;

package/cjs/Drawer/web/Content.js

@@ -1,19 +1,44 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Dialog = _interopRequireDefault(require("../../Dialog"));
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Content = (0, _styledComponents["default"])(_Dialog["default"].Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  align-self: flex-start;\n  text-align: left;\n"])));
-Content.displayName = 'Drawer.Content';
-var _default = Content;
-exports["default"] = _default;
+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 Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var import_Dialog = __toESM(require("../../Dialog"));
+const Content = (0, import_styled_components.default)(import_Dialog.default.Content)`
+  margin: 0;
+  height: 100%;
+  width: 100%;
+  align-self: flex-start;
+  text-align: left;
+`;
+Content.displayName = "Drawer.Content";
+var Content_default = Content;

package/cjs/Drawer/web/Drawer.js

@@ -1,41 +1,90 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _Dialog = _interopRequireDefault(require("../../Dialog"));
-
-var _templateObject;
-
-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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledDrawer = (0, _styledComponents["default"])(_Dialog["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  border-radius: 0!important;\n  height: 100%;\n  align-self: flex-end;\n  position: absolute;\n  right: 0;\n  animation: content;\n  animation-duration: 400ms;\n  animation-fill-mode: forwards;\n  transition: 0.25s ease-in-out;\n  @keyframes content {\n    0% {\n      transform: translate3d(100%, 0, 0);\n    }\n  }\n"])), function (_ref) {
-  var drawer = _ref.theme.yoga.components.drawer;
-  return "\n  padding: " + drawer.padding.top + "px " + drawer.padding.right + "px " + drawer.padding.bottom + "px " + drawer.padding.left + "px;\n  width: min(" + drawer.width["default"] + "px, 100%);\n  ";
-});
-
-var Drawer = /*#__PURE__*/_react["default"].forwardRef(function (props, forwardedRef) {
-  return /*#__PURE__*/_react["default"].createElement(StyledDrawer, _extends({}, props, {
-    ref: forwardedRef
-  }));
+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 __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 Drawer_exports = {};
+__export(Drawer_exports, {
+  default: () => Drawer_default
 });
-
+module.exports = __toCommonJS(Drawer_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 = require("prop-types");
+var import_Dialog = __toESM(require("../../Dialog"));
+const StyledDrawer = (0, import_styled_components.default)(import_Dialog.default)`
+  ${({
+  theme: {
+    yoga: {
+      components: { drawer }
+    }
+  }
+}) => `
+  padding: ${drawer.padding.top}px ${drawer.padding.right}px ${drawer.padding.bottom}px ${drawer.padding.left}px;
+  width: min(${drawer.width.default}px, 100%);
+  `}
+  border-radius: 0!important;
+  height: 100%;
+  align-self: flex-end;
+  position: absolute;
+  right: 0;
+  animation: content;
+  animation-duration: 400ms;
+  animation-fill-mode: forwards;
+  transition: 0.25s ease-in-out;
+  @keyframes content {
+    0% {
+      transform: translate3d(100%, 0, 0);
+    }
+  }
+`;
+const Drawer = import_react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDrawer, __spreadProps(__spreadValues({}, props), { ref: forwardedRef })));
 Drawer.propTypes = {
-  children: _propTypes.node.isRequired,
-  zIndex: _propTypes.number
+  children: import_prop_types.node.isRequired,
+  zIndex: import_prop_types.number
 };
 Drawer.defaultProps = {
   zIndex: 3
 };
-var _default = Drawer;
-exports["default"] = _default;
+var Drawer_default = Drawer;