@rocket.chat/fuselage 0.54.1 → 0.54.3

package/dist/fuselage.development.js

@@ -2265,7 +2265,7 @@ var Bubble = function (_a) {
             small && 'rcx-bubble--small',
         ].join(' ') }, props),
         onClick ? (react_1.default.createElement(BubbleButton_1.BubbleButton, __assign({ onClick: onClick, secondary: secondary, icon: icon, label: children }, contentProps))) : (react_1.default.createElement(BubbleItem_1.BubbleItem, __assign({ secondary: secondary, icon: icon, label: children }, contentProps))),
-        onDismiss && (react_1.default.createElement(BubbleButton_1.BubbleButton, __assign({ onClick: onDismiss, secondary: secondary, icon: 'cross-small' }, __assign({ 'aria-label': "Dismiss ".concat(children) }, dismissProps))))));
+        onDismiss && (react_1.default.createElement(BubbleButton_1.BubbleButton, __assign({ onClick: onDismiss, secondary: secondary, icon: 'cross-small', 'aria-label': "Dismiss ".concat(children) }, dismissProps)))));
 };
 exports.Bubble = Bubble;
 
@@ -2691,8 +2691,8 @@ exports.IconButton = (0, react_1.forwardRef)(function (_a, ref) {
             'x28';
     };
     return (react_1.default.createElement(Box_1.default, __assign({ is: 'button', type: 'button', "rcx-button": true, "rcx-button--icon": true, "rcx-button--square": true }, kindAndVariantProps, getSizeClass(), { "rcx-button--icon-pressed": pressed, ref: ref }, props),
-        children,
-        (0, react_1.isValidElement)(icon) ? (icon) : (react_1.default.createElement(Icon_1.Icon, { name: icon, size: getIconSize() }))));
+        (0, react_1.isValidElement)(icon) ? (icon) : (react_1.default.createElement(Icon_1.Icon, { name: icon, size: getIconSize() })),
+        children));
 });
 
 
@@ -10001,7 +10001,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         className: 'rcx-modal__inner',
         elevation: '2',
     };
-    return (react_1.default.createElement(Box_1.default, __assign({ is: 'dialog', "aria-modal": 'true', "rcx-modal": true, ref: ref }, props), wrapperFunction
+    return (react_1.default.createElement(Box_1.default, __assign({ is: 'dialog', open: true, "aria-modal": 'true', "rcx-modal": true, ref: ref }, props), wrapperFunction
         ? wrapperFunction(wrapperProps)
         : (0, react_1.createElement)(wrapper, wrapperProps)));
 });
@@ -10065,7 +10065,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ModalClose = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-var ModalClose = function (props) { return (react_1.default.createElement(Button_1.IconButton, __assign({ small: true }, props, { icon: 'cross' }))); };
+var ModalClose = function (props) { return (react_1.default.createElement(Button_1.IconButton, __assign({ "aria-label": 'Close' }, props, { small: true, icon: 'cross' }))); };
 exports.ModalClose = ModalClose;
 
 
@@ -12913,7 +12913,6 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var react_dom_1 = __webpack_require__(/*! react-dom */ "react-dom");
 var convertToCss_1 = __webpack_require__(/*! ./helpers/convertToCss */ "./src/components/PaletteStyleTag/helpers/convertToCss.ts");
 var useCreateStyleContainer_1 = __webpack_require__(/*! ./hooks/useCreateStyleContainer */ "./src/components/PaletteStyleTag/hooks/useCreateStyleContainer.ts");
