@algolia/satellite 2.3.0 → 2.4.0

package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.js

@@ -7,23 +7,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.MarkdownContent = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _marked = require("marked");
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
 var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 /**
  * The `MarkdownContent` component is used to style user generated content that comes as Markdown.
+ *
+ * See the [Markdown Content documentation page](https://satellite.algolia.com/8261d6576/p/784293-markdown-content) for more information.
  */
 var MarkdownContent = exports.MarkdownContent = function MarkdownContent(_ref) {
   var className = _ref.className,
-    content = _ref.content;
+    content = _ref.content,
+    components = _ref.components;
   if (!content) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["markdown-content"]))), className),
-    dangerouslySetInnerHTML: {
-      __html: _marked.marked.parse(content)
-    }
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+      components: components,
+      remarkPlugins: [_remarkGfm["default"]],
+      children: content
+    })
   });
 };

package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.js

@@ -50,8 +50,8 @@ module.exports = plugin(function (_ref) {
         listStyleType: "disc"
       },
       ol: {
-        paddingLeft: theme("spacing.5"),
-        listStyleType: "decimal"
+        listStyleType: "decimal",
+        listStylePosition: "inside"
       },
       a: {
         color: theme("colors.accent.600"),

package/dist/cjs/Helpers/UserContent/UserContent.tailwind.js

@@ -27,9 +27,7 @@ module.exports = plugin(function (_ref) {
         }
       },
       h1: mobile["display-xlarge"],
-      h2: _objectSpread(_objectSpread({}, mobile["display-large"]), {}, {
-        color: theme("colors.grey.600")
-      }),
+      h2: mobile["display-large"],
       h3: mobile["display-medium"],
       h4: mobile["display-small"],
       h5: mobile["display-heading"],

package/dist/cjs/Illustrations/index.d.ts

@@ -0,0 +1,7 @@
+import type { SvgComponent } from "../types";
+declare const FailIllustration: SvgComponent;
+declare const FilterResultsIllustration: SvgComponent;
+declare const GenericIllustration: SvgComponent;
+declare const NoPermissionIllustration: SvgComponent;
+declare const SuccessIllustration: SvgComponent;
+export { FailIllustration, FilterResultsIllustration, GenericIllustration, NoPermissionIllustration, SuccessIllustration, };