@adiraku/react-native-ui 0.1.14

package/lib/commonjs/components/TextInput/TextInput.component.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextInput = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _TextInput = require("./TextInput.style");
+var _typography = require("../typography/typography.component");
+var _themes = require("../../themes");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TextInput = props => {
+  const {
+    value,
+    label,
+    onBlur = () => null,
+    onFocus = () => null,
+    errorMessage,
+    helperMessage,
+    isError,
+    counter = 0,
+    inputIcon = null,
+    ...rest
+  } = props;
+  const [labelWidth, setLabelWidth] = React.useState(0);
+  const [focused, setFocused] = React.useState(false);
+  const computedStyle = (0, _TextInput.getStyle)(props, focused);
+  const animation = React.useRef(new _reactNative.Animated.Value(0));
+  const scale = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0.8]
+  });
+  const translateY = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -30]
+  });
+  const translateX = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, labelWidth * -0.1]
+  });
+  const animate = toValue => _reactNative.Animated.spring(animation.current, {
+    useNativeDriver: true,
+    toValue
+  }).start();
+  React.useEffect(() => {
+    if (value) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [value]);
+  const handleOnFocus = event => {
+    animate(1);
+    setFocused(true);
+    onBlur(event);
+  };
+  const handleOnBlur = event => {
+    if (value === '') {
+      animate(0);
+      onFocus(event);
+    }
+    setFocused(false);
+  };
+  const getLabelWidth = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelWidth(width + 24);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [computedStyle.labelContainer, {
+      transform: [{
+        scale
+      }, {
+        translateY
+      }, {
+        translateX
+      }]
+    }],
+    onLayout: getLabelWidth,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "body2",
+    style: computedStyle.label
+  }, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.inputWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+    value: value,
+    style: [computedStyle.textField],
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur,
+    placeholderTextColor: focused ? _themes.Palettes.black[500] : 'transparent'
+  }, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(_typography.Typography, {
+    style: computedStyle.counter,
+    variant: "caption"
+  }, `${value === null || value === void 0 ? void 0 : value.length}/${counter}`) : null)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null);
+};
+exports.TextInput = TextInput;
+//# sourceMappingURL=TextInput.component.js.map

package/lib/commonjs/components/TextInput/TextInput.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","React","useState","focused","setFocused","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","Palettes","black","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextInput.component.tsx"],"mappings":"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"}

