@grupalia/rn-ui-kit 0.0.4 → 0.1.0

package/lib/commonjs/components/BaseBadge.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _nativewind = require("nativewind");
+var _hocComponents = require("../hoc-components");
+var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
+var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BaseBadge({
+  variant = 'gray',
+  size = 'md',
+  text,
+  transparent = false,
+  squared = false,
+  LeftIcon = null,
+  RightIcon = null,
+  ...props
+}) {
+  const variantStyles = {
+    gray: {
+      bg: 'bg-utility-gray-50',
+      text: 'text-utility-gray-700',
+      border: 'border-utility-gray-200'
+    },
+    brand: {
+      bg: 'bg-utility-brand-50',
+      text: 'text-utility-brand-700',
+      border: 'border-utility-brand-200'
+    },
+    error: {
+      bg: 'bg-utility-error-50',
+      text: 'text-utility-error-700',
+      border: 'border-utility-error-200'
+    },
+    warning: {
+      bg: 'bg-utility-warning-50',
+      text: 'text-utility-warning-700',
+      border: 'border-utility-warning-200'
+    },
+    success: {
+      bg: 'bg-utility-success-50',
+      text: 'text-utility-success-700',
+      border: 'border-utility-success-200'
+    },
+    blue_gray: {
+      bg: 'bg-utility-gray_blue-50',
+      text: 'text-utility-gray_blue-700',
+      border: 'border-utility-gray_blue-200'
+    },
+    blue_light: {
+      bg: 'bg-utility-blue_light-50',
+      text: 'text-utility-blue_light-700',
+      border: 'border-utility-blue_light-200'
+    },
+    blue: {
+      bg: 'bg-utility-blue-50',
+      text: 'text-utility-blue-700',
+      border: 'border-utility-blue-200'
+    },
+    indigo: {
+      bg: 'bg-utility-indigo-50',
+      text: 'text-utility-indigo-700',
+      border: 'border-utility-indigo-200'
+    },
+    purple: {
+      bg: 'bg-utility-purple-50',
+      text: 'text-utility-purple-700',
+      border: 'border-utility-purple-200'
+    },
+    pink: {
+      bg: 'bg-utility-pink-50',
+      text: 'text-utility-pink-700',
+      border: 'border-utility-pink-200'
+    },
+    orange: {
+      bg: 'bg-utility-orange-50',
+      text: 'text-utility-orange-700',
+      border: 'border-utility-orange-200'
+    }
+  };
+  const sizeStyles = {
+    sm: {
+      container: 'px-1.5 py-0.5',
+      text: 'text-xs'
+    },
+    md: {
+      container: 'px-2.5 py-0.5',
+      text: 'text-sm'
+    },
+    lg: {
+      container: 'px-3 py-1',
+      text: 'text-base'
+    }
+  };
+  const iconSizes = {
+    sm: 12,
+    md: 14,
+    lg: 16
+  };
+  const containerStyles = (0, _clsx.default)('flex-row items-center justify-center border', squared ? 'rounded-md' : 'rounded-full', transparent ? 'bg-transparent' : variantStyles[variant].bg, transparent ? 'border-primary' : variantStyles[variant].border, sizeStyles[size].container);
+  const textStyles = (0, _clsx.default)('font-medium', variantStyles[variant].text, sizeStyles[size].text);
+  const iconSpacingStyles = {
+    left: 'mr-1.5',
+    right: 'ml-1.5'
+  };
+
+  // @TODO handle dark mode
+  const iconColors = {
+    gray: _utilityColors.default['gray-500'].light,
+    brand: _utilityColors.default['brand-500'].light,
+    error: _utilityColors.default['error-500'].light,
+    warning: _utilityColors.default['warning-500'].light,
+    success: _utilityColors.default['success-500'].light,
+    blue_gray: _utilityColors.default['gray_blue-500'].light,
+    blue_light: _utilityColors.default['blue_light-500'].light,
+    blue: _utilityColors.default['blue-500'].light,
+    indigo: _utilityColors.default['indigo-500'].light,
+    purple: _utilityColors.default['purple-500'].light,
+    pink: _utilityColors.default['pink-500'].light,
+    orange: _utilityColors.default['orange-500'].light
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+    className: containerStyles,
+    ...props,
+    children: [LeftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+      className: iconSpacingStyles.left,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
+        icon: LeftIcon,
+        size: iconSizes[size],
+        color: iconColors[variant]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Text, {
+      className: textStyles,
+      children: text
+    }), RightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+      className: iconSpacingStyles.right,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
+        icon: RightIcon,
+        size: iconSizes[size],
+        color: iconColors[variant]
+      })
+    })]
+  });
+}
+var _default = exports.default = (0, _nativewind.styled)(BaseBadge);
+//# sourceMappingURL=BaseBadge.js.map

