@100mslive/react-native-room-kit 0.0.4 → 0.2.0

package/lib/module/Icons/Participants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","ParticipantsIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Participants/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","ParticipantsIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Participants/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Pencil/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const PencilIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/pencil.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Pencil/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","PencilIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Pencil/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAG/C;EAAA,IAHgD;IACpDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,qBAAqB,CAAE;IACvCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Pin/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const PinIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/pin.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Pin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","PinIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Pin/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACrE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,kBAAkB,CAAE;IACpCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Radio/index.js

@@ -1,22 +1,50 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-import { Image, StyleSheet } from 'react-native';
+import { Image, StyleSheet, View } from 'react-native';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
 export const RadioIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    icon: {
+      tintColor: theme.palette.on_surface_high
+    }
+  }));
+  if (restProps.size === 'extra-large') {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, hmsRoomStyles.container, restProps.containerStyle]
+    }, /*#__PURE__*/React.createElement(Image, _extends({
+      source: require('./assets/radio-xlarge.png'),
+      style: [styles.icon, styles.xLargeIcon, hmsRoomStyles.icon, style]
+    }, restProps)));
+  }
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/radio.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, hmsRoomStyles.icon, style]
   }, restProps));
 };
 const styles = StyleSheet.create({
+  container: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   icon: {
     width: 24,
     height: 24,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  xLargeIcon: {
+    width: 56,
+    height: 56
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/module/Icons/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","RadioIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Radio/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;IACtCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","View","useHMSRoomStyleSheet","RadioIcon","_ref","style","restProps","hmsRoomStyles","theme","container","backgroundColor","palette","surface_default","icon","tintColor","on_surface_high","size","createElement","styles","containerStyle","_extends","source","require","xLargeIcon","create","width","height","borderRadius","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Radio/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAGtD,SAASC,oBAAoB,QAAQ,kBAAkB;AAavD,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAGL,oBAAoB,CAAEM,KAAK,KAAM;IACrDC,SAAS,EAAE;MACTC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,IAAIT,SAAS,CAACU,IAAI,KAAK,aAAa,EAAE;IACpC,oBACElB,KAAA,CAAAmB,aAAA,CAAChB,IAAI;MACHI,KAAK,EAAE,CACLa,MAAM,CAACT,SAAS,EAChBF,aAAa,CAACE,SAAS,EACvBH,SAAS,CAACa,cAAc;IACxB,gBAEFrB,KAAA,CAAAmB,aAAA,CAAClB,KAAK,EAAAqB,QAAA;MACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;MAC7CjB,KAAK,EAAE,CAACa,MAAM,CAACL,IAAI,EAAEK,MAAM,CAACK,UAAU,EAAEhB,aAAa,CAACM,IAAI,EAAER,KAAK;IAAE,GAC/DC,SAAS,CACd,CACG,CAAC;EAEX;EAEA,oBACER,KAAA,CAAAmB,aAAA,CAAClB,KAAK,EAAAqB,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;IACtCjB,KAAK,EAAE,CAACa,MAAM,CAACL,IAAI,EAAEN,aAAa,CAACM,IAAI,EAAER,KAAK;EAAE,GAC5CC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMY,MAAM,GAAGlB,UAAU,CAACwB,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDhB,IAAI,EAAE;IACJY,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,UAAU,EAAE;IACVE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/Icons/Recording/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const RecordingIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/recording.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Recording/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","RecordingIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Recording/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,wBAAwB,CAAE;IAC1CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/RotateCamera/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const RotateCameraIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/rotate-camera.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/RotateCamera/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","RotateCameraIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/RotateCamera/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,4BAA4B,CAAE;IAC9CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","RotateCameraIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/RotateCamera/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,4BAA4B,CAAE;IAC9CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/ScreenShare/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const ScreenShareIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/screen-share.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/ScreenShare/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","ScreenShareIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ScreenShare/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","ScreenShareIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ScreenShare/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Speaker/index.js

@@ -1,6 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const SpeakerIcon = _ref => {
   let {
     size = 'normal',
@@ -8,9 +9,12 @@ export const SpeakerIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: muted ? require('./assets/speaker-muted.png') : size === 'normal' ? require('./assets/speaker.png') : require('./assets/speaker-large.png'),
-    style: [styles.icon, style, size === 'large' ? styles.large : null]
+    style: [styles.icon, iconStyles, style, size === 'large' ? styles.large : null]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Speaker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","SpeakerIcon","_ref","size","muted","style","restProps","createElement","_extends","source","require","styles","icon","large","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAQhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBACEJ,KAAA,CAAAS,aAAA,CAACR,KAAK,EAAAS,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,4BAA4B,CAAC,GACrCP,IAAI,KAAK,QAAQ,GACjBO,OAAO,CAAC,sBAAsB,CAAC,GAC/BA,OAAO,CAAC,4BAA4B,CACzC;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK,EAAEF,IAAI,KAAK,OAAO,GAAGQ,MAAM,CAACE,KAAK,GAAG,IAAI;EAAE,GAChEP,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGX,UAAU,CAACc,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","SpeakerIcon","_ref","size","muted","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","large","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAOlD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGP,eAAe,CAAEQ,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEd,KAAA,CAAAe,aAAA,CAACd,KAAK,EAAAe,QAAA;IACJC,MAAM,EACJV,KAAK,GACDW,OAAO,CAAC,4BAA4B,CAAC,GACrCZ,IAAI,KAAK,QAAQ,GACjBY,OAAO,CAAC,sBAAsB,CAAC,GAC/BA,OAAO,CAAC,4BAA4B,CACzC;IACDV,KAAK,EAAE,CACLW,MAAM,CAACC,IAAI,EACXV,UAAU,EACVF,KAAK,EACLF,IAAI,KAAK,OAAO,GAAGa,MAAM,CAACE,KAAK,GAAG,IAAI;EACtC,GACEZ,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGjB,UAAU,CAACoB,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/Icons/Star/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const StarIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/star.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Star/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","StarIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Star/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Stop/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const StopIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/stop.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Stop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","StopIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Stop/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/ThreeDots/index.js

@@ -1,15 +1,19 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const ThreeDotsIcon = _ref => {
   let {
     stack,
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: stack ? require('./assets/three-dots-vertical.png') : require('./assets/three-dots-vertical.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/ThreeDots/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","ThreeDotsIcon","_ref","stack","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ThreeDots/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAIrD;EAAA,IAJsD;IAC1DC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,kCAAkC,CAAC,GAC3CA,OAAO,CAAC,kCAAkC,CAC/C;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","ThreeDotsIcon","_ref","stack","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ThreeDots/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAIrD;EAAA,IAJsD;IAC1DC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,UAAU,GAAGN,eAAe,CAAEO,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEb,KAAA,CAAAc,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,MAAM,EACJV,KAAK,GACDW,OAAO,CAAC,kCAAkC,CAAC,GAC3CA,OAAO,CAAC,kCAAkC,CAC/C;IACDV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Wave/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const WaveIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/wave.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Wave/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","WaveIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Wave/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","WaveIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Wave/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/index.js

@@ -25,4 +25,14 @@ export * from './Wave';
 export * from './GenericLogo';
 export * from './Radio';
 export * from './Check';
+export * from './BRB';
+export * from './Maximize';
+export * from './Minimize';
+export * from './Star';
+export * from './Pin';
+export * from './Pencil';
+export * from './Recording';
+export * from './AlertTriangle';
+export * from './Hamburger';
+export * from './Stop';
 //# sourceMappingURL=index.js.map

package/lib/module/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Icons/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,SAAS"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Icons/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,QAAQ"}

package/lib/module/components/AvatarView.js

@@ -30,8 +30,7 @@ const styles = StyleSheet.create({
   avatarText: {
     color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 34,
-    fontFamily: 'Inter',
-    fontWeight: '600',
+    fontFamily: 'Inter-SemiBold',
     lineHeight: 40,
     letterSpacing: 0.25
   }

package/lib/module/components/AvatarView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","StyleSheet","View","getInitials","COLORS","AvatarView","_ref","userName","style","initialsStyle","createElement","styles","avatar","length","emptyAvatar","avatarText","create","width","aspectRatio","backgroundColor","EXTENDED","PURPLE","borderRadius","justifyContent","alignItems","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AAQvC,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAI/C;EAAA,IAJgD;IACpDC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAH,IAAA;EACC,oBACEP,KAAA,CAAAW,aAAA,CAACR,IAAI;IACHM,KAAK,EAAE,CACLG,MAAM,CAACC,MAAM,EACbL,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAGF,MAAM,CAACG,WAAW,GAAG,IAAI,EACjDN,KAAK;EACL,gBAEFT,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACQ,KAAK,EAAE,CAACG,MAAM,CAACI,UAAU,EAAEN,aAAa;EAAE,GAC7CF,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGV,WAAW,CAACI,QAAQ,CAChD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGV,UAAU,CAACe,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAEf,MAAM,CAACgB,QAAQ,CAACC,MAAM;IACvCC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDV,WAAW,EAAE;IACXK,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC;;EACDJ,UAAU,EAAE;IACVU,KAAK,EAAErB,MAAM,CAACsB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Text","StyleSheet","View","getInitials","COLORS","AvatarView","_ref","userName","style","initialsStyle","createElement","styles","avatar","length","emptyAvatar","avatarText","create","width","aspectRatio","backgroundColor","EXTENDED","PURPLE","borderRadius","justifyContent","alignItems","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AAQvC,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAI/C;EAAA,IAJgD;IACpDC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAH,IAAA;EACC,oBACEP,KAAA,CAAAW,aAAA,CAACR,IAAI;IACHM,KAAK,EAAE,CACLG,MAAM,CAACC,MAAM,EACbL,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAGF,MAAM,CAACG,WAAW,GAAG,IAAI,EACjDN,KAAK;EACL,gBAEFT,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACQ,KAAK,EAAE,CAACG,MAAM,CAACI,UAAU,EAAEN,aAAa;EAAE,GAC7CF,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGV,WAAW,CAACI,QAAQ,CAChD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGV,UAAU,CAACe,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAEf,MAAM,CAACgB,QAAQ,CAACC,MAAM;IACvCC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDV,WAAW,EAAE;IACXK,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC;;EACDJ,UAAU,EAAE;IACVU,KAAK,EAAErB,MAAM,CAACsB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,gBAAgB;IAC5BC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/BackButton.js

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
-import { COLORS } from '../utils/theme';
 import { PressableIcon } from './PressableIcon';
 import { ChevronIcon } from '../Icons';
+import { useHMSRoomStyle } from '../hooks-util';
 export const BackButton = () => {
   const navigation = React.useContext(NavigationContext);
+  const buttonStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.surface_default
+  }));
   if (!navigation || !navigation.canGoBack()) {
     return null;
   }
@@ -15,7 +18,7 @@ export const BackButton = () => {
     }
   };
   return /*#__PURE__*/React.createElement(PressableIcon, {
-    style: styles.button,
+    style: [styles.button, buttonStyles],
     rounded: true,
     border: false,
     onPress: handleGoBack
@@ -26,8 +29,7 @@ export const BackButton = () => {
 const styles = StyleSheet.create({
   button: {
     marginTop: 16,
-    marginLeft: 16,
-    backgroundColor: COLORS.SURFACE.DEFAULT
+    marginLeft: 16
   }
 });
 //# sourceMappingURL=BackButton.js.map

package/lib/module/components/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","NavigationContext","COLORS","PressableIcon","ChevronIcon","BackButton","navigation","useContext","canGoBack","handleGoBack","goBack","createElement","style","styles","button","rounded","border","onPress","direction","create","marginTop","marginLeft","backgroundColor","SURFACE","DEFAULT"],"sourceRoot":"../../../src","sources":["components/BackButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,0BAA0B;AAE5D,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AAItC,OAAO,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EACzD,MAAMC,UAAU,GAAGP,KAAK,CAACQ,UAAU,CAACN,iBAAiB,CAAC;EAEtD,IAAI,CAACK,UAAU,IAAI,CAACA,UAAU,CAACE,SAAS,CAAC,CAAC,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIH,UAAU,CAACE,SAAS,CAAC,CAAC,EAAE;MAC1BF,UAAU,CAACI,MAAM,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEX,KAAA,CAAAY,aAAA,CAACR,aAAa;IACZS,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAE,IAAK;IACdC,MAAM,EAAE,KAAM;IACdC,OAAO,EAAER;EAAa,gBAEtBV,KAAA,CAAAY,aAAA,CAACP,WAAW;IAACc,SAAS,EAAC;EAAM,CAAE,CAClB,CAAC;AAEpB,CAAC;AAED,MAAML,MAAM,GAAGb,UAAU,CAACmB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,eAAe,EAAEpB,MAAM,CAACqB,OAAO,CAACC;EAClC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","NavigationContext","PressableIcon","ChevronIcon","useHMSRoomStyle","BackButton","navigation","useContext","buttonStyles","theme","backgroundColor","palette","surface_default","canGoBack","handleGoBack","goBack","createElement","style","styles","button","rounded","border","onPress","direction","create","marginTop","marginLeft"],"sourceRoot":"../../../src","sources":["components/BackButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,0BAA0B;AAE5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,eAAe,QAAQ,eAAe;AAI/C,OAAO,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EACzD,MAAMC,UAAU,GAAGP,KAAK,CAACQ,UAAU,CAACN,iBAAiB,CAAC;EAEtD,MAAMO,YAAY,GAAGJ,eAAe,CAAEK,KAAK,KAAM;IAC/CC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAI,CAACN,UAAU,IAAI,CAACA,UAAU,CAACO,SAAS,CAAC,CAAC,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIR,UAAU,CAACO,SAAS,CAAC,CAAC,EAAE;MAC1BP,UAAU,CAACS,MAAM,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,aAAa;IACZe,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAEX,YAAY,CAAE;IACrCY,OAAO,EAAE,IAAK;IACdC,MAAM,EAAE,KAAM;IACdC,OAAO,EAAER;EAAa,gBAEtBf,KAAA,CAAAiB,aAAA,CAACb,WAAW;IAACoB,SAAS,EAAC;EAAM,CAAE,CAClB,CAAC;AAEpB,CAAC;AAED,MAAML,MAAM,GAAGlB,UAAU,CAACwB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}