@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Button/native/Icon.js

@@ -1 +1,184 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=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 _Icon=_interopRequireDefault(require("../../Icon"));var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _excluded=["icon","theme","small","pressed","disabled","inverted","secondary"];var _templateObject;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 ButtonContainer=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(_ref){var small=_ref.small,secondary=_ref.secondary,button=_ref.theme.yoga.components.button,disabled=_ref.disabled,inverted=_ref.inverted,pressed=_ref.pressed;var state=secondary?'secondary':'primary';return"\n      border-radius: "+button.border.radius+"px;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n\n      width: "+(small?button.height.small:button.height["default"])+"px;\n      height: "+(small?button.height.small:button.height["default"])+"px;\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    ";});var ButtonIcon=(0,_react.forwardRef)(function(_ref2,ref){var icon=_ref2.icon,button=_ref2.theme.yoga.components.button,small=_ref2.small,pressed=_ref2.pressed,disabled=_ref2.disabled,inverted=_ref2.inverted,secondary=_ref2.secondary,props=(0,_objectWithoutProperties2["default"])(_ref2,_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"])({},props,{ref:ref,small:small,pressed:pressed,disabled:disabled,inverted:inverted,secondary:secondary,accessible:true,accessibilityRole:"button"}),_react["default"].createElement(_Icon["default"],{as:icon,fill:textColor,size:small?button.icon.size.small:button.icon.size["default"]}));});ButtonIcon.propTypes={small:_propTypes.bool,disabled:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func])};ButtonIcon.defaultProps={small:false,disabled:false,pressed:false,inverted:false,secondary:false,icon:undefined};ButtonIcon.displayName='Button.Icon';var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonIcon));exports["default"]=_default;
+"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 Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_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_Icon = __toESM(require("../../Icon"));
+var import_withTouchable = __toESM(require("./withTouchable"));
+const ButtonContainer = import_styled_components.default.View`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${({
+  small,
+  secondary,
+  theme: {
+    yoga: {
+      components: { button }
+    }
+  },
+  disabled,
+  inverted,
+  pressed
+}) => {
+  const state = secondary ? "secondary" : "primary";
+  return `
+      border-radius: ${button.border.radius}px;
+
+      background-color: ${button.types.contained.backgroundColor[state].default};
+
+      width: ${small ? button.height.small : button.height.default}px;
+      height: ${small ? button.height.small : button.height.default}px;
+
+      ${!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 ButtonIcon = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      icon,
+      theme: {
+        yoga: {
+          components: { button }
+        }
+      },
+      small,
+      pressed,
+      disabled,
+      inverted,
+      secondary
+    } = _b, props = __objRest(_b, [
+      "icon",
+      "theme",
+      "small",
+      "pressed",
+      "disabled",
+      "inverted",
+      "secondary"
+    ]);
+    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.jsx)(
+      ButtonContainer,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        small,
+        pressed,
+        disabled,
+        inverted,
+        secondary,
+        accessible: true,
+        accessibilityRole: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Icon.default,
+          {
+            as: icon,
+            fill: textColor,
+            size: small ? button.icon.size.small : button.icon.size.default
+          }
+        )
+      })
+    );
+  }
+);
+ButtonIcon.propTypes = {
+  small: import_prop_types.bool,
+  disabled: import_prop_types.bool,
+  pressed: import_prop_types.bool,
+  inverted: import_prop_types.bool,
+  secondary: import_prop_types.bool,
+  icon: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func])
+};
+ButtonIcon.defaultProps = {
+  small: false,
+  disabled: false,
+  pressed: false,
+  inverted: false,
+  secondary: false,
+  icon: void 0
+};
+ButtonIcon.displayName = "Button.Icon";
+var Icon_default = (0, import_withTouchable.default)((0, import_styled_components.withTheme)(ButtonIcon));

package/cjs/Button/native/Link.js