package/lib/commonjs/components/BaseBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_hocComponents","_BaseIcon","_utilityColors","_jsxRuntime","e","__esModule","default","BaseBadge","variant","size","text","transparent","squared","LeftIcon","RightIcon","props","variantStyles","gray","bg","border","brand","error","warning","success","blue_gray","blue_light","blue","indigo","purple","pink","orange","sizeStyles","sm","container","md","lg","iconSizes","containerStyles","clsx","textStyles","iconSpacingStyles","left","right","iconColors","utilityColors","light","jsxs","View","className","children","jsx","icon","color","Text","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BaseButton.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BaseButton;
+exports.default = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
+var _nativewind = require("nativewind");
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
+var _hocComponents = require("../hoc-components");
+var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
+var _textColors = _interopRequireDefault(require("../styles/text-colors"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function BaseButton({
@@ -15,6 +18,7 @@ function BaseButton({
   text = '',
   loading = false,
   disabled = false,
+  destructive = false,
   LeftIcon = null,
   RightIcon = null,
   hitSlop = 6,
@@ -23,7 +27,6 @@ function BaseButton({
 }) {
   const [timer, setTimer] = _react.default.useState(countdownSecs);
   const [isDisabled, setIsDisabled] = _react.default.useState(disabled || countdownSecs > 0);
-  const [isFocused, setIsFocused] = _react.default.useState(false);
   _react.default.useEffect(() => {
     let intervalId;
     if (countdownSecs > 0) {
@@ -47,145 +50,123 @@ function BaseButton({
     };
   }, [countdownSecs, disabled]);
   const sizeClasses = {
-    xs: 'px-3 py-1.5 rounded-md min-h-[32px]',
-    sm: 'px-4 py-2 rounded-lg min-h-[40px]',
-    md: 'px-5 py-2.5 rounded-lg min-h-[48px]',
-    lg: 'px-6 py-3 rounded-xl min-h-[56px]',
-    xl: 'px-[18px] py-3 rounded-xl min-h-[60px]'
+    xs: 'rounded-md h-7',
+    sm: 'rounded-md h-8',
+    md: 'rounded-lg h-9',
+    lg: 'rounded-lg h-10',
+    xl: 'rounded-lg h-11'
   };
   const iconOnlyClasses = {
-    xs: 'p-2 rounded-md min-h-[32px] min-w-[32px]',
-    sm: 'p-2 rounded-lg min-h-[40px] min-w-[40px]',
-    md: 'p-2.5 rounded-lg min-h-[48px] min-w-[48px]',
-    lg: 'p-3 rounded-xl min-h-[56px] min-w-[56px]',
-    xl: 'p-3.5 rounded-xl min-h-[60px] min-w-[60px]'
+    xs: 'rounded-md h-8 w-8',
+    sm: 'rounded-md h-9 w-9',
+    md: 'rounded-lg h-10 w-10',
+    lg: 'rounded-lg h-11 w-11',
+    xl: 'rounded-lg h-12 w-12'
   };
-  const bgClasses = {
+  const containerClasses = {
     primary: {
-      default: 'bg-brand_solid',
-      hover: 'bg-brand_solid_hover',
-      focused: 'bg-brand_solid',
-      disabled: 'bg-disabled',
-      loading: 'bg-brand_solid_hover'
+      default: destructive ? 'bg-error-solid' : 'bg-brand-solid',
+      disabled: 'bg-disabled border border-disabled_subtle',
+      loading: destructive ? 'bg-error-solid' : 'bg-brand-solid_hover'
     },
     secondary: {
-      default: 'bg-primary border border-primary',
-      hover: 'bg-primary_hover border border-primary',
-      focused: 'bg-primary border border-primary',
-      disabled: 'bg-primary border border-disabled',
-      loading: 'bg-primary_hover border border-primary'
+      default: destructive ? 'bg-primary border border-error_subtle' : 'bg-primary border border-primary',
+      disabled: 'bg-primary border border-disabled_subtle',
+      loading: destructive ? 'bg-error-primary border border-error_subtle' : 'bg-primary_hover border border-primary'
     },
     tertiary: {
       default: 'bg-transparent',
-      hover: 'bg-primary_hover',
-      focused: 'bg-transparent',
       disabled: 'bg-transparent',
-      loading: 'bg-primary_hover'
+      loading: destructive ? 'bg-error-primary' : 'bg-primary_hover'
     },
     'link-color': {
       default: 'bg-transparent',
-      hover: 'bg-transparent',
-      focused: 'bg-transparent',
       disabled: 'bg-transparent',
       loading: 'bg-transparent'
     },
     'link-gray': {
       default: 'bg-transparent',
-      hover: 'bg-transparent',
-      focused: 'bg-transparent',
       disabled: 'bg-transparent',
       loading: 'bg-transparent'
-    },
-    destructive: {
-      default: 'bg-error',
-      hover: 'bg-error',
-      focused: 'bg-error',
-      disabled: 'bg-disabled',
-      loading: 'bg-error'
     }
   };
   const textColorClasses = {
     primary: {
       default: 'text-white',
-      hover: 'text-white',
-      focused: 'text-white',
       disabled: 'text-disabled',
       loading: 'text-white'
     },
     secondary: {
-      default: 'text-secondary',
-      hover: 'text-secondary_hover',
-      focused: 'text-secondary',
+      default: destructive ? 'text-error' : 'text-secondary',
       disabled: 'text-disabled',
-      loading: 'text-secondary_hover'
+      loading: destructive ? 'text-error-primary' : 'text-secondary'
     },
     tertiary: {
-      default: 'text-tertiary',
-      hover: 'text-tertiary_hover',
-      focused: 'text-tertiary',
+      default: destructive ? 'text-error' : 'text-tertiary',
       disabled: 'text-disabled',
-      loading: 'text-tertiary_hover'
+      loading: destructive ? 'text-error-primary' : 'text-tertiary'
     },
     'link-color': {
-      default: 'text-brand-tertiary',
-      hover: 'text-brand-secondary',
-      focused: 'text-brand-tertiary',
+      default: destructive ? 'text-error' : 'text-brand-tertiary',
       disabled: 'text-disabled',
-      loading: 'text-brand-tertiary'
+      loading: destructive ? 'text-error' : 'text-brand-tertiary'
     },
     'link-gray': {
-      default: 'text-tertiary',
-      hover: 'text-tertiary_hover',
-      focused: 'text-tertiary',
-      disabled: 'text-disabled',
-      loading: 'text-tertiary'
-    },
-    destructive: {
-      default: 'text-white',
-      hover: 'text-white',
-      focused: 'text-white',
+      default: destructive ? 'text-error' : 'text-tertiary',
       disabled: 'text-disabled',
-      loading: 'text-white'
+      loading: destructive ? 'text-error' : 'text-tertiary'
     }
   };
-
-  // Focus effects
-  const focusClasses = {
-    primary: 'shadow-focus-brand',
-    secondary: 'shadow-focus-brand',
-    tertiary: 'shadow-focus-brand',
-    'link-color': 'shadow-focus-brand',
-    'link-gray': 'shadow-focus-brand',
-    destructive: 'shadow-focus-error'
-  };
-
-  // Text size classes based on button size
   const textSizeClasses = {
     xs: 'text-xs',
     sm: 'text-sm',
-    md: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-lg'
+    md: 'text-sm',
+    lg: 'text-sm',
+    xl: 'text-base'
+  };
+  const iconSizes = {
+    xs: 16,
+    sm: 18,
+    md: 20,
+    lg: 22,
+    xl: 24
   };
-
-  // Determine state for styling (default, hover, focused, disabled, loading)
   let buttonState = 'default';
   if (loading) {
     buttonState = 'loading';
   } else if (isDisabled) {
     buttonState = 'disabled';
-  } else if (isFocused) {
-    buttonState = 'focused';
   }
-
-  // Determine if it's an icon-only button (no text and has icon)
   const isIconOnly = !text && (LeftIcon || RightIcon);
-  const buttonStyles = (0, _clsx.default)('flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : sizeClasses[size], bgClasses[variant][buttonState], buttonState === 'focused' && focusClasses[variant], buttonState === 'disabled' && variant !== 'tertiary' && 'border border-gray-200');
-
-  // Text styles
-  const textStyles = (0, _clsx.default)('font-semibold', textSizeClasses[size], textColorClasses[variant][buttonState]);
-
-  // Spinner color mapping - updated with destructive variant
+  const buttonStyles = (0, _clsx.default)('flex flex-row items-center justify-center', isIconOnly ? iconOnlyClasses[size] : (0, _clsx.default)('w-full', sizeClasses[size]), containerClasses[variant][buttonState]);
+  const textStyles = (0, _clsx.default)('font-medium', textSizeClasses[size], textColorClasses[variant][buttonState]);
+  const iconColors = {
+    primary: {
+      default: _textColors.default['text-primary'].light,
+      disabled: _textColors.default['text-disabled'].light,
+      loading: _textColors.default['text-primary'].light
+    },
+    secondary: {
+      default: _textColors.default['text-secondary'].light,
+      disabled: _textColors.default['text-disabled'].light,
+      loading: _textColors.default['text-secondary'].light
+    },
+    tertiary: {
+      default: _textColors.default['text-tertiary'].light,
+      disabled: _textColors.default['text-disabled'].light,
+      loading: _textColors.default['text-tertiary'].light
+    },
+    'link-color': {
+      default: _textColors.default['text-brand-tertiary'].light,
+      disabled: _textColors.default['text-disabled'].light,
+      loading: _textColors.default['text-brand-tertiary'].light
+    },
+    'link-gray': {
+      default: _textColors.default['text-tertiary'].light,
+      disabled: _textColors.default['text-disabled'].light,
+      loading: _textColors.default['text-tertiary'].light
+    }
+  };
   const spinnerColorMap = {
     primary: {
       default: '#fff',
@@ -194,38 +175,30 @@ function BaseButton({
       loading: '#fff'
     },
     secondary: {
-      default: '#667085',
+      default: destructive ? '#F04438' : '#667085',
       disabled: '#9AA4B2',
       // text-disabled color
-      loading: '#667085'
+      loading: destructive ? '#F04438' : '#667085'
     },
     tertiary: {
-      default: '#667085',
+      default: destructive ? '#F04438' : '#667085',
       disabled: '#9AA4B2',
       // text-disabled color
-      loading: '#667085'
+      loading: destructive ? '#F04438' : '#667085'
     },
     'link-color': {
-      default: '#7F56D9',
+      default: destructive ? '#F04438' : '#7F56D9',
       disabled: '#9AA4B2',
       // text-disabled color
-      loading: '#7F56D9'
+      loading: destructive ? '#F04438' : '#7F56D9'
     },
     'link-gray': {
-      default: '#667085',
+      default: destructive ? '#F04438' : '#667085',
       disabled: '#9AA4B2',
       // text-disabled color
-      loading: '#667085'
-    },
-    destructive: {
-      default: '#fff',
-      disabled: '#9AA4B2',
-      // text-disabled color
-      loading: '#fff'
+      loading: destructive ? '#F04438' : '#667085'
     }
   };
-
-  // Determine current spinner color based on variant and button state
   let spinnerColor = '#fff';
   if (buttonState === 'disabled') {
     spinnerColor = spinnerColorMap[variant].disabled;
@@ -234,20 +207,28 @@ function BaseButton({
   } else {
     spinnerColor = spinnerColorMap[variant].default;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Pressable, {
     disabled: isDisabled || loading,
     className: buttonStyles,
     hitSlop: hitSlop,
-    onFocus: () => setIsFocused(true),
-    onBlur: () => setIsFocused(false),
     ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      className: (0, _clsx.default)('flex flex-row items-center justify-center gap-2', loading && 'opacity-0'),
-      children: [LeftIcon, text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+      className: (0, _clsx.default)('flex flex-row items-center justify-center', loading && 'opacity-0'),
+      children: [LeftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
+        icon: LeftIcon,
+        size: iconSizes[size],
+        color: iconColors[variant][buttonState],
+        className: "mr-1.5"
+      }), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Text, {
         className: textStyles,
         children: [text, timer > 0 ? ` (${timer})` : '']
-      }), RightIcon]
-    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      }), RightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
+        icon: RightIcon,
+        size: iconSizes[size],
+        color: iconColors[variant][buttonState],
+        className: "ml-1.5"
+      })]
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ActivityIndicator, {
       size: "small",
       color: spinnerColor,
       style: {
@@ -262,4 +243,5 @@ function BaseButton({
     })]
   });
 }
+var _default = exports.default = (0, _nativewind.styled)(BaseButton);
 //# sourceMappingURL=BaseButton.js.map

package/lib/commonjs/components/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_react","_reactNative","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","isFocused","setIsFocused","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","bgClasses","primary","hover","focused","secondary","tertiary","destructive","textColorClasses","focusClasses","textSizeClasses","buttonState","isIconOnly","buttonStyles","clsx","textStyles","spinnerColorMap","spinnerColor","jsxs","Pressable","className","onFocus","onBlur","children","View","Text","jsx","ActivityIndicator","color","style","position","top","left","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_hocComponents","_BaseIcon","_textColors","_jsxRuntime","e","__esModule","default","BaseButton","variant","size","text","loading","disabled","destructive","LeftIcon","RightIcon","hitSlop","countdownSecs","props","timer","setTimer","React","useState","isDisabled","setIsDisabled","useEffect","intervalId","setInterval","prevTimer","clearInterval","Boolean","sizeClasses","xs","sm","md","lg","xl","iconOnlyClasses","containerClasses","primary","secondary","tertiary","textColorClasses","textSizeClasses","iconSizes","buttonState","isIconOnly","buttonStyles","clsx","textStyles","iconColors","textColors","light","spinnerColorMap","spinnerColor","jsxs","Pressable","className","children","View","jsx","icon","color","Text","ActivityIndicator","style","position","top","left","right","bottom","justifyContent","alignItems","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BaseIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _nativewind = require("nativewind");
+var _hocComponents = require("../hoc-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function BaseIcon({
+  icon: Icon,
+  size = 20,
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      size: size,
+      color: color
+    })
+  });
+}
+var _default = exports.default = (0, _nativewind.styled)(BaseIcon);
+//# sourceMappingURL=BaseIcon.js.map

package/lib/commonjs/components/BaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_nativewind","require","_hocComponents","_jsxRuntime","BaseIcon","icon","Icon","size","color","jsx","View","children","_default","exports","default","styled"],"sourceRoot":"../../../src","sources":["components/BaseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AASzC,SAASG,QAAQA,CAAC;EAChBC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,EAAE;EACTC;AACa,CAAC,EAAE;EAChB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,cAAA,CAAAQ,IAAI;IAAAC,QAAA,eACH,IAAAR,WAAA,CAAAM,GAAA,EAACH,IAAI;MACHC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,CACd;EAAC,CACE,CAAC;AAEX;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,kBAAM,EAACX,QAAQ,CAAC","ignoreList":[]}

package/lib/commonjs/components/BaseSpinner.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseSpinner;
+var _hocComponents = require("../hoc-components");
+var _colors = _interopRequireDefault(require("../styles/colors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BaseSpinner({
+  size = 'large',
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.ActivityIndicator, {
+    size: size,
+    color: _colors.default.brand[600],
+    ...props
+  });
+}
+//# sourceMappingURL=BaseSpinner.js.map

package/lib/commonjs/components/BaseSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_hocComponents","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","BaseSpinner","size","props","jsx","ActivityIndicator","color","colors","brand"],"sourceRoot":"../../../src","sources":["components/BaseSpinner.tsx"],"mappings":";;;;;;AAEA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMvB,SAASG,WAAWA,CAAC;EAAEC,IAAI,GAAG,OAAO;EAAE,GAAGC;AAAwB,CAAC,EAAE;EAClF,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACX,cAAA,CAAAY,iBAAiB;IAChBH,IAAI,EAAEA,IAAK;IACXI,KAAK,EAAEC,eAAM,CAACC,KAAK,CAAC,GAAG,CAAE;IAAA,GACrBL;EAAK,CACV,CAAC;AAEN","ignoreList":[]}