moew

pinterest · Oct 24, 2024 · 8b3c5cc · 8b3c5cc
1 parent a78818f
commit 8b3c5cc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/gestalt/src/boxTransforms.ts b/packages/gestalt/src/boxTransforms.ts
@@ -219,7 +219,7 @@ const transformNumberOrPassthrough =
   (selector: string): MarginFunctorType =>
   (m) => {
     if (typeof m === 'number') {
-      return bind(rangeWithZero(selector), whitespace)(m);
+      return bind(rangeWithZero(selector), whitespace)(m * 100);
     }
 
     if (m === 'auto') {
@@ -266,7 +266,7 @@ const minWidth: Functor<Dimension> = (d) => fromInlineStyle({ minWidth: d });
 const opacityMap = mapClassName((name) => styles[name]);
 const opacity: Functor<Opacity> = (val) => {
   if (val > 0 && val < 1) {
-    return opacityMap(range('opacity0')(val * 0.1));
+    return opacityMap(range('opacity0')(val * 10));
   }
   return opacityMap(range('opacity')(val));
 };

diff --git a/packages/gestalt/src/transforms.ts b/packages/gestalt/src/transforms.ts
@@ -31,7 +31,7 @@ export const mapping =
 export const range =
   (scale: string): ((n: number) => Style) =>
   (n): Style =>
-    fromClassName(`${scale}${n < 0 ? `N${Math.abs(n * 100)}` : n * 100}`);
+    fromClassName(`${scale}${n < 0 ? `N${Math.abs(n)}` : n}`);
 
 export const rangeWithZero =
   (scale: string): ((n: number) => Style) =>