@magmamath/students-features 0.9.6 → 0.9.8-rc.0

package/src/features/keyboard/types/MathKeysGroups/units.tsx

@@ -7,34 +7,33 @@ import { YenIcon } from '../../../../shared/icons/keyboard/YenIcon/YenIcon'
 import { CentIcon } from '../../../../shared/icons/keyboard/CentIcon/CentIcon'
 import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import React from 'react'
-import { IS_MOBILE, IS_WEB } from '@magmamath/react-native-ui'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 import { createMathKeysGroup } from './helpers'
 
 const BASE_TEXT_STYLE = {
   fontSize: 14,
-  fontWeight: 700,
-} as const
+  fontWeight: 700 as const,
+}
 
 const STYLE_PRESETS = {
   SMALL: {
-    button: { width: IS_WEB ? 40 : 44 },
-    container: IS_MOBILE ? { flexBasis: 48 } : undefined,
+    button: { width: IS_MOBILE ? 44 : 40 },
+    container: { flexBasis: IS_MOBILE ? 48 : undefined },
     text: BASE_TEXT_STYLE,
   },
   MEDIUM: {
-    button: { width: IS_WEB ? 45 : 51 },
-    container: IS_MOBILE ? { flexBasis: 55 } : undefined,
+    button: { width: IS_MOBILE ? 50 : 45 },
+    container: { flexBasis: IS_MOBILE ? 54 : undefined },
     text: BASE_TEXT_STYLE,
   },
   LARGE: {
-    button: { width: IS_WEB ? 48 : 55 },
-    container: IS_MOBILE ? { flexBasis: 59 } : undefined,
-
+    button: { width: IS_MOBILE ? 54 : 48 },
+    container: { flexBasis: IS_MOBILE ? 58 : undefined },
     text: BASE_TEXT_STYLE,
   },
   XL: {
-    button: { width: IS_WEB ? 52 : 54 },
-    container: IS_MOBILE ? { flexBasis: 60 } : undefined,
+    button: { width: IS_MOBILE ? 56 : 52 },
+    container: { flexBasis: IS_MOBILE ? 60 : undefined },
     text: BASE_TEXT_STYLE,
   },
 }
@@ -209,7 +208,7 @@ export const MATH_AREA_UNITS = createMathKeysGroup({
     mathliveValue: '\\mathrm{mi}^2',
     katexValue: 'mi^2',
     mathQuillValue: 'mi^{2}',
-    style: STYLE_PRESETS.MEDIUM,
+    style: STYLE_PRESETS.SMALL,
   },
   SQUARE_YARD: {
     label: 'yd²',
@@ -325,7 +324,7 @@ export const MATH_VOLUME_UNITS = createMathKeysGroup({
     mathliveValue: '\\mathrm{cup}',
     katexValue: 'cup',
     mathQuillValue: '\\cup',
-    style: STYLE_PRESETS.LARGE,
+    style: STYLE_PRESETS.MEDIUM,
   },
   GAL: {
     label: 'gal',