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

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RadioIcon = 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 RadioIcon = _ref => {
@@ -13,18 +14,45 @@ const RadioIcon = _ref => {
     style,
     ...restProps
   } = _ref;
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    icon: {
+      tintColor: theme.palette.on_surface_high
+    }
+  }));
+  if (restProps.size === 'extra-large') {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.container, hmsRoomStyles.container, restProps.containerStyle]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+      source: require('./assets/radio-xlarge.png'),
+      style: [styles.icon, styles.xLargeIcon, hmsRoomStyles.icon, style]
+    }, restProps)));
+  }
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
     source: require('./assets/radio.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, hmsRoomStyles.icon, style]
   }, restProps));
 };
 exports.RadioIcon = RadioIcon;
 const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   icon: {
     width: 24,
     height: 24,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  xLargeIcon: {
+    width: 56,
+    height: 56
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Radio/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","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"}
+{"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","RadioIcon","_ref","style","restProps","hmsRoomStyles","useHMSRoomStyleSheet","theme","container","backgroundColor","palette","surface_default","icon","tintColor","on_surface_high","size","createElement","View","styles","containerStyle","Image","xLargeIcon","exports","StyleSheet","create","width","height","borderRadius","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Radio/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAwD,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;AAajD,MAAMQ,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAG,IAAAC,+BAAoB,EAAEC,KAAK,KAAM;IACrDC,SAAS,EAAE;MACTC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,IAAIV,SAAS,CAACW,IAAI,KAAK,aAAa,EAAE;IACpC,oBACEpC,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAAClC,YAAA,CAAAmC,IAAI;MACHd,KAAK,EAAE,CACLe,MAAM,CAACV,SAAS,EAChBH,aAAa,CAACG,SAAS,EACvBJ,SAAS,CAACe,cAAc;IACxB,gBAEFxC,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAAClC,YAAA,CAAAsC,KAAK,EAAAjC,QAAA;MACJQ,MAAM,EAAEd,OAAO,CAAC,2BAA2B,CAAE;MAC7CsB,KAAK,EAAE,CAACe,MAAM,CAACN,IAAI,EAAEM,MAAM,CAACG,UAAU,EAAEhB,aAAa,CAACO,IAAI,EAAET,KAAK;IAAE,GAC/DC,SAAS,CACd,CACG,CAAC;EAEX;EAEA,oBACEzB,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAAClC,YAAA,CAAAsC,KAAK,EAAAjC,QAAA;IACJQ,MAAM,EAAEd,OAAO,CAAC,oBAAoB,CAAE;IACtCsB,KAAK,EAAE,CAACe,MAAM,CAACN,IAAI,EAAEP,aAAa,CAACO,IAAI,EAAET,KAAK;EAAE,GAC5CC,SAAS,CACd,CAAC;AAEN,CAAC;AAACkB,OAAA,CAAArB,SAAA,GAAAA,SAAA;AAEF,MAAMiB,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDjB,IAAI,EAAE;IACJa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDR,UAAU,EAAE;IACVI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;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;

package/lib/commonjs/Icons/Speaker/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","SpeakerIcon","_ref","size","muted","style","restProps","createElement","Image","styles","icon","large","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/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;AAQ1C,MAAMQ,WAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBACEtB,MAAA,CAAAM,OAAA,CAAAqB,aAAA,CAACxB,YAAA,CAAAyB,KAAK,EAAArB,QAAA;IACJQ,MAAM,EACJS,KAAK,GACDtB,OAAO,CAAC,4BAA4B,CAAC,GACrCqB,IAAI,KAAK,QAAQ,GACjBrB,OAAO,CAAC,sBAAsB,CAAC,GAC/BA,OAAO,CAAC,4BAA4B,CACzC;IACDuB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK,EAAEF,IAAI,KAAK,OAAO,GAAGM,MAAM,CAACE,KAAK,GAAG,IAAI;EAAE,GAChEL,SAAS,CACd,CAAC;AAEN,CAAC;AAACM,OAAA,CAAAX,WAAA,GAAAA,WAAA;AAEF,MAAMQ,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,KAAK,EAAE;IACLI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;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","SpeakerIcon","_ref","size","muted","style","restProps","iconStyles","useHMSRoomStyle","theme","tintColor","palette","on_surface_high","createElement","Image","styles","icon","large","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/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;AAO5C,MAAMQ,WAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEjC,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAAC/B,YAAA,CAAAgC,KAAK,EAAA3B,QAAA;IACJQ,MAAM,EACJS,KAAK,GACDvB,OAAO,CAAC,4BAA4B,CAAC,GACrCsB,IAAI,KAAK,QAAQ,GACjBtB,OAAO,CAAC,sBAAsB,CAAC,GAC/BA,OAAO,CAAC,4BAA4B,CACzC;IACDwB,KAAK,EAAE,CACLU,MAAM,CAACC,IAAI,EACXT,UAAU,EACVF,KAAK,EACLF,IAAI,KAAK,OAAO,GAAGY,MAAM,CAACE,KAAK,GAAG,IAAI;EACtC,GACEX,SAAS,CACd,CAAC;AAEN,CAAC;AAACY,OAAA,CAAAjB,WAAA,GAAAA,WAAA;AAEF,MAAMc,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,KAAK,EAAE;IACLI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StarIcon = 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 StarIcon = _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/star.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.StarIcon = StarIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Star/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","StarIcon","_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/Star/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/Stop/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StopIcon = 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 StopIcon = _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/stop.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+exports.StopIcon = StopIcon;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/Icons/Stop/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","StopIcon","_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/Stop/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/ThreeDots/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ThreeDotsIcon = 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 ThreeDotsIcon = _ref => {
@@ -14,9 +15,12 @@ const ThreeDotsIcon = _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: stack ? require('./assets/three-dots-vertical.png') : require('./assets/three-dots-vertical.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 exports.ThreeDotsIcon = ThreeDotsIcon;

package/lib/commonjs/Icons/ThreeDots/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","ThreeDotsIcon","_ref","stack","style","restProps","createElement","Image","styles","icon","exports","StyleSheet","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ThreeDots/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,aAA2C,GAAGC,IAAA,IAIrD;EAAA,IAJsD;IAC1DC,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,kCAAkC,CAAC,GAC3CA,OAAO,CAAC,kCAAkC,CAC/C;IACDsB,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA;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","ThreeDotsIcon","_ref","stack","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/ThreeDots/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,aAA2C,GAAGC,IAAA,IAIrD;EAAA,IAJsD;IAC1DC,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,kCAAkC,CAAC,GAC3CA,OAAO,CAAC,kCAAkC,CAC/C;IACDuB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAET,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAf,aAAA,GAAAA,aAAA;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"}