@readme/markdown 7.10.0 → 7.10.2

package/components/Columns/index.tsx

@@ -8,10 +8,12 @@ export const Column = ({ children }) => {
   )
 }
 
-const Columns = ({ children, columns = 2, layout = 'auto'}) => {
+const Columns = ({ children, layout = 'auto'}) => {
   layout = layout === 'fixed' ? '1fr' : 'auto';
+  const columnsCount = React.Children.count(children);
+
   return (
-    <div className="Columns" style={{ gridTemplateColumns: `repeat(${columns}, ${layout})` }}>
+    <div className="Columns" style={{ gridTemplateColumns: `repeat(${columnsCount}, ${layout})` }}>
       {children}
     </div>
   );

package/components/Columns/style.scss

@@ -1,4 +1,10 @@
+$iphone-plus: 414px;
+
 .Columns {
   display: grid;
   gap: var(--md, 20px);
+
+  @media (max-width: $iphone-plus) {
+    grid-template-columns: 1fr !important;
+  }
 }

package/components/Image/index.tsx

@@ -88,7 +88,7 @@ const Image = (Props: ImageProps) => {
 
   return (
     <span
-      aria-label={alt}
+      aria-label={`${lightbox ? 'Collapse image' : 'Expand image'}`}
       className={`img lightbox ${lightbox ? 'open' : 'closed'}`}
       onClick={toggle}
       onKeyDown={handleKeyDown}

package/dist/components/Columns/index.d.ts

@@ -3,9 +3,8 @@ import './style.scss';
 export declare const Column: ({ children }: {
     children: any;
 }) => React.JSX.Element;
-declare const Columns: ({ children, columns, layout }: {
+declare const Columns: ({ children, layout }: {
     children: any;
-    columns?: number;
     layout?: string;
 }) => React.JSX.Element;
 export default Columns;

package/dist/lib/migrate.d.ts

@@ -1,2 +1,4 @@
-declare const migrate: (doc: string) => string;
+declare const migrate: (doc: string, { rdmd }: {
+    rdmd: any;
+}) => string;
 export default migrate;

package/dist/main.css

@@ -1,6 +1,6 @@
 .Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:rgba(var(--color-bg-page-rgb, white), 1);border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:left;width:100%}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-title::marker{content:""}.Accordion-title::-webkit-details-marker{display:none}.Accordion-toggleIcon,.Accordion-toggleIcon_opened{color:var(--color-text-minimum, #637288);font-size:14px;margin-left:5px;margin-right:10px;transition:transform .1s}.Accordion-toggleIcon_opened,.Accordion-toggleIcon_opened_opened{transform:rotate(90deg)}.Accordion-icon{color:var(--project-color-primary, inherit);margin-right:10px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:5px 15px 0 15px}
 .CardsGrid{display:grid;gap:20px}.CardsGrid .Card{padding:15px;padding-bottom:0;backdrop-filter:blur(20px);background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),0 2px 5px rgba(0, 0, 0, 0.02)}.CardsGrid .Card-top{display:inline-flex;flex-direction:row}.CardsGrid .Card-icon{color:var(--project-color-primary, inherit);font-size:20px}.CardsGrid .Card-title{color:var(--color-text-default, #384248);font-weight:600;margin-top:10px}.CardsGrid .Card-title:first-child{margin-top:0}.CardsGrid .Card-content{color:var(--color-text-muted, #4f5a66)}.CardsGrid a.Card:not([href=""]){text-decoration:none;color:inherit}.CardsGrid a.Card:not([href=""]):hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}
-.Columns{display:grid;gap:var(--md, 20px)}
+.Columns{display:grid;gap:var(--md, 20px)}@media(max-width: 414px){.Columns{grid-template-columns:1fr !important}}
 .TabGroup-nav{border-bottom:solid var(--color-border-default, rgba(0, 0, 0, 0.1));margin-bottom:15px}.TabGroup-tab{background:none;border:0;color:var(--color-text-minimum, #637288);cursor:pointer;font-size:15px;font-weight:600;margin-right:15px;padding:0;padding-bottom:10px}.TabGroup-tab_active{background:none;border:0;border-bottom:solid var(--project-color-primary, var(--color-text-default, #384248));color:var(--project-color-primary, var(--color-text-default, #384248));font-size:15px;font-weight:600;margin-right:15px;margin-bottom:-2px;padding:0;padding-bottom:10px}.TabGroup-tab:hover{color:var(--color-text-muted, #4f5a66)}.TabGroup-icon{color:var(--project-color-primary, inherit);margin-right:10px}.TabGroup .TabContent{color:var(--color-text-muted, #4f5a66)}
 /* BASICS */
 

package/dist/main.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@readme/markdown-legacy"), require("@readme/variable"), require("@tippyjs/react"), require("mermaid"), require("react"));
+		module.exports = factory(require("@readme/variable"), require("@tippyjs/react"), require("mermaid"), require("react"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@readme/markdown-legacy", "@readme/variable", "@tippyjs/react", "mermaid", "react"], factory);
+		define(["@readme/variable", "@tippyjs/react", "mermaid", "react"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@readme/markdown-legacy"), require("@readme/variable"), require("@tippyjs/react"), require("mermaid"), require("react")) : factory(root["@readme/markdown-legacy"], root["@readme/variable"], root["@tippyjs/react"], root["mermaid"], root["React"]);
+		var a = typeof exports === 'object' ? factory(require("@readme/variable"), require("@tippyjs/react"), require("mermaid"), require("react")) : factory(root["@readme/variable"], root["@tippyjs/react"], root["mermaid"], root["React"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__7374__, __WEBPACK_EXTERNAL_MODULE__8167__, __WEBPACK_EXTERNAL_MODULE__6570__, __WEBPACK_EXTERNAL_MODULE__1387__, __WEBPACK_EXTERNAL_MODULE__1307__) => {
+})(self, (__WEBPACK_EXTERNAL_MODULE__8167__, __WEBPACK_EXTERNAL_MODULE__6570__, __WEBPACK_EXTERNAL_MODULE__1387__, __WEBPACK_EXTERNAL_MODULE__1307__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -13163,14 +13163,6 @@ module.exports = function () {
 };
 
 
-/***/ }),
-
-/***/ 7374:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__7374__;
-
 /***/ }),
 
 /***/ 8167:
@@ -13707,9 +13699,10 @@ const CodeTabs = props => {
 const Column = ({ children }) => {
     return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Column" }, children));
 };
-const Columns = ({ children, columns = 2, layout = 'auto' }) => {
+const Columns = ({ children, layout = 'auto' }) => {
     layout = layout === 'fixed' ? '1fr' : 'auto';
-    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Columns", style: { gridTemplateColumns: `repeat(${columns}, ${layout})` } }, children));
+    const columnsCount = external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().Children.count(children);
+    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Columns", style: { gridTemplateColumns: `repeat(${columnsCount}, ${layout})` } }, children));
 };
 /* harmony default export */ const components_Columns = (Columns);
 
@@ -13895,7 +13888,7 @@ const Image = (Props) => {
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { src: src, width: width, height: height, title: title, className: `img img-align-center ${border ? 'border' : ''}`, alt: alt, loading: lazy ? 'lazy' : 'eager' }),
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figcaption", null, children || caption)))));
     }
-    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": alt, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": `${lightbox ? 'Collapse image' : 'Expand image'}`, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { src: src, width: width, height: height, title: title, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, alt: alt, loading: lazy ? 'lazy' : 'eager' }))));
 };
@@ -78558,8 +78551,6 @@ const hast = (text, opts = {}) => {
 };
 /* harmony default export */ const lib_hast = (hast);
 
-// EXTERNAL MODULE: external "@readme/markdown-legacy"
-var markdown_legacy_ = __webpack_require__(7374);
 ;// ./processor/migration/emphasis.ts
 
 const emphasis_strongTest = (node) => ['emphasis', 'strong'].includes(node.type);
@@ -78645,7 +78636,6 @@ const linkReferenceTransformer = () => (tree) => {
 
 ;// ./processor/migration/table-cell.ts
 
-
 const magicIndex = (i, j) => `${i === 0 ? 'h' : `${i - 1}`}-${j}`;
 const isInlineHtml = node => node.type === 'html' && !node.block;
 // @note: This regex is detect malformed lists that were created by the
@@ -78670,7 +78660,7 @@ const isInlineHtml = node => node.type === 'html' && !node.block;
 // The following regex attempts to detect this pattern, and we'll convert it to
 // something more standard.
 const psuedoListRegex = /^(?![ \t]*([*_]+).*\1[ \t]*$)(?<ws>[ \t]*)\\?([*_])\s*(?<item>.*)$/gm;
-const migrateTableCells = (vfile) => (table) => {
+const migrateTableCells = (vfile, rdmd) => (table) => {
     let json;
     try {
         const { position } = table;
@@ -78695,7 +78685,7 @@ const migrateTableCells = (vfile) => (table) => {
             let children = cell.children;
             if (json && json.data[magicIndex(i, j)]) {
                 const string = json.data[magicIndex(i, j)].replace(psuedoListRegex, '$<ws>- $<item>');
-                children = markdown_legacy_.mdast(string).children;
+                children = rdmd.mdast(string).children;
             }
             cell.children =
                 children.length > 1 && !children.some(isInlineHtml)
@@ -78712,10 +78702,13 @@ const migrateTableCells = (vfile) => (table) => {
         }
     });
 };
-const tableCellTransformer = () => (tree, vfile) => {
-    visit(tree, 'table', migrateTableCells(vfile));
-    return tree;
-};
+function tableCellTransformer() {
+    const rdmd = this.data('rdmd');
+    return (tree, vfile) => {
+        visit(tree, 'table', migrateTableCells(vfile, rdmd));
+        return tree;
+    };
+}
 /* harmony default export */ const table_cell = (tableCellTransformer);
 
 ;// ./processor/migration/index.ts
@@ -78733,14 +78726,13 @@ const transformers = [
 
 ;// ./lib/mdastV6.ts
 
-
 const migrationNormalize = (doc) => {
     return doc.replaceAll(/^(<!--.*?)\\-->$/gms, '$1-->');
 };
-const mdastV6 = (doc) => {
-    const [_normalizedDoc] = markdown_legacy_.setup(doc);
+const mdastV6 = (doc, { rdmd }) => {
+    const [_normalizedDoc] = rdmd.setup(doc);
     const normalizedDoc = migrationNormalize(_normalizedDoc);
-    const proc = markdown_legacy_.processor().use(migration);
+    const proc = rdmd.processor().use(migration).data('rdmd', rdmd);
     const tree = proc.parse(normalizedDoc);
     proc.runSync(tree, normalizedDoc);
     return tree;
@@ -83663,8 +83655,8 @@ const tags = (doc) => {
 ;// ./lib/migrate.ts
 
 
-const migrate = (doc) => {
-    return lib_mdx(lib_mdastV6(doc)).replaceAll(/&#x20;/g, ' ');
+const migrate = (doc, { rdmd }) => {
+    return lib_mdx(lib_mdastV6(doc, { rdmd })).replaceAll(/&#x20;/g, ' ');
 };
 /* harmony default export */ const lib_migrate = (migrate);