react-native-ui-lib 7.39.0-snapshot.6582 → 7.39.0-snapshot.6596

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.39.0-snapshot.6582",
+  "version": "7.39.0-snapshot.6596",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
@@ -39,8 +39,7 @@
     "releaseDemo": "./scripts/release/releaseDemo.sh",
     "releaseDocs": "./scripts/release/releaseDocs.sh",
     "releaseEslint": "./scripts/release/releaseEslint.sh",
-    "releaseNative": "./scripts/release/releaseNative.sh",
-    "update-web-assets": "node scripts/assets/extract-dimensions.js"
+    "releaseNative": "./scripts/release/releaseNative.sh"
   },
   "dependencies": {
     "babel-plugin-transform-inline-environment-variables": "^0.0.2",

package/src/components/icon/index.js

@@ -12,9 +12,10 @@ import SvgImage from "../svgImage";
  * @extendsLink: https://reactnative.dev/docs/image
  */
 
+const DEFAULT_WEB_ICON_SIZE = 16;
 const Icon = forwardRef((props, ref) => {
   const {
-    size,
+    size = Constants.isWeb ? DEFAULT_WEB_ICON_SIZE : undefined,
     tintColor,
     style,
     supportRTL,
@@ -51,11 +52,9 @@ const Icon = forwardRef((props, ref) => {
     }
     return source;
   }, [source, assetGroup, assetName]);
-  const renderImage = () => {
-    return <Image accessible={false} accessibilityRole={'image'} fsTagName={recorderTag} {...others} ref={ref} source={iconSource} style={[margins, iconSize, shouldFlipRTL && styles.rtlFlipped, !!tintColor && {
-      tintColor
-    }, style]} />;
-  };
+  const renderImage = () => <Image accessible={false} accessibilityRole={'image'} fsTagName={recorderTag} {...others} ref={ref} source={iconSource} style={[margins, iconSize, shouldFlipRTL && styles.rtlFlipped, !!tintColor && {
+    tintColor
+  }, style]} />;
   const renderSvg = () => <SvgImage fsTagName={recorderTag} data={source} {...iconSize} {...props} />;
   if (typeof source === 'string' && isBase64ImageContent(source) && Constants.isWeb) {
     return renderImage();

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

@@ -1,50 +0,0 @@
-export const icons = {
-  get check() {
-    return {uri: require('./check.png').default, width: 21, height: 15};
-  },
-  get checkMarkSmall() {
-    return {uri: require('./checkMarkSmall.png').default, width: 16, height: 16};
-  },
-  get checkSmall() {
-    return {uri: require('./checkSmall.png').default, width: 24, height: 24};
-  },
-  get chevronDown() {
-    return {uri: require('./chevronDown.png').default, width: 16, height: 16};
-  },
-  get exclamationSmall() {
-    return {uri: require('./exclamationSmall.png').default, width: 16, height: 16};
-  },
-  get minusOutline() {
-    return {uri: require('./minusOutline.png').default, width: 32, height: 32};
-  },
-  get minusOutlineSmall() {
-    return {uri: require('./minusOutlineSmall.png').default, width: 24, height: 24};
-  },
-  get minusSmall() {
-    return {uri: require('./minusSmall.png').default, width: 16, height: 16};
-  },
-  get plusOutline() {
-    return {uri: require('./plusOutline.png').default, width: 32, height: 32};
-  },
-  get plusOutlineSmall() {
-    return {uri: require('./plusOutlineSmall.png').default, width: 24, height: 24};
-  },
-  get plusSmall() {
-    return {uri: require('./plusSmall.png').default, width: 16, height: 16};
-  },
-  get search() {
-    return {uri: require('./search.png').default, width: 24, height: 24};
-  },
-  get x() {
-    return {uri: require('./x.png').default, width: 17, height: 16};
-  },
-  get xFlat() {
-    return {uri: require('./xFlat.png').default, width: 16, height: 16};
-  },
-  get xMedium() {
-    return {uri: require('./xMedium.png').default, width: 24, height: 24};
-  },
-  get xSmall() {
-    return {uri: require('./xSmall.png').default, width: 16, height: 16};
-  }
-};

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

@@ -1,26 +0,0 @@
-export const images = {
-  get gradient() {
-    return {uri: require('./gradient.png').default, width: 56, height: 2};
-  },
-  get gradientOverlay() {
-    return {uri: require('./gradientOverlay.png').default, width: 76, height: 48};
-  },
-  get gradientOverlayHigh() {
-    return {uri: require('./gradientOverlayHigh.png').default, width: 1, height: 297};
-  },
-  get gradientOverlayLow() {
-    return {uri: require('./gradientOverlayLow.png').default, width: 1, height: 297};
-  },
-  get gradientOverlayMedium() {
-    return {uri: require('./gradientOverlayMedium.png').default, width: 1, height: 297};
-  },
-  get hintTipMiddle() {
-    return {uri: require('./hintTipMiddle.png').default, width: 20, height: 7};
-  },
-  get hintTipSide() {
-    return {uri: require('./hintTipSide.png').default, width: 20, height: 24};
-  },
-  get transparentSwatch() {
-    return {uri: require('./transparentSwatch.png').default, width: 100, height: 100};
-  }
-};