@rocket.chat/fuselage 0.61.0 → 0.62.0

package/dist/fuselage.development.js

@@ -73,54 +73,6 @@ var invariant = function(condition, format, a, b, c, d, e, f) {
 module.exports = invariant;
 
 
-/***/ }),
-
-/***/ "./src/components/Message/MessageGenericPreview/MessageGenericPreview.styles.scss":
-/*!****************************************************************************************!*\
-  !*** ./src/components/Message/MessageGenericPreview/MessageGenericPreview.styles.scss ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.styles.scss":
-/*!******************************************************************************************!*\
-  !*** ./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.styles.scss ***!
-  \******************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./src/components/Message/MessageSystem/MessageSystem.styles.scss":
-/*!************************************************************************!*\
-  !*** ./src/components/Message/MessageSystem/MessageSystem.styles.scss ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./src/index.scss":
-/*!************************!*\
-  !*** ./src/index.scss ***!
-  \************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
 /***/ }),
 
 /***/ "../../node_modules/react-is/cjs/react-is.development.js":
@@ -1721,6 +1673,106 @@ if (false) {} else {
 }
 
 
+/***/ }),
+
+/***/ "../fuselage-tokens/colors.json":
+/*!**************************************!*\
+  !*** ../fuselage-tokens/colors.json ***!
+  \**************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"white":"#FFFFFF","n100":"#F7F8FA","n200":"#F2F3F5","n250":"#EBECEF","n300":"#EEEFF1","n400":"#E4E7EA","n450":"#D7DBE0","n500":"#CBCED1","n600":"#9EA2A8","n700":"#6C737A","n800":"#2F343D","n900":"#1F2329","r100":"#FFE9EC","r200":"#FFC1C9","r300":"#F98F9D","r400":"#F5455C","r500":"#EC0D2A","r600":"#D40C26","r700":"#BB0B21","r800":"#9B1325","r900":"#8B0719","r1000":"#6B0513","o100":"#FDE8D7","o200":"#FAD1B0","o300":"#F7B27B","o400":"#F59B53","o500":"#F38C39","o600":"#E26D0E","o700":"#BD5A0B","o800":"#974809","o900":"#713607","o1000":"#5B2C06","p100":"#F9EFFC","p200":"#EDD0F7","p300":"#DCA0EF","p400":"#CA71E7","p500":"#9F22C7","p600":"#7F1B9F","p700":"#5F1477","p800":"#4A105D","p900":"#350B42","y100":"#FFF8E0","y200":"#FFECAD","y300":"#FFE383","y400":"#FFD95A","y500":"#FFD031","y600":"#F3BE08","y700":"#DFAC00","y800":"#AC892F","y900":"#8E6300","y1000":"#573D00","g100":"#E5FBF4","g200":"#C0F6E4","g300":"#96F0D2","g400":"#6CE9C0","g500":"#2DE0A5","g600":"#1ECB92","g700":"#19AC7C","g800":"#148660","g900":"#106D4F","g1000":"#0D5940","b100":"#E8F2FF","b200":"#D1EBFE","b300":"#76B7FC","b400":"#549DF9","b500":"#156FF5","b600":"#095AD2","b700":"#10529E","b800":"#01336B","b900":"#012247"}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/badge.json":
+/*!******************************************!*\
+  !*** ../fuselage-tokens/dist/badge.json ***!
+  \******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"badge":{"light":{"level-0":"#E4E7EA","level-1":"#6C737A","level-2":"#156FF5","level-3":"#F38C39","level-4":"#EC0D2A"},"high-contrast":{"level-0":"#E4E7EA","level-1":"#2F343D","level-2":"#10529E","level-3":"#713607","level-4":"#9B1325"},"dark":{"level-0":"#404754","level-1":"#484C51","level-2":"#2C65BA","level-3":"#955828","level-4":"#B43C4C"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/button.json":
+/*!*******************************************!*\
+  !*** ../fuselage-tokens/dist/button.json ***!
+  \*******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"button":{"light":{"backgroundPrimaryDefault":"#156FF5","backgroundPrimaryHover":"#095AD2","backgroundPrimaryPress":"#10529E","backgroundPrimaryFocus":"#156FF5","backgroundPrimaryKeyfocus":"#156FF5","backgroundPrimaryDisabled":"#D1EBFE","fontOnPrimary":"#ffffff","fontOnPrimaryDisabled":"#ffffff","backgroundSecondaryDefault":"#E4E7EA","backgroundSecondaryHover":"#CBCED1","backgroundSecondaryPress":"#9EA2A8","backgroundSecondaryFocus":"#E4E7EA","backgroundSecondaryKeyfocus":"#E4E7EA","backgroundSecondaryDisabled":"#EBECEF","fontOnSecondary":"#1F2329","fontOnSecondaryDisabled":"#CBCED1","backgroundSecondaryDangerDefault":"#E4E7EA","backgroundSecondaryDangerHover":"#CBCED1","backgroundSecondaryDangerPress":"#9EA2A8","backgroundSecondaryDangerFocus":"#E4E7EA","backgroundSecondaryDangerKeyfocus":"#E4E7EA","backgroundSecondaryDangerDisabled":"#EBECEF","fontOnSecondaryDanger":"#BB0B21","onSecondaryDangerDisabled":"#F98F9D","backgroundDangerDefault":"#EC0D2A","backgroundDangerHover":"#D40C26","backgroundDangerPress":"#BB0B21","backgroundDangerFocus":"#EC0D2A","backgroundDangerKeyfocus":"#EC0D2A","backgroundDangerDisabled":"#FFC1C9","fontOnDanger":"#ffffff","fontOnDangerDisabled":"#ffffff","backgroundSuccessDefault":"#148660","backgroundSuccessHover":"#106D4F","backgroundSuccessPress":"#0D5940","backgroundSuccessFocus":"#148660","backgroundSuccessKeyfocus":"#148660","backgroundSuccessDisabled":"#C0F6E4","fontOnSuccess":"#ffffff","fontOnSuccessDisabled":"#ffffff"},"high-contrast":{"backgroundPrimaryDefault":"#10529E","backgroundPrimaryHover":"#01336B","backgroundPrimaryPress":"#012247","backgroundPrimaryFocus":"#10529E","backgroundPrimaryKeyfocus":"#10529E","backgroundPrimaryDisabled":"#D1EBFE","fontOnPrimary":"#ffffff","fontOnPrimaryDisabled":"#ffffff","backgroundSecondaryDefault":"#E4E7EA","backgroundSecondaryHover":"#CBCED1","backgroundSecondaryPress":"#9EA2A8","backgroundSecondaryFocus":"#E4E7EA","backgroundSecondaryKeyfocus":"#E4E7EA","backgroundSecondaryDisabled":"#EBECEF","fontOnSecondary":"#1F2329","fontOnSecondaryDisabled":"#CBCED1","backgroundSecondaryDangerDefault":"#E4E7EA","backgroundSecondaryDangerHover":"#CBCED1","backgroundSecondaryDangerPress":"#9EA2A8","backgroundSecondaryDangerFocus":"#E4E7EA","backgroundSecondaryDangerKeyfocus":"#E4E7EA","backgroundSecondaryDangerDisabled":"#EBECEF","fontOnSecondaryDanger":"#8B0719","onSecondaryDangerDisabled":"#F98F9D","backgroundDangerDefault":"#9B1325","backgroundDangerHover":"#8B0719","backgroundDangerPress":"#8B0719","backgroundDangerFocus":"#9B1325","backgroundDangerKeyfocus":"#9B1325","backgroundDangerDisabled":"#FFC1C9","fontOnDanger":"#ffffff","fontOnDangerDisabled":"#ffffff","backgroundSuccessDefault":"#2DE0A5","backgroundSuccessHover":"#1ECB92","backgroundSuccessPress":"#19AC7C","backgroundSuccessFocus":"#2DE0A5","backgroundSuccessKeyfocus":"#2DE0A5","backgroundSuccessDisabled":"#C0F6E4","fontOnSuccess":"#1F2329","fontOnSuccessDisabled":"#ffffff"},"dark":{"backgroundPrimaryDefault":"#095AD2","backgroundPrimaryHover":"#10529E","backgroundPrimaryPress":"#01336B","backgroundPrimaryFocus":"#095AD2","backgroundPrimaryKeyfocus":"#095AD2","backgroundPrimaryDisabled":"#012247","fontOnPrimary":"#FFFFFF","fontOnPrimaryDisabled":"#6C727A","backgroundSecondaryDefault":"#353B45","backgroundSecondaryHover":"#404754","backgroundSecondaryPress":"#4C5362","backgroundSecondaryFocus":"#353B45","backgroundSecondaryKeyfocus":"#353B45","backgroundSecondaryDisabled":"#353B45","fontOnSecondary":"#E4E7EA","fontOnSecondaryDisabled":"#6C727A","backgroundSecondaryDangerDefault":"#353B45","backgroundSecondaryDangerHover":"#404754","backgroundSecondaryDangerPress":"#4C5362","backgroundSecondaryDangerFocus":"#353B45","backgroundSecondaryDangerKeyfocus":"#353B45","backgroundSecondaryDangerDisabled":"#353B45","fontOnSecondaryDanger":"#FFC1C9","onSecondaryDangerDisabled":"#6B0513","backgroundDangerDefault":"#BB3E4E","backgroundDangerHover":"#95323F","backgroundDangerPress":"#822C37","backgroundDangerFocus":"#BB3E4E","backgroundDangerKeyfocus":"#BB3E4E","backgroundDangerDisabled":"#3D2126","fontOnDanger":"#FFFFFF","fontOnDangerDisabled":"#757575","backgroundSuccessDefault":"#1D7256","backgroundSuccessHover":"#175943","backgroundSuccessPress":"#134937","backgroundSuccessFocus":"#1D7256","backgroundSuccessKeyfocus":"#1D7256","backgroundSuccessDisabled":"#1E4B40","fontOnSuccess":"#FFFFFF","fontOnSuccessDisabled":"#757575"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/font.json":
+/*!*****************************************!*\
+  !*** ../fuselage-tokens/dist/font.json ***!
+  \*****************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"font":{"light":{"white":"#ffffff","disabled":"#CBCED1","annotation":"#9EA2A8","hint":"#6C737A","secondaryInfo":"#6C737A","default":"#2F343D","titlesLabels":"#1F2329","info":"#095AD2","danger":"#D40C26","pureWhite":"#ffffff","pureBlack":"#2F343D"},"high-contrast":{"white":"#ffffff","disabled":"#CBCED1","annotation":"#1F2329","hint":"#1F2329","secondaryInfo":"#1F2329","default":"#1F2329","titlesLabels":"#1F2329","info":"#01336B","danger":"#9B1325","pureWhite":"#ffffff","pureBlack":"#1F2329"},"dark":{"white":"#2F343D","disabled":"#60646C","annotation":"#9EA2A8","hint":"#9EA2A8","secondaryInfo":"#9EA2A8","default":"#C1C7D0","titlesLabels":"#F2F3F5","info":"#739EDE","danger":"#D88892","pureWhite":"#ffffff","pureBlack":"#1F2329"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/shadow.json":
+/*!*******************************************!*\
+  !*** ../fuselage-tokens/dist/shadow.json ***!
+  \*******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"shadow":{"light":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#EBECEF","elevation-1":"rgba(47, 52, 61, 0.1)","elevation-2x":"rgba(47, 52, 61, 0.08)","elevation-2y":"rgba(47, 52, 61, 0.12)"},"high-contrast":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#EBECEF","elevation-1":"rgba(47, 52, 61, 0.1)","elevation-2x":"rgba(47, 52, 61, 0.08)","elevation-2y":"rgba(47, 52, 61, 0.12)"},"dark":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#2F343D","elevation-1":"rgba(9, 9, 9, 0.35)","elevation-2x":"rgba(9, 9, 9, 0.3)","elevation-2y":"rgba(9, 9, 9, 0.45)"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/status.json":
+/*!*******************************************!*\
+  !*** ../fuselage-tokens/dist/status.json ***!
+  \*******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"status":{"light":{"info":"#D1EBFE","font-on-info":"#095AD2","success":"#C0F6E4","font-on-success":"#148660","danger":"#FFC1C9","font-on-danger":"#9B1325","warning":"#FFECAD","font-on-warning":"#8E6300","warning-2":"#FFF8E0","font-on-warning-2":"#2F343D","service-1":"#FAD1B0","font-on-service-1":"#974809","service-2":"#EDD0F7","font-on-service-2":"#7F1B9F","service-3":"#5F1477","font-on-service-3":"#ffffff"},"high-contrast":{"info":"#D1EBFE","font-on-info":"#10529E","success":"#C0F6E4","font-on-success":"#0D5940","danger":"#FFC1C9","font-on-danger":"#6B0513","warning":"#FFECAD","font-on-warning":"#573D00","warning-2":"#FFF8E0","font-on-warning-2":"#2F343D","service-1":"#FAD1B0","font-on-service-1":"#5B2C06","service-2":"#EDD0F7","font-on-service-2":"#7F1B9F","service-3":"#5F1477","font-on-service-3":"#ffffff"},"dark":{"info":"#A8C3EB","font-on-info":"#739EDE","success":"#C1EBDD","font-on-success":"#58AD90","danger":"#F7CFD4","font-on-danger":"#D88892","warning":"#FEEFBE","font-on-warning":"#C7AA66","warning-2":"#3C3625","font-on-warning-2":"#FFFFFF","service-1":"#FCE3CF","font-on-service-1":"#CA9163","service-2":"#EDD0F7","font-on-service-2":"#C393D2","service-3":"#5F1477","font-on-service-3":"#FFFFFF"}},"statusBullet":{"light":{"online":"#148660","away":"#AC892F","busy":"#D40C26","disabled":"#F38C39","offline":"#6C737A","loading":"#6C737A"},"high-contrast":{"online":"#0D5940","away":"#AC892F","busy":"#6B0513","disabled":"#BD5A0B","offline":"#1F2329","loading":"#1F2329"},"dark":{"online":"#1CBF89","away":"#B08C30","busy":"#C75765","disabled":"#CC7F42","offline":"#8B9098","loading":"#8B9098"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/statusBullet.json":
+/*!*************************************************!*\
+  !*** ../fuselage-tokens/dist/statusBullet.json ***!
+  \*************************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"statusBullet":{"light":{"online":"#148660","away":"#AC892F","busy":"#D40C26","disabled":"#F38C39","offline":"#6C737A","loading":"#6C737A"},"high-contrast":{"online":"#0D5940","away":"#AC892F","busy":"#6B0513","disabled":"#BD5A0B","offline":"#1F2329","loading":"#1F2329"},"dark":{"online":"#1CBF89","away":"#B08C30","busy":"#C75765","disabled":"#CC7F42","offline":"#8B9098","loading":"#8B9098"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/stroke.json":
+/*!*******************************************!*\
+  !*** ../fuselage-tokens/dist/stroke.json ***!
+  \*******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"stroke":{"light":{"extraLight":"#EBECEF","light":"#CBCED1","medium":"#9EA2A8","dark":"#6C737A","extraDark":"#2F343D","extraLightHighlight":"#D1EBFE","highlight":"#156FF5","extraLightError":"#FFC1C9","error":"#EC0D2A"},"high-contrast":{"extraLight":"#EBECEF","light":"#CBCED1","medium":"#9EA2A8","dark":"#6C737A","extraDark":"#2F343D","extraLightHighlight":"#D1EBFE","highlight":"#156FF5","extraLightError":"#FFC1C9","error":"#EC0D2A"},"dark":{"extraLight":"#333842","light":"#404754","medium":"#4B5362","dark":"#9EA2A8","extraDark":"#CBCED1","extraLightHighlight":"#D1EBFE","highlight":"#6292DA","extraLightError":"#F49AA6","error":"#BB3E4E"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/dist/surface.json":
+/*!********************************************!*\
+  !*** ../fuselage-tokens/dist/surface.json ***!
+  \********************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"surface":{"light":{"light":"#ffffff","tint":"#F7F8FA","room":"#ffffff","neutral":"#E4E7EA","disabled":"#F7F8FA","hover":"#F2F3F5","selected":"#D7DBE0","dark":"#1F2329","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#E4E7EA","overlay":"rgba(47, 52, 61, 0.5)"},"high-contrast":{"light":"#ffffff","tint":"#F7F8FA","room":"#ffffff","neutral":"#E4E7EA","disabled":"#F7F8FA","hover":"#F2F3F5","selected":"#D7DBE0","dark":"#1F2329","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#E4E7EA","overlay":"rgba(47, 52, 61, 0.5)"},"dark":{"light":"#262931","tint":"#1F2329","room":"#1F2329","neutral":"#2D3039","disabled":"#24272E","hover":"#1A1E23","selected":"#4C5362","dark":"#E4E7EA","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#2F343D","overlay":"rgba(0, 0, 0, 0.6)"}}}');
+
+/***/ }),
+
+/***/ "../fuselage-tokens/typography.json":
+/*!******************************************!*\
+  !*** ../fuselage-tokens/typography.json ***!
+  \******************************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"fontFamilies":{"sans":["Inter","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Meiryo UI","Arial","sans-serif"],"mono":["Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},"fontScales":{"hero":{"fontSize":48,"fontWeight":800,"letterSpacing":0,"lineHeight":64},"h1":{"fontSize":32,"fontWeight":700,"letterSpacing":0,"lineHeight":40},"h2":{"fontSize":24,"fontWeight":700,"letterSpacing":0,"lineHeight":32},"h3":{"fontSize":20,"fontWeight":700,"letterSpacing":0,"lineHeight":28},"h4":{"fontSize":16,"fontWeight":700,"letterSpacing":0,"lineHeight":24},"h5":{"fontSize":14,"fontWeight":700,"letterSpacing":0,"lineHeight":20},"p1":{"fontSize":16,"fontWeight":400,"letterSpacing":0,"lineHeight":24},"p1m":{"fontSize":16,"fontWeight":500,"letterSpacing":0,"lineHeight":24},"p1b":{"fontSize":16,"fontWeight":700,"letterSpacing":0,"lineHeight":24},"p2":{"fontSize":14,"fontWeight":400,"letterSpacing":0,"lineHeight":20},"p2m":{"fontSize":14,"fontWeight":500,"letterSpacing":0,"lineHeight":20},"p2b":{"fontSize":14,"fontWeight":700,"letterSpacing":0,"lineHeight":20},"c1":{"fontSize":12,"fontWeight":400,"letterSpacing":0,"lineHeight":16},"c2":{"fontSize":12,"fontWeight":700,"letterSpacing":0,"lineHeight":16},"micro":{"fontSize":10,"fontWeight":700,"letterSpacing":0,"lineHeight":12}}}');
+
 /***/ }),
 
 /***/ "./src/Theme.ts":
