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

package/package.json

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

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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,26 @@
+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};
+  }
+};

package/src/components/icon/index.js

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