dmed-voice-assistant 1.2.11 → 1.2.12

package/dist/index.js

@@ -21,6 +21,7 @@ const VoiceAssistant = _ref => {
     isOnlyRecognitionMode = false,
     recordListValue = [],
     recognitionListValue = [],
+    recordStyle = {},
     onNewRecordEvent,
     onRecordDataChange,
     onNewRecognitionEvent,
@@ -32,7 +33,6 @@ const VoiceAssistant = _ref => {
   } = _ref;
   const [mode, setMode] = (0, _react.useState)(isOnlyRecorderMode ? "recorder" : isOnlyRecognitionMode ? "recognition" : "recorder");
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    className: "dmed-voice-assistant-class",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
       dateAdapter: _AdapterDayjs.AdapterDayjs,
       children: [mode === 'recorder' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recorder.default, {
@@ -40,6 +40,7 @@ const VoiceAssistant = _ref => {
         setMode: setMode,
         isOnlyRecorderMode: isOnlyRecorderMode,
         recordHistoryList: recordListValue,
+        recordStyle: recordStyle,
         onNewRecordEvent: onNewRecordEvent,
         onRecordDataChange: onRecordDataChange
       }), mode === 'recognition' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recognition.default, {

package/dist/recognition.js

@@ -339,7 +339,7 @@ const Recognition = _ref4 => {
     }
   }, [result]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-    className: "bg-white rounded-[5px] p-[20px] w-[440px]",
+    className: "bg-white rounded-[5px] p-[20px] w-[440px] dmed-voice-assistant-class",
     sx: {
       border: '1px solid #D8DEE4'
     },

package/dist/recorder.js

@@ -48,6 +48,7 @@ const RecorderBox = _ref => {
     mode = 'recorder',
     recordHistoryList,
     isOnlyRecorderMode,
+    recordStyle,
     setMode,
     onNewRecordEvent,
     onRecordDataChange
@@ -197,6 +198,7 @@ const RecorderBox = _ref => {
   }, [recordHistoryList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]",
+    sx: recordStyle,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
       container: true,
       spacing: 2,
@@ -205,7 +207,7 @@ const RecorderBox = _ref => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
           className: "flex items-center justify-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-            className: "!text-[24px] !font-[600]",
+            className: "!text-[24px] !font-[600] ![font-family:'Afacad']",
             color: "#EAE5DC",
             children: "Voice assistant"
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -217,7 +219,7 @@ const RecorderBox = _ref => {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.MicIcon, {})
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-              className: "!font-600 !text-[14px]",
+              className: "!font-600 !text-[14px] ![font-family:'Afacad']",
               color: "#EAE5DC",
               children: "Recorder mode"
             })]
@@ -237,6 +239,9 @@ const RecorderBox = _ref => {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.StartIcon, {})
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[16px]",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               color: "#EAE5DC",
               children: "Start"
             })]
@@ -254,6 +259,9 @@ const RecorderBox = _ref => {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[14px]",
               color: "#EAE5DC",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               children: "Stop"
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -270,6 +278,9 @@ const RecorderBox = _ref => {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[14px]",
               color: "#EAE5DC",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               children: "Setup"
             })]
           })]
@@ -285,7 +296,7 @@ const RecorderBox = _ref => {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
                 children: !isStartedRecord ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.StopIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.RedStopIcon, {})
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-                className: "!font-[600] !text-[14px]",
+                className: "!font-[600] !text-[14px] ![font-family:'Afacad']",
                 color: "#A3DBFE",
                 children: !isStartedRecord ? 'STOP' : 'REC'
               })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dmed-voice-assistant",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "main": "dist/index.js",
   "files": [
     "dist"