package/lib/commonjs/components/TextInput/TextInput.style.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = (props, isFocused) => {
+  const {
+    editable = true,
+    isError,
+    errorMessage
+  } = props;
+  const stateColor = isError || errorMessage ? {
+    text: _themes.Palettes.red[500],
+    border: _themes.Palettes.red[500]
+  } : {
+    text: _themes.Palettes.black[900],
+    border: isFocused ? _themes.Palettes.grey[900] : _themes.Palettes.grey[200]
+  };
+  const computedStyle = {};
+  computedStyle.fieldWrapper = {
+    width: '100%'
+  };
+  computedStyle.fieldContainer = {
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+    width: '100%'
+  };
+  computedStyle.labelContainer = {
+    zIndex: 99,
+    position: 'absolute'
+  };
+  computedStyle.label = {
+    color: stateColor.text,
+    backgroundColor: !editable ? _themes.Palettes.grey[50] : _themes.Palettes.whiteDark[50],
+    paddingHorizontal: _themes.Spacing[4],
+    borderRadius: _themes.Radius[4],
+    marginLeft: _themes.Spacing[8]
+  };
+  computedStyle.inputWrapper = {
+    height: 48,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderWidth: _themes.Radius.border,
+    borderColor: stateColor.border,
+    backgroundColor: !editable ? _themes.Palettes.grey[50] : _themes.Palettes.whiteDark[50],
+    borderRadius: _themes.Radius[8],
+    padding: _themes.Spacing[8],
+    width: '100%'
+  };
+  computedStyle.textField = {
+    flex: 1,
+    color: _themes.Palettes.black[900],
+    padding: 0,
+    margin: 0,
+    overflow: 'visible',
+    fontSize: 14,
+    lineHeight: 21,
+    fontFamily: 'Montserrat-Regular'
+  };
+  computedStyle.messageHelper = {
+    alignSelf: 'flex-start',
+    marginLeft: 12,
+    color: stateColor.text
+  };
+  computedStyle.counter = {
+    marginLeft: _themes.Spacing[4],
+    color: _themes.Palettes.grey[500]
+  };
+  computedStyle.inputIconWrapper = {
+    marginLeft: _themes.Spacing[4]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=TextInput.style.js.map

package/lib/commonjs/components/TextInput/TextInput.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","isFocused","editable","isError","errorMessage","stateColor","text","Palettes","red","border","black","grey","computedStyle","fieldWrapper","width","fieldContainer","alignItems","justifyContent","labelContainer","zIndex","position","label","color","backgroundColor","whiteDark","paddingHorizontal","Spacing","borderRadius","Radius","marginLeft","inputWrapper","height","flexDirection","borderWidth","borderColor","padding","textField","flex","margin","overflow","fontSize","lineHeight","fontFamily","messageHelper","alignSelf","counter","inputIconWrapper","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["TextInput.style.tsx"],"mappings":";;;;;;AAEA;AAEA;AAcO,MAAMA,QAAQ,GAAG,CAACC,KAAqB,EAAEC,SAAkB,KAAK;EACrE,MAAM;IAAEC,QAAQ,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EAExD,MAAMK,UAAU,GACdF,OAAO,IAAIC,YAAY,GACnB;IAAEE,IAAI,EAAEC,gBAAQ,CAACC,GAAG,CAAC,GAAG,CAAC;IAAEC,MAAM,EAAEF,gBAAQ,CAACC,GAAG,CAAC,GAAG;EAAE,CAAC,GACtD;IACEF,IAAI,EAAEC,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IACzBD,MAAM,EAAER,SAAS,GAAGM,gBAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,gBAAQ,CAACI,IAAI,CAAC,GAAG;EAC5D,CAAC;EAEP,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,YAAY,GAAG;IAC3BC,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACG,cAAc,GAAG;IAC7BC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,QAAQ;IACxBH,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACM,cAAc,GAAG;IAC7BC,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE;EACZ,CAAC;EAEDR,aAAa,CAACS,KAAK,GAAG;IACpBC,KAAK,EAAEjB,UAAU,CAACC,IAAI;IACtBiB,eAAe,EAAE,CAACrB,QAAQ,GAAGK,gBAAQ,CAACI,IAAI,CAAC,EAAE,CAAC,GAAGJ,gBAAQ,CAACiB,SAAS,CAAC,EAAE,CAAC;IACvEC,iBAAiB,EAAEC,eAAO,CAAC,CAAC,CAAC;IAC7BC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,UAAU,EAAEH,eAAO,CAAC,CAAC;EACvB,CAAC;EAEDd,aAAa,CAACkB,YAAY,GAAG;IAC3BC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBf,cAAc,EAAE,eAAe;IAC/BD,UAAU,EAAE,QAAQ;IACpBiB,WAAW,EAAEL,cAAM,CAACnB,MAAM;IAC1ByB,WAAW,EAAE7B,UAAU,CAACI,MAAM;IAC9Bc,eAAe,EAAE,CAACrB,QAAQ,GAAGK,gBAAQ,CAACI,IAAI,CAAC,EAAE,CAAC,GAAGJ,gBAAQ,CAACiB,SAAS,CAAC,EAAE,CAAC;IACvEG,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBO,OAAO,EAAET,eAAO,CAAC,CAAC,CAAC;IACnBZ,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACwB,SAAS,GAAG;IACxBC,IAAI,EAAE,CAAC;IACPf,KAAK,EAAEf,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IAC1ByB,OAAO,EAAE,CAAC;IACVG,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EAED9B,aAAa,CAAC+B,aAAa,GAAG;IAC5BC,SAAS,EAAE,YAAY;IACvBf,UAAU,EAAE,EAAE;IACdP,KAAK,EAAEjB,UAAU,CAACC;EACpB,CAAC;EAEDM,aAAa,CAACiC,OAAO,GAAG;IACtBhB,UAAU,EAAEH,eAAO,CAAC,CAAC,CAAC;IACtBJ,KAAK,EAAEf,gBAAQ,CAACI,IAAI,CAAC,GAAG;EAC1B,CAAC;EAEDC,aAAa,CAACkC,gBAAgB,GAAG;IAC/BjB,UAAU,EAAEH,eAAO,CAAC,CAAC;EACvB,CAAC;EAED,OAAOqB,uBAAU,CAACC,MAAM,CAACpC,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/TextInput/TextInput.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=TextInput.type.js.map

package/lib/commonjs/components/TextInput/TextInput.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["TextInput.type.ts"],"mappings":""}

package/lib/commonjs/components/base/base.component.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseComponent = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+var _base = require("./base.style");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const BaseComponent = props => {
+  const {
+    label = 'Base component',
+    variant = 'dark'
+  } = props;
+  const computedStyle = (0, _base.getStyle)(props);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      backgroundColor: _themes.Palettes.red[500]
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: computedStyle.label
+  }, `${variant}: ${label}`));
+};
+exports.BaseComponent = BaseComponent;
+//# sourceMappingURL=base.component.js.map

