@readme/markdown 6.65.0 → 6.65.2-beta.1

package/dist/main.node.js

@@ -7510,7 +7510,7 @@ var Callout = function Callout(props) {
     React.createElement("blockquote", _extends({}, attributes, {
       className: "callout callout_".concat(theme),
       theme: icon
-    }), /*#__PURE__*/React.createElement("h3", {
+    }), /*#__PURE__*/React.createElement("p", {
       className: "callout-heading".concat(title ? '' : ' empty')
     }, /*#__PURE__*/React.createElement("span", {
       className: "callout-icon"
@@ -7617,6 +7617,9 @@ function Code(props) {
     "data-lang": language,
     name: meta,
     suppressHydrationWarning: true
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    ,
+    tabIndex: 0
   }, codeContent));
 }
 function CreateCode(_ref2) {
@@ -7657,13 +7660,20 @@ module.exports = CreateCode;
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var _extends = __webpack_require__(434);
+var _slicedToArray = __webpack_require__(7424);
 var _require = __webpack_require__(6841),
   uppercase = _require.uppercase;
 var PropTypes = __webpack_require__(5697);
 var React = __webpack_require__(4466);
+var _require2 = __webpack_require__(4466),
+  useState = _require2.useState;
 var CodeTabs = function CodeTabs(props) {
   var children = props.children,
     theme = props.theme;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeIndex = _useState2[0],
+    setActiveIndex = _useState2[1];
   function handleClick(_ref, index) {
     var target = _ref.target;
     var $wrap = target.parentElement.parentElement;
@@ -7674,12 +7684,13 @@ var CodeTabs = function CodeTabs(props) {
     $wrap.classList.remove('CodeTabs_initial');
     var codeblocks = $wrap.querySelectorAll('pre');
     codeblocks[index].classList.add('CodeTabs_active');
-    target.classList.add('CodeTabs_active');
+    setActiveIndex(index);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "CodeTabs CodeTabs_initial theme-".concat(theme)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "CodeTabs-toolbar"
+    className: "CodeTabs-toolbar",
+    role: "tablist"
   }, children.map(function (_ref2, i) {
     var pre = _ref2.props;
     var _pre$children$0$props = pre.children[0].props,
@@ -7688,13 +7699,17 @@ var CodeTabs = function CodeTabs(props) {
     /* istanbul ignore next */
     return /*#__PURE__*/React.createElement("button", {
       key: i,
+      "aria-selected": activeIndex === i,
+      className: activeIndex === i ? 'CodeTabs_active' : '',
       onClick: function onClick(e) {
         return handleClick(e, i);
       },
+      role: "tab",
       type: "button"
     }, meta || "".concat(!lang ? 'Text' : uppercase(lang)));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "CodeTabs-inner"
+    className: "CodeTabs-inner",
+    role: "tabpanel"
   }, children));
 };
 CodeTabs.propTypes = {
@@ -8382,14 +8397,19 @@ module.exports = React.createContext([]);
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var React = __webpack_require__(4466);
-var _require = __webpack_require__(6553),
-  CodeTabs = _require.CodeTabs;
-var createElement = function createElement(type, props) {
-  var rdmdType = type === 'div' && (props === null || props === void 0 ? void 0 : props.className) === 'code-tabs' ? CodeTabs : type;
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-  return React.createElement.apply(React, [rdmdType, props].concat(children));
+var CreateCodeTabs = __webpack_require__(6553);
+var createElement = function createElement(opts) {
+  return (
+    // eslint-disable-next-line react/display-name
+    function (type, props) {
+      // eslint-disable-next-line react/prop-types
+      var rdmdType = type === 'div' && (props === null || props === void 0 ? void 0 : props.className) === 'code-tabs' ? CreateCodeTabs(opts) : type;
+      for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        children[_key - 2] = arguments[_key];
+      }
+      return React.createElement.apply(React, [rdmdType, props].concat(children));
+    }
+  );
 };
 module.exports = createElement;
 
@@ -34374,7 +34394,7 @@ function reactProcessor() {
   var _opts3 = opts,
     sanitize = _opts3.sanitize;
   return htmlProcessor(_objectSpread({}, opts)).use(sectionAnchorId).use(rehypeReact, {
-    createElement: createElement,
+    createElement: createElement(opts),
     Fragment: React.Fragment,
     components: _objectSpread({
       'code-tabs': CodeTabs(opts),

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "6.65.0",
+  "version": "6.65.2-beta.1",
   "main": "dist/main.node.js",
   "browser": "dist/main.js",
   "files": [
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@readme/emojis": "^5.0.0",
-    "@readme/syntax-highlighter": "^12.1.1",
+    "@readme/syntax-highlighter": "^12.1.2",
     "copy-to-clipboard": "^3.3.2",
     "emoji-regex": "^10.2.1",
     "hast-util-sanitize": "^4.0.0",
@@ -59,7 +59,7 @@
     "unist-util-visit": "^4.1.1"
   },
   "peerDependencies": {
-    "@readme/variable": "^15.1.0",
+    "@readme/variable": "^15.1.3",
     "@tippyjs/react": "^4.1.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0"
@@ -79,12 +79,10 @@
     "@hot-loader/react-dom": "^16.14.0",
     "@readme/eslint-config": "^10.5.2",
     "@readme/stylelint-config": "^3.2.0",
-    "@readme/variable": "^15.1.2",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.2",
-    "@tippyjs/react": "^4.2.6",
     "babel-jest": "^29.2.1",
     "babel-loader": "^8.2.5",
     "codemirror": "^5.54.0",
@@ -103,8 +101,6 @@
     "postcss": "^8.4.23",
     "prettier": "^2.7.1",
     "puppeteer": "^19.0.0",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
     "react-hot-loader": "^4.13.0",
     "regenerator-runtime": "^0.13.10",
     "sass-loader": "^13.1.0",