@magmamath/students-features 1.8.0 → 1.8.1-rc.0

package/dist/module/features/fluency-teacher/components/FluencyTeacher.js

@@ -5,10 +5,10 @@ import { useGate } from 'effector-react';
 import { View, StyleSheet } from 'react-native';
 import { SPACING } from '@magmamath/react-native-ui';
 import { FluencyTeacherStudentsTable } from "./table/FluencyTeacherStudentsTable.js";
-import { FluencyTeacherFooter } from "./FluencyTeacherFooter.js";
 import { FluencyTeacherFilters } from "./table/FluencyTeacherFilters.js";
 import { FluencyTeacherHeader } from "./header/FluencyTeacherHeader.js";
 import { FluencyTeacherDrawer } from "./drawer/FluencyTeacherDrawer.js";
+import { FluencyTeacherFooter } from "./FluencyTeacherFooter.js";
 import { TeacherFluencyProvider } from "../context/TeacherFluencyContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FluencyTeacher = ({
@@ -22,12 +22,11 @@ export const FluencyTeacher = ({
   });
   return /*#__PURE__*/_jsx(TeacherFluencyProvider, {
     value: {
-      model,
-      grade
+      model
     },
     children: /*#__PURE__*/_jsxs(View, {
       style: styles.container,
-      children: [/*#__PURE__*/_jsx(FluencyTeacherHeader, {}), /*#__PURE__*/_jsx(FluencyTeacherFilters, {}), /*#__PURE__*/_jsx(FluencyTeacherStudentsTable, {}), /*#__PURE__*/_jsx(FluencyTeacherFooter, {}), /*#__PURE__*/_jsx(FluencyTeacherDrawer, {})]
+      children: [/*#__PURE__*/_jsx(FluencyTeacherHeader, {}), /*#__PURE__*/_jsx(FluencyTeacherFilters, {}), /*#__PURE__*/_jsx(FluencyTeacherStudentsTable, {}), /*#__PURE__*/_jsx(FluencyTeacherDrawer, {}), /*#__PURE__*/_jsx(FluencyTeacherFooter, {})]
     })
   });
 };

package/dist/module/features/fluency-teacher/components/FluencyTeacher.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useGate","View","StyleSheet","SPACING","FluencyTeacherStudentsTable","FluencyTeacherFooter","FluencyTeacherFilters","FluencyTeacherHeader","FluencyTeacherDrawer","TeacherFluencyProvider","jsx","_jsx","jsxs","_jsxs","FluencyTeacher","model","students","grade","gate","value","children","style","styles","container","create","flex","gap"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/components/FluencyTeacher.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AAEpD,SAASC,2BAA2B,QAAQ,wCAAqC;AACjF,SAASC,oBAAoB,QAAQ,2BAAwB;AAC7D,SAASC,qBAAqB,QAAQ,kCAA+B;AACrE,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,oBAAoB,QAAQ,kCAA+B;AAEpE,SAASC,sBAAsB,QAAQ,qCAAkC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACjFjB,OAAO,CAACe,KAAK,CAACG,IAAI,EAAE;IAAEF,QAAQ;IAAEC;EAAM,CAAC,CAAC;EAExC,oBACEN,IAAA,CAACF,sBAAsB;IAACU,KAAK,EAAE;MAAEJ,KAAK;MAAEE;IAAM,CAAE;IAAAG,QAAA,eAC9CP,KAAA,CAACZ,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BT,IAAA,CAACJ,oBAAoB,IAAE,CAAC,eACxBI,IAAA,CAACL,qBAAqB,IAAE,CAAC,eACzBK,IAAA,CAACP,2BAA2B,IAAE,CAAC,eAC/BO,IAAA,CAACN,oBAAoB,IAAE,CAAC,eACxBM,IAAA,CAACH,oBAAoB,IAAE,CAAC;IAAA,CACpB;EAAC,CACe,CAAC;AAE7B,CAAC;AAED,MAAMc,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEvB,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useGate","View","StyleSheet","SPACING","FluencyTeacherStudentsTable","FluencyTeacherFilters","FluencyTeacherHeader","FluencyTeacherDrawer","FluencyTeacherFooter","TeacherFluencyProvider","jsx","_jsx","jsxs","_jsxs","FluencyTeacher","model","students","grade","gate","value","children","style","styles","container","create","flex","gap"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/components/FluencyTeacher.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AAEpD,SAASC,2BAA2B,QAAQ,wCAAqC;AACjF,SAASC,qBAAqB,QAAQ,kCAA+B;AACrE,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7D,SAASC,sBAAsB,QAAQ,qCAAkC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACjFjB,OAAO,CAACe,KAAK,CAACG,IAAI,EAAE;IAAEF,QAAQ;IAAEC;EAAM,CAAC,CAAC;EAExC,oBACEN,IAAA,CAACF,sBAAsB;IAACU,KAAK,EAAE;MAAEJ;IAAM,CAAE;IAAAK,QAAA,eACvCP,KAAA,CAACZ,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BT,IAAA,CAACL,oBAAoB,IAAE,CAAC,eACxBK,IAAA,CAACN,qBAAqB,IAAE,CAAC,eACzBM,IAAA,CAACP,2BAA2B,IAAE,CAAC,eAC/BO,IAAA,CAACJ,oBAAoB,IAAE,CAAC,eACxBI,IAAA,CAACH,oBAAoB,IAAE,CAAC;IAAA,CACpB;EAAC,CACe,CAAC;AAE7B,CAAC;AAED,MAAMc,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEvB,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerHeader.js

