@magmamath/students-features 0.9.0-rc2 → 0.9.0-rc20

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

@@ -1,12 +1,12 @@
 import { KroneIcon } from '../../../../shared/icons/MATH/KroneIcon/KroneIcon'
-import { MathKeysGroup } from '../../types'
+import { MathKeysGroup } from '../types'
 import { DollarIcon } from '../../../../shared/icons/MATH/DollarIcon/DollarIcon'
 import { EuroIcon } from '../../../../shared/icons/MATH/EuroIcon/EuroIcon'
 import { PoundIcon } from '../../../../shared/icons/MATH/PoundIcon/PoundIcon'
 import { PesoIcon } from '../../../../shared/icons/MATH/PesoIcon/PesoIcon'
 import { YenIcon } from '../../../../shared/icons/MATH/YenIcon/YenIcon'
 import { CentIcon } from '../../../../shared/icons/MATH/CentIcon/CentIcon'
-import { DEFAULT_KEY_ICON_PROPS } from '../../constants'
+import { DEFAULT_KEY_ICON_PROPS } from '../../constants/constants'
 import React from 'react'
 
 export enum MathCurrencyUnit {
@@ -108,7 +108,7 @@ export const MATH_CURRENCY_UNITS: MathKeysGroup<typeof MathCurrencyUnit> = {
   [MathCurrencyUnit.DOLLAR]: {
     icon: <DollarIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '\\$',
-    katexValue: '\\$',
+    katexValue: '\$',
   },
   [MathCurrencyUnit.EURO]: {
     icon: <EuroIcon {...DEFAULT_KEY_ICON_PROPS} />,
@@ -132,8 +132,8 @@ export const MATH_CURRENCY_UNITS: MathKeysGroup<typeof MathCurrencyUnit> = {
   },
   [MathCurrencyUnit.CENT]: {
     icon: <CentIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: 'c',
-    katexValue: 'c',
+    mathliveValue: '¢',
+    katexValue: '¢',
   },
 }
 
@@ -142,61 +142,169 @@ export const MATH_LENGTH_UNITS: MathKeysGroup<typeof MathLengthUnit> = {
     label: 'km',
     mathliveValue: 'km',
     katexValue: 'km',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.METER]: {
     label: 'm',
     mathliveValue: '\\mathrm{m}',
     katexValue: 'm',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.DECIMETER]: {
     label: 'dm',
     mathliveValue: '\\mathrm{dm}',
     katexValue: 'dm',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.CENTIMETER]: {
     label: 'cm',
     mathliveValue: '\\mathrm{cm}',
     katexValue: 'cm',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.MILLIMETER]: {
     label: 'mm',
     mathliveValue: '\\mathrm{mm}',
     katexValue: 'mm',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.HECTARE]: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
     katexValue: 'ha',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.INCH]: {
     label: 'in',
     mathliveValue: '\\mathrm{in}',
     katexValue: 'in',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.FOOT]: {
     label: 'ft',
     mathliveValue: '\\mathrm{ft}',
     katexValue: 'ft',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.YARD]: {
     label: 'yd',
     mathliveValue: '\\mathrm{yd}',
     katexValue: 'yd',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.YARDS]: {
     label: 'yds',
     mathliveValue: '\\mathrm{yds}',
     katexValue: 'yds',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.MILE]: {
     label: 'mi',
     mathliveValue: '\\mathrm{mi}',
     katexValue: 'mi',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathLengthUnit.MILE_SE]: {
     label: 'mil',
     mathliveValue: '\\mathrm{mil}',
     katexValue: 'mil',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
 }
 
@@ -205,51 +313,141 @@ export const MATH_AREA_UNITS: MathKeysGroup<typeof MathAreaUnit> = {
     label: 'km²',
     mathliveValue: '\\mathrm{km}^2',
     katexValue: 'km^2',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_METER]: {
     label: 'm²',
     mathliveValue: '\\mathrm{m}^2',
     katexValue: 'm^2',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_DECIMETER]: {
     label: 'dm²',
     mathliveValue: '\\mathrm{dm}^2',
     katexValue: 'dm^2',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_CENTIMETER]: {
     label: 'cm²',
     mathliveValue: '\\mathrm{cm}^2',
     katexValue: 'cm^2',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_MILLIMETER]: {
     label: 'mm²',
     mathliveValue: '\\mathrm{mm}^2',
     katexValue: 'mm^2',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_INCH]: {
     label: 'in²',
     mathliveValue: '\\mathrm{in}^2',
     katexValue: 'in^2',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_FOOT]: {
     label: 'ft²',
     mathliveValue: '\\mathrm{ft}^2',
     katexValue: 'ft^2',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_MILE]: {
     label: 'mi²',
     mathliveValue: '\\mathrm{mi}^2',
     katexValue: 'mi^2',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.SQUARE_YARD]: {
     label: 'yd²',
     mathliveValue: '\\mathrm{yd}^2',
     katexValue: 'yd^2',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathAreaUnit.HECTARE]: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
     katexValue: 'ha',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
 }
 
