@artsy/palette-mobile 13.2.34 → 13.2.35

package/dist/utils/webTokensToMobile.js

@@ -0,0 +1,37 @@
+import { mapValues } from "lodash";
+/**
+ * This function is converting the space values that come from palette-tokens
+ * from a string `"120px"` to a number `120`, and the key values from a number
+ * `0.5` to a string `"0.5"`.
+ */
+export const convertWebSpacingUnitsToMobile = (withUnits) => {
+    return withUnits;
+};
+/**
+ * This function is removing the `px` and `em` suffix and making the values
+ * into numbers. letterspacing, fontSize, and lineHeight all take numbers
+ * without units.
+ *
+ * @see https://reactnative.dev/docs/text-style-props
+ */
+export const convertWebTextTreatmentsToMobile = (withUnits) => {
+    const textTreatments = mapValues(withUnits, (treatmentWithUnits) => {
+        const newTreatment = {};
+        const valuesToConvert = [
+            ["fontSize", "px"],
+            ["lineHeight", "px"],
+            ["letterSpacing", "em"],
+        ];
+        valuesToConvert.forEach(([property, unit]) => {
+            const originalValue = treatmentWithUnits[property];
+            if (originalValue === undefined) {
+                return undefined;
+            }
+            const justStringValue = originalValue.split(unit)[0];
+            const numberValue = Number(justStringValue);
+            newTreatment[property] = numberValue;
+        });
+        return newTreatment;
+    });
+    return textTreatments;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "13.2.34",
+  "version": "13.2.35",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082 --terminal terminal",