@@ -1 +1,92 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _templateObject;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 Link=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,pressed=_ref.pressed,secondary=_ref.secondary,link=_ref.theme.yoga.components.button.types.link;var state=secondary?'secondary':'primary';return"\n      color: "+link.font[state].color+";\n\n      "+(disabled?"color: "+link.font.disabled.color+";":'')+"\n      "+(!disabled&&pressed?"color: "+(0,_yogaCommon.hexToRgb)(link.font[state].color,0.75)+";":'')+"\n    ";});var ButtonLink=(0,_react.forwardRef)(function(props,ref){return _react["default"].createElement(Link,(0,_extends2["default"])({},props,{ref:ref}));});ButtonLink.propTypes={disabled:_propTypes.bool,secondary:_propTypes.bool};ButtonLink.defaultProps={disabled:false,secondary:false};ButtonLink.displayName='Button.Link';var _default=(0,_withTouchable["default"])(ButtonLink);exports["default"]=_default;
+"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 __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 Link_exports = {};
+__export(Link_exports, {
+  default: () => Link_default
+});
+module.exports = __toCommonJS(Link_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_yoga_common = require("@gympass/yoga-common");
+var import_withTouchable = __toESM(require("./withTouchable"));
+var import_Button = require("./Button");
+const Link = (0, import_styled_components.default)(import_Button.Label)`
+  ${({
+  disabled,
+  pressed,
+  secondary,
+  theme: {
+    yoga: {
+      components: {
+        button: {
+          types: { link }
+        }
+      }
+    }
+  }
+}) => {
+  const state = secondary ? "secondary" : "primary";
+  return `
+      color: ${link.font[state].color};
+
+      ${disabled ? `color: ${link.font.disabled.color};` : ""}
+      ${!disabled && pressed ? `color: ${(0, import_yoga_common.hexToRgb)(link.font[state].color, 0.75)};` : ""}
+    `;
+}}
+`;
+const ButtonLink = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, __spreadProps(__spreadValues({}, props), { ref })));
+ButtonLink.propTypes = {
+  disabled: import_prop_types.bool,
+  secondary: import_prop_types.bool
+};
+ButtonLink.defaultProps = {
+  disabled: false,
+  secondary: false
+};
+ButtonLink.displayName = "Button.Link";
+var Link_default = (0, import_withTouchable.default)(ButtonLink);

package/cjs/Button/native/Text.js

