@magmamath/students-features 0.9.0-rc8 → 0.9.0

package/dist/commonjs/features/keyboard/types/MathKeysGroups/units.js

@@ -3,492 +3,519 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MathWeightUnit = exports.MathVolumeUnit = exports.MathTimeUnit = exports.MathLengthUnit = exports.MathCurrencyUnit = exports.MathAreaUnit = exports.MATH_WEIGHT_UNITS = exports.MATH_VOLUME_UNITS = exports.MATH_TIME_UNITS = exports.MATH_LENGTH_UNITS = exports.MATH_CURRENCY_UNITS = exports.MATH_AREA_UNITS = void 0;
-var _KroneIcon = require("../../../../shared/icons/MATH/KroneIcon/KroneIcon.js");
-var _DollarIcon = require("../../../../shared/icons/MATH/DollarIcon/DollarIcon.js");
-var _EuroIcon = require("../../../../shared/icons/MATH/EuroIcon/EuroIcon.js");
-var _PoundIcon = require("../../../../shared/icons/MATH/PoundIcon/PoundIcon.js");
-var _PesoIcon = require("../../../../shared/icons/MATH/PesoIcon/PesoIcon.js");
-var _YenIcon = require("../../../../shared/icons/MATH/YenIcon/YenIcon.js");
-var _CentIcon = require("../../../../shared/icons/MATH/CentIcon/CentIcon.js");
-var _constants = require("../../constants.js");
+exports.MATH_WEIGHT_UNITS = exports.MATH_VOLUME_UNITS = exports.MATH_TIME_UNITS = exports.MATH_LENGTH_UNITS = exports.MATH_CURRENCY_UNITS = exports.MATH_AREA_UNITS = void 0;
+var _KroneIcon = require("../../../../shared/icons/keyboard/KroneIcon/KroneIcon.js");
+var _DollarIcon = require("../../../../shared/icons/keyboard/DollarIcon/DollarIcon.js");
+var _EuroIcon = require("../../../../shared/icons/keyboard/EuroIcon/EuroIcon.js");
+var _PoundIcon = require("../../../../shared/icons/keyboard/PoundIcon/PoundIcon.js");
+var _PesoIcon = require("../../../../shared/icons/keyboard/PesoIcon/PesoIcon.js");
+var _YenIcon = require("../../../../shared/icons/keyboard/YenIcon/YenIcon.js");
+var _CentIcon = require("../../../../shared/icons/keyboard/CentIcon/CentIcon.js");
+var _constants = require("../../constants/constants.js");
 var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _helpers = require("./helpers.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let MathCurrencyUnit = exports.MathCurrencyUnit = /*#__PURE__*/function (MathCurrencyUnit) {
-  MathCurrencyUnit["KRONE"] = "KRONE";
-  MathCurrencyUnit["DOLLAR"] = "DOLLAR";
-  MathCurrencyUnit["EURO"] = "EURO";
-  MathCurrencyUnit["POUND"] = "POUND";
-  MathCurrencyUnit["PESO"] = "PESO";
-  MathCurrencyUnit["YEN"] = "YEN";
-  MathCurrencyUnit["CENT"] = "CENT";
-  return MathCurrencyUnit;
-}({});
-let MathLengthUnit = exports.MathLengthUnit = /*#__PURE__*/function (MathLengthUnit) {
-  MathLengthUnit["KILOMETER"] = "KILOMETER";
-  MathLengthUnit["METER"] = "METER";
-  MathLengthUnit["DECIMETER"] = "DECIMETER";
-  MathLengthUnit["CENTIMETER"] = "CENTIMETER";
-  MathLengthUnit["MILLIMETER"] = "MILLIMETER";
-  MathLengthUnit["HECTARE"] = "HECTARE";
-  MathLengthUnit["INCH"] = "INCH";
-  MathLengthUnit["FOOT"] = "FOOT";
-  MathLengthUnit["YARD"] = "YARD";
-  MathLengthUnit["YARDS"] = "YARDS";
-  MathLengthUnit["MILE"] = "MILE";
-  MathLengthUnit["MILE_SE"] = "MILE_SE";
-  return MathLengthUnit;
-}({});
-let MathAreaUnit = exports.MathAreaUnit = /*#__PURE__*/function (MathAreaUnit) {
-  MathAreaUnit["SQUARE_KILOMETER"] = "SQUARE_KILOMETER";
-  MathAreaUnit["SQUARE_METER"] = "SQUARE_METER";
-  MathAreaUnit["SQUARE_DECIMETER"] = "SQUARE_DECIMETER";
-  MathAreaUnit["SQUARE_CENTIMETER"] = "SQUARE_CENTIMETER";
-  MathAreaUnit["SQUARE_MILLIMETER"] = "SQUARE_MILLIMETER";
-  MathAreaUnit["SQUARE_INCH"] = "SQUARE_INCH";
-  MathAreaUnit["SQUARE_FOOT"] = "SQUARE_FOOT";
-  MathAreaUnit["SQUARE_MILE"] = "SQUARE_MILE";
-  MathAreaUnit["SQUARE_YARD"] = "SQUARE_YARD";
-  MathAreaUnit["HECTARE"] = "HECTARE";
-  return MathAreaUnit;
-}({});
-let MathVolumeUnit = exports.MathVolumeUnit = /*#__PURE__*/function (MathVolumeUnit) {
-  MathVolumeUnit["CUBIC_KILOMETER"] = "CUBIC_KILOMETER";
-  MathVolumeUnit["CUBIC_METER"] = "CUBIC_METER";
-  MathVolumeUnit["CUBIC_DECIMETER"] = "CUBIC_DECIMETER";
-  MathVolumeUnit["CUBIC_CENTIMETER"] = "CUBIC_CENTIMETER";
-  MathVolumeUnit["CUBIC_MILLIMETER"] = "CUBIC_MILLIMETER";
-  MathVolumeUnit["CUBIC_INCH"] = "CUBIC_INCH";
-  MathVolumeUnit["CUBIC_FOOT"] = "CUBIC_FOOT";
-  MathVolumeUnit["CUBIC_MILE"] = "CUBIC_MILE";
-  MathVolumeUnit["CUBIC_YARD"] = "CUBIC_YARD";
-  MathVolumeUnit["MILLILITER"] = "MILLILITER";
-  MathVolumeUnit["LITER"] = "LITER";
-  MathVolumeUnit["MILLILITER_SE"] = "MILLILITER_SE";
-  MathVolumeUnit["LITER_SE"] = "LITER_SE";
-  MathVolumeUnit["DL"] = "DL";
-  MathVolumeUnit["CUP"] = "CUP";
-  MathVolumeUnit["GAL"] = "GAL";
-  MathVolumeUnit["PINT"] = "PINT";
-  MathVolumeUnit["QUART"] = "QUART";
-  MathVolumeUnit["FLOZ"] = "FLOZ";
-  MathVolumeUnit["CL"] = "CL";
-  return MathVolumeUnit;
-}({});
-let MathWeightUnit = exports.MathWeightUnit = /*#__PURE__*/function (MathWeightUnit) {
-  MathWeightUnit["KG"] = "KG";
-  MathWeightUnit["G"] = "G";
-  MathWeightUnit["MG"] = "MG";
-  MathWeightUnit["TON_SE"] = "TON_SE";
-  MathWeightUnit["TON"] = "TON";
-  MathWeightUnit["T"] = "T";
-  MathWeightUnit["LB"] = "LB";
-  MathWeightUnit["OZ"] = "OZ";
-  MathWeightUnit["GAL"] = "GAL";
-  MathWeightUnit["HG"] = "HG";
-  return MathWeightUnit;
-}({});
-let MathTimeUnit = exports.MathTimeUnit = /*#__PURE__*/function (MathTimeUnit) {
-  MathTimeUnit["S"] = "S";
-  MathTimeUnit["M"] = "M";
-  MathTimeUnit["H"] = "H";
-  MathTimeUnit["DAY"] = "DAY";
-  MathTimeUnit["WEEK"] = "WEEK";
-  MathTimeUnit["MONTH"] = "MONTH";
-  MathTimeUnit["YEAR"] = "YEAR";
-  MathTimeUnit["DAYS"] = "DAYS";
-  MathTimeUnit["WEEKS"] = "WEEKS";
-  MathTimeUnit["MONTHS"] = "MONTHS";
-  MathTimeUnit["YEARS"] = "YEARS";
-  MathTimeUnit["AM"] = "AM";
-  MathTimeUnit["PM"] = "PM";
-  return MathTimeUnit;
-}({});
-const MATH_CURRENCY_UNITS = exports.MATH_CURRENCY_UNITS = {
-  [MathCurrencyUnit.KRONE]: {
+const BASE_TEXT_STYLE = {
+  fontSize: 14,
+  fontWeight: 700
+};
+const STYLE_PRESETS = {
+  SMALL: {
+    button: {
+      width: _reactNativeUi.IS_MOBILE ? 44 : 40
+    },
+    container: {
+      flexBasis: _reactNativeUi.IS_MOBILE ? 48 : undefined
+    },
+    text: BASE_TEXT_STYLE
+  },
+  MEDIUM: {
+    button: {
+      width: _reactNativeUi.IS_MOBILE ? 50 : 45
+    },
+    container: {
+      flexBasis: _reactNativeUi.IS_MOBILE ? 54 : undefined
+    },
+    text: BASE_TEXT_STYLE
+  },
+  LARGE: {
+    button: {
+      width: _reactNativeUi.IS_MOBILE ? 54 : 48
+    },
+    container: {
+      flexBasis: _reactNativeUi.IS_MOBILE ? 58 : undefined
+    },
+    text: BASE_TEXT_STYLE
+  },
+  XL: {
+    button: {
+      width: _reactNativeUi.IS_MOBILE ? 56 : 52
+    },
+    container: {
+      flexBasis: _reactNativeUi.IS_MOBILE ? 60 : undefined
+    },
+    text: BASE_TEXT_STYLE
+  }
+};
+const MATH_CURRENCY_UNITS = exports.MATH_CURRENCY_UNITS = (0, _helpers.createMathKeysGroup)({
+  KRONE: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KroneIcon.KroneIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: 'Kr',
     katexValue: 'Kr'
   },
-  [MathCurrencyUnit.DOLLAR]: {
+  DOLLAR: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DollarIcon.DollarIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: '\\$',
-    katexValue: '\$'
+    katexValue: '\$',
+    mathQuillValue: '\\$'
   },
-  [MathCurrencyUnit.EURO]: {
+  EURO: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EuroIcon.EuroIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: '€',
     katexValue: '€'
   },
-  [MathCurrencyUnit.POUND]: {
+  POUND: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PoundIcon.PoundIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: '£',
     katexValue: '£'
   },
-  [MathCurrencyUnit.YEN]: {
+  YEN: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_YenIcon.YenIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: '¥',
     katexValue: '¥'
   },
-  [MathCurrencyUnit.PESO]: {
+  PESO: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PesoIcon.PesoIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: 'p',
     katexValue: 'p'
   },
-  [MathCurrencyUnit.CENT]: {
+  CENT: {
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CentIcon.CentIcon, {
       ..._constants.DEFAULT_KEY_ICON_PROPS
     }),
     mathliveValue: '¢',
     katexValue: '¢'
   }
-};
-const MATH_LENGTH_UNITS = exports.MATH_LENGTH_UNITS = {
-  [MathLengthUnit.KILOMETER]: {
+});
+const MATH_LENGTH_UNITS = exports.MATH_LENGTH_UNITS = (0, _helpers.createMathKeysGroup)({
+  KILOMETER: {
     label: 'km',
     mathliveValue: 'km',
-    katexValue: 'km'
+    katexValue: 'km',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.METER]: {
+  METER: {
     label: 'm',
     mathliveValue: '\\mathrm{m}',
-    katexValue: 'm'
+    katexValue: 'm',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.DECIMETER]: {
+  DECIMETER: {
     label: 'dm',
     mathliveValue: '\\mathrm{dm}',
-    katexValue: 'dm'
+    katexValue: 'dm',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.CENTIMETER]: {
+  CENTIMETER: {
     label: 'cm',
     mathliveValue: '\\mathrm{cm}',
-    katexValue: 'cm'
+    katexValue: 'cm',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.MILLIMETER]: {
+  MILLIMETER: {
     label: 'mm',
     mathliveValue: '\\mathrm{mm}',
-    katexValue: 'mm'
+    katexValue: 'mm',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.HECTARE]: {
+  HECTARE: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
-    katexValue: 'ha'
+    katexValue: 'ha',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathLengthUnit.INCH]: {
+  INCH: {
     label: 'in',
     mathliveValue: '\\mathrm{in}',
-    katexValue: 'in'
+    katexValue: 'in',
+    mathQuillValue: '\\in',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathLengthUnit.FOOT]: {
+  FOOT: {
     label: 'ft',
     mathliveValue: '\\mathrm{ft}',
-    katexValue: 'ft'
+    katexValue: 'ft',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathLengthUnit.YARD]: {
+  YARD: {
     label: 'yd',
     mathliveValue: '\\mathrm{yd}',
-    katexValue: 'yd'
+    katexValue: 'yd',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathLengthUnit.YARDS]: {
+  YARDS: {
     label: 'yds',
     mathliveValue: '\\mathrm{yds}',
-    katexValue: 'yds'
+    katexValue: 'yds',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathLengthUnit.MILE]: {
+  MILE: {
     label: 'mi',
     mathliveValue: '\\mathrm{mi}',
-    katexValue: 'mi'
+    katexValue: 'mi',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathLengthUnit.MILE_SE]: {
+  MILE_SE: {
     label: 'mil',
     mathliveValue: '\\mathrm{mil}',
-    katexValue: 'mil'
+    katexValue: 'mil',
+    style: STYLE_PRESETS.MEDIUM
   }
-};
-const MATH_AREA_UNITS = exports.MATH_AREA_UNITS = {
-  [MathAreaUnit.SQUARE_KILOMETER]: {
+});
+const MATH_AREA_UNITS = exports.MATH_AREA_UNITS = (0, _helpers.createMathKeysGroup)({
+  SQUARE_KILOMETER: {
     label: 'km²',
     mathliveValue: '\\mathrm{km}^2',
-    katexValue: 'km^2'
+    katexValue: 'km^2',
+    mathQuillValue: 'km^{2}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathAreaUnit.SQUARE_METER]: {
+  SQUARE_METER: {
     label: 'm²',
     mathliveValue: '\\mathrm{m}^2',
-    katexValue: 'm^2'
+    katexValue: 'm^2',
+    mathQuillValue: 'm^{2}',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathAreaUnit.SQUARE_DECIMETER]: {
+  SQUARE_DECIMETER: {
     label: 'dm²',
     mathliveValue: '\\mathrm{dm}^2',
-    katexValue: 'dm^2'
+    katexValue: 'dm^2',
+    mathQuillValue: 'dm^{2}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathAreaUnit.SQUARE_CENTIMETER]: {
+  SQUARE_CENTIMETER: {
     label: 'cm²',
     mathliveValue: '\\mathrm{cm}^2',
-    katexValue: 'cm^2'
+    katexValue: 'cm^2',
+    mathQuillValue: 'cm^{2}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathAreaUnit.SQUARE_MILLIMETER]: {
+  SQUARE_MILLIMETER: {
     label: 'mm²',
     mathliveValue: '\\mathrm{mm}^2',
-    katexValue: 'mm^2'
+    katexValue: 'mm^2',
+    mathQuillValue: 'mm^{2}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathAreaUnit.SQUARE_INCH]: {
+  SQUARE_INCH: {
     label: 'in²',
     mathliveValue: '\\mathrm{in}^2',
-    katexValue: 'in^2'
+    katexValue: 'in^2',
+    mathQuillValue: 'in^{2}',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathAreaUnit.SQUARE_FOOT]: {
+  SQUARE_FOOT: {
     label: 'ft²',
     mathliveValue: '\\mathrm{ft}^2',
-    katexValue: 'ft^2'
+    katexValue: 'ft^2',
+    mathQuillValue: 'ft^{2}',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathAreaUnit.SQUARE_MILE]: {
+  SQUARE_MILE: {
     label: 'mi²',
     mathliveValue: '\\mathrm{mi}^2',
-    katexValue: 'mi^2'
+    katexValue: 'mi^2',
+    mathQuillValue: 'mi^{2}',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathAreaUnit.SQUARE_YARD]: {
+  SQUARE_YARD: {
     label: 'yd²',
     mathliveValue: '\\mathrm{yd}^2',
-    katexValue: 'yd^2'
+    katexValue: 'yd^2',
+    mathQuillValue: 'yd^{2}',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathAreaUnit.HECTARE]: {
+  HECTARE: {
     label: 'ha',
     mathliveValue: '\\mathrm{ha}',
-    katexValue: 'ha'
+    katexValue: 'ha',
+    style: STYLE_PRESETS.SMALL
   }
-};
-const MATH_VOLUME_UNITS = exports.MATH_VOLUME_UNITS = {
-  [MathVolumeUnit.CUBIC_KILOMETER]: {
+});
+const MATH_VOLUME_UNITS = exports.MATH_VOLUME_UNITS = (0, _helpers.createMathKeysGroup)({
+  CUBIC_KILOMETER: {
     label: 'km³',
     mathliveValue: '\\mathrm{km}^3',
-    katexValue: 'km^3'
+    katexValue: 'km^3',
+    mathQuillValue: 'km^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_METER]: {
+  CUBIC_METER: {
     label: 'm³',
     mathliveValue: '\\mathrm{m}^3',
-    katexValue: 'm^3'
+    katexValue: 'm^3',
+    mathQuillValue: 'm^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_DECIMETER]: {
+  CUBIC_DECIMETER: {
     label: 'dm³',
     mathliveValue: '\\mathrm{dm}^3',
-    katexValue: 'dm^3'
+    katexValue: 'dm^3',
+    mathQuillValue: 'dm^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_CENTIMETER]: {
+  CUBIC_CENTIMETER: {
     label: 'cm³',
     mathliveValue: '\\mathrm{cm}^3',
-    katexValue: 'cm^3'
+    katexValue: 'cm^3',
+    mathQuillValue: 'cm^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_MILLIMETER]: {
+  CUBIC_MILLIMETER: {
     label: 'mm³',
     mathliveValue: '\\mathrm{mm}^3',
-    katexValue: 'mm^3'
+    katexValue: 'mm^3',
+    mathQuillValue: 'mm^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_INCH]: {
+  CUBIC_INCH: {
     label: 'in³',
     mathliveValue: '\\mathrm{in}^3',
-    katexValue: 'in^3'
+    katexValue: 'in^3',
+    mathQuillValue: 'in^{3}',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.CUBIC_FOOT]: {
+  CUBIC_FOOT: {
     label: 'ft³',
     mathliveValue: '\\mathrm{ft}^3',
-    katexValue: 'ft^3'
+    katexValue: 'ft^3',
+    mathQuillValue: 'ft^{3}',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.CUBIC_MILE]: {
+  CUBIC_MILE: {
     label: 'mi³',
     mathliveValue: '\\mathrm{mi}^3',
-    katexValue: 'mi^3'
+    katexValue: 'mi^3',
+    mathQuillValue: 'mi^{3}',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.CUBIC_YARD]: {
+  CUBIC_YARD: {
     label: 'yd³',
     mathliveValue: '\\mathrm{yd}^3',
-    katexValue: 'yd^3'
+    katexValue: 'yd^3',
+    mathQuillValue: 'yd^{3}',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathVolumeUnit.MILLILITER]: {
+  MILLILITER: {
     label: 'ml',
     mathliveValue: '\\mathrm{mL}',
-    katexValue: 'ml'
+    katexValue: 'ml',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.LITER]: {
+  LITER: {
     label: 'L',
     mathliveValue: '\\mathrm{L}',
-    katexValue: 'L'
+    katexValue: 'L',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.MILLILITER_SE]: {
+  MILLILITER_SE: {
     label: 'ml',
     mathliveValue: '\\mathrm{ml}',
-    katexValue: 'ml'
+    katexValue: 'ml',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.LITER_SE]: {
+  LITER_SE: {
     label: 'l',
     mathliveValue: '\\mathrm{l}',
-    katexValue: 'l'
+    katexValue: 'l',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.DL]: {
+  DL: {
     label: 'dl',
     mathliveValue: '\\mathrm{dl}',
-    katexValue: 'dl'
+    katexValue: 'dl',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathVolumeUnit.CUP]: {
+  CUP: {
     label: 'cup',
     mathliveValue: '\\mathrm{cup}',
-    katexValue: 'cup'
+    katexValue: 'cup',
+    mathQuillValue: '\\cup',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathVolumeUnit.GAL]: {
+  GAL: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
-    katexValue: 'gal'
+    katexValue: 'gal',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathVolumeUnit.PINT]: {
+  PINT: {
     label: 'pt',
     mathliveValue: '\\mathrm{pt}',
-    katexValue: 'pt'
+    katexValue: 'pt',
+    style: STYLE_PRESETS.LARGE
   },
-  [MathVolumeUnit.QUART]: {
+  QUART: {
     label: 'qt',
     mathliveValue: '\\mathrm{qt}',
-    katexValue: 'qt'
+    katexValue: 'qt',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathVolumeUnit.FLOZ]: {
+  FLOZ: {
     label: 'floz',
     mathliveValue: '\\mathrm{floz}',
-    katexValue: 'floz'
+    katexValue: 'floz',
+    style: STYLE_PRESETS.XL
   },
-  [MathVolumeUnit.CL]: {
+  CL: {
     label: 'cl',
     mathliveValue: '\\mathrm{cl}',
-    katexValue: 'cl'
+    katexValue: 'cl',
+    style: STYLE_PRESETS.SMALL
   }
-};
-const MATH_WEIGHT_UNITS = exports.MATH_WEIGHT_UNITS = {
-  [MathWeightUnit.KG]: {
+});
+const MATH_WEIGHT_UNITS = exports.MATH_WEIGHT_UNITS = (0, _helpers.createMathKeysGroup)({
+  KG: {
     label: 'kg',
     mathliveValue: '\\mathrm{kg}',
-    katexValue: 'kg'
+    katexValue: 'kg',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.G]: {
+  G: {
     label: 'g',
     mathliveValue: '\\mathrm{g}',
-    katexValue: 'g'
+    katexValue: 'g',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathWeightUnit.MG]: {
+  MG: {
     label: 'mg',
     mathliveValue: '\\mathrm{mg}',
-    katexValue: 'mg'
+    katexValue: 'mg',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.TON_SE]: {
+  TON_SE: {
     label: 'ton',
     mathliveValue: '\\mathrm{ton}',
-    katexValue: 'ton'
+    katexValue: 'ton',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.TON]: {
+  TON: {
     label: 'T',
     mathliveValue: '\\mathrm{T}',
-    katexValue: 'T'
+    katexValue: 'T',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.LB]: {
+  LB: {
     label: 'lb',
     mathliveValue: '\\mathrm{lb}',
-    katexValue: 'lb'
+    katexValue: 'lb',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathWeightUnit.OZ]: {
+  OZ: {
     label: 'oz',
     mathliveValue: '\\mathrm{oz}',
-    katexValue: 'oz'
+    katexValue: 'oz',
+    style: STYLE_PRESETS.SMALL
   },
-  [MathWeightUnit.GAL]: {
+  GAL: {
     label: 'gal',
     mathliveValue: '\\mathrm{gal}',
-    katexValue: 'gal'
+    katexValue: 'gal',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.HG]: {
+  HG: {
     label: 'hg',
     mathliveValue: '\\mathrm{hg}',
-    katexValue: 'hg'
+    katexValue: 'hg',
+    style: STYLE_PRESETS.MEDIUM
   },
-  [MathWeightUnit.T]: {
+  T: {
     label: 't',
     mathliveValue: '\\mathrm{t}',
-    katexValue: 't'
+    katexValue: 't',
+    style: STYLE_PRESETS.MEDIUM
   }
-};
-const MATH_TIME_UNITS = exports.MATH_TIME_UNITS = {
-  [MathTimeUnit.S]: {
+});
+const MATH_TIME_UNITS = exports.MATH_TIME_UNITS = (0, _helpers.createMathKeysGroup)({
+  S: {
     label: 's',
     mathliveValue: '\\mathrm{s}',
     katexValue: 's'
   },
-  [MathTimeUnit.M]: {
+  M: {
     label: 'min',
     mathliveValue: '$\\mathrm{min}',
     katexValue: 'min'
   },
-  [MathTimeUnit.H]: {
+  H: {
     label: 'h',
     mathliveValue: '\\mathrm{h}',
     katexValue: 'h'
   },
-  [MathTimeUnit.DAY]: {
+  DAY: {
     label: 'day',
     mathliveValue: '\\mathrm{day}',
     katexValue: 'day'
   },
-  [MathTimeUnit.WEEK]: {
+  WEEK: {
     label: 'week',
     mathliveValue: '$\\mathrm{week}',
     katexValue: 'week'
   },
-  [MathTimeUnit.MONTH]: {
+  MONTH: {
     label: 'month',
     mathliveValue: '$\\mathrm{month}',
     katexValue: 'month'
   },
-  [MathTimeUnit.YEAR]: {
+  YEAR: {
     label: 'year',
     mathliveValue: '$\\mathrm{year}',
     katexValue: 'year'
   },
-  [MathTimeUnit.DAYS]: {
+  DAYS: {
     label: 'days',
     mathliveValue: '$\\mathrm{days}',
     katexValue: 'days'
   },
-  [MathTimeUnit.WEEKS]: {
+  WEEKS: {
     label: 'weeks',
     mathliveValue: '$\\mathrm{weeks}',
     katexValue: 'weeks'
   },
-  [MathTimeUnit.MONTHS]: {
+  MONTHS: {
     label: 'months',
     mathliveValue: '$\\mathrm{months}',
     katexValue: 'months'
   },
-  [MathTimeUnit.YEARS]: {
+  YEARS: {
     label: 'years',
     mathliveValue: '$\\mathrm{years}',
     katexValue: 'years'
   },
-  [MathTimeUnit.AM]: {
+  AM: {
     label: 'am',
     mathliveValue: '\\mathrm{am}',
     katexValue: 'am'
   },
-  [MathTimeUnit.PM]: {
+  PM: {
     label: 'pm',
     mathliveValue: '\\mathrm{pm}',
     katexValue: 'pm'
   }
-};
+});
 //# sourceMappingURL=units.js.map