@@ -8762,6 +8814,18 @@ var MessageEmojiBase = function (_a) {
 exports.MessageEmojiBase = MessageEmojiBase;
 
 
+/***/ }),
+
+/***/ "./src/components/Message/MessageGenericPreview/MessageGenericPreview.styles.scss":
+/*!****************************************************************************************!*\
+  !*** ./src/components/Message/MessageGenericPreview/MessageGenericPreview.styles.scss ***!
+  \****************************************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ }),
 
 /***/ "./src/components/Message/MessageGenericPreview/MessageGenericPreview.tsx":
@@ -9943,6 +10007,18 @@ var MessageRoles = function (props) { return ((0, jsx_runtime_1.jsx)("div", __as
 exports.MessageRoles = MessageRoles;
 
 
+/***/ }),
+
+/***/ "./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.styles.scss":
+/*!******************************************************************************************!*\
+  !*** ./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.styles.scss ***!
+  \******************************************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ }),
 
 /***/ "./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.tsx":
@@ -10091,6 +10167,18 @@ __exportStar(__webpack_require__(/*! ./MessageStatusIndicatorItem */ "./src/comp
 __exportStar(__webpack_require__(/*! ./MessageStatusPrivateIndicator */ "./src/components/Message/MessageStatusIndicator/MessageStatusPrivateIndicator.tsx"), exports);
 
 
+/***/ }),
+
+/***/ "./src/components/Message/MessageSystem/MessageSystem.styles.scss":
+/*!************************************************************************!*\
+  !*** ./src/components/Message/MessageSystem/MessageSystem.styles.scss ***!
+  \************************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ }),
 
 /***/ "./src/components/Message/MessageSystem/MessageSystem.tsx":
@@ -21128,6 +21216,10 @@ var useBoxOnlyProps = function (props) {
         props.size = props.htmlSize;
         delete props.htmlSize;
     }
+    if (props.focusable) {
+        props.className = (0, prependClassName_1.prependClassName)(props.className, 'rcx-box--focusable');
+        delete props.focusable;
+    }
     delete props.withRichContent;
     props.className = (0, prependClassName_1.prependClassName)(props.className, 'rcx-box rcx-box--full');
     return props;
@@ -21173,6 +21265,18 @@ var useStyle = function (cssFn, arg) {
 exports.useStyle = useStyle;
 
 
+/***/ }),
+
+/***/ "./src/index.scss":
+/*!************************!*\
+  !*** ./src/index.scss ***!
+  \************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ }),
 
 /***/ "./src/index.ts":