-var codeBlockStyles_1 = __webpack_require__(/*! ./lib/codeBlockStyles */ "./src/components/PaletteStyleTag/lib/codeBlockStyles.ts");
 var themePalettes_1 = __webpack_require__(/*! ./lib/themePalettes */ "./src/components/PaletteStyleTag/lib/themePalettes.ts");
 var themes = {
     light: themePalettes_1.light,
@@ -12921,9 +12920,9 @@ var themes = {
     'high-contrast': themePalettes_1.highContrast,
 };
 exports.PaletteStyleTag = (0, react_1.memo)(function PaletteStyleTag(_a) {
-    var _b = _a.theme, theme = _b === void 0 ? 'light' : _b, _c = _a.tagId, tagId = _c === void 0 ? 'main-palette' : _c, _d = _a.prefix, prefix = _d === void 0 ? '--rcx-color' : _d, selector = _a.selector;
-    var palette = (0, convertToCss_1.convertToCss)(themes[theme], prefix, selector);
-    return (react_1.default.createElement(react_1.default.Fragment, null, (0, react_dom_1.createPortal)(theme === 'dark' ? palette + codeBlockStyles_1.codeBlock : palette, (0, useCreateStyleContainer_1.useCreateStyleContainer)(tagId))));
+    var _b = _a.theme, theme = _b === void 0 ? 'light' : _b, _c = _a.tagId, tagId = _c === void 0 ? 'main-palette' : _c, _d = _a.prefix, prefix = _d === void 0 ? '--rcx-color' : _d, selector = _a.selector, palette = _a.palette;
+    var themePalette = palette || (0, convertToCss_1.convertToCss)(themes[theme], prefix, selector);
+    return react_1.default.createElement(react_1.default.Fragment, null, (0, react_dom_1.createPortal)(themePalette, (0, useCreateStyleContainer_1.useCreateStyleContainer)(tagId)));
 });
 exports["default"] = exports.PaletteStyleTag;
 
@@ -13403,20 +13402,6 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __exportStar(__webpack_require__(/*! ./PaletteStyleTag */ "./src/components/PaletteStyleTag/PaletteStyleTag.tsx"), exports);
 
 
-/***/ }),
-
-/***/ "./src/components/PaletteStyleTag/lib/codeBlockStyles.ts":
-/*!***************************************************************!*\
-  !*** ./src/components/PaletteStyleTag/lib/codeBlockStyles.ts ***!
-  \***************************************************************/
-/***/ (function(__unused_webpack_module, exports) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.codeBlock = void 0;
-exports.codeBlock = "pre code.hljs {\n\tdisplay: block;\n\toverflow-x: auto;\n\tpadding: 1em;\n}\ncode.hljs {\n\tpadding: 3px 5px;\n}\n.hljs {\n\tbackground: #1d1f21;\n\tcolor: #c5c8c6;\n}\n.hljs span::selection,\n.hljs::selection {\n\tbackground: #373b41;\n}\n.hljs span::-moz-selection,\n.hljs::-moz-selection {\n\tbackground: #373b41;\n}\n.hljs-name,\n.hljs-title {\n\tcolor: #f0c674;\n}\n.hljs-comment,\n.hljs-meta,\n.hljs-meta .hljs-keyword {\n\tcolor: #707880;\n}\n.hljs-deletion,\n.hljs-link,\n.hljs-literal,\n.hljs-number,\n.hljs-symbol {\n\tcolor: #c66;\n}\n.hljs-addition,\n.hljs-doctag,\n.hljs-regexp,\n.hljs-selector-attr,\n.hljs-selector-pseudo,\n.hljs-string {\n\tcolor: #b5bd68;\n}\n.hljs-attribute,\n.hljs-code,\n.hljs-selector-id {\n\tcolor: #b294bb;\n}\n.hljs-bullet,\n.hljs-keyword,\n.hljs-selector-tag,\n.hljs-tag {\n\tcolor: #81a2be;\n}\n.hljs-subst,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-variable {\n\tcolor: #8abeb7;\n}\n.hljs-built_in,\n.hljs-quote,\n.hljs-section,\n.hljs-selector-class,\n.hljs-type {\n\tcolor: #de935f;\n}\n.hljs-emphasis {\n\tfont-style: italic;\n}\n.hljs-strong {\n\tfont-weight: 700;\n}";
-
-
 /***/ }),
 
 /***/ "./src/components/PaletteStyleTag/lib/themePalettes.ts":