@rocket.chat/fuselage 0.54.1 → 0.54.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 0.54.2
+
+### Patch Changes
+
+- [#1383](https://github.com/RocketChat/fuselage/pull/1383) [`5870a9395`](https://github.com/RocketChat/fuselage/commit/5870a939500e5b596be8c1ef1c2e28bb1cded4f5) Thanks [@juliajforesti](https://github.com/juliajforesti)! - fix(fuselage): remove `codeBlock` palette and add `palette` prop for a custom palette
+
 ## 0.54.1
 
 ### Patch Changes

package/dist/components/PaletteStyleTag/PaletteStyleTag.d.ts

@@ -14,6 +14,10 @@ export declare const PaletteStyleTag: React.NamedExoticComponent<{
      * Default is `:root`.
      */
     selector?: string | undefined;
+    /**
+     * CSS containing custom palette styles to be used.
+     */
+    palette?: string | undefined;
 }>;
 export default PaletteStyleTag;
 //# sourceMappingURL=PaletteStyleTag.d.ts.map

package/dist/components/PaletteStyleTag/PaletteStyleTag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaletteStyleTag.d.ts","sourceRoot":"","sources":["../../../src/components/PaletteStyleTag/PaletteStyleTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,eAAe;;IAO1B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAaH,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PaletteStyleTag.d.ts","sourceRoot":"","sources":["../../../src/components/PaletteStyleTag/PaletteStyleTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,eAAe;;IAQ1B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;EAMH,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/fuselage.development.js

@@ -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":