@magmamath/students-features 0.9.110-rc.0 → 0.9.110-rc.1

package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenEndedScoreLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _oeHelpers = require("../oe.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OpenEndedScoreLabel = ({
+  label,
+  score,
+  maxScore,
+  disabled,
+  variant
+}) => {
+  const colors = (0, _oeHelpers.getScoreLabelColor)({
+    variant,
+    disabled
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.score,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: {
+          color: colors.score
+        },
+        children: score
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H3,
+      style: [styles.maxScoreText, {
+        color: colors.maxScore
+      }],
+      children: ["/ ", maxScore, " ", label]
+    })]
+  });
+};
+exports.OpenEndedScoreLabel = OpenEndedScoreLabel;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  score: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 20,
+    height: 32,
+    borderWidth: 1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    paddingVertical: _reactNativeUi.SPACING[50],
+    paddingHorizontal: _reactNativeUi.SPACING[100],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  maxScoreText: {
+    marginLeft: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=OpenEndedScoreLabel.js.map

package/dist/commonjs/features/openEnded/components/OpenEndedScoreLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_oeHelpers","_jsxRuntime","e","__esModule","default","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","getScoreLabelColor","jsxs","View","style","styles","container","children","jsx","Typography","HeadingVariants","H3","color","maxScoreText","exports","StyleSheet","create","alignItems","flexDirection","justifyContent","width","height","borderWidth","borderRadius","BORDER_RADIUS","borderColor","COLORS","NEUTRAL_5","paddingVertical","SPACING","paddingHorizontal","backgroundColor","NEUTRAL_1","marginLeft"],"sourceRoot":"../../../../../src","sources":["features/openEnded/components/OpenEndedScoreLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOA,IAAAG,UAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW3C,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,MAAMC,MAAM,GAAG,IAAAC,6BAAkB,EAAC;IAAEF,OAAO;IAAED;EAAS,CAAC,CAAC;EACxD,oBACE,IAAAR,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAgB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACT,KAAM;MAAAW,QAAA,eACxB,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,cAAA,CAAAqB,UAAU;QAACV,OAAO,EAAEW,8BAAe,CAACC,EAAG;QAACP,KAAK,EAAE;UAAEQ,KAAK,EAAEZ,MAAM,CAACJ;QAAM,CAAE;QAAAW,QAAA,EACrEX;MAAK,CACI;IAAC,CACT,CAAC,eACP,IAAAN,WAAA,CAAAY,IAAA,EAACd,cAAA,CAAAqB,UAAU;MACTV,OAAO,EAAEW,8BAAe,CAACC,EAAG;MAC5BP,KAAK,EAAE,CAACC,MAAM,CAACQ,YAAY,EAAE;QAAED,KAAK,EAAEZ,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAU,QAAA,GAC1D,IACG,EAACV,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAmB,OAAA,CAAApB,mBAAA,GAAAA,mBAAA;AAED,MAAMW,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDtB,KAAK,EAAE;IACLsB,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7BC,eAAe,EAAEC,sBAAO,CAAC,EAAE,CAAC;IAC5BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAEL,qBAAM,CAACM;EAC1B,CAAC;EACDnB,YAAY,EAAE;IACZoB,UAAU,EAAEJ,sBAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/openEnded/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  OpenEndedScoreLabel: true
+};
+Object.defineProperty(exports, "OpenEndedScoreLabel", {
+  enumerable: true,
+  get: function () {
+    return _OpenEndedScoreLabel.OpenEndedScoreLabel;
+  }
+});
+var _oeHelpers = require("./oe.helpers.js");
+Object.keys(_oeHelpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _oeHelpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _oeHelpers[key];
+    }
+  });
+});
+var _oeTypes = require("./oe.types.js");
+Object.keys(_oeTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _oeTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _oeTypes[key];
+    }
+  });
+});
+var _OpenEndedScoreLabel = require("./components/OpenEndedScoreLabel.js");
+//# sourceMappingURL=index.js.map