package/lib/commonjs/components/base/base.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseComponent","props","label","variant","computedStyle","getStyle","backgroundColor","Palettes","red"],"sourceRoot":"..\\..\\src","sources":["base.component.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAwC;AAAA;AAGxC,MAAMA,aAAiD,GAAIC,KAAK,IAAK;EACnE,MAAM;IAAEC,KAAK,GAAG,gBAAgB;IAAEC,OAAO,GAAG;EAAO,CAAC,GAAGF,KAAK;EAE5D,MAAMG,aAAa,GAAG,IAAAC,cAAQ,EAACJ,KAAK,CAAC;EAErC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE;MAAEK,eAAe,EAAEC,gBAAQ,CAACC,GAAG,CAAC,GAAG;IAAE;EAAE,gBAClD,oBAAC,iBAAI;IAAC,KAAK,EAAEJ,aAAa,CAACF;EAAM,GAAG,GAAEC,OAAQ,KAAID,KAAM,EAAC,CAAQ,CAC5D;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/base/base.style.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+const getStyle = props => {
+  const {
+    variant
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: 8,
+    borderRadius: 4,
+    backgroundColor: variant === 'dark' ? 'black' : 'white'
+  };
+  computedStyle.label = {
+    color: variant === 'dark' ? 'white' : 'black'
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=base.style.js.map

package/lib/commonjs/components/base/base.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","variant","computedStyle","container","padding","borderRadius","backgroundColor","label","color","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["base.style.tsx"],"mappings":";;;;;;AAEA;AAQO,MAAMA,QAAQ,GAAIC,KAAgB,IAAK;EAC5C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAG,OAAO,GAAG;EAClD,CAAC;EAEDC,aAAa,CAACK,KAAK,GAAG;IACpBC,KAAK,EAAEP,OAAO,KAAK,MAAM,GAAG,OAAO,GAAG;EACxC,CAAC;EAED,OAAOQ,uBAAU,CAACC,MAAM,CAACR,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/base/base.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=base.type.js.map

package/lib/commonjs/components/base/base.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["base.type.ts"],"mappings":""}

package/lib/commonjs/components/button/button.component.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+var _typography = require("../typography/typography.component");
+var _button = require("./button.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const Button = props => {
+  const {
+    onPress = () => {},
+    variant = 'primary',
+    label = 'Default',
+    size = 'large',
+    containerStyles,
+    textStyles,
+    ...rest
+  } = props;
+  const computedStyle = (0, _button.getStyle)(props);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({
+    onPress: onPress,
+    style: [computedStyle.container, containerStyles],
+    underlayColor: variant === 'primary' ? _themes.Palettes.black[800] : _themes.Palettes.blue[50]
+  }, rest), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    variant: size === 'large' ? 'button' : 'button-small',
+    textStyles: {
+      ...computedStyle.label,
+      ...textStyles
+    }
+  }, label));
+};
+exports.Button = Button;
+//# sourceMappingURL=button.component.js.map

