diff --git a/packages/gestalt/src/boxTransforms.ts b/packages/gestalt/src/boxTransforms.ts index 1560352cff..481330ca1b 100644 --- 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 = (d) => fromInlineStyle({ minWidth: d }); const opacityMap = mapClassName((name) => styles[name]); const opacity: Functor = (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 index b89530f992..c3f0f58bbf 100644 --- 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) =>