@@ -2,9 +2,8 @@
 
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { Button, ButtonColor, ButtonVariant, COLORS, CrossIcon, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { Button, ButtonColor, ButtonVariant, COLORS, CrossIcon, FONT_FAMILY, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
 import { useText } from "../../../../i18n/i18n.js";
-import { AverageCell } from "../table/AverageCell.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DrawerHeader = ({
   student,
@@ -13,36 +12,31 @@ export const DrawerHeader = ({
   const t = useText();
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.name,
-      numberOfLines: 1,
-      children: student.name
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.left,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H9,
+        style: styles.label,
+        children: t('teacher.fluency.studentFluency')
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.name,
+        children: student.name
+      })]
     }), /*#__PURE__*/_jsxs(View, {
-      style: styles.mastery,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.masteryRow,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.masteryLabel,
-          numberOfLines: 1,
-          children: t('teacher.fluency.overallMastery')
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.masteryValue,
-          children: [student.averagePercent, "%"]
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.masteryBar,
-        children: /*#__PURE__*/_jsx(AverageCell, {
-          percent: student.averagePercent,
-          height: 22,
-          showPercent: false
-        })
+      style: styles.right,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.masteryLabel,
+        children: t('teacher.fluency.overallMastery')
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: styles.masteryValue,
+        children: [student.averagePercent, "%"]
       })]
     }), /*#__PURE__*/_jsx(Button, {
-      variant: ButtonVariant.TERTIARY,
+      variant: ButtonVariant.SECONDARY,
       colorScheme: ButtonColor.WHITE,
       icon: /*#__PURE__*/_jsx(CrossIcon, {
         size: 18,
-        color: COLORS.NEUTRAL_9
+        color: COLORS.NEUTRAL_7
       }),
       onPress: onClose,
       style: {
@@ -55,44 +49,45 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: SPACING[400],
-    padding: SPACING[400],
+    paddingVertical: SPACING[500],
+    paddingHorizontal: SPACING[700],
+    borderTopWidth: 1,
     borderBottomWidth: 1,
     borderColor: COLORS.NEUTRAL_4
   },
-  name: {
-    flex: 1,
-    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
-    fontWeight: '600',
-    fontSize: 24,
-    color: COLORS.NEUTRAL_10
+  left: {
+    marginLeft: 48
   },
-  mastery: {
-    alignItems: 'flex-end'
+  label: {
+    color: COLORS.GREEN_7,
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '600'
   },
-  masteryBar: {
-    width: 150
+  name: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 22,
+    color: COLORS.NEUTRAL_10
   },
-  masteryRow: {
-    flexDirection: 'row',
+  right: {
     alignItems: 'flex-end',
-    gap: SPACING[100]
+    marginLeft: 'auto'
   },
   masteryLabel: {
-    fontFamily: FONT_FAMILY.buenosAires,
-    fontWeight: '400',
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
     fontSize: 13,
-    lineHeight: 26,
     color: COLORS.NEUTRAL_7
   },
   masteryValue: {
-    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
-    fontWeight: '600',
-    fontSize: 24,
-    color: COLORS.PRIMARY_YELLOW
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 28,
+    color: COLORS.GREEN_7
   },
   closeButton: {
-    alignSelf: 'center'
+    alignSelf: 'center',
+    marginLeft: SPACING[600]
   }
 });
 //# sourceMappingURL=DrawerHeader.js.map

package/dist/module/features/fluency-teacher/components/drawer/DrawerHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","Button","ButtonColor","ButtonVariant","COLORS","CrossIcon","FONT_FAMILY","SPACING","useText","AverageCell","jsx","_jsx","jsxs","_jsxs","DrawerHeader","student","onClose","t","style","styles","container","children","name","numberOfLines","mastery","masteryRow","masteryLabel","masteryValue","averagePercent","masteryBar","percent","height","showPercent","variant","TERTIARY","colorScheme","WHITE","icon","size","color","NEUTRAL_9","onPress","closeButton","create","flexDirection","alignItems","gap","padding","borderBottomWidth","borderColor","NEUTRAL_4","flex","fontFamily","buenosAiresSemiBold","fontWeight","fontSize","NEUTRAL_10","width","buenosAires","lineHeight","NEUTRAL_7","PRIMARY_YELLOW","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","Button","ButtonColor","ButtonVariant","COLORS","CrossIcon","FONT_FAMILY","HeadingVariants","SPACING","Typography","useText","jsx","_jsx","jsxs","_jsxs","DrawerHeader","student","onClose","t","style","styles","container","children","left","variant","H9","label","name","right","masteryLabel","masteryValue","averagePercent","SECONDARY","colorScheme","WHITE","icon","size","color","NEUTRAL_7","onPress","closeButton","create","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderTopWidth","borderBottomWidth","borderColor","NEUTRAL_4","marginLeft","GREEN_7","fontFamily","buenosAiresSemiBold","fontWeight","buenosAiresBold","fontSize","NEUTRAL_10","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerMasteryLegend.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MASTERY_LEVEL_CONFIG = [{
+  labelKey: 'student.fluency.notStarted',
+  color: COLORS.NEUTRAL_3
+}, {
+  labelKey: 'student.fluency.masteryLearning',
+  color: COLORS.GREEN_2
+}, {
+  labelKey: 'student.fluency.masteryGrowing',
+  color: COLORS.GREEN_3
+}, {
+  labelKey: 'student.fluency.masteryStrong',
+  color: COLORS.GREEN_4
+}, {
+  labelKey: 'student.fluency.masteryMastered',
+  color: COLORS.GREEN_7
+}];
+export const DrawerMasteryLegend = () => {
+  const t = useText();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: MASTERY_LEVEL_CONFIG.map(({
+      labelKey,
+      color
+    }) => /*#__PURE__*/_jsxs(View, {
+      style: styles.item,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.swatch, {
+          backgroundColor: color
+        }]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: t(labelKey)
+      })]
+    }, labelKey))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    paddingVertical: SPACING[150],
+    paddingHorizontal: SPACING[300],
+    borderRadius: 999,
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    alignSelf: 'center'
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[150]
+  },
+  swatch: {
+    width: 14,
+    height: 14,
+    borderRadius: 4
+  },
+  label: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 12,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_8
+  }
+});
+//# sourceMappingURL=DrawerMasteryLegend.js.map

