@100mslive/react-native-room-kit 0.0.3 → 0.1.0

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

@@ -1,15 +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 { COLORS } from '../../utils/theme';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const HandIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/hand.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({
@@ -17,8 +20,7 @@ const styles = StyleSheet.create({
     width: 24,
     height: 24,
     alignItems: 'center',
-    justifyContent: 'center',
-    tintColor: COLORS.SURFACE.ON_SURFACE.HIGH
+    justifyContent: 'center'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","COLORS","HandIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent","tintColor","SURFACE","ON_SURFACE","HIGH"],"sourceRoot":"../../../../src","sources":["Icons/Hand/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,MAAM,QAAQ,mBAAmB;AAI1C,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,oBACEL,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,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,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAEhB,MAAM,CAACiB,OAAO,CAACC,UAAU,CAACC;EACvC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","HandIcon","_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/Hand/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/Headphones/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 HeadphonesIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/headphones.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","HeadphonesIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Headphones/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,yBAAyB,CAAE;IAC3CL,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","HeadphonesIcon","_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/Headphones/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,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,yBAAyB,CAAE;IAC3CV,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/Maximize/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 MaximizeIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/maximize.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/Maximize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","MaximizeIcon","_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/Maximize/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAGnD;EAAA,IAHoD;IACxDC,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,uBAAuB,CAAE;IACzCV,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/Mic/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 MicIcon = _ref => {
   let {
     muted,
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: muted ? require('./assets/mic-muted.png') : require('./assets/mic-unmuted.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","MicIcon","_ref","muted","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Mic/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAIzC;EAAA,IAJ0C;IAC9CC,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,wBAAwB,CAAC,GACjCA,OAAO,CAAC,0BAA0B,CACvC;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","MicIcon","_ref","muted","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Mic/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAIzC;EAAA,IAJ0C;IAC9CC,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,wBAAwB,CAAC,GACjCA,OAAO,CAAC,0BAA0B,CACvC;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/Minimize/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 MinimizeIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/minimize.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/Minimize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","MinimizeIcon","_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/Minimize/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAGnD;EAAA,IAHoD;IACxDC,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,uBAAuB,CAAE;IACzCV,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/Participants/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 ParticipantsIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/participants.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

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

@@ -0,0 +1,22 @@
+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';
+export const RadioIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/radio.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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,IAG3C;EAAA,IAH4C;IAChDC,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,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"}