@@ -258,101 +456,281 @@ export const MATH_VOLUME_UNITS: MathKeysGroup<typeof MathVolumeUnit> = {
     label: 'km³',
     mathliveValue: '\\mathrm{km}^3',
     katexValue: 'km^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_METER]: {
     label: 'm³',
     mathliveValue: '\\mathrm{m}^3',
     katexValue: 'm^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_DECIMETER]: {
     label: 'dm³',
     mathliveValue: '\\mathrm{dm}^3',
     katexValue: 'dm^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_CENTIMETER]: {
     label: 'cm³',
     mathliveValue: '\\mathrm{cm}^3',
     katexValue: 'cm^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_MILLIMETER]: {
     label: 'mm³',
     mathliveValue: '\\mathrm{mm}^3',
     katexValue: 'mm^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_INCH]: {
     label: 'in³',
     mathliveValue: '\\mathrm{in}^3',
     katexValue: 'in^3',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_FOOT]: {
     label: 'ft³',
     mathliveValue: '\\mathrm{ft}^3',
     katexValue: 'ft^3',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_MILE]: {
     label: 'mi³',
     mathliveValue: '\\mathrm{mi}^3',
     katexValue: 'mi^3',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUBIC_YARD]: {
     label: 'yd³',
     mathliveValue: '\\mathrm{yd}^3',
     katexValue: 'yd^3',
+    style: {
+      button: {
+        width: 43,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.MILLILITER]: {
-    label: 'mL',
+    label: 'ml',
     mathliveValue: '\\mathrm{mL}',
-    katexValue: 'mL',
+    katexValue: 'ml',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.LITER]: {
     label: 'L',
     mathliveValue: '\\mathrm{L}',
     katexValue: 'L',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.MILLILITER_SE]: {
     label: 'ml',
     mathliveValue: '\\mathrm{ml}',
     katexValue: 'ml',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.LITER_SE]: {
     label: 'l',
     mathliveValue: '\\mathrm{l}',
     katexValue: 'l',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.DL]: {
     label: 'dl',
     mathliveValue: '\\mathrm{dl}',
     katexValue: 'dl',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CUP]: {
     label: 'cup',
     mathliveValue: '\\mathrm{cup}',
     katexValue: 'cup',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.GAL]: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
     katexValue: 'gal',
+    style: {
+      button: {
+        width: 44,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.PINT]: {
     label: 'pt',
     mathliveValue: '\\mathrm{pt}',
     katexValue: 'pt',
+    style: {
+      button: {
+        width: 48,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.QUART]: {
     label: 'qt',
     mathliveValue: '\\mathrm{qt}',
     katexValue: 'qt',
+    style: {
+      button: {
+        width: 44,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.FLOZ]: {
     label: 'floz',
     mathliveValue: '\\mathrm{floz}',
     katexValue: 'floz',
+    style: {
+      button: {
+        width: 52,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathVolumeUnit.CL]: {
     label: 'cl',
     mathliveValue: '\\mathrm{cl}',
     katexValue: 'cl',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
 }
 
@@ -361,51 +739,141 @@ export const MATH_WEIGHT_UNITS: MathKeysGroup<typeof MathWeightUnit> = {
     label: 'kg',
     mathliveValue: '\\mathrm{kg}',
     katexValue: 'kg',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.G]: {
     label: 'g',
     mathliveValue: '\\mathrm{g}',
     katexValue: 'g',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.MG]: {
     label: 'mg',
     mathliveValue: '\\mathrm{mg}',
     katexValue: 'mg',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.TON_SE]: {
     label: 'ton',
     mathliveValue: '\\mathrm{ton}',
     katexValue: 'ton',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.TON]: {
     label: 'T',
     mathliveValue: '\\mathrm{T}',
     katexValue: 'T',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.LB]: {
     label: 'lb',
     mathliveValue: '\\mathrm{lb}',
     katexValue: 'lb',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.OZ]: {
     label: 'oz',
     mathliveValue: '\\mathrm{oz}',
     katexValue: 'oz',
+    style: {
+      button: {
+        width: 40,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.GAL]: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
     katexValue: 'gal',
+    style: {
+      button: {
+        width: 44,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.HG]: {
     label: 'hg',
     mathliveValue: '\\mathrm{hg}',
     katexValue: 'hg',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
   [MathWeightUnit.T]: {
     label: 't',
     mathliveValue: '\\mathrm{t}',
     katexValue: 't',
+    style: {
+      button: {
+        width: 45,
+      },
+      text: {
+        fontSize: 14,
+        fontWeight: 700,
+      },
+    },
   },
 }