package/dist/module/features/fluency-teacher/components/drawer/DrawerMasteryLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","SPACING","useText","jsx","_jsx","jsxs","_jsxs","MASTERY_LEVEL_CONFIG","labelKey","color","NEUTRAL_3","GREEN_2","GREEN_3","GREEN_4","GREEN_7","DrawerMasteryLegend","t","style","styles","container","children","map","item","swatch","backgroundColor","label","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","NEUTRAL_1","borderWidth","borderColor","NEUTRAL_4","alignSelf","width","height","fontFamily","buenosAiresSemiBold","fontSize","fontWeight","NEUTRAL_8"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMasteryLegend.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACzE,SAASC,OAAO,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ/C,MAAMC,oBAA0C,GAAG,CACjD;EAAEC,QAAQ,EAAE,4BAA4B;EAAEC,KAAK,EAAEV,MAAM,CAACW;AAAU,CAAC,EACnE;EAAEF,QAAQ,EAAE,iCAAiC;EAAEC,KAAK,EAAEV,MAAM,CAACY;AAAQ,CAAC,EACtE;EAAEH,QAAQ,EAAE,gCAAgC;EAAEC,KAAK,EAAEV,MAAM,CAACa;AAAQ,CAAC,EACrE;EAAEJ,QAAQ,EAAE,+BAA+B;EAAEC,KAAK,EAAEV,MAAM,CAACc;AAAQ,CAAC,EACpE;EAAEL,QAAQ,EAAE,iCAAiC;EAAEC,KAAK,EAAEV,MAAM,CAACe;AAAQ,CAAC,CACvE;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,CAAC,GAAGd,OAAO,CAAC,CAAC;EACnB,oBACEE,IAAA,CAACN,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3Bb,oBAAoB,CAACc,GAAG,CAAC,CAAC;MAAEb,QAAQ;MAAEC;IAAM,CAAC,kBAC5CH,KAAA,CAACR,IAAI;MAAgBmB,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,gBACtChB,IAAA,CAACN,IAAI;QAACmB,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAE;UAAEC,eAAe,EAAEf;QAAM,CAAC;MAAE,CAAE,CAAC,eAC5DL,IAAA,CAACP,IAAI;QAACoB,KAAK,EAAEC,MAAM,CAACO,KAAM;QAAAL,QAAA,EAAEJ,CAAC,CAACR,QAAQ;MAAC,CAAO,CAAC;IAAA,GAFtCA,QAGL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGtB,UAAU,CAAC8B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE5B,OAAO,CAAC,GAAG,CAAC;IACjB6B,eAAe,EAAE7B,OAAO,CAAC,GAAG,CAAC;IAC7B8B,iBAAiB,EAAE9B,OAAO,CAAC,GAAG,CAAC;IAC/B+B,YAAY,EAAE,GAAG;IACjBR,eAAe,EAAEzB,MAAM,CAACkC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEpC,MAAM,CAACqC,SAAS;IAC7BC,SAAS,EAAE;EACb,CAAC;EACDf,IAAI,EAAE;IACJK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE5B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDsB,MAAM,EAAE;IACNe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,YAAY,EAAE;EAChB,CAAC;EACDP,KAAK,EAAE;IACLe,UAAU,EAAExC,WAAW,CAACyC,mBAAmB;IAC3CC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBlC,KAAK,EAAEV,MAAM,CAAC6C;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerMatrixes.js