package/dist/commonjs/features/openEnded/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_oeHelpers","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_oeTypes","_OpenEndedScoreLabel"],"sourceRoot":"../../../../src","sources":["features/openEnded/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,QAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,QAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,QAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,oBAAA,GAAAd,OAAA","ignoreList":[]}

package/dist/commonjs/features/openEnded/oe.helpers.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScoreLabelColor = void 0;
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _oeTypes = require("./oe.types.js");
+const scoreVariantToColor = variant => {
+  const colors = {
+    [_oeTypes.OpenEndedScoreLabelVariant.CORRECT]: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+    [_oeTypes.OpenEndedScoreLabelVariant.FIRST_ATTEMPT]: _reactNativeUi.COLORS.PRIMARY_GREEN,
+    [_oeTypes.OpenEndedScoreLabelVariant.WRONG]: _reactNativeUi.COLORS.PRIMARY_RED,
+    [_oeTypes.OpenEndedScoreLabelVariant.DEFAULT]: _reactNativeUi.COLORS.PRIMARY_BLUE
+  };
+  return colors[variant] ?? _reactNativeUi.COLORS.PRIMARY_BLUE;
+};
+const getScoreLabelColor = ({
+  variant,
+  disabled
+}) => ({
+  score: disabled ? _reactNativeUi.COLORS.NEUTRAL_6 : _reactNativeUi.COLORS.NEUTRAL_9,
+  maxScore: disabled ? _reactNativeUi.COLORS.NEUTRAL_6 : scoreVariantToColor(variant)
+});
+exports.getScoreLabelColor = getScoreLabelColor;
+//# sourceMappingURL=oe.helpers.js.map

package/dist/commonjs/features/openEnded/oe.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUi","require","_oeTypes","scoreVariantToColor","variant","colors","OpenEndedScoreLabelVariant","CORRECT","COLORS","PRIMARY_YELLOW","FIRST_ATTEMPT","PRIMARY_GREEN","WRONG","PRIMARY_RED","DEFAULT","PRIMARY_BLUE","getScoreLabelColor","disabled","score","NEUTRAL_6","NEUTRAL_9","maxScore","exports"],"sourceRoot":"../../../../src","sources":["features/openEnded/oe.helpers.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAYA,MAAME,mBAAmB,GAAIC,OAAmC,IAAiB;EAC/E,MAAMC,MAAsD,GAAG;IAC7D,CAACC,mCAA0B,CAACC,OAAO,GAAGC,qBAAM,CAACC,cAAc;IAC3D,CAACH,mCAA0B,CAACI,aAAa,GAAGF,qBAAM,CAACG,aAAa;IAChE,CAACL,mCAA0B,CAACM,KAAK,GAAGJ,qBAAM,CAACK,WAAW;IACtD,CAACP,mCAA0B,CAACQ,OAAO,GAAGN,qBAAM,CAACO;EAC/C,CAAC;EACD,OAAOV,MAAM,CAACD,OAAO,CAAC,IAAII,qBAAM,CAACO,YAAY;AAC/C,CAAC;AAEM,MAAMC,kBAAkB,GAAGA,CAAC;EACjCZ,OAAO;EACPa;AACuB,CAAC,MAAwB;EAChDC,KAAK,EAAED,QAAQ,GAAGT,qBAAM,CAACW,SAAS,GAAGX,qBAAM,CAACY,SAAS;EACrDC,QAAQ,EAAEJ,QAAQ,GAAGT,qBAAM,CAACW,SAAS,GAAGhB,mBAAmB,CAACC,OAAO;AACrE,CAAC,CAAC;AAAAkB,OAAA,CAAAN,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/commonjs/features/openEnded/oe.types.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenEndedScoreLabelVariant = void 0;
+let OpenEndedScoreLabelVariant = exports.OpenEndedScoreLabelVariant = /*#__PURE__*/function (OpenEndedScoreLabelVariant) {
+  OpenEndedScoreLabelVariant["CORRECT"] = "CORRECT";
+  OpenEndedScoreLabelVariant["FIRST_ATTEMPT"] = "FIRST_ATTEMPT";
+  OpenEndedScoreLabelVariant["WRONG"] = "WRONG";
+  OpenEndedScoreLabelVariant["DEFAULT"] = "DEFAULT";
+  return OpenEndedScoreLabelVariant;
+}({});
+//# sourceMappingURL=oe.types.js.map

