@reown/appkit-ui-react-native 1.0.1 → 1.1.0

package/lib/commonjs/composites/wui-list-item-loader/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: _ThemeUtil.BorderRadius.xs,
+    padding: _ThemeUtil.Spacing.xs
+  },
+  text: {
+    marginLeft: _ThemeUtil.Spacing.s
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-list-item-loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","borderRadius","BorderRadius","xs","padding","Spacing","text","marginLeft","s"],"sourceRoot":"../../../../src","sources":["composites/wui-list-item-loader/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEC,uBAAY,CAACC,EAAE;IAC7BC,OAAO,EAAEC,kBAAO,CAACF;EACnB,CAAC;EACDG,IAAI,EAAE;IACJC,UAAU,EAAEF,kBAAO,CAACG;EACtB;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-list-social/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListSocial = ListSocial;
+var _reactNative = require("react-native");
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+var _wuiLogo = require("../wui-logo");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function ListSocial({
+  logo,
+  children,
+  disabled,
+  onPress,
+  style,
+  testID,
+  logoHeight = 40,
+  logoWidth = 40
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = (0, _useAnimatedValue.default)(Theme['gray-glass-002'], Theme['gray-glass-010']);
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    disabled: disabled,
+    style: [_styles.default.container, {
+      backgroundColor: animatedValue
+    }, style],
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.border, {
+      height: logoHeight + 1,
+      width: logoWidth + 1,
+      borderColor: Theme['gray-glass-005']
+    }]
+  }, /*#__PURE__*/React.createElement(_wuiLogo.Logo, {
+    logo: logo,
+    style: disabled && _styles.default.disabledLogo,
+    width: logoWidth,
+    height: logoHeight
+  })), children, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.rightPlaceholder
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-list-social/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useAnimatedValue","_interopRequireDefault","_useTheme","_styles","_wuiLogo","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ListSocial","logo","children","disabled","onPress","style","testID","logoHeight","logoWidth","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","styles","container","backgroundColor","onPressIn","onPressOut","View","border","height","width","borderColor","Logo","disabledLogo","rightPlaceholder"],"sourceRoot":"../../../../src","sources":["composites/wui-list-social/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAmC,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGnC,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAa9D,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,UAAU,GAAG,EAAE;EACfC,SAAS,GAAG;AACG,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEL,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACpB,iBAAiB;IAChBO,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAE,CAACY,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAER;IAAc,CAAC,EAAEN,KAAK,CAAE;IACrED,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEP,WAAY;IACvBQ,UAAU,EAAET,aAAc;IAC1BN,MAAM,EAAEA;EAAO,gBAEfS,KAAA,CAAAC,aAAA,CAAC9B,YAAA,CAAAoC,IAAI;IACHjB,KAAK,EAAE,CACLY,eAAM,CAACM,MAAM,EACb;MAAEC,MAAM,EAAEjB,UAAU,GAAG,CAAC;MAAEkB,KAAK,EAAEjB,SAAS,GAAG,CAAC;MAAEkB,WAAW,EAAEjB,KAAK,CAAC,gBAAgB;IAAE,CAAC;EACtF,gBAEFM,KAAA,CAAAC,aAAA,CAACxB,QAAA,CAAAmC,IAAI;IACH1B,IAAI,EAAEA,IAAK;IACXI,KAAK,EAAEF,QAAQ,IAAIc,eAAM,CAACW,YAAa;IACvCH,KAAK,EAAEjB,SAAU;IACjBgB,MAAM,EAAEjB;EAAW,CACpB,CACG,CAAC,EACNL,QAAQ,eACTa,KAAA,CAAAC,aAAA,CAAC9B,YAAA,CAAAoC,IAAI;IAACjB,KAAK,EAAEY,eAAM,CAACY;EAAiB,CAAE,CACtB,CAAC;AAExB"}

