react-native-ui-lib 7.39.0-snapshot.6573 → 7.39.0-snapshot.6578

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.39.0-snapshot.6573",
+  "version": "7.39.0-snapshot.6578",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/assets/internal/icons/index.js

@@ -14,9 +14,21 @@ export const icons = {
   get exclamationSmall() {
     return require('./exclamationSmall.png');
   },
+  get minusOutline() {
+    return require('./minusOutline.png');
+  },
+  get minusOutlineSmall() {
+    return require('./minusOutlineSmall.png');
+  },
   get minusSmall() {
     return require('./minusSmall.png');
   },
+  get plusOutline() {
+    return require('./plusOutline.png');
+  },
+  get plusOutlineSmall() {
+    return require('./plusOutlineSmall.png');
+  },
   get plusSmall() {
     return require('./plusSmall.png');
   },

package/src/assets/internal/icons/index.web.js

@@ -14,9 +14,21 @@ export const icons = {
   get exclamationSmall() {
     return {uri: require('./exclamationSmall.png'), width: 16, height: 16};
   },
+  get minusOutline() {
+    return {uri: require('./minusOutline.png'), width: 32, height: 32};
+  },
+  get minusOutlineSmall() {
+    return {uri: require('./minusOutlineSmall.png'), width: 24, height: 24};
+  },
   get minusSmall() {
     return {uri: require('./minusSmall.png'), width: 16, height: 16};
   },
+  get plusOutline() {
+    return {uri: require('./plusOutline.png'), width: 32, height: 32};
+  },
+  get plusOutlineSmall() {
+    return {uri: require('./plusOutlineSmall.png'), width: 24, height: 24};
+  },
   get plusSmall() {
     return {uri: require('./plusSmall.png'), width: 16, height: 16};
   },

package/src/components/stepper/index.js

@@ -6,17 +6,12 @@ import { asBaseComponent } from "../../commons/new";
 import View from "../view";
 import Text from "../text";
 import Button from "../button";
+import Assets from "../../assets";
 var ActionType = /*#__PURE__*/function (ActionType) {
   ActionType["MINUS"] = "minus";
   ActionType["PLUS"] = "plus";
   return ActionType;
 }(ActionType || {});
-const minusOutline = require("./assets/minusOutline.png");
-const minusOutlineSmall = require("./assets/minusOutlineSmall.png");
-const plusOutline = require("./assets/plusOutline.png");
-const plusOutlineSmall = require("./assets/plusOutlineSmall.png");
-const plusSmall = require("./assets/plusSmall.png");
-const minusSmall = require("./assets/minusSmall.png");
 const DEFAULT_STEP = 1;
 /**
  * @description: A stepper component
@@ -150,8 +145,8 @@ class Stepper extends PureComponent {
     } = this.props;
     const allowStepChange = this.allowStepChange(actionType);
     const isFloatingStepper = type === 'floating';
-    const minusButton = isFloatingStepper ? minusSmall : small ? minusOutlineSmall : minusOutline;
-    const plusButton = isFloatingStepper ? plusSmall : small ? plusOutlineSmall : plusOutline;
+    const minusButton = isFloatingStepper ? Assets.internal.icons.minusSmall : small ? Assets.internal.icons.minusOutlineSmall : Assets.internal.icons.minusOutline;
+    const plusButton = isFloatingStepper ? Assets.internal.icons.plusSmall : small ? Assets.internal.icons.plusOutlineSmall : Assets.internal.icons.plusOutline;
     return <Button link color={isFloatingStepper ? Colors.$iconDefault : undefined} iconSource={actionType === ActionType.MINUS ? minusButton : plusButton} disabled={disabled || !allowStepChange} onPress={() => this.handleStepChange(actionType)} testID={actionType === ActionType.MINUS ? `${testID}.minusStep` : `${testID}.plusStep`} />;
   }
   render() {