package/dist/commonjs/features/openEnded/oe.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenEndedScoreLabelVariant","exports"],"sourceRoot":"../../../../src","sources":["features/openEnded/oe.types.ts"],"mappings":";;;;;;IAAYA,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAAA,OAA1BA,0BAA0B;AAAA","ignoreList":[]}

package/dist/commonjs/index.js

@@ -143,7 +143,7 @@ Object.keys(_index10).forEach(function (key) {
     }
   });
 });
-var _index11 = require("./features/pmProgress/index.js");
+var _index11 = require("./features/openEnded/index.js");
 Object.keys(_index11).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/commonjs/types/common.types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=common.types.js.map

package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Typography, HeadingVariants, SPACING, BORDER_RADIUS, COLORS } from '@magmamath/react-native-ui';
+import { getScoreLabelColor } from "../oe.helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const OpenEndedScoreLabel = ({
+  label,
+  score,
+  maxScore,
+  disabled,
+  variant
+}) => {
+  const colors = getScoreLabelColor({
+    variant,
+    disabled
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.score,
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H3,
+        style: {
+          color: colors.score
+        },
+        children: score
+      })
+    }), /*#__PURE__*/_jsxs(Typography, {
+      variant: HeadingVariants.H3,
+      style: [styles.maxScoreText, {
+        color: colors.maxScore
+      }],
+      children: ["/ ", maxScore, " ", label]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  score: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 20,
+    height: 32,
+    borderWidth: 1,
+    borderRadius: BORDER_RADIUS[200],
+    borderColor: COLORS.NEUTRAL_5,
+    paddingVertical: SPACING[50],
+    paddingHorizontal: SPACING[100],
+    backgroundColor: COLORS.NEUTRAL_1
+  },
+  maxScoreText: {
+    marginLeft: SPACING[200]
+  }
+});
+//# sourceMappingURL=OpenEndedScoreLabel.js.map