package/lib/commonjs/composites/wui-list-social/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    height: 56,
+    width: '100%',
+    padding: _ThemeUtil.Spacing.s,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderRadius: _ThemeUtil.BorderRadius.s
+  },
+  rightPlaceholder: {
+    width: 40,
+    height: 40,
+    borderRadius: 100
+  },
+  disabledLogo: {
+    opacity: 0.4
+  },
+  border: {
+    borderRadius: _ThemeUtil.BorderRadius.full,
+    borderWidth: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-list-social/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","flexDirection","height","width","padding","Spacing","s","alignItems","justifyContent","borderRadius","BorderRadius","rightPlaceholder","disabledLogo","opacity","border","full","borderWidth"],"sourceRoot":"../../../../src","sources":["composites/wui-list-social/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEC,kBAAO,CAACC,CAAC;IAClBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAEC,uBAAY,CAACJ;EAC7B,CAAC;EACDK,gBAAgB,EAAE;IAChBR,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVO,YAAY,EAAE;EAChB,CAAC;EACDG,YAAY,EAAE;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNL,YAAY,EAAEC,uBAAY,CAACK,IAAI;IAC/BC,WAAW,EAAE,CAAC;IACdT,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-list-token/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListToken = ListToken;
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _wuiImage = require("../../components/wui-image");
+var _wuiText = require("../../components/wui-text");
+var _useTheme = require("../../hooks/useTheme");
+var _wuiFlex = require("../../layout/wui-flex");
+var _UiUtil = require("../../utils/UiUtil");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ListToken({
+  imageSrc,
+  networkSrc,
+  name,
+  value,
+  amount,
+  currency,
+  onPress
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: ['2xs', 'm', '2xs', 'xs']
+  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, imageSrc ? /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: imageSrc,
+    style: [_styles.default.image, {
+      backgroundColor: Theme['gray-glass-005']
+    }]
+  }) : /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    style: [_styles.default.image, {
+      backgroundColor: Theme['gray-glass-005']
+    }],
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: "coinPlaceholder",
+    size: "lg",
+    color: "fg-200"
+  })), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [_styles.default.networkImageContainer, {
+      borderColor: Theme['bg-100'],
+      backgroundColor: Theme['bg-200']
+    }]
+  }, networkSrc ? /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: networkSrc,
+    style: _styles.default.networkImage
+  }) : /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: "networkPlaceholder",
+    size: "xxs",
+    color: "fg-200"
+  })), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    padding: ['0', 's', '0', 's']
+  }, /*#__PURE__*/React.createElement(_wuiText.Text, {
+    color: "fg-100",
+    variant: "paragraph-500"
+  }, name), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, _UiUtil.UiUtil.formatNumberToLocalString(amount, 4), " ", currency))), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    color: "fg-100",
+    variant: "paragraph-500"
+  }, "$", value?.toFixed(2) ?? '0.00')));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-list-token/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiIcon","_wuiImage","_wuiText","_useTheme","_wuiFlex","_UiUtil","_styles","_interopRequireDefault","obj","__esModule","default","ListToken","imageSrc","networkSrc","name","value","amount","currency","onPress","Theme","useTheme","React","createElement","Pressable","FlexView","flexDirection","justifyContent","alignItems","padding","Image","source","style","styles","image","backgroundColor","Icon","size","color","networkImageContainer","borderColor","networkImage","Text","variant","UiUtil","formatNumberToLocalString","toFixed"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAC,sBAAA,CAAAR,OAAA;AAA8B,SAAAQ,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYvB,SAASG,SAASA,CAAC;EACxBC,QAAQ;EACRC,UAAU;EACVC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AACc,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,SAAS;IAACL,OAAO,EAAEA;EAAQ,gBAC1BG,KAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAoB,QAAQ;IACPC,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC,QAAQ;IACnBC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI;EAAE,gBAEnCP,KAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAoB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACE,UAAU,EAAC;EAAQ,GAC9Cf,QAAQ,gBACPS,KAAA,CAAAC,aAAA,CAACrB,SAAA,CAAA4B,KAAK;IACJC,MAAM,EAAElB,QAAS;IACjBmB,KAAK,EAAE,CAACC,eAAM,CAACC,KAAK,EAAE;MAAEC,eAAe,EAAEf,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,CACrE,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAoB,QAAQ;IACPO,KAAK,EAAE,CAACC,eAAM,CAACC,KAAK,EAAE;MAAEC,eAAe,EAAEf,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IACpEQ,UAAU,EAAC,QAAQ;IACnBD,cAAc,EAAC;EAAQ,gBAEvBL,KAAA,CAAAC,aAAA,CAACtB,QAAA,CAAAmC,IAAI;IAACrB,IAAI,EAAC,iBAAiB;IAACsB,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAC/C,CACX,eACDhB,KAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAoB,QAAQ;IACPG,UAAU,EAAC,QAAQ;IACnBD,cAAc,EAAC,QAAQ;IACvBK,KAAK,EAAE,CACLC,eAAM,CAACM,qBAAqB,EAC5B;MAAEC,WAAW,EAAEpB,KAAK,CAAC,QAAQ,CAAC;MAAEe,eAAe,EAAEf,KAAK,CAAC,QAAQ;IAAE,CAAC;EAClE,GAEDN,UAAU,gBACTQ,KAAA,CAAAC,aAAA,CAACrB,SAAA,CAAA4B,KAAK;IAACC,MAAM,EAAEjB,UAAW;IAACkB,KAAK,EAAEC,eAAM,CAACQ;EAAa,CAAE,CAAC,gBAEzDnB,KAAA,CAAAC,aAAA,CAACtB,QAAA,CAAAmC,IAAI;IAACrB,IAAI,EAAC,oBAAoB;IAACsB,IAAI,EAAC,KAAK;IAACC,KAAK,EAAC;EAAQ,CAAE,CAErD,CAAC,eACXhB,KAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAoB,QAAQ;IAACI,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACtCP,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAuC,IAAI;IAACJ,KAAK,EAAC,QAAQ;IAACK,OAAO,EAAC;EAAe,GACzC5B,IACG,CAAC,eACPO,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAuC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACL,KAAK,EAAC;EAAQ,GACrCM,cAAM,CAACC,yBAAyB,CAAC5B,MAAM,EAAE,CAAC,CAAC,EAAC,GAAC,EAACC,QAC3C,CACE,CACF,CAAC,eACXI,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAuC,IAAI;IAACJ,KAAK,EAAC,QAAQ;IAACK,OAAO,EAAC;EAAe,GAAC,GAC1C,EAAC3B,KAAK,EAAE8B,OAAO,CAAC,CAAC,CAAC,IAAI,MACnB,CACE,CACD,CAAC;AAEhB"}