@@ -1 +1,158 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=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 _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _excluded=["children","disabled","pressed","small","secondary","inverted","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 LabelText=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var color=_ref.color;return"color: "+color+";";});var ButtonContainerText=(0,_styledComponents["default"])(_Button.ButtonContainer)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var button=_ref2.theme.yoga.components.button;return"\n    background-color: "+button.types.text.backgroundColor+";\n  ";});var ButtonText=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,disabled=_ref3.disabled,pressed=_ref3.pressed,small=_ref3.small,secondary=_ref3.secondary,inverted=_ref3.inverted,Icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,button=_ref3$theme$yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=colors[state];if(disabled){textColor=button.types.text.disabled;}else if(inverted){textColor=colors.white;if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors.white,0.75);}}else if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors[state],0.75);}return _react["default"].createElement(ButtonContainerText,(0,_extends2["default"])({},rest,{disabled:disabled,pressed:pressed,small:small,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(LabelText,{disabled:disabled,pressed:pressed,small:small,secondary:secondary,color:textColor},children));});ButtonText.propTypes=_Button.ButtonContainer.propTypes;ButtonText.defaultProps=_Button.ButtonContainer.defaultProps;var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonText));exports["default"]=_default;
+"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 Text_exports = {};
+__export(Text_exports, {
+  default: () => Text_default
+});
+module.exports = __toCommonJS(Text_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_yoga_common = require("@gympass/yoga-common");
+var import_withTouchable = __toESM(require("./withTouchable"));
+var import_Button = require("./Button");
+const LabelText = (0, import_styled_components.default)(import_Button.Label)`
+  ${({ color }) => `color: ${color};`}
+`;
+const ButtonContainerText = (0, import_styled_components.default)(import_Button.ButtonContainer)`
+  ${({
+  theme: {
+    yoga: {
+      components: { button }
+    }
+  }
+}) => `
+    background-color: ${button.types.text.backgroundColor};
+  `}
+`;
+const ButtonText = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      disabled,
+      pressed,
+      small,
+      secondary,
+      inverted,
+      icon: Icon,
+      theme: {
+        yoga: {
+          colors,
+          components: { button }
+        }
+      }
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "disabled",
+      "pressed",
+      "small",
+      "secondary",
+      "inverted",
+      "icon",
+      "theme"
+    ]);
+    const state = secondary ? "secondary" : "primary";
+    let textColor = colors[state];
+    if (disabled) {
+      textColor = button.types.text.disabled;
+    } else if (inverted) {
+      textColor = colors.white;
+      if (pressed) {
+        textColor = (0, import_yoga_common.hexToRgb)(colors.white, 0.75);
+      }
+    } else if (pressed) {
+      textColor = (0, import_yoga_common.hexToRgb)(colors[state], 0.75);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      ButtonContainerText,
+      __spreadProps(__spreadValues({}, rest), {
+        disabled,
+        pressed,
+        small,
+        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)(
+            LabelText,
+            {
+              disabled,
+              pressed,
+              small,
+              secondary,
+              color: textColor,
+              children
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+ButtonText.propTypes = import_Button.ButtonContainer.propTypes;
+ButtonText.defaultProps = import_Button.ButtonContainer.defaultProps;
+var Text_default = (0, import_withTouchable.default)((0, import_styled_components.withTheme)(ButtonText));

package/cjs/Button/native/withTouchable.js

@@ -1 +1,117 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _excluded=["onPressIn","onPressOut","onChange","onPress"];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 withTouchable=function withTouchable(Component){var WithTouchable=function WithTouchable(_ref){var _onPressIn=_ref.onPressIn,_onPressOut=_ref.onPressOut,onChange=_ref.onChange,_ref$onPress=_ref.onPress,onPress=_ref$onPress===void 0?onChange:_ref$onPress,rest=(0,_objectWithoutProperties2["default"])(_ref,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),pressed=_useState2[0],setPressed=_useState2[1];return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPressIn:function onPressIn(e){setPressed(true);_onPressIn(e);},onPressOut:function onPressOut(e){setPressed(false);_onPressOut(e);},onPress:onPress},rest),_react["default"].createElement(_reactNative.View,{style:{flexDirection:'row'}},_react["default"].createElement(Component,(0,_extends2["default"])({},rest,{pressed:pressed}))));};WithTouchable.propTypes={onPressIn:_propTypes.func,onPressOut:_propTypes.func,onChange:_propTypes.func,onPress:_propTypes.func};WithTouchable.defaultProps={onPressIn:function onPressIn(){},onPressOut:function onPressOut(){},onChange:undefined,onPress:undefined};return WithTouchable;};withTouchable.propTypes={Component:_propTypes.element};var _default=withTouchable;exports["default"]=_default;
+"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 withTouchable_exports = {};
+__export(withTouchable_exports, {
+  default: () => withTouchable_default
+});
+module.exports = __toCommonJS(withTouchable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_prop_types = require("prop-types");
+const withTouchable = (Component) => {
+  const WithTouchable = (_a) => {
+    var _b = _a, {
+      onPressIn,
+      onPressOut,
+      onChange,
+      onPress = onChange
+    } = _b, rest = __objRest(_b, [
+      "onPressIn",
+      "onPressOut",
+      "onChange",
+      "onPress"
+    ]);
+    const [pressed, setPressed] = (0, import_react.useState)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.TouchableWithoutFeedback,
+      __spreadProps(__spreadValues({
+        onPressIn: (e) => {
+          setPressed(true);
+          onPressIn(e);
+        },
+        onPressOut: (e) => {
+          setPressed(false);
+          onPressOut(e);
+        },
+        onPress
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { flexDirection: "row" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { pressed })) })
+      })
+    );
+  };
+  WithTouchable.propTypes = {
+    onPressIn: import_prop_types.func,
+    onPressOut: import_prop_types.func,
+    onChange: import_prop_types.func,
+    onPress: import_prop_types.func
+  };
+  WithTouchable.defaultProps = {
+    onPressIn: () => {
+    },
+    onPressOut: () => {
+    },
+    onChange: void 0,
+    onPress: void 0
+  };
+  return WithTouchable;
+};
+withTouchable.propTypes = {
+  Component: import_prop_types.element
+};
+var withTouchable_default = withTouchable;