@@ -21509,6 +21613,16 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__rocket_chat_memo__;
 
 /***/ }),
 
+/***/ "react":
+/*!**************************************************************************************!*\
+  !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
+  \**************************************************************************************/
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
+
+/***/ }),
+
 /***/ "react-aria":
 /*!*****************************!*\
   !*** external "react-aria" ***!
@@ -21547,116 +21661,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react_stately__;
 
 module.exports = __WEBPACK_EXTERNAL_MODULE_react_virtuoso__;
 
-/***/ }),
-
-/***/ "react":
-/*!**************************************************************************************!*\
-  !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
-  \**************************************************************************************/
-/***/ (function(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
-
-/***/ }),
-
-/***/ "../fuselage-tokens/colors.json":
-/*!**************************************!*\
-  !*** ../fuselage-tokens/colors.json ***!
-  \**************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"white":"#FFFFFF","n100":"#F7F8FA","n200":"#F2F3F5","n250":"#EBECEF","n300":"#EEEFF1","n400":"#E4E7EA","n450":"#D7DBE0","n500":"#CBCED1","n600":"#9EA2A8","n700":"#6C737A","n800":"#2F343D","n900":"#1F2329","r100":"#FFE9EC","r200":"#FFC1C9","r300":"#F98F9D","r400":"#F5455C","r500":"#EC0D2A","r600":"#D40C26","r700":"#BB0B21","r800":"#9B1325","r900":"#8B0719","r1000":"#6B0513","o100":"#FDE8D7","o200":"#FAD1B0","o300":"#F7B27B","o400":"#F59B53","o500":"#F38C39","o600":"#E26D0E","o700":"#BD5A0B","o800":"#974809","o900":"#713607","o1000":"#5B2C06","p100":"#F9EFFC","p200":"#EDD0F7","p300":"#DCA0EF","p400":"#CA71E7","p500":"#9F22C7","p600":"#7F1B9F","p700":"#5F1477","p800":"#4A105D","p900":"#350B42","y100":"#FFF8E0","y200":"#FFECAD","y300":"#FFE383","y400":"#FFD95A","y500":"#FFD031","y600":"#F3BE08","y700":"#DFAC00","y800":"#AC892F","y900":"#8E6300","y1000":"#573D00","g100":"#E5FBF4","g200":"#C0F6E4","g300":"#96F0D2","g400":"#6CE9C0","g500":"#2DE0A5","g600":"#1ECB92","g700":"#19AC7C","g800":"#148660","g900":"#106D4F","g1000":"#0D5940","b100":"#E8F2FF","b200":"#D1EBFE","b300":"#76B7FC","b400":"#549DF9","b500":"#156FF5","b600":"#095AD2","b700":"#10529E","b800":"#01336B","b900":"#012247"}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/badge.json":
-/*!******************************************!*\
-  !*** ../fuselage-tokens/dist/badge.json ***!
-  \******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"badge":{"light":{"level-0":"#E4E7EA","level-1":"#6C737A","level-2":"#156FF5","level-3":"#F38C39","level-4":"#EC0D2A"},"high-contrast":{"level-0":"#E4E7EA","level-1":"#2F343D","level-2":"#10529E","level-3":"#713607","level-4":"#9B1325"},"dark":{"level-0":"#404754","level-1":"#484C51","level-2":"#2C65BA","level-3":"#955828","level-4":"#B43C4C"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/button.json":
-/*!*******************************************!*\
-  !*** ../fuselage-tokens/dist/button.json ***!
-  \*******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"button":{"light":{"backgroundPrimaryDefault":"#156FF5","backgroundPrimaryHover":"#095AD2","backgroundPrimaryPress":"#10529E","backgroundPrimaryFocus":"#156FF5","backgroundPrimaryKeyfocus":"#156FF5","backgroundPrimaryDisabled":"#D1EBFE","fontOnPrimary":"#ffffff","fontOnPrimaryDisabled":"#ffffff","backgroundSecondaryDefault":"#E4E7EA","backgroundSecondaryHover":"#CBCED1","backgroundSecondaryPress":"#9EA2A8","backgroundSecondaryFocus":"#E4E7EA","backgroundSecondaryKeyfocus":"#E4E7EA","backgroundSecondaryDisabled":"#EBECEF","fontOnSecondary":"#1F2329","fontOnSecondaryDisabled":"#CBCED1","backgroundSecondaryDangerDefault":"#E4E7EA","backgroundSecondaryDangerHover":"#CBCED1","backgroundSecondaryDangerPress":"#9EA2A8","backgroundSecondaryDangerFocus":"#E4E7EA","backgroundSecondaryDangerKeyfocus":"#E4E7EA","backgroundSecondaryDangerDisabled":"#EBECEF","fontOnSecondaryDanger":"#BB0B21","onSecondaryDangerDisabled":"#F98F9D","backgroundDangerDefault":"#EC0D2A","backgroundDangerHover":"#D40C26","backgroundDangerPress":"#BB0B21","backgroundDangerFocus":"#EC0D2A","backgroundDangerKeyfocus":"#EC0D2A","backgroundDangerDisabled":"#FFC1C9","fontOnDanger":"#ffffff","fontOnDangerDisabled":"#ffffff","backgroundSuccessDefault":"#148660","backgroundSuccessHover":"#106D4F","backgroundSuccessPress":"#0D5940","backgroundSuccessFocus":"#148660","backgroundSuccessKeyfocus":"#148660","backgroundSuccessDisabled":"#C0F6E4","fontOnSuccess":"#ffffff","fontOnSuccessDisabled":"#ffffff"},"high-contrast":{"backgroundPrimaryDefault":"#10529E","backgroundPrimaryHover":"#01336B","backgroundPrimaryPress":"#012247","backgroundPrimaryFocus":"#10529E","backgroundPrimaryKeyfocus":"#10529E","backgroundPrimaryDisabled":"#D1EBFE","fontOnPrimary":"#ffffff","fontOnPrimaryDisabled":"#ffffff","backgroundSecondaryDefault":"#E4E7EA","backgroundSecondaryHover":"#CBCED1","backgroundSecondaryPress":"#9EA2A8","backgroundSecondaryFocus":"#E4E7EA","backgroundSecondaryKeyfocus":"#E4E7EA","backgroundSecondaryDisabled":"#EBECEF","fontOnSecondary":"#1F2329","fontOnSecondaryDisabled":"#CBCED1","backgroundSecondaryDangerDefault":"#E4E7EA","backgroundSecondaryDangerHover":"#CBCED1","backgroundSecondaryDangerPress":"#9EA2A8","backgroundSecondaryDangerFocus":"#E4E7EA","backgroundSecondaryDangerKeyfocus":"#E4E7EA","backgroundSecondaryDangerDisabled":"#EBECEF","fontOnSecondaryDanger":"#8B0719","onSecondaryDangerDisabled":"#F98F9D","backgroundDangerDefault":"#9B1325","backgroundDangerHover":"#8B0719","backgroundDangerPress":"#8B0719","backgroundDangerFocus":"#9B1325","backgroundDangerKeyfocus":"#9B1325","backgroundDangerDisabled":"#FFC1C9","fontOnDanger":"#ffffff","fontOnDangerDisabled":"#ffffff","backgroundSuccessDefault":"#2DE0A5","backgroundSuccessHover":"#1ECB92","backgroundSuccessPress":"#19AC7C","backgroundSuccessFocus":"#2DE0A5","backgroundSuccessKeyfocus":"#2DE0A5","backgroundSuccessDisabled":"#C0F6E4","fontOnSuccess":"#1F2329","fontOnSuccessDisabled":"#ffffff"},"dark":{"backgroundPrimaryDefault":"#095AD2","backgroundPrimaryHover":"#10529E","backgroundPrimaryPress":"#01336B","backgroundPrimaryFocus":"#095AD2","backgroundPrimaryKeyfocus":"#095AD2","backgroundPrimaryDisabled":"#012247","fontOnPrimary":"#FFFFFF","fontOnPrimaryDisabled":"#6C727A","backgroundSecondaryDefault":"#353B45","backgroundSecondaryHover":"#404754","backgroundSecondaryPress":"#4C5362","backgroundSecondaryFocus":"#353B45","backgroundSecondaryKeyfocus":"#353B45","backgroundSecondaryDisabled":"#353B45","fontOnSecondary":"#E4E7EA","fontOnSecondaryDisabled":"#6C727A","backgroundSecondaryDangerDefault":"#353B45","backgroundSecondaryDangerHover":"#404754","backgroundSecondaryDangerPress":"#4C5362","backgroundSecondaryDangerFocus":"#353B45","backgroundSecondaryDangerKeyfocus":"#353B45","backgroundSecondaryDangerDisabled":"#353B45","fontOnSecondaryDanger":"#FFC1C9","onSecondaryDangerDisabled":"#6B0513","backgroundDangerDefault":"#BB3E4E","backgroundDangerHover":"#95323F","backgroundDangerPress":"#822C37","backgroundDangerFocus":"#BB3E4E","backgroundDangerKeyfocus":"#BB3E4E","backgroundDangerDisabled":"#3D2126","fontOnDanger":"#FFFFFF","fontOnDangerDisabled":"#757575","backgroundSuccessDefault":"#1D7256","backgroundSuccessHover":"#175943","backgroundSuccessPress":"#134937","backgroundSuccessFocus":"#1D7256","backgroundSuccessKeyfocus":"#1D7256","backgroundSuccessDisabled":"#1E4B40","fontOnSuccess":"#FFFFFF","fontOnSuccessDisabled":"#757575"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/font.json":
-/*!*****************************************!*\
-  !*** ../fuselage-tokens/dist/font.json ***!
-  \*****************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"font":{"light":{"white":"#ffffff","disabled":"#CBCED1","annotation":"#9EA2A8","hint":"#6C737A","secondaryInfo":"#6C737A","default":"#2F343D","titlesLabels":"#1F2329","info":"#095AD2","danger":"#D40C26","pureWhite":"#ffffff","pureBlack":"#2F343D"},"high-contrast":{"white":"#ffffff","disabled":"#CBCED1","annotation":"#1F2329","hint":"#1F2329","secondaryInfo":"#1F2329","default":"#1F2329","titlesLabels":"#1F2329","info":"#01336B","danger":"#9B1325","pureWhite":"#ffffff","pureBlack":"#1F2329"},"dark":{"white":"#2F343D","disabled":"#60646C","annotation":"#9EA2A8","hint":"#9EA2A8","secondaryInfo":"#9EA2A8","default":"#C1C7D0","titlesLabels":"#F2F3F5","info":"#739EDE","danger":"#D88892","pureWhite":"#ffffff","pureBlack":"#1F2329"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/shadow.json":
-/*!*******************************************!*\
-  !*** ../fuselage-tokens/dist/shadow.json ***!
-  \*******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"shadow":{"light":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#EBECEF","elevation-1":"rgba(47, 52, 61, 0.1)","elevation-2x":"rgba(47, 52, 61, 0.08)","elevation-2y":"rgba(47, 52, 61, 0.12)"},"high-contrast":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#EBECEF","elevation-1":"rgba(47, 52, 61, 0.1)","elevation-2x":"rgba(47, 52, 61, 0.08)","elevation-2y":"rgba(47, 52, 61, 0.12)"},"dark":{"highlight":"#D1EBFE","danger":"#FFE9EC","elevation-border":"#2F343D","elevation-1":"rgba(9, 9, 9, 0.35)","elevation-2x":"rgba(9, 9, 9, 0.3)","elevation-2y":"rgba(9, 9, 9, 0.45)"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/status.json":
-/*!*******************************************!*\
-  !*** ../fuselage-tokens/dist/status.json ***!
-  \*******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"status":{"light":{"info":"#D1EBFE","font-on-info":"#095AD2","success":"#C0F6E4","font-on-success":"#148660","danger":"#FFC1C9","font-on-danger":"#9B1325","warning":"#FFECAD","font-on-warning":"#8E6300","warning-2":"#FFF8E0","font-on-warning-2":"#2F343D","service-1":"#FAD1B0","font-on-service-1":"#974809","service-2":"#EDD0F7","font-on-service-2":"#7F1B9F","service-3":"#5F1477","font-on-service-3":"#ffffff"},"high-contrast":{"info":"#D1EBFE","font-on-info":"#10529E","success":"#C0F6E4","font-on-success":"#0D5940","danger":"#FFC1C9","font-on-danger":"#6B0513","warning":"#FFECAD","font-on-warning":"#573D00","warning-2":"#FFF8E0","font-on-warning-2":"#2F343D","service-1":"#FAD1B0","font-on-service-1":"#5B2C06","service-2":"#EDD0F7","font-on-service-2":"#7F1B9F","service-3":"#5F1477","font-on-service-3":"#ffffff"},"dark":{"info":"#A8C3EB","font-on-info":"#739EDE","success":"#C1EBDD","font-on-success":"#58AD90","danger":"#F7CFD4","font-on-danger":"#D88892","warning":"#FEEFBE","font-on-warning":"#C7AA66","warning-2":"#3C3625","font-on-warning-2":"#FFFFFF","service-1":"#FCE3CF","font-on-service-1":"#CA9163","service-2":"#EDD0F7","font-on-service-2":"#C393D2","service-3":"#5F1477","font-on-service-3":"#FFFFFF"}},"statusBullet":{"light":{"online":"#148660","away":"#AC892F","busy":"#D40C26","disabled":"#F38C39","offline":"#6C737A","loading":"#6C737A"},"high-contrast":{"online":"#0D5940","away":"#AC892F","busy":"#6B0513","disabled":"#BD5A0B","offline":"#1F2329","loading":"#1F2329"},"dark":{"online":"#1CBF89","away":"#B08C30","busy":"#C75765","disabled":"#CC7F42","offline":"#8B9098","loading":"#8B9098"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/statusBullet.json":
-/*!*************************************************!*\
-  !*** ../fuselage-tokens/dist/statusBullet.json ***!
-  \*************************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"statusBullet":{"light":{"online":"#148660","away":"#AC892F","busy":"#D40C26","disabled":"#F38C39","offline":"#6C737A","loading":"#6C737A"},"high-contrast":{"online":"#0D5940","away":"#AC892F","busy":"#6B0513","disabled":"#BD5A0B","offline":"#1F2329","loading":"#1F2329"},"dark":{"online":"#1CBF89","away":"#B08C30","busy":"#C75765","disabled":"#CC7F42","offline":"#8B9098","loading":"#8B9098"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/stroke.json":
-/*!*******************************************!*\
-  !*** ../fuselage-tokens/dist/stroke.json ***!
-  \*******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"stroke":{"light":{"extraLight":"#EBECEF","light":"#CBCED1","medium":"#9EA2A8","dark":"#6C737A","extraDark":"#2F343D","extraLightHighlight":"#D1EBFE","highlight":"#156FF5","extraLightError":"#FFC1C9","error":"#EC0D2A"},"high-contrast":{"extraLight":"#EBECEF","light":"#CBCED1","medium":"#9EA2A8","dark":"#6C737A","extraDark":"#2F343D","extraLightHighlight":"#D1EBFE","highlight":"#156FF5","extraLightError":"#FFC1C9","error":"#EC0D2A"},"dark":{"extraLight":"#333842","light":"#404754","medium":"#4B5362","dark":"#9EA2A8","extraDark":"#CBCED1","extraLightHighlight":"#D1EBFE","highlight":"#6292DA","extraLightError":"#F49AA6","error":"#BB3E4E"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/dist/surface.json":
-/*!********************************************!*\
-  !*** ../fuselage-tokens/dist/surface.json ***!
-  \********************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"surface":{"light":{"light":"#ffffff","tint":"#F7F8FA","room":"#ffffff","neutral":"#E4E7EA","disabled":"#F7F8FA","hover":"#F2F3F5","selected":"#D7DBE0","dark":"#1F2329","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#E4E7EA","overlay":"rgba(47, 52, 61, 0.5)"},"high-contrast":{"light":"#ffffff","tint":"#F7F8FA","room":"#ffffff","neutral":"#E4E7EA","disabled":"#F7F8FA","hover":"#F2F3F5","selected":"#D7DBE0","dark":"#1F2329","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#E4E7EA","overlay":"rgba(47, 52, 61, 0.5)"},"dark":{"light":"#262931","tint":"#1F2329","room":"#1F2329","neutral":"#2D3039","disabled":"#24272E","hover":"#1A1E23","selected":"#4C5362","dark":"#E4E7EA","featured":"#5F1477","featuredHover":"#4A105D","sidebar":"#2F343D","overlay":"rgba(0, 0, 0, 0.6)"}}}');
-
-/***/ }),
-
-/***/ "../fuselage-tokens/typography.json":
-/*!******************************************!*\
-  !*** ../fuselage-tokens/typography.json ***!
-  \******************************************/
-/***/ (function(module) {
-
-module.exports = /*#__PURE__*/JSON.parse('{"fontFamilies":{"sans":["Inter","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Meiryo UI","Arial","sans-serif"],"mono":["Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},"fontScales":{"hero":{"fontSize":48,"fontWeight":800,"letterSpacing":0,"lineHeight":64},"h1":{"fontSize":32,"fontWeight":700,"letterSpacing":0,"lineHeight":40},"h2":{"fontSize":24,"fontWeight":700,"letterSpacing":0,"lineHeight":32},"h3":{"fontSize":20,"fontWeight":700,"letterSpacing":0,"lineHeight":28},"h4":{"fontSize":16,"fontWeight":700,"letterSpacing":0,"lineHeight":24},"h5":{"fontSize":14,"fontWeight":700,"letterSpacing":0,"lineHeight":20},"p1":{"fontSize":16,"fontWeight":400,"letterSpacing":0,"lineHeight":24},"p1m":{"fontSize":16,"fontWeight":500,"letterSpacing":0,"lineHeight":24},"p1b":{"fontSize":16,"fontWeight":700,"letterSpacing":0,"lineHeight":24},"p2":{"fontSize":14,"fontWeight":400,"letterSpacing":0,"lineHeight":20},"p2m":{"fontSize":14,"fontWeight":500,"letterSpacing":0,"lineHeight":20},"p2b":{"fontSize":14,"fontWeight":700,"letterSpacing":0,"lineHeight":20},"c1":{"fontSize":12,"fontWeight":400,"letterSpacing":0,"lineHeight":16},"c2":{"fontSize":12,"fontWeight":700,"letterSpacing":0,"lineHeight":16},"micro":{"fontSize":10,"fontWeight":700,"letterSpacing":0,"lineHeight":12}}}');
-
 /***/ })
 
 /******/ 	});