package/lib/commonjs/components/button/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","props","onPress","variant","label","size","containerStyles","textStyles","rest","computedStyle","getStyle","container","Palettes","black","blue"],"sourceRoot":"..\\..\\src","sources":["button.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAI3C,MAAMA,MAA6B,GAAIC,KAAK,IAAK;EAC/C,MAAM;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,OAAO,GAAG,SAAS;IACnBC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG,OAAO;IACdC,eAAe;IACfC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,aAAa,GAAG,IAAAC,gBAAQ,EAACT,KAAK,CAAC;EAErC,oBACE,6BAAC,+BAAkB;IACjB,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAE,CAACO,aAAa,CAACE,SAAS,EAAEL,eAAe,CAAE;IAClD,aAAa,EACXH,OAAO,KAAK,SAAS,GAAGS,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,IAAI,CAAC,EAAE;EAC/D,GACGN,IAAI,gBAER,6BAAC,sBAAU;IACT,OAAO,EAAEH,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,cAAe;IACtD,UAAU,EAAE;MAAE,GAAGI,aAAa,CAACL,KAAK;MAAE,GAAGG;IAAW;EAAE,GAErDH,KAAK,CACK,CACM;AAEzB,CAAC;AAAC"}

package/lib/commonjs/components/button/button.styles.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = props => {
+  const {
+    variant,
+    size,
+    disabled = false
+  } = props;
+  const computedStyle = {};
+  const getLabelColor = () => {
+    if (disabled) {
+      return _themes.Palettes.grey[500];
+    }
+    if (variant === 'primary') {
+      return _themes.Palettes.white[50];
+    }
+    return _themes.Palettes.blueDark[600];
+  };
+  const getBackgroundColor = () => {
+    if (disabled) {
+      return variant === 'primary' ? _themes.Palettes.grey[100] : 'transparent';
+    }
+    if (variant === 'primary') {
+      return _themes.Palettes.black[900];
+    }
+    return 'transparent';
+  };
+  computedStyle.container = {
+    borderColor: 'transparent',
+    borderWidth: _themes.Radius.border,
+    backgroundColor: getBackgroundColor(),
+    paddingHorizontal: _themes.Spacing[20],
+    paddingVertical: _themes.Spacing[8],
+    borderRadius: _themes.Radius[8]
+  };
+  if (variant !== 'tertiary') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: disabled ? _themes.Palettes.grey[100] : variant === 'primary' ? _themes.Palettes.black[900] : _themes.Palettes.blueDark[600]
+    };
+  }
+  if (size === 'large') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      paddingHorizontal: _themes.Spacing[16],
+      paddingVertical: _themes.Spacing[8],
+      width: '100%'
+    };
+  }
+  computedStyle.label = {
+    color: getLabelColor(),
+    textAlign: 'center'
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=button.styles.js.map

package/lib/commonjs/components/button/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","variant","size","disabled","computedStyle","getLabelColor","Palettes","grey","white","blueDark","getBackgroundColor","black","container","borderColor","borderWidth","Radius","border","backgroundColor","paddingHorizontal","Spacing","paddingVertical","borderRadius","width","label","color","textAlign","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["button.styles.ts"],"mappings":";;;;;;AAEA;AACA;AAQO,MAAMA,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC,QAAQ,GAAG;EAAM,CAAC,GAAGH,KAAK;EAEjD,MAAMI,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,aAAa,GAAG,MAAM;IAC1B,IAAIF,QAAQ,EAAE;MACZ,OAAOG,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC;IAC3B;IAEA,IAAIN,OAAO,KAAK,SAAS,EAAE;MACzB,OAAOK,gBAAQ,CAACE,KAAK,CAAC,EAAE,CAAC;IAC3B;IAEA,OAAOF,gBAAQ,CAACG,QAAQ,CAAC,GAAG,CAAC;EAC/B,CAAC;EAED,MAAMC,kBAAkB,GAAG,MAAM;IAC/B,IAAIP,QAAQ,EAAE;MACZ,OAAOF,OAAO,KAAK,SAAS,GAAGK,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAG,aAAa;IACnE;IAEA,IAAIN,OAAO,KAAK,SAAS,EAAE;MACzB,OAAOK,gBAAQ,CAACK,KAAK,CAAC,GAAG,CAAC;IAC5B;IAEA,OAAO,aAAa;EACtB,CAAC;EAEDP,aAAa,CAACQ,SAAS,GAAG;IACxBC,WAAW,EAAE,aAAa;IAC1BC,WAAW,EAAEC,cAAM,CAACC,MAAM;IAC1BC,eAAe,EAAEP,kBAAkB,EAAE;IACrCQ,iBAAiB,EAAEC,eAAO,CAAC,EAAE,CAAC;IAC9BC,eAAe,EAAED,eAAO,CAAC,CAAC,CAAC;IAC3BE,YAAY,EAAEN,cAAM,CAAC,CAAC;EACxB,CAAC;EAED,IAAId,OAAO,KAAK,UAAU,EAAE;IAC1BG,aAAa,CAACQ,SAAS,GAAG;MACxB,GAAGR,aAAa,CAACQ,SAAS;MAC1BC,WAAW,EAAEV,QAAQ,GACjBG,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAClBN,OAAO,KAAK,SAAS,GACrBK,gBAAQ,CAACK,KAAK,CAAC,GAAG,CAAC,GACnBL,gBAAQ,CAACG,QAAQ,CAAC,GAAG;IAC3B,CAAC;EACH;EAEA,IAAIP,IAAI,KAAK,OAAO,EAAE;IACpBE,aAAa,CAACQ,SAAS,GAAG;MACxB,GAAGR,aAAa,CAACQ,SAAS;MAC1BM,iBAAiB,EAAEC,eAAO,CAAC,EAAE,CAAC;MAC9BC,eAAe,EAAED,eAAO,CAAC,CAAC,CAAC;MAC3BG,KAAK,EAAE;IACT,CAAC;EACH;EAEAlB,aAAa,CAACmB,KAAK,GAAG;IACpBC,KAAK,EAAEnB,aAAa,EAAE;IACtBoB,SAAS,EAAE;EACb,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACvB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/button/button.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=button.type.js.map

package/lib/commonjs/components/button/button.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["button.type.ts"],"mappings":""}