package/dist/module/features/openEnded/components/OpenEndedScoreLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Typography","HeadingVariants","SPACING","BORDER_RADIUS","COLORS","getScoreLabelColor","jsx","_jsx","jsxs","_jsxs","OpenEndedScoreLabel","label","score","maxScore","disabled","variant","colors","style","styles","container","children","H3","color","maxScoreText","create","alignItems","flexDirection","justifyContent","width","height","borderWidth","borderRadius","borderColor","NEUTRAL_5","paddingVertical","paddingHorizontal","backgroundColor","NEUTRAL_1","marginLeft"],"sourceRoot":"../../../../../src","sources":["features/openEnded/components/OpenEndedScoreLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SACEC,UAAU,EACVC,eAAe,EACfC,OAAO,EACPC,aAAa,EACbC,MAAM,QACD,4BAA4B;AACnC,SAASC,kBAAkB,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWlD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,MAAMC,MAAM,GAAGX,kBAAkB,CAAC;IAAEU,OAAO;IAAED;EAAS,CAAC,CAAC;EACxD,oBACEL,KAAA,CAACX,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bb,IAAA,CAACT,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACN,KAAM;MAAAQ,QAAA,eACxBb,IAAA,CAACP,UAAU;QAACe,OAAO,EAAEd,eAAe,CAACoB,EAAG;QAACJ,KAAK,EAAE;UAAEK,KAAK,EAAEN,MAAM,CAACJ;QAAM,CAAE;QAAAQ,QAAA,EACrER;MAAK,CACI;IAAC,CACT,CAAC,eACPH,KAAA,CAACT,UAAU;MACTe,OAAO,EAAEd,eAAe,CAACoB,EAAG;MAC5BJ,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAE;QAAED,KAAK,EAAEN,MAAM,CAACH;MAAS,CAAC,CAAE;MAAAO,QAAA,GAC1D,IACG,EAACP,QAAQ,EAAC,GAAC,EAACF,KAAK;IAAA,CACT,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACyB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDd,KAAK,EAAE;IACLc,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE5B,aAAa,CAAC,GAAG,CAAC;IAChC6B,WAAW,EAAE5B,MAAM,CAAC6B,SAAS;IAC7BC,eAAe,EAAEhC,OAAO,CAAC,EAAE,CAAC;IAC5BiC,iBAAiB,EAAEjC,OAAO,CAAC,GAAG,CAAC;IAC/BkC,eAAe,EAAEhC,MAAM,CAACiC;EAC1B,CAAC;EACDd,YAAY,EAAE;IACZe,UAAU,EAAEpC,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/openEnded/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./oe.helpers.js";
+export * from "./oe.types.js";
+export { OpenEndedScoreLabel } from "./components/OpenEndedScoreLabel.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/openEnded/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenEndedScoreLabel"],"sourceRoot":"../../../../src","sources":["features/openEnded/index.ts"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,eAAY;AAC1B,SAASA,mBAAmB,QAAQ,qCAAkC","ignoreList":[]}

package/dist/module/features/openEnded/oe.helpers.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { COLORS } from '@magmamath/react-native-ui';
+import { OpenEndedScoreLabelVariant } from "./oe.types.js";
+const scoreVariantToColor = variant => {
+  const colors = {
+    [OpenEndedScoreLabelVariant.CORRECT]: COLORS.PRIMARY_YELLOW,
+    [OpenEndedScoreLabelVariant.FIRST_ATTEMPT]: COLORS.PRIMARY_GREEN,
+    [OpenEndedScoreLabelVariant.WRONG]: COLORS.PRIMARY_RED,
+    [OpenEndedScoreLabelVariant.DEFAULT]: COLORS.PRIMARY_BLUE
+  };
+  return colors[variant] ?? COLORS.PRIMARY_BLUE;
+};
+export const getScoreLabelColor = ({
+  variant,
+  disabled
+}) => ({
+  score: disabled ? COLORS.NEUTRAL_6 : COLORS.NEUTRAL_9,
+  maxScore: disabled ? COLORS.NEUTRAL_6 : scoreVariantToColor(variant)
+});
+//# sourceMappingURL=oe.helpers.js.map

package/dist/module/features/openEnded/oe.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","OpenEndedScoreLabelVariant","scoreVariantToColor","variant","colors","CORRECT","PRIMARY_YELLOW","FIRST_ATTEMPT","PRIMARY_GREEN","WRONG","PRIMARY_RED","DEFAULT","PRIMARY_BLUE","getScoreLabelColor","disabled","score","NEUTRAL_6","NEUTRAL_9","maxScore"],"sourceRoot":"../../../../src","sources":["features/openEnded/oe.helpers.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,0BAA0B,QAAQ,eAAY;AAYvD,MAAMC,mBAAmB,GAAIC,OAAmC,IAAiB;EAC/E,MAAMC,MAAsD,GAAG;IAC7D,CAACH,0BAA0B,CAACI,OAAO,GAAGL,MAAM,CAACM,cAAc;IAC3D,CAACL,0BAA0B,CAACM,aAAa,GAAGP,MAAM,CAACQ,aAAa;IAChE,CAACP,0BAA0B,CAACQ,KAAK,GAAGT,MAAM,CAACU,WAAW;IACtD,CAACT,0BAA0B,CAACU,OAAO,GAAGX,MAAM,CAACY;EAC/C,CAAC;EACD,OAAOR,MAAM,CAACD,OAAO,CAAC,IAAIH,MAAM,CAACY,YAAY;AAC/C,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCV,OAAO;EACPW;AACuB,CAAC,MAAwB;EAChDC,KAAK,EAAED,QAAQ,GAAGd,MAAM,CAACgB,SAAS,GAAGhB,MAAM,CAACiB,SAAS;EACrDC,QAAQ,EAAEJ,QAAQ,GAAGd,MAAM,CAACgB,SAAS,GAAGd,mBAAmB,CAACC,OAAO;AACrE,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/openEnded/oe.types.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export let OpenEndedScoreLabelVariant = /*#__PURE__*/function (OpenEndedScoreLabelVariant) {
+  OpenEndedScoreLabelVariant["CORRECT"] = "CORRECT";
+  OpenEndedScoreLabelVariant["FIRST_ATTEMPT"] = "FIRST_ATTEMPT";
+  OpenEndedScoreLabelVariant["WRONG"] = "WRONG";
+  OpenEndedScoreLabelVariant["DEFAULT"] = "DEFAULT";
+  return OpenEndedScoreLabelVariant;
+}({});
+//# sourceMappingURL=oe.types.js.map

package/dist/module/features/openEnded/oe.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenEndedScoreLabelVariant"],"sourceRoot":"../../../../src","sources":["features/openEnded/oe.types.ts"],"mappings":";;AAAA,WAAYA,0BAA0B,0BAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAA1BA,0BAA0B;EAAA,OAA1BA,0BAA0B;AAAA","ignoreList":[]}

package/dist/module/index.js

@@ -11,6 +11,6 @@ export * from "./features/problemSelector/index.js";
 export * from "./features/gifCelebrations/index.js";
 export * from "./features/exampleSolution/index.js";
 export * from "./features/keyboard/index.js";
-export * from "./features/pmProgress/index.js";
+export * from "./features/openEnded/index.js";
 export * from "./shared/icons/index.js";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFeaturesLocalization","setFeaturesLocalization","Locale","generateRandomId"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,EAAEC,uBAAuB,EAAEC,MAAM,QAAQ,+BAAsB;AAC/F,SAASC,gBAAgB,QAAQ,0BAAuB;AACxD,cAAc,6BAAoB;AAClC,cAAc,8BAAqB;AACnC,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,qCAA4B;AAC1C,cAAc,qCAA4B;AAC1C,cAAc,8BAAqB;AACnC,cAAc,gCAAuB;AACrC,cAAc,yBAAgB","ignoreList":[]}