package/lib/commonjs/composites/wui-list-token/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  image: {
+    height: _ThemeUtil.WalletImageSize.sm,
+    width: _ThemeUtil.WalletImageSize.sm,
+    borderRadius: _ThemeUtil.BorderRadius.full
+  },
+  networkImageContainer: {
+    position: 'absolute',
+    bottom: -2,
+    left: 24,
+    borderWidth: 2,
+    borderRadius: _ThemeUtil.BorderRadius.full,
+    width: 18,
+    height: 18
+  },
+  networkImage: {
+    width: 14,
+    height: 14,
+    borderRadius: _ThemeUtil.BorderRadius.full
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-list-token/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","image","height","WalletImageSize","sm","width","borderRadius","BorderRadius","full","networkImageContainer","position","bottom","left","borderWidth","networkImage"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAsE,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,MAAM,EAAEC,0BAAe,CAACC,EAAE;IAC1BC,KAAK,EAAEF,0BAAe,CAACC,EAAE;IACzBE,YAAY,EAAEC,uBAAY,CAACC;EAC7B,CAAC;EACDC,qBAAqB,EAAE;IACrBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,IAAI,EAAE,EAAE;IACRC,WAAW,EAAE,CAAC;IACdP,YAAY,EAAEC,uBAAY,CAACC,IAAI;IAC/BH,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZT,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE,EAAE;IACVI,YAAY,EAAEC,uBAAY,CAACC;EAC7B;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-list-transaction/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListTransaction = ListTransaction;
+var _wuiText = require("../../components/wui-text");
+var _wuiFlex = require("../../layout/wui-flex");
+var _wuiIconBox = require("../wui-icon-box");
+var _wuiTransactionVisual = require("../wui-transaction-visual");
+var _utils = require("./utils");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ListTransaction({
+  date,
+  type,
+  descriptions,
+  images,
+  networkSrc,
+  style,
+  isAllNFT,
+  status
+}) {
+  const joinSymbol = type === 'trade' ? ' → ' : ' - ';
+  return /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    style: style
+  }, /*#__PURE__*/React.createElement(_wuiTransactionVisual.TransactionVisual, {
+    images: images,
+    networkSrc: networkSrc,
+    isAllNFT: isAllNFT
+  }), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    style: _styles.default.middleContainer
+  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    justifyContent: "center",
+    alignItems: "flex-start"
+  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, type && /*#__PURE__*/React.createElement(_wuiIconBox.IconBox, {
+    icon: (0, _utils.getIcon)(type),
+    size: "sm",
+    iconColor: (0, _utils.getIconColor)(status),
+    background: true,
+    border: true,
+    borderColor: "bg-100"
+  }), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "paragraph-500",
+    color: "fg-100"
+  }, (0, _utils.getTypeLabel)(type))), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "small-400",
+    color: "fg-200",
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, descriptions?.join(joinSymbol)))), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "micro-700",
+    color: "fg-300",
+    style: _styles.default.date
+  }, date));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-list-transaction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wuiText","require","_wuiFlex","_wuiIconBox","_wuiTransactionVisual","_utils","_styles","_interopRequireDefault","obj","__esModule","default","ListTransaction","date","type","descriptions","images","networkSrc","style","isAllNFT","status","joinSymbol","React","createElement","FlexView","flexDirection","alignItems","TransactionVisual","styles","middleContainer","justifyContent","IconBox","icon","getIcon","size","iconColor","getIconColor","background","border","borderColor","Text","variant","color","getTypeLabel","numberOfLines","ellipsizeMode","join"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/index.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,SAAAM,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAcvB,SAASG,eAAeA,CAAC;EAC9BC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACoB,CAAC,EAAE;EACvB,MAAMC,UAAU,GAAGP,IAAI,KAAK,OAAO,GAAG,KAAK,GAAG,KAAK;EAEnD,oBACEQ,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAqB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACR,KAAK,EAAEA;EAAM,gBAC7DI,KAAA,CAAAC,aAAA,CAAClB,qBAAA,CAAAsB,iBAAiB;IAACX,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACjFG,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAqB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACR,KAAK,EAAEU,eAAM,CAACC;EAAgB,gBAC9EP,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAqB,QAAQ;IAACM,cAAc,EAAC,QAAQ;IAACJ,UAAU,EAAC;EAAY,gBACvDJ,KAAA,CAAAC,aAAA,CAACpB,QAAA,CAAAqB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC;EAAQ,GAC9CZ,IAAI,iBACHQ,KAAA,CAAAC,aAAA,CAACnB,WAAA,CAAA2B,OAAO;IACNC,IAAI,EAAE,IAAAC,cAAO,EAACnB,IAAI,CAAE;IACpBoB,IAAI,EAAC,IAAI;IACTC,SAAS,EAAE,IAAAC,mBAAY,EAAChB,MAAM,CAAE;IAChCiB,UAAU;IACVC,MAAM;IACNC,WAAW,EAAC;EAAQ,CACrB,CACF,eACDjB,KAAA,CAAAC,aAAA,CAACtB,QAAA,CAAAuC,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC;EAAQ,GACzC,IAAAC,mBAAY,EAAC7B,IAAI,CACd,CACE,CAAC,eACXQ,KAAA,CAAAC,aAAA,CAACtB,QAAA,CAAAuC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACE,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAC5E9B,YAAY,EAAE+B,IAAI,CAACzB,UAAU,CAC1B,CACE,CACF,CAAC,eACXC,KAAA,CAAAC,aAAA,CAACtB,QAAA,CAAAuC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACxB,KAAK,EAAEU,eAAM,CAACf;EAAK,GACzDA,IACG,CACE,CAAC;AAEf"}