@@ -2,31 +2,48 @@
 
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { SPACING } from '@magmamath/react-native-ui';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
 import { useText } from "../../../../i18n/i18n.js";
-import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
 import { DrawerOperatorBox } from "./DrawerOperatorBox.js";
-import { OPERATOR_CARD_CONFIG } from "../../fluencyTeacher.constants.js";
-import { getOperatorsForGrade } from "../../fluencyTeacher.helpers.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { FluencyMathOperatorSymbol, FluencyOperator } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DrawerMatrixes = () => {
   const t = useText();
-  const {
-    grade
-  } = useTeacherFluency();
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: styles.grid,
-    children: getOperatorsForGrade(grade).map(operator => /*#__PURE__*/_jsx(DrawerOperatorBox, {
-      title: t(OPERATOR_CARD_CONFIG[operator].labelKey),
-      operator: operator
-    }, operator))
+    children: [/*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.addition'),
+      symbol: FluencyMathOperatorSymbol.ADDITION,
+      iconBg: COLORS.GREEN_1,
+      iconColor: COLORS.GREEN_7,
+      operator: FluencyOperator.ADDITION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.subtraction'),
+      symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+      iconBg: COLORS.ORANGE_1,
+      iconColor: COLORS.ORANGE_7,
+      operator: FluencyOperator.SUBTRACTION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.multiplication'),
+      symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+      iconBg: COLORS.BLUE_1,
+      iconColor: COLORS.BLUE_7,
+      operator: FluencyOperator.MULTIPLICATION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.division'),
+      symbol: FluencyMathOperatorSymbol.DIVISION,
+      iconBg: COLORS.PURPLE_1,
+      iconColor: COLORS.PURPLE_7,
+      operator: FluencyOperator.DIVISION
+    })]
   });
 };
 const styles = StyleSheet.create({
   grid: {
     flexDirection: 'row',
     flexWrap: 'wrap',
-    gap: SPACING[400],
+    gap: SPACING[300],
+    marginTop: SPACING[300],
     marginBottom: SPACING[600]
   }
 });

package/dist/module/features/fluency-teacher/components/drawer/DrawerMatrixes.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","SPACING","useText","useTeacherFluency","DrawerOperatorBox","OPERATOR_CARD_CONFIG","getOperatorsForGrade","jsx","_jsx","DrawerMatrixes","t","grade","style","styles","grid","children","map","operator","title","labelKey","create","flexDirection","flexWrap","gap","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMatrixes.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,iBAAiB,QAAQ,wCAAqC;AACvE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,oBAAoB,QAAQ,mCAAgC;AACrE,SAASC,oBAAoB,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEnE,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,CAAC,GAAGR,OAAO,CAAC,CAAC;EACnB,MAAM;IAAES;EAAM,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACrC,oBACEK,IAAA,CAACR,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EACtBT,oBAAoB,CAACK,KAAK,CAAC,CAACK,GAAG,CAAEC,QAAQ,iBACxCT,IAAA,CAACJ,iBAAiB;MAEhBc,KAAK,EAAER,CAAC,CAACL,oBAAoB,CAACY,QAAQ,CAAC,CAACE,QAAQ,CAAE;MAClDF,QAAQ,EAAEA;IAAS,GAFdA,QAGN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGd,UAAU,CAACqB,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEtB,OAAO,CAAC,GAAG,CAAC;IACjBuB,YAAY,EAAEvB,OAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","useText","DrawerOperatorBox","FluencyMathOperatorSymbol","FluencyOperator","jsx","_jsx","jsxs","_jsxs","DrawerMatrixes","t","style","styles","grid","children","title","symbol","ADDITION","iconBg","GREEN_1","iconColor","GREEN_7","operator","SUBTRACTION","ORANGE_1","ORANGE_7","MULTIPLICATION","BLUE_1","BLUE_7","DIVISION","PURPLE_1","PURPLE_7","create","flexDirection","flexWrap","gap","marginTop","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMatrixes.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,yBAAyB,EAAEC,eAAe,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EACnB,oBACEO,KAAA,CAACV,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,gBACvBR,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACc,QAAS;MAC3CC,MAAM,EAAEnB,MAAM,CAACoB,OAAQ;MACvBC,SAAS,EAAErB,MAAM,CAACsB,OAAQ;MAC1BC,QAAQ,EAAElB,eAAe,CAACa;IAAS,CACpC,CAAC,eACFX,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,6BAA6B,CAAE;MACxCM,MAAM,EAAEb,yBAAyB,CAACoB,WAAY;MAC9CL,MAAM,EAAEnB,MAAM,CAACyB,QAAS;MACxBJ,SAAS,EAAErB,MAAM,CAAC0B,QAAS;MAC3BH,QAAQ,EAAElB,eAAe,CAACmB;IAAY,CACvC,CAAC,eACFjB,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,gCAAgC,CAAE;MAC3CM,MAAM,EAAEb,yBAAyB,CAACuB,cAAe;MACjDR,MAAM,EAAEnB,MAAM,CAAC4B,MAAO;MACtBP,SAAS,EAAErB,MAAM,CAAC6B,MAAO;MACzBN,QAAQ,EAAElB,eAAe,CAACsB;IAAe,CAC1C,CAAC,eACFpB,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAAC0B,QAAS;MAC3CX,MAAM,EAAEnB,MAAM,CAAC+B,QAAS;MACxBV,SAAS,EAAErB,MAAM,CAACgC,QAAS;MAC3BT,QAAQ,EAAElB,eAAe,CAACyB;IAAS,CACpC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMjB,MAAM,GAAGf,UAAU,CAACmC,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEnC,OAAO,CAAC,GAAG,CAAC;IACjBoC,SAAS,EAAEpC,OAAO,CAAC,GAAG,CAAC;IACvBqC,YAAY,EAAErC,OAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorBox.js

@@ -7,12 +7,13 @@ import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-na
 import { useText } from "../../../../i18n/i18n.js";
 import { useDrawerMatrix } from "../../hooks/useDrawerMatrix.js";
 import { DrawerMatrix } from "../matrix/DrawerMatrix.js";
-import { MatrixLegend } from "../matrix/MatrixLegend.js";
 import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
-import { OPERATOR_PALETTES } from "../../fluencyTeacher.constants.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DrawerOperatorBox = ({
   title,
+  symbol,
+  iconBg,
+  iconColor,
   operator
 }) => {
   const t = useText();
@@ -26,14 +27,24 @@ export const DrawerOperatorBox = ({
     rows: matrixProps.grid.rows.length
   }) : '';
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      borderColor: OPERATOR_PALETTES[operator].boxBorder
-    }],
+    style: styles.container,
     children: [/*#__PURE__*/_jsxs(View, {
       style: styles.header,
-      children: [/*#__PURE__*/_jsx(Text, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.iconBox, {
+          backgroundColor: iconBg
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.symbol, {
+            color: iconColor
+          }],
+          children: symbol
+        })
+      }), /*#__PURE__*/_jsx(Text, {
         style: styles.title,
         children: title
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.spacer
       }), /*#__PURE__*/_jsx(Text, {
         style: styles.factsLabel,
         children: factsLabel
@@ -46,50 +57,56 @@ export const DrawerOperatorBox = ({
           size: "large",
           color: COLORS.PRIMARY_BLUE
         })
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(DrawerMatrix, {
-          ...matrixProps
-        }), matrixProps.grid && /*#__PURE__*/_jsx(MatrixLegend, {
-          operator: operator,
-          grid: matrixProps.grid
-        })]
+      }) : /*#__PURE__*/_jsx(DrawerMatrix, {
+        ...matrixProps
       })
     })]
   });
 };
 const styles = StyleSheet.create({
   container: {
-    flexGrow: 1,
-    flexBasis: '45%',
+    width: 315,
+    height: 315,
     borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
     borderRadius: BORDER_RADIUS[300],
-    backgroundColor: COLORS.NEUTRAL_1,
-    padding: SPACING[400],
-    gap: SPACING[300]
+    padding: SPACING[400]
   },
   header: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: SPACING[200]
+    gap: SPACING[200],
+    marginBottom: SPACING[300]
+  },
+  iconBox: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 20,
+    marginBottom: 2
   },
   title: {
-    flex: 1,
-    fontFamily: FONT_FAMILY.buenosAires,
-    fontWeight: '400',
-    fontSize: 16,
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '700',
+    fontSize: 15,
     color: COLORS.NEUTRAL_10
   },
