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

package/lib/commonjs/Icons/Close/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CloseIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Close/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,oBAAoB,CAAE;IACtCqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CloseIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Close/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,oBAAoB,CAAE;IACtCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,SAAA,GAAAA,SAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Hamburger/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HamburgerIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const HamburgerIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/hamburger.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.HamburgerIcon = HamburgerIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Hamburger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HamburgerIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Hamburger/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,wBAAwB,CAAE;IAC1CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,aAAA,GAAAA,aAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.HandIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _theme = require("../../utils/theme");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const HandIcon = _ref => {
@@ -14,9 +14,12 @@ const HandIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/hand.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.HandIcon = HandIcon;
@@ -25,8 +28,7 @@ const styles = _reactNative.StyleSheet.create({
     width: 24,
     height: 24,
     alignItems: 'center',
-    justifyContent: 'center',
-    tintColor: _theme.COLORS.SURFACE.ON_SURFACE.HIGH
+    justifyContent: 'center'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HandIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent","tintColor","COLORS","SURFACE","ON_SURFACE","HIGH"],"sourceRoot":"../../../../src","sources":["Icons/Hand/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIpC,MAAMQ,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,oBACEvB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,YAAA,CAAAwB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,mBAAmB,CAAE;IACrCsB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,QAAA,GAAAA,QAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAEC,aAAM,CAACC,OAAO,CAACC,UAAU,CAACC;EACvC;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HandIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Hand/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,mBAAmB,CAAE;IACrCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,QAAA,GAAAA,QAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Headphones/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeadphonesIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const HeadphonesIcon = _ref => {
@@ -13,9 +14,12 @@ const HeadphonesIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/headphones.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.HeadphonesIcon = HeadphonesIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HeadphonesIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Headphones/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,yBAAyB,CAAE;IAC3CqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HeadphonesIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Headphones/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,yBAAyB,CAAE;IAC3CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,cAAA,GAAAA,cAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Maximize/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaximizeIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const MaximizeIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/maximize.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.MaximizeIcon = MaximizeIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Maximize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MaximizeIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Maximize/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,YAAyC,GAAGC,IAAA,IAGnD;EAAA,IAHoD;IACxDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,uBAAuB,CAAE;IACzCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,YAAA,GAAAA,YAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Mic/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MicIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const MicIcon = _ref => {
@@ -14,9 +15,12 @@ const MicIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: muted ? require('./assets/mic-muted.png') : require('./assets/mic-unmuted.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.MicIcon = MicIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MicIcon","_ref","muted","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Mic/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO1C,MAAMQ,OAA+B,GAAGC,IAAA,IAIzC;EAAA,IAJ0C;IAC9CC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAoB,aAAA,CAACvB,YAAA,CAAAwB,KAAK,EAAApB,QAAA;IACJQ,MAAM,EACJQ,KAAK,GACDrB,OAAO,CAAC,wBAAwB,CAAC,GACjCA,OAAO,CAAC,0BAA0B,CACvC;IACDsB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAT,OAAA,GAAAA,OAAA;AAEF,MAAMO,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MicIcon","_ref","muted","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Mic/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM5C,MAAMQ,OAA+B,GAAGC,IAAA,IAIzC;EAAA,IAJ0C;IAC9CC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEhC,MAAA,CAAAO,OAAA,CAAA0B,aAAA,CAAC9B,YAAA,CAAA+B,KAAK,EAAA1B,QAAA;IACJQ,MAAM,EACJQ,KAAK,GACDtB,OAAO,CAAC,wBAAwB,CAAC,GACjCA,OAAO,CAAC,0BAA0B,CACvC;IACDuB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAf,OAAA,GAAAA,OAAA;AAEF,MAAMa,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Minimize/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MinimizeIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const MinimizeIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/minimize.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.MinimizeIcon = MinimizeIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Minimize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MinimizeIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Minimize/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,YAAyC,GAAGC,IAAA,IAGnD;EAAA,IAHoD;IACxDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,uBAAuB,CAAE;IACzCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,YAAA,GAAAA,YAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/commonjs/Icons/Participants/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ParticipantsIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const ParticipantsIcon = _ref => {
@@ -13,9 +14,12 @@ const ParticipantsIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/participants.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.ParticipantsIcon = ParticipantsIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ParticipantsIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Participants/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,2BAA2B,CAAE;IAC7CqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ParticipantsIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Participants/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,2BAA2B,CAAE;IAC7CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PencilIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const PencilIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/pencil.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.PencilIcon = PencilIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","PencilIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Pencil/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,UAAqC,GAAGC,IAAA,IAG/C;EAAA,IAHgD;IACpDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,qBAAqB,CAAE;IACvCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,UAAA,GAAAA,UAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const PinIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/pin.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.PinIcon = PinIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","PinIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Pin/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,OAA+B,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACrE,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,kBAAkB,CAAE;IACpCsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,OAAA,GAAAA,OAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const RadioIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/radio.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+exports.RadioIcon = RadioIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RadioIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Radio/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,oBAAoB,CAAE;IACtCqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordingIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const RecordingIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+    source: require('./assets/recording.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.RecordingIcon = RecordingIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RecordingIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Recording/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,wBAAwB,CAAE;IAC1CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,aAAA,GAAAA,aAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RotateCameraIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const RotateCameraIcon = _ref => {
@@ -13,9 +14,12 @@ const RotateCameraIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/rotate-camera.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.RotateCameraIcon = RotateCameraIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RotateCameraIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/RotateCamera/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,4BAA4B,CAAE;IAC9CqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RotateCameraIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/RotateCamera/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,gBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,4BAA4B,CAAE;IAC9CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ScreenShareIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const ScreenShareIcon = _ref => {
@@ -13,9 +14,12 @@ const ScreenShareIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/screen-share.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.ScreenShareIcon = ScreenShareIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ScreenShareIcon","_ref","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ScreenShare/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAK1C,MAAMQ,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,KAAK,EAAAnB,QAAA;IACJQ,MAAM,EAAEb,OAAO,CAAC,2BAA2B,CAAE;IAC7CqB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAR,eAAA,GAAAA,eAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ScreenShareIcon","_ref","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ScreenShare/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACE/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,2BAA2B,CAAE;IAC7CsB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,eAAA,GAAAA,eAAA;AAEF,MAAMY,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SpeakerIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const SpeakerIcon = _ref => {
@@ -15,9 +16,12 @@ const SpeakerIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactNative.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));
 };
 exports.SpeakerIcon = SpeakerIcon;