package/lib/commonjs/components/coachmark/coachmark.component.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Coachmark = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _typography = require("../typography/typography.component");
+var _coachmark = require("./coachmark.style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Coachmark = props => {
+  const {
+    title = '',
+    description = '',
+    titleStyles,
+    descriptionStyles
+  } = props;
+  const computedStyle = (0, _coachmark.getStyle)(props);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.arrowPointer]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.headerContainer]
+  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    variant: "subtitle1",
+    style: [computedStyle.title, titleStyles]
+  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, null, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    variant: "caption"
+  }, "Back"))), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    variant: "caption",
+    style: [descriptionStyles]
+  }, description));
+};
+exports.Coachmark = Coachmark;
+//# sourceMappingURL=coachmark.component.js.map

package/lib/commonjs/components/coachmark/coachmark.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Coachmark","props","title","description","titleStyles","descriptionStyles","computedStyle","getStyle","container","arrowPointer","headerContainer"],"sourceRoot":"..\\..\\src","sources":["coachmark.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA6C;AAGtC,MAAMA,SAAkD,GAAIC,KAAK,IAAK;EAC3E,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,WAAW,GAAG,EAAE;IAChBC,WAAW;IACXC;EACF,CAAC,GAAGJ,KAAK;EAET,MAAMK,aAAa,GAAG,IAAAC,mBAAQ,EAACN,KAAK,CAAC;EAErC,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACK,aAAa,CAACE,SAAS;EAAE,gBACrC,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACF,aAAa,CAACG,YAAY;EAAE,EAAG,eAC7C,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,aAAa,CAACI,eAAe;EAAE,gBAC3C,6BAAC,sBAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACJ,aAAa,CAACJ,KAAK,EAAEE,WAAW;EAAE,GAEzCF,KAAK,CACK,eACb,6BAAC,6BAAgB,qBACf,6BAAC,sBAAU;IAAC,OAAO,EAAC;EAAS,GAAC,MAAI,CAAa,CAC9B,CACd,eACP,6BAAC,sBAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAE,CAACG,iBAAiB;EAAE,GACtDF,WAAW,CACD,CACR;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/coachmark/coachmark.style.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = props => {
+  const {
+    arrowPosition = 'top',
+    anchorArrowTo = 'left',
+    arrowFromCorner = 16
+  } = props;
+  const isArrowTop = arrowPosition === 'top';
+  const getArrowPosition = arrowPosition === 'top' ? {
+    top: -8
+  } : {
+    bottom: -8
+  };
+  const getAnchorArrowPosition = anchorArrowTo === 'left' ? {
+    left: arrowFromCorner
+  } : {
+    right: arrowFromCorner
+  };
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: _themes.Spacing[16],
+    backgroundColor: _themes.Palettes.white[50],
+    borderRadius: _themes.Radius[8],
+    width: '100%',
+    ..._themes.Shadow['shadow-elevation-1']
+  };
+  computedStyle.headerContainer = {
+    flexDirection: 'row',
+    gap: _themes.Spacing[16]
+  };
+  computedStyle.title = {
+    flex: 1
+  };
+  computedStyle.arrowPointer = {
+    position: 'absolute',
+    width: 0,
+    height: 0,
+    borderStyle: 'solid',
+    backgroundColor: 'transparent',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderLeftWidth: 6,
+    borderRightWidth: 6,
+    borderBottomWidth: 0,
+    borderTopWidth: 8,
+    borderTopColor: _themes.Palettes.white[50],
+    borderBottomColor: 'transparent',
+    transform: [{
+      rotate: isArrowTop ? '180deg' : '0deg'
+    }],
+    ...getArrowPosition,
+    ...getAnchorArrowPosition
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=coachmark.style.js.map

package/lib/commonjs/components/coachmark/coachmark.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","arrowPosition","anchorArrowTo","arrowFromCorner","isArrowTop","getArrowPosition","top","bottom","getAnchorArrowPosition","left","right","computedStyle","container","padding","Spacing","backgroundColor","Palettes","white","borderRadius","Radius","width","Shadow","headerContainer","flexDirection","gap","title","flex","arrowPointer","position","height","borderStyle","borderLeftColor","borderRightColor","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderTopColor","borderBottomColor","transform","rotate","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["coachmark.style.tsx"],"mappings":";;;;;;AAEA;AACA;AAWO,MAAMA,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM;IACJC,aAAa,GAAG,KAAK;IACrBC,aAAa,GAAG,MAAM;IACtBC,eAAe,GAAG;EACpB,CAAC,GAAGH,KAAK;EACT,MAAMI,UAAU,GAAGH,aAAa,KAAK,KAAK;EAE1C,MAAMI,gBAAgB,GACpBJ,aAAa,KAAK,KAAK,GACnB;IACEK,GAAG,EAAE,CAAC;EACR,CAAC,GACD;IACEC,MAAM,EAAE,CAAC;EACX,CAAC;EAEP,MAAMC,sBAAsB,GAC1BN,aAAa,KAAK,MAAM,GACpB;IACEO,IAAI,EAAEN;EACR,CAAC,GACD;IACEO,KAAK,EAAEP;EACT,CAAC;EAEP,MAAMQ,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IACnCC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,KAAK,EAAE,MAAM;IACb,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDV,aAAa,CAACW,eAAe,GAAG;IAC9BC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEV,eAAO,CAAC,EAAE;EACjB,CAAC;EAEDH,aAAa,CAACc,KAAK,GAAG;IACpBC,IAAI,EAAE;EACR,CAAC;EAEDf,aAAa,CAACgB,YAAY,GAAG;IAC3BC,QAAQ,EAAE,UAAU;IACpBR,KAAK,EAAE,CAAC;IACRS,MAAM,EAAE,CAAC;IACTC,WAAW,EAAE,OAAO;IACpBf,eAAe,EAAE,aAAa;IAC9BgB,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAErB,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IAClCqB,iBAAiB,EAAE,aAAa;IAChCC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEpC,UAAU,GAAG,QAAQ,GAAG;IAAO,CAAC,CAAC;IACvD,GAAGC,gBAAgB;IACnB,GAAGG;EACL,CAAC;EAED,OAAOiC,uBAAU,CAACC,MAAM,CAAC/B,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/coachmark/coachmark.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=coachmark.type.js.map

package/lib/commonjs/components/coachmark/coachmark.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["coachmark.type.ts"],"mappings":""}