package/lib/commonjs/composites/wui-list-transaction/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  middleContainer: {
+    flex: 1
+  },
+  date: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-list-transaction/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","middleContainer","flex","date","textTransform"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,IAAI,EAAE;EACR,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-list-transaction/utils.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTypeLabel = exports.getIconColor = exports.getIcon = void 0;
+const getIcon = type => {
+  switch (type) {
+    case 'approve':
+    case 'execute':
+      return 'checkmark';
+    case 'repay':
+    case 'send':
+    case 'stake':
+    case 'withdraw':
+      return 'arrowTop';
+    case 'burn':
+    case 'cancel':
+      return 'close';
+    case 'trade':
+      return 'swapHorizontal';
+    case 'deploy':
+      return 'arrowRight';
+    default:
+      return 'arrowBottom';
+  }
+};
+
+//Utils
+exports.getIcon = getIcon;
+const getIconColor = status => {
+  switch (status) {
+    case 'confirmed':
+      return 'success-100';
+    case 'failed':
+      return 'error-100';
+    case 'pending':
+      return 'fg-200';
+    default:
+      return 'fg-200';
+  }
+};
+exports.getIconColor = getIconColor;
+const getTypeLabel = type => {
+  if (!type) {
+    return 'Unknown';
+  }
+  switch (type) {
+    case 'approve':
+      return 'Approved';
+    case 'bought':
+      return 'Bought';
+    case 'borrow':
+      return 'Borrowed';
+    case 'burn':
+      return 'Burnt';
+    case 'cancel':
+      return 'Canceled';
+    case 'claim':
+      return 'Claimed';
+    case 'deploy':
+      return 'Deployed';
+    case 'deposit':
+      return 'Deposited';
+    case 'execute':
+      return 'Executed';
+    case 'mint':
+      return 'Minted';
+    case 'receive':
+      return 'Received';
+    case 'repay':
+      return 'Repaid';
+    case 'send':
+      return 'Sent';
+    case 'stake':
+      return 'Staked';
+    case 'trade':
+      return 'Swapped';
+    case 'unstake':
+      return 'Unstaked';
+    case 'withdraw':
+      return 'Withdrawn';
+    default:
+      return 'Unknown';
+  }
+};
+exports.getTypeLabel = getTypeLabel;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/composites/wui-list-transaction/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getIcon","type","exports","getIconColor","status","getTypeLabel"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/utils.ts"],"mappings":";;;;;;AAGO,MAAMA,OAAO,GAAIC,IAAqB,IAAe;EAC1D,QAAQA,IAAI;IACV,KAAK,SAAS;IACd,KAAK,SAAS;MACZ,OAAO,WAAW;IACpB,KAAK,OAAO;IACZ,KAAK,MAAM;IACX,KAAK,OAAO;IACZ,KAAK,UAAU;MACb,OAAO,UAAU;IACnB,KAAK,MAAM;IACX,KAAK,QAAQ;MACX,OAAO,OAAO;IAChB,KAAK,OAAO;MACV,OAAO,gBAAgB;IACzB,KAAK,QAAQ;MACX,OAAO,YAAY;IACrB;MACE,OAAO,aAAa;EACxB;AACF,CAAC;;AAED;AAAAC,OAAA,CAAAF,OAAA,GAAAA,OAAA;AACO,MAAMG,YAAY,GAAIC,MAA0B,IAAK;EAC1D,QAAQA,MAAM;IACZ,KAAK,WAAW;MACd,OAAO,aAAa;IACtB,KAAK,QAAQ;MACX,OAAO,WAAW;IACpB,KAAK,SAAS;MACZ,OAAO,QAAQ;IACjB;MACE,OAAO,QAAQ;EACnB;AACF,CAAC;AAACF,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,MAAME,YAAY,GAAIJ,IAAsB,IAAK;EACtD,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,SAAS;EAClB;EAEA,QAAQA,IAAI;IACV,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,QAAQ;MACX,OAAO,QAAQ;IACjB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,MAAM;MACT,OAAO,OAAO;IAChB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,OAAO;MACV,OAAO,SAAS;IAClB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,SAAS;MACZ,OAAO,WAAW;IACpB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,MAAM;MACT,OAAO,QAAQ;IACjB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,OAAO;MACV,OAAO,QAAQ;IACjB,KAAK,MAAM;MACT,OAAO,MAAM;IACf,KAAK,OAAO;MACV,OAAO,QAAQ;IACjB,KAAK,OAAO;MACV,OAAO,SAAS;IAClB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,UAAU;MACb,OAAO,WAAW;IACpB;MACE,OAAO,SAAS;EACpB;AACF,CAAC;AAACC,OAAA,CAAAG,YAAA,GAAAA,YAAA"}

