@gympass/yoga 7.87.0 → 7.88.0

package/cjs/Button/native/Button.js

@@ -1 +1,231 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.Label=exports.ButtonContainer=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Text=_interopRequireDefault(require("../../Text"));var _excluded=["children","full","disabled","small","pressed","inverted","secondary","icon","theme"];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 Label=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  text-align: center;\n  ","\n"])),function(_ref){var small=_ref.small,color=_ref.color,button=_ref.theme.yoga.components.button;return"\n      font-size: "+(small?button.font.size.small:button.font.size["default"])+"px;\n      color: "+color+";\n    ";});exports.Label=Label;var ButtonContainer=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var pressed=_ref2.pressed,disabled=_ref2.disabled,full=_ref2.full,small=_ref2.small,inverted=_ref2.inverted,secondary=_ref2.secondary,button=_ref2.theme.yoga.components.button;var state=secondary?'secondary':'primary';return"\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n      border-radius: "+button.border.radius+"px;\n      height: "+(small?button.height.small:button.height["default"])+";\n      justify-content: center;\n      padding-left: "+(small?button.padding.small.left:button.padding["default"].left)+"px;\n      padding-right: "+(small?button.padding.small.right:button.padding["default"].right)+"px;\n      "+(full?'width: 100%;':'')+"\n\n      "+(!disabled&&pressed?"\n        background-color: "+button.types.contained.backgroundColor[state].pressed+";\n      ":'')+"\n\n      "+(disabled?"\n        background-color: "+button.types.contained.backgroundColor.disabled+";\n      ":'')+"\n\n      "+(inverted&&!disabled?"\n          background-color: "+button.types.contained.font["default"].color+";\n        ":'')+"\n    ";});exports.ButtonContainer=ButtonContainer;var Button=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,full=_ref3.full,disabled=_ref3.disabled,small=_ref3.small,pressed=_ref3.pressed,inverted=_ref3.inverted,secondary=_ref3.secondary,Icon=_ref3.icon,button=_ref3.theme.yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=button.types.contained.font["default"].color;if(disabled){textColor=button.types.contained.font.disabled.color;}else if(inverted){textColor=button.types.contained.backgroundColor[state]["default"];if(pressed){textColor=button.types.contained.backgroundColor[state].pressed;}}else if(pressed){textColor=button.types.contained.font.pressed.color;}return _react["default"].createElement(ButtonContainer,(0,_extends2["default"])({},rest,{full:full,pressed:pressed,disabled:disabled,small:small,inverted:inverted,secondary:secondary,ref:ref}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(Label,{disabled:disabled,pressed:pressed,inverted:inverted,small:small,color:textColor},children));});Button.propTypes={children:_propTypes.node,full:_propTypes.bool,disabled:_propTypes.bool,small:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.func])};Button.defaultProps={children:'Button',full:false,disabled:false,small:false,pressed:false,inverted:false,secondary:false,icon:undefined};var ButtonWithTouchable=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(Button));exports["default"]=ButtonWithTouchable;
+"use strict";
+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 Button_exports = {};
+__export(Button_exports, {
+  ButtonContainer: () => ButtonContainer,
+  Label: () => Label,
+  default: () => ButtonWithTouchable
+});
+module.exports = __toCommonJS(Button_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_withTouchable = __toESM(require("./withTouchable"));
+var import_Text = __toESM(require("../../Text"));
+const Label = (0, import_styled_components.default)(import_Text.default.Medium)`
+  text-align: center;
+  ${({
+  small,
+  color,
+  theme: {
+    yoga: {
+      components: { button }
+    }
+  }
+}) => `
+      font-size: ${small ? button.font.size.small : button.font.size.default}px;
+      color: ${color};
+    `}
+`;
+const ButtonContainer = import_styled_components.default.View`
+  ${({
+  pressed,
+  disabled,
+  full,
+  small,
+  inverted,
+  secondary,
+  theme: {
+    yoga: {
+      components: { button }
+    }
+  }
+}) => {
+  const state = secondary ? "secondary" : "primary";
+  return `
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+
+      background-color: ${button.types.contained.backgroundColor[state].default};
+      border-radius: ${button.border.radius}px;
+      height: ${small ? button.height.small : button.height.default};
+      justify-content: center;
+      padding-left: ${small ? button.padding.small.left : button.padding.default.left}px;
+      padding-right: ${small ? button.padding.small.right : button.padding.default.right}px;
+      ${full ? "width: 100%;" : ""}
+
+      ${!disabled && pressed ? `
+        background-color: ${button.types.contained.backgroundColor[state].pressed};
+      ` : ""}
+
+      ${disabled ? `
+        background-color: ${button.types.contained.backgroundColor.disabled};
+      ` : ""}
+
+      ${inverted && !disabled ? `
+          background-color: ${button.types.contained.font.default.color};
+        ` : ""}
+    `;
+}}
+`;
+const Button = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      full,
+      disabled,
+      small,
+      pressed,
+      inverted,
+      secondary,
+      icon: Icon,
+      theme: {
+        yoga: {
+          components: { button }
+        }
+      }
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "full",
+      "disabled",
+      "small",
+      "pressed",
+      "inverted",
+      "secondary",
+      "icon",
+      "theme"
+    ]);
+    const state = secondary ? "secondary" : "primary";
+    let textColor = button.types.contained.font.default.color;
+    if (disabled) {
+      textColor = button.types.contained.font.disabled.color;
+    } else if (inverted) {
+      textColor = button.types.contained.backgroundColor[state].default;
+      if (pressed) {
+        textColor = button.types.contained.backgroundColor[state].pressed;
+      }
+    } else if (pressed) {
+      textColor = button.types.contained.font.pressed.color;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      ButtonContainer,
+      __spreadProps(__spreadValues({}, rest), {
+        full,
+        pressed,
+        disabled,
+        small,
+        inverted,
+        secondary,
+        ref,
+        children: [
+          Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Icon,
+            {
+              width: small ? button.icon.size.small : button.icon.size.default,
+              height: small ? button.icon.size.small : button.icon.size.default,
+              fill: textColor,
+              style: {
+                marginRight: button.icon.margin.right
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Label,
+            {
+              disabled,
+              pressed,
+              inverted,
+              small,
+              color: textColor,
+              children
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Button.propTypes = {
+  children: import_prop_types.node,
+  full: import_prop_types.bool,
+  disabled: import_prop_types.bool,
+  small: import_prop_types.bool,
+  pressed: import_prop_types.bool,
+  inverted: import_prop_types.bool,
+  secondary: import_prop_types.bool,
+  /** an Icon from yoga-icons package */
+  icon: (0, import_prop_types.oneOfType)([import_prop_types.bool, import_prop_types.func])
+};
+Button.defaultProps = {
+  children: "Button",
+  full: false,
+  disabled: false,
+  small: false,
+  pressed: false,
+  inverted: false,
+  secondary: false,
+  icon: void 0
+};
+const ButtonWithTouchable = (0, import_withTouchable.default)((0, import_styled_components.withTheme)(Button));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonContainer,
+  Label
+});

package/cjs/Button/native/Button.test.js

@@ -0,0 +1,365 @@
+"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_yoga_icons = require("@gympass/yoga-icons");
+var import_Theme = __toESM(require("../../Theme"));
+var import__ = __toESM(require(".."));
+describe("<Button />", () => {
+  describe("Snapshots", () => {
+    describe("primary buttons", () => {
+      describe("Without props", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, {}) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, {}) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with link Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Link, {}) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With inverted prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { inverted: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { inverted: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { inverted: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { inverted: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with icon Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { icon: import_yoga_icons.Booking, inverted: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With small prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { small: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { small: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { small: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { small: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With full prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { full: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { full: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { full: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { full: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With large prop", () => {
+        it("should match snapshot icon Button with large prop", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { icon: import_yoga_icons.Booking, large: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+    });
+    describe("secondary buttons", () => {
+      describe("Without props", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with link Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Link, { secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with icon Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With inverted prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { inverted: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { inverted: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { inverted: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { inverted: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with icon Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { inverted: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With small prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { small: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { small: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { small: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { small: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With full prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { full: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { full: true, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { full: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { full: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+      describe("With large prop", () => {
+        it("should match snapshot icon Button with large prop", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { large: true, icon: import_yoga_icons.Booking, secondary: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+    });
+    describe("disabled buttons", () => {
+      describe("With disabled prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { disabled: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { disabled: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with link Button", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Link, { disabled: true }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with default Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { disabled: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with text Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { disabled: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+        it("should match snapshot with icon Button with Icon", () => {
+          const { toJSON } = (0, import_react_native.render)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { disabled: true, icon: import_yoga_icons.Booking }) })
+          );
+          expect(toJSON()).toMatchSnapshot();
+        });
+      });
+    });
+  });
+  describe("onPress prop", () => {
+    it("should call onPress function when click on Button", () => {
+      const onPressMock = jest.fn();
+      const { getByText } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { onPress: onPressMock, children: "Button" }) })
+      );
+      import_react_native.fireEvent.press(getByText("Button"));
+      expect(onPressMock).toHaveBeenCalled();
+    });
+    it("should call onPress function when press on Button.Text", () => {
+      const onPressMock = jest.fn();
+      const { getByText } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Text, { onPress: onPressMock, children: "Button.Text" }) })
+      );
+      import_react_native.fireEvent.press(getByText("Button.Text"));
+      expect(onPressMock).toHaveBeenCalled();
+    });
+    it("should call onPress function when press on Button.Icon", () => {
+      const onPressMock = jest.fn();
+      const { getByRole } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default.Icon, { onPress: onPressMock, icon: import_yoga_icons.Booking }) })
+      );
+      import_react_native.fireEvent.press(getByRole("button"));
+      expect(onPressMock).toHaveBeenCalled();
+    });
+    it("should not call onPress function when press on Button disabled", () => {
+      const onPressMock = jest.fn();
+      const { getByText } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { disabled: true, onPress: onPressMock, children: "Button" }) })
+      );
+      import_react_native.fireEvent.press(getByText("Button"));
+      expect(onPressMock).not.toHaveBeenCalled();
+    });
+  });
+});