package/lib/commonjs/components/dot/dot.component.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dot = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _dot = require("./dot.style");
+var _typography = require("../typography/typography.component");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const Dot = props => {
+  const {
+    label = '',
+    containerStyle = {}
+  } = props;
+  const computedStyle = (0, _dot.getStyle)(props);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.container, containerStyle]
+  }, label ? /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption2",
+    style: [computedStyle.label]
+  }, label) : null);
+};
+exports.Dot = Dot;
+//# sourceMappingURL=dot.component.js.map

package/lib/commonjs/components/dot/dot.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dot","props","label","containerStyle","computedStyle","getStyle","container"],"sourceRoot":"..\\..\\src","sources":["dot.component.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAgE;AAAA;AAEhE,MAAMA,GAAsC,GAAIC,KAAK,IAAK;EACxD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK;EAEjD,MAAMG,aAAa,GAAG,IAAAC,aAAQ,EAACJ,KAAK,CAAC;EAErC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACG,aAAa,CAACE,SAAS,EAAEH,cAAc;EAAE,GACpDD,KAAK,gBACJ,oBAAC,sBAAU;IAAC,OAAO,EAAC,UAAU;IAAC,KAAK,EAAE,CAACE,aAAa,CAACF,KAAK;EAAE,GACzDA,KAAK,CACK,GACX,IAAI,CACH;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/dot/dot.style.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = props => {
+  const {
+    label = ''
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    minWidth: label ? 18 : 8,
+    height: label ? 18 : 8,
+    paddingHorizontal: 4,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: _themes.Radius.full,
+    backgroundColor: _themes.Palettes.red[500]
+  };
+  computedStyle.label = {
+    color: _themes.Palettes.white[50]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=dot.style.js.map

package/lib/commonjs/components/dot/dot.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","label","computedStyle","container","minWidth","height","paddingHorizontal","justifyContent","alignItems","borderRadius","Radius","full","backgroundColor","Palettes","red","color","white","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["dot.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAUO,MAAMA,QAAQ,GAAIC,KAAe,IAAK;EAC3C,MAAM;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGD,KAAK;EAE5B,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,QAAQ,EAAEH,KAAK,GAAG,EAAE,GAAG,CAAC;IACxBI,MAAM,EAAEJ,KAAK,GAAG,EAAE,GAAG,CAAC;IACtBK,iBAAiB,EAAE,CAAC;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEC,cAAM,CAACC,IAAI;IACzBC,eAAe,EAAEC,gBAAQ,CAACC,GAAG,CAAC,GAAG;EACnC,CAAC;EAEDZ,aAAa,CAACD,KAAK,GAAG;IACpBc,KAAK,EAAEF,gBAAQ,CAACG,KAAK,CAAC,EAAE;EAC1B,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/dot/dot.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=dot.type.js.map

package/lib/commonjs/components/dot/dot.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["dot.type.ts"],"mappings":""}