package/lib/commonjs/composites/wui-list-wallet/index.js

@@ -11,8 +11,8 @@ var _useTheme = require("../../hooks/useTheme");
 var _wuiTag = require("../wui-tag");
 var _wuiWalletImage = require("../wui-wallet-image");
 var _wuiIcon = require("../../components/wui-icon");
-var _styles = _interopRequireDefault(require("./styles"));
 var _wuiIconBox = require("../wui-icon-box");
+var _styles = _interopRequireDefault(require("./styles"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function ListWallet({

package/lib/commonjs/composites/wui-list-wallet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_wuiText","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiTag","_wuiWalletImage","_wuiIcon","_styles","_wuiIconBox","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ListWallet","name","onPress","imageSrc","imageHeaders","showAllWallets","tagLabel","tagVariant","icon","disabled","installed","style","testID","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","templateInstalled","React","createElement","IconBox","iconSize","iconColor","border","borderColor","background","backgroundColor","size","styles","installedBox","imageTemplate","View","WalletImage","image","imageDisabled","iconTemplate","Tag","variant","rightIcon","Icon","color","container","onPressIn","onPressOut","leftSide","Text"],"sourceRoot":"../../../../src","sources":["composites/wui-list-wallet/index.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_wuiText","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiTag","_wuiWalletImage","_wuiIcon","_wuiIconBox","_styles","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ListWallet","name","onPress","imageSrc","imageHeaders","showAllWallets","tagLabel","tagVariant","icon","disabled","installed","style","testID","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","templateInstalled","React","createElement","IconBox","iconSize","iconColor","border","borderColor","background","backgroundColor","size","styles","installedBox","imageTemplate","View","WalletImage","image","imageDisabled","iconTemplate","Tag","variant","rightIcon","Icon","color","container","onPressIn","onPressOut","leftSide","Text"],"sourceRoot":"../../../../src","sources":["composites/wui-list-wallet/index.tsx"],"mappings":"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"}

package/lib/commonjs/composites/wui-logo/index.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.Logo = Logo;
 var _wuiIcon = require("../../components/wui-icon");
 function Logo({
+  width = 40,
+  height = 40,
   logo,
   style
 }) {
   return /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
-    width: 40,
-    height: 40,
+    width: width,
+    height: height,
     name: logo,
     style: style
   });

package/lib/commonjs/composites/wui-logo/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_wuiIcon","require","Logo","logo","style","React","createElement","Icon","width","height","name"],"sourceRoot":"../../../../src","sources":["composites/wui-logo/index.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAUO,SAASC,IAAIA,CAAC;EAAEC,IAAI;EAAEC;AAAiB,CAAC,EAAE;EAC/C,oBAAOC,KAAA,CAAAC,aAAA,CAACN,QAAA,CAAAO,IAAI;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAEP,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAClE"}
+{"version":3,"names":["_wuiIcon","require","Logo","width","height","logo","style","React","createElement","Icon","name"],"sourceRoot":"../../../../src","sources":["composites/wui-logo/index.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAYO,SAASC,IAAIA,CAAC;EAAEC,KAAK,GAAG,EAAE;EAAEC,MAAM,GAAG,EAAE;EAAEC,IAAI;EAAEC;AAAiB,CAAC,EAAE;EACxE,oBAAOC,KAAA,CAAAC,aAAA,CAACR,QAAA,CAAAS,IAAI;IAACN,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACM,IAAI,EAAEL,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AACzE"}

package/lib/commonjs/composites/wui-logo-select/index.js

@@ -13,20 +13,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function LogoSelect({
   logo,
-  disabled
+  disabled,
+  style,
+  onPress
 }) {
   const Theme = (0, _useTheme.useTheme)();
   const {
     animatedValue,
     setStartValue,
     setEndValue
-  } = (0, _useAnimatedValue.default)(Theme['gray-glass-005'], Theme['gray-glass-010']);
+  } = (0, _useAnimatedValue.default)(Theme['gray-glass-002'], Theme['gray-glass-010']);
   return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
     onPressIn: setEndValue,
     onPressOut: setStartValue,
     style: [_styles.default.box, {
       backgroundColor: animatedValue
-    }],
+    }, style],
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_wuiLogo.Logo, {
     logo: logo,

package/lib/commonjs/composites/wui-logo-select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiLogo","_styles","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","LogoSelect","logo","disabled","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","onPressIn","onPressOut","style","styles","box","backgroundColor","Logo"],"sourceRoot":"../../../../src","sources":["composites/wui-logo-select/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAA8B,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAO9D,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC;AAA0B,CAAC,EAAE;EAC9D,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEL,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACd,iBAAiB;IAChBe,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BO,KAAK,EAAE,CAACC,eAAM,CAACC,GAAG,EAAE;MAAEC,eAAe,EAAEX;IAAc,CAAC,CAAE;IACxDH,QAAQ,EAAEA;EAAS,gBAEnBO,KAAA,CAAAC,aAAA,CAACnB,QAAA,CAAA0B,IAAI;IAAChB,IAAI,EAAEA,IAAK;IAACY,KAAK,EAAEX,QAAQ,IAAIY,eAAM,CAACZ;EAAS,CAAE,CACtC,CAAC;AAExB"}
+{"version":3,"names":["_reactNative","require","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiLogo","_styles","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","LogoSelect","logo","disabled","style","onPress","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","onPressIn","onPressOut","styles","box","backgroundColor","Logo"],"sourceRoot":"../../../../src","sources":["composites/wui-logo-select/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAA8B,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAS9D,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAyB,CAAC,EAAE;EAC9E,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEL,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAAChB,iBAAiB;IAChBQ,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BL,KAAK,EAAE,CAACY,eAAM,CAACC,GAAG,EAAE;MAAEC,eAAe,EAAEV;IAAc,CAAC,EAAEJ,KAAK,CAAE;IAC/DD,QAAQ,EAAEA;EAAS,gBAEnBS,KAAA,CAAAC,aAAA,CAACrB,QAAA,CAAA2B,IAAI;IAACjB,IAAI,EAAEA,IAAK;IAACE,KAAK,EAAED,QAAQ,IAAIa,eAAM,CAACb;EAAS,CAAE,CACtC,CAAC;AAExB"}

package/lib/commonjs/composites/wui-logo-select/styles.js

@@ -8,9 +8,9 @@ var _reactNative = require("react-native");
 var _ThemeUtil = require("../../utils/ThemeUtil");
 var _default = exports.default = _reactNative.StyleSheet.create({
   box: {
-    height: 50,
-    width: 50,
-    borderRadius: _ThemeUtil.BorderRadius.xs,
+    height: 56,
+    width: 56,
+    borderRadius: _ThemeUtil.BorderRadius.s,
     alignItems: 'center',
     justifyContent: 'center'
   },

package/lib/commonjs/composites/wui-logo-select/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","box","height","width","borderRadius","BorderRadius","xs","alignItems","justifyContent","disabled","opacity"],"sourceRoot":"../../../../src","sources":["composites/wui-logo-select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEC,uBAAY,CAACC,EAAE;IAC7BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","box","height","width","borderRadius","BorderRadius","s","alignItems","justifyContent","disabled","opacity"],"sourceRoot":"../../../../src","sources":["composites/wui-logo-select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEC,uBAAY,CAACC,CAAC;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-network-button/index.js

@@ -9,19 +9,21 @@ var _wuiImage = require("../../components/wui-image");
 var _wuiText = require("../../components/wui-text");
 var _useTheme = require("../../hooks/useTheme");
 var _wuiIconBox = require("../wui-icon-box");
-var _styles = _interopRequireDefault(require("./styles"));
-var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
 var _wuiLoadingSpinner = require("../../components/wui-loading-spinner");
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _styles = _interopRequireDefault(require("./styles"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function NetworkButton({
+  children,
+  onPress,
+  background = true,
+  disabled,
   imageSrc,
   imageHeaders,
-  disabled,
-  onPress,
-  style,
   loading,
-  children
+  style,
+  testID
 }) {
   const Theme = (0, _useTheme.useTheme)();
   const textColor = disabled ? 'fg-300' : 'fg-100';
@@ -29,17 +31,19 @@ function NetworkButton({
     animatedValue,
     setStartValue,
     setEndValue
-  } = (0, _useAnimatedValue.default)(Theme['gray-glass-005'], Theme['gray-glass-010']);
+  } = (0, _useAnimatedValue.default)(background ? Theme['gray-glass-005'] : 'transparent', Theme['gray-glass-010']);
   const backgroundColor = disabled ? Theme['gray-glass-015'] : animatedValue;
+  const borderColor = background ? Theme['gray-glass-005'] : 'transparent';
   return /*#__PURE__*/React.createElement(AnimatedPressable, {
     style: [_styles.default.container, {
       backgroundColor,
-      borderColor: Theme['gray-glass-005']
+      borderColor
     }, style],
     onPress: onPress,
     onPressIn: setEndValue,
     onPressOut: setStartValue,
-    disabled: disabled
+    disabled: disabled,
+    testID: testID
   }, /*#__PURE__*/React.createElement(LoaderComponent, {
     loading: loading
   }), /*#__PURE__*/React.createElement(ImageComponent, {
@@ -48,10 +52,12 @@ function NetworkButton({
     imageSrc: imageSrc,
     imageHeaders: imageHeaders,
     borderColor: Theme['gray-glass-005']
-  }), /*#__PURE__*/React.createElement(_wuiText.Text, {
-    style: _styles.default.text,
+  }), typeof children === 'string' ? /*#__PURE__*/React.createElement(_wuiText.Text, {
+    style: _styles.default.children,
     variant: "paragraph-600",
     color: textColor
+  }, children) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.children
   }, children));
 }
 function LoaderComponent({