+  spacer: {
+    flex: 1
+  },
   factsLabel: {
     fontFamily: FONT_FAMILY.buenosAiresSemiBold,
     fontSize: 13,
     fontWeight: '600',
-    textTransform: 'uppercase',
     color: COLORS.NEUTRAL_7
   },
   content: {
-    height: 210,
-    flexDirection: 'row',
-    gap: SPACING[200]
+    flex: 1
   },
   loader: {
     flex: 1,

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","View","useUnit","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","useText","useDrawerMatrix","DrawerMatrix","MatrixLegend","useTeacherFluency","OPERATOR_PALETTES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DrawerOperatorBox","title","operator","t","model","isLoading","api","getStudentDetailsFx","pending","matrixProps","factsLabel","grid","cols","colLabels","length","rows","style","styles","container","borderColor","boxBorder","children","header","content","loader","size","color","PRIMARY_BLUE","create","flexGrow","flexBasis","borderWidth","borderRadius","backgroundColor","NEUTRAL_1","padding","gap","flexDirection","alignItems","flex","fontFamily","buenosAires","fontWeight","fontSize","NEUTRAL_10","buenosAiresSemiBold","textTransform","NEUTRAL_7","height","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACxE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACxF,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,YAAY,QAAQ,2BAAwB;AACrD,SAASC,YAAY,QAAQ,2BAAwB;AACrD,SAASC,iBAAiB,QAAQ,wCAAqC;AAEvE,SAA0BC,iBAAiB,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAOnF,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAiC,CAAC,KAAK;EAChF,MAAMC,CAAC,GAAGf,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEgB;EAAM,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACrC,MAAMa,SAAS,GAAGtB,OAAO,CAACqB,KAAK,CAACE,GAAG,CAACC,mBAAmB,CAACC,OAAO,CAAC;EAChE,MAAMC,WAAW,GAAGpB,eAAe,CAACa,QAAQ,CAAC;EAC7C,MAAMQ,UAAU,GAAGD,WAAW,CAACE,IAAI,GAC/BR,CAAC,CAAC,gCAAgC,EAAE;IAClCS,IAAI,EAAEH,WAAW,CAACE,IAAI,CAACE,SAAS,CAACC,MAAM;IACvCC,IAAI,EAAEN,WAAW,CAACE,IAAI,CAACI,IAAI,CAACD;EAC9B,CAAC,CAAC,GACF,EAAE;EAEN,oBACEjB,KAAA,CAACf,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,WAAW,EAAE1B,iBAAiB,CAACS,QAAQ,CAAC,CAACkB;IAAU,CAAC,CAAE;IAAAC,QAAA,gBACtFxB,KAAA,CAACf,IAAI;MAACkC,KAAK,EAAEC,MAAM,CAACK,MAAO;MAAAD,QAAA,gBACzB1B,IAAA,CAACd,IAAI;QAACmC,KAAK,EAAEC,MAAM,CAAChB,KAAM;QAAAoB,QAAA,EAAEpB;MAAK,CAAO,CAAC,eACzCN,IAAA,CAACd,IAAI;QAACmC,KAAK,EAAEC,MAAM,CAACP,UAAW;QAAAW,QAAA,EAAEX;MAAU,CAAO,CAAC;IAAA,CAC/C,CAAC,eACPf,IAAA,CAACb,IAAI;MAACkC,KAAK,EAAEC,MAAM,CAACM,OAAQ;MAAAF,QAAA,EACzBhB,SAAS,gBACRV,IAAA,CAACb,IAAI;QAACkC,KAAK,EAAEC,MAAM,CAACO,MAAO;QAAAH,QAAA,eACzB1B,IAAA,CAAChB,iBAAiB;UAAC8C,IAAI,EAAC,OAAO;UAACC,KAAK,EAAEzC,MAAM,CAAC0C;QAAa,CAAE;MAAC,CAC1D,CAAC,gBAEP9B,KAAA,CAAAE,SAAA;QAAAsB,QAAA,gBACE1B,IAAA,CAACL,YAAY;UAAA,GAAKmB;QAAW,CAAG,CAAC,EAChCA,WAAW,CAACE,IAAI,iBAAIhB,IAAA,CAACJ,YAAY;UAACW,QAAQ,EAAEA,QAAS;UAACS,IAAI,EAAEF,WAAW,CAACE;QAAK,CAAE,CAAC;MAAA,CACjF;IACH,CACG,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGrC,UAAU,CAACgD,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,QAAQ,EAAE,CAAC;IACXC,SAAS,EAAE,KAAK;IAChBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEhD,aAAa,CAAC,GAAG,CAAC;IAChCiD,eAAe,EAAEhD,MAAM,CAACiD,SAAS;IACjCC,OAAO,EAAEhD,OAAO,CAAC,GAAG,CAAC;IACrBiD,GAAG,EAAEjD,OAAO,CAAC,GAAG;EAClB,CAAC;EACDmC,MAAM,EAAE;IACNe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBF,GAAG,EAAEjD,OAAO,CAAC,GAAG;EAClB,CAAC;EACDc,KAAK,EAAE;IACLsC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEtD,WAAW,CAACuD,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZjB,KAAK,EAAEzC,MAAM,CAAC2D;EAChB,CAAC;EACDlC,UAAU,EAAE;IACV8B,UAAU,EAAEtD,WAAW,CAAC2D,mBAAmB;IAC3CF,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjBI,aAAa,EAAE,WAAW;IAC1BpB,KAAK,EAAEzC,MAAM,CAAC8D;EAChB,CAAC;EACDxB,OAAO,EAAE;IACPyB,MAAM,EAAE,GAAG;IACXX,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAEjD,OAAO,CAAC,GAAG;EAClB,CAAC;EACDqC,MAAM,EAAE;IACNe,IAAI,EAAE,CAAC;IACPU,cAAc,EAAE,QAAQ;IACxBX,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","View","useUnit","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","useText","useDrawerMatrix","DrawerMatrix","useTeacherFluency","jsx","_jsx","jsxs","_jsxs","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","t","model","isLoading","api","getStudentDetailsFx","pending","matrixProps","factsLabel","grid","cols","colLabels","length","rows","style","styles","container","children","header","iconBox","backgroundColor","color","spacer","content","loader","size","PRIMARY_BLUE","create","width","height","borderWidth","borderColor","NEUTRAL_4","borderRadius","padding","flexDirection","alignItems","gap","marginBottom","justifyContent","fontFamily","buenosAiresBold","fontSize","buenosAiresSemiBold","fontWeight","NEUTRAL_10","flex","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorBox.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js

@@ -2,77 +2,70 @@
 
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { BORDER_RADIUS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
-import { getOperatorBandColors } from "../../fluencyTeacher.helpers.js";
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DrawerOperatorStatCard = ({
   title,
   value,
   symbol,
-  operator
-}) => {
-  const {
-    background,
-    border,
-    text
-  } = getOperatorBandColors(operator, value);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      backgroundColor: background,
-      borderColor: border
+  color
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.iconContainer, {
+      backgroundColor: color + '26'
     }],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.titleRow,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.symbol, {
-          color: text
-        }],
-        children: symbol
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.title, {
-          color: text
-        }],
-        numberOfLines: 1,
-        children: title
-      })]
-    }), /*#__PURE__*/_jsxs(Text, {
-      style: [styles.value, {
-        color: text
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.symbol, {
+        color
       }],
+      children: symbol
+    })
+  }), /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.value,
       children: [value, "%"]
     })]
-  });
-};
+  })]
+});
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    gap: SPACING[100],
-    padding: SPACING[200],
-    borderRadius: BORDER_RADIUS[200],
-    borderWidth: 1
-  },
-  titleRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: SPACING[100]
+    gap: SPACING[300],
+    padding: SPACING[300],
+    borderRadius: SPACING[300],
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    backgroundColor: COLORS.NEUTRAL_2
+  },
+  iconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: SPACING[200],
+    alignItems: 'center',
+    justifyContent: 'center'
   },
   symbol: {
-    width: 16,
     fontFamily: FONT_FAMILY.buenosAiresBold,
-    fontSize: 16,
-    textAlign: 'center'
+    fontSize: 28,
+    marginBottom: 2
   },
   title: {
-    flexShrink: 1,
     fontFamily: FONT_FAMILY.buenosAires,
     fontWeight: '400',
-    fontSize: 16
+    fontSize: 12,
+    color: COLORS.NEUTRAL_7
   },
   value: {
-    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
-    fontWeight: '600',
-    fontSize: 24
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 18,
+    color: COLORS.NEUTRAL_10
   }
 });
 //# sourceMappingURL=DrawerOperatorStatCard.js.map