+{"version":3,"names":["useFeaturesLocalization","setFeaturesLocalization","Locale","generateRandomId"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,EAAEC,uBAAuB,EAAEC,MAAM,QAAQ,+BAAsB;AAC/F,SAASC,gBAAgB,QAAQ,0BAAuB;AACxD,cAAc,6BAAoB;AAClC,cAAc,8BAAqB;AACnC,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,qCAA4B;AAC1C,cAAc,qCAA4B;AAC1C,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,yBAAgB","ignoreList":[]}

package/dist/module/types/common.types.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=common.types.js.map

package/dist/typescript/commonjs/features/openEnded/components/OpenEndedScoreLabel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { OpenEndedScoreLabelVariant } from '../oe.types';
+type OpenEndedScoreLabelProps = {
+    label: string;
+    score: number | null;
+    maxScore: number;
+    disabled: boolean;
+    variant: OpenEndedScoreLabelVariant;
+};
+export declare const OpenEndedScoreLabel: ({ label, score, maxScore, disabled, variant, }: OpenEndedScoreLabelProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=OpenEndedScoreLabel.d.ts.map

package/dist/typescript/commonjs/features/openEnded/components/OpenEndedScoreLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAExD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAiB1B,CAAA"}

package/dist/typescript/commonjs/features/openEnded/index.d.ts

@@ -0,0 +1,4 @@
+export * from './oe.helpers';
+export * from './oe.types';
+export { OpenEndedScoreLabel } from './components/OpenEndedScoreLabel';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/features/openEnded/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA"}

package/dist/typescript/commonjs/features/openEnded/oe.helpers.d.ts

@@ -0,0 +1,13 @@
+import { ColorValue } from '../../types/common.types';
+import { OpenEndedScoreLabelVariant } from './oe.types';
+type GetScoreLabelColorProps = {
+    variant: OpenEndedScoreLabelVariant;
+    disabled: boolean;
+};
+type ScoreLabelColors = {
+    score: ColorValue;
+    maxScore: ColorValue;
+};
+export declare const getScoreLabelColor: ({ variant, disabled, }: GetScoreLabelColorProps) => ScoreLabelColors;
+export {};
+//# sourceMappingURL=oe.helpers.d.ts.map

package/dist/typescript/commonjs/features/openEnded/oe.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oe.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/oe.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAEvD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,0BAA0B,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,UAAU,CAAA;CACrB,CAAA;AAYD,eAAO,MAAM,kBAAkB,2BAG5B,uBAAuB,KAAG,gBAG3B,CAAA"}

package/dist/typescript/commonjs/features/openEnded/oe.types.d.ts

@@ -0,0 +1,7 @@
+export declare enum OpenEndedScoreLabelVariant {
+    CORRECT = "CORRECT",
+    FIRST_ATTEMPT = "FIRST_ATTEMPT",
+    WRONG = "WRONG",
+    DEFAULT = "DEFAULT"
+}
+//# sourceMappingURL=oe.types.d.ts.map

package/dist/typescript/commonjs/features/openEnded/oe.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oe.types.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/oe.types.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB"}

package/dist/typescript/commonjs/index.d.ts

@@ -9,6 +9,6 @@ export * from './features/problemSelector';
 export * from './features/gifCelebrations';
 export * from './features/exampleSolution';
 export * from './features/keyboard';
-export * from './features/pmProgress';
+export * from './features/openEnded';
 export * from './shared/icons';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}

package/dist/typescript/commonjs/types/common.types.d.ts

@@ -1,5 +1,7 @@
+import { COLORS } from '@magmamath/react-native-ui';
 export type Size = {
     width: number;
     height: number;
 };
+export type ColorValue = (typeof COLORS)[keyof typeof COLORS];
 //# sourceMappingURL=common.types.d.ts.map

package/dist/typescript/commonjs/types/common.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.types.d.ts","sourceRoot":"","sources":["../../../../src/types/common.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"common.types.d.ts","sourceRoot":"","sources":["../../../../src/types/common.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAEnD,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,MAAM,CAAC,CAAA"}

package/dist/typescript/module/features/openEnded/components/OpenEndedScoreLabel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { OpenEndedScoreLabelVariant } from '../oe.types';
+type OpenEndedScoreLabelProps = {
+    label: string;
+    score: number | null;
+    maxScore: number;
+    disabled: boolean;
+    variant: OpenEndedScoreLabelVariant;
+};
+export declare const OpenEndedScoreLabel: ({ label, score, maxScore, disabled, variant, }: OpenEndedScoreLabelProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=OpenEndedScoreLabel.d.ts.map

package/dist/typescript/module/features/openEnded/components/OpenEndedScoreLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenEndedScoreLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/openEnded/components/OpenEndedScoreLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAExD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,mBAAmB,mDAM7B,wBAAwB,sBAiB1B,CAAA"}

package/dist/typescript/module/features/openEnded/index.d.ts

@@ -0,0 +1,4 @@
+export * from './oe.helpers';
+export * from './oe.types';
+export { OpenEndedScoreLabel } from './components/OpenEndedScoreLabel';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/features/openEnded/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA"}

package/dist/typescript/module/features/openEnded/oe.helpers.d.ts

@@ -0,0 +1,13 @@
+import { ColorValue } from '../../types/common.types';
+import { OpenEndedScoreLabelVariant } from './oe.types';
+type GetScoreLabelColorProps = {
+    variant: OpenEndedScoreLabelVariant;
+    disabled: boolean;
+};
+type ScoreLabelColors = {
+    score: ColorValue;
+    maxScore: ColorValue;
+};
+export declare const getScoreLabelColor: ({ variant, disabled, }: GetScoreLabelColorProps) => ScoreLabelColors;
+export {};
+//# sourceMappingURL=oe.helpers.d.ts.map

package/dist/typescript/module/features/openEnded/oe.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oe.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/oe.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAEvD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,0BAA0B,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,UAAU,CAAA;CACrB,CAAA;AAYD,eAAO,MAAM,kBAAkB,2BAG5B,uBAAuB,KAAG,gBAG3B,CAAA"}

package/dist/typescript/module/features/openEnded/oe.types.d.ts

@@ -0,0 +1,7 @@
+export declare enum OpenEndedScoreLabelVariant {
+    CORRECT = "CORRECT",
+    FIRST_ATTEMPT = "FIRST_ATTEMPT",
+    WRONG = "WRONG",
+    DEFAULT = "DEFAULT"
+}
+//# sourceMappingURL=oe.types.d.ts.map

package/dist/typescript/module/features/openEnded/oe.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oe.types.d.ts","sourceRoot":"","sources":["../../../../../src/features/openEnded/oe.types.ts"],"names":[],"mappings":"AAAA,oBAAY,0BAA0B;IACpC,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB"}

package/dist/typescript/module/index.d.ts

@@ -9,6 +9,6 @@ export * from './features/problemSelector';
 export * from './features/gifCelebrations';
 export * from './features/exampleSolution';
 export * from './features/keyboard';
-export * from './features/pmProgress';
+export * from './features/openEnded';
 export * from './shared/icons';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}

package/dist/typescript/module/types/common.types.d.ts

@@ -1,5 +1,7 @@
+import { COLORS } from '@magmamath/react-native-ui';
 export type Size = {
     width: number;
     height: number;
 };
+export type ColorValue = (typeof COLORS)[keyof typeof COLORS];
 //# sourceMappingURL=common.types.d.ts.map

package/dist/typescript/module/types/common.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.types.d.ts","sourceRoot":"","sources":["../../../../src/types/common.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"common.types.d.ts","sourceRoot":"","sources":["../../../../src/types/common.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAEnD,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,MAAM,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.110-rc.0",
+  "version": "0.9.110-rc.1",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -19,7 +19,6 @@
   },
   "peerDependencies": {
     "@magmamath/react-native-ui": "*",
-    "d3-shape": "3.2.0",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1",
     "react": "*",
@@ -30,12 +29,11 @@
     "react-native-svg": "^15.10.0"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.4.76",
+    "@magmamath/react-native-ui": "0.4.61",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
-    "@types/d3-shape": "3.1.7",
     "del-cli": "^5.1.0",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1",

package/src/features/openEnded/components/OpenEndedScoreLabel.tsx

@@ -0,0 +1,67 @@
+import React from 'react'
+import { View, StyleSheet } from 'react-native'
+import {
+  Typography,
+  HeadingVariants,
+  SPACING,
+  BORDER_RADIUS,
+  COLORS,
+} from '@magmamath/react-native-ui'
+import { getScoreLabelColor } from '../oe.helpers'
+import { OpenEndedScoreLabelVariant } from '../oe.types'
+
+type OpenEndedScoreLabelProps = {
+  label: string
+  score: number | null
+  maxScore: number
+  disabled: boolean
+  variant: OpenEndedScoreLabelVariant
+}
+
+export const OpenEndedScoreLabel = ({
+  label,
+  score,
+  maxScore,
+  disabled,
+  variant,
+}: OpenEndedScoreLabelProps) => {
+  const colors = getScoreLabelColor({ variant, disabled })
+  return (
+    <View style={styles.container}>
+      <View style={styles.score}>
+        <Typography variant={HeadingVariants.H3} style={{ color: colors.score }}>
+          {score}
+        </Typography>
+      </View>
+      <Typography
+        variant={HeadingVariants.H3}
+        style={[styles.maxScoreText, { color: colors.maxScore }]}
+      >
+        / {maxScore} {label}
+      </Typography>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+  },
+  score: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 20,
+    height: 32,
+    borderWidth: 1,
+    borderRadius: BORDER_RADIUS[200],
+    borderColor: COLORS.NEUTRAL_5,
+    paddingVertical: SPACING[50],
+    paddingHorizontal: SPACING[100],
+    backgroundColor: COLORS.NEUTRAL_1,
+  },
+  maxScoreText: {
+    marginLeft: SPACING[200],
+  },
+})

package/src/features/openEnded/index.ts

@@ -0,0 +1,3 @@
+export * from './oe.helpers'
+export * from './oe.types'
+export { OpenEndedScoreLabel } from './components/OpenEndedScoreLabel'