@readme/markdown 6.74.1 → 6.74.3

package/README.md

@@ -1,5 +1,5 @@
-@readme/markdown
-===
+# @readme/markdown
+
 <img align="right" width="26%" src="https://owlbertsio-resized.s3.amazonaws.com/Reading.psd.full.png">
 
 ReadMe's flavored Markdown parser and MDX rendering engine. <img align=center src=https://github.com/readmeio/markdown/workflows/CI/badge.svg alt="RDMD CI Status">
@@ -14,28 +14,24 @@ By default, the updated markdown package exports a function which takes a string
 
 ```jsx
 import React from 'react';
-import rdmd from "@readme/markdown";
+import rdmd from '@readme/markdown';
 
-export default ({ body }) => (
-  <div className="markdown-body">
-    {rdmd(body)}
-  </div>
-);
+export default ({ body }) => <div className="markdown-body">{rdmd(body)}</div>;
 ```
 
 ### Export Methods
 
 In addition to the default React processor, the package exports some other methods for transforming ReadMe-flavored markdown:
 
-| Export  | Description                                    | Arguments       |
-| -------:|:---------------------------------------------- |:--------------- |
-|*`react`*|_(default)_ returns a VDOM tree object          |`text`, `options`|
-|*`md`*   | transform mdast in to ReadMe-flavored markdown |`tree`, `options`|
-|*`html`* | transform markdown in to HTML                  |`text`, `options`|
-|*`mdast`*| transform markdown to an mdast object          |`text`, `options`|
-|*`hast`* | transform markdown to HAST object              |`text`, `options`|
-|*`plain`*| transform markdown to plain text               |`text`, `options`|
-|*`utils`*| contexts, defaults, helpers, etc.              | N/A             |
+|    Export | Description                                    | Arguments         |
+| --------: | :--------------------------------------------- | :---------------- |
+| _`react`_ | _(default)_ returns a VDOM tree object         | `text`, `options` |
+|    _`md`_ | transform mdast in to ReadMe-flavored markdown | `tree`, `options` |
+|  _`html`_ | transform markdown in to HTML                  | `text`, `options` |
+| _`mdast`_ | transform markdown to an mdast object          | `text`, `options` |
+|  _`hast`_ | transform markdown to HAST object              | `text`, `options` |
+| _`plain`_ | transform markdown to plain text               | `text`, `options` |
+| _`utils`_ | contexts, defaults, helpers, etc.              | N/A               |
 
 ### Settings & Options
 

package/components/Callout/style.scss

@@ -113,6 +113,7 @@
     margin-right: -0.25rem;
   }
 }
+
 @mixin callout-custom-icons($R: callout) {
   --emoji: 1em;
   --icon-font: fontawesome;
@@ -135,6 +136,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
+
   @at-root .rdmdCallouts--useIconFont & {
     --emoji: unset;
 
@@ -170,6 +172,7 @@
     // bump specificity
     @include callout;
   }
+
   @include callout-custom-icons;
 
   border-top-right-radius: var(--markdown-radius);

package/components/Code/style.scss

@@ -102,7 +102,9 @@
     background: var(--md-code-background, inherit);
     border: none;
     border-radius: 3px;
-    box-shadow: inset 0 0 0 1px rgba(#aaa, 0.66), -1px 2px 6px -3px rgba(black, 0.1);
+    box-shadow:
+      inset 0 0 0 1px rgba(#aaa, 0.66),
+      -1px 2px 6px -3px rgba(black, 0.1);
     color: inherit;
     color: var(--md-code-text, inherit);
     cursor: copy;
@@ -122,12 +124,16 @@
 
     &:hover {
       &:not(:active) {
-        box-shadow: inset 0 0 0 1px rgba(#8b8b8b, 0.75), -1px 2px 6px -3px rgba(black, 0.2);
+        box-shadow:
+          inset 0 0 0 1px rgba(#8b8b8b, 0.75),
+          -1px 2px 6px -3px rgba(black, 0.2);
       }
     }
 
     &:active {
-      box-shadow: inset 0 0 0 1px rgba(#8b8b8b, 0.5), inset 1px 4px 6px -2px rgba(0, 0, 0, 0.175);
+      box-shadow:
+        inset 0 0 0 1px rgba(#8b8b8b, 0.5),
+        inset 1px 4px 6px -2px rgba(0, 0, 0, 0.175);
 
       &::before,
       &::after {
@@ -138,7 +144,9 @@
     &::before,
     &::after {
       display: inline-block;
-      font: normal normal normal 1em/1 'Font Awesome 5 Free', FontAwesome;
+      font:
+        normal normal normal 1em/1 'Font Awesome 5 Free',
+        FontAwesome;
       font-family: ReadMe-Icons;
       font-feature-settings: 'liga';
       font-variant-ligatures: discretionary-ligatures;

package/components/Embed/index.jsx

@@ -83,7 +83,6 @@ Embed.defaultProps = {
 const CreateEmbed =
   ({ lazyImages }) =>
   // eslint-disable-next-line react/display-name
-  props =>
-    <Embed {...props} lazy={lazyImages} />;
+  props => <Embed {...props} lazy={lazyImages} />;
 
 module.exports = CreateEmbed;

package/components/Embed/style.scss

@@ -13,6 +13,7 @@
     background: var(--md-code-background, #f6f8fa);
     box-shadow: inset 0 0 0 1px rgba(black, 0.1);
   }
+
   @at-root .markdown-body > #{$embed}_hasImg:nth-of-type(odd) {
     margin-right: 30px;
     padding-right: 0;
@@ -25,6 +26,7 @@
       margin-right: -30px;
     }
   }
+
   @at-root .markdown-body > #{$embed}_hasImg:nth-of-type(even) {
     margin-left: 30px;
     padding-left: 0;

package/components/GlossaryItem/index.jsx

@@ -31,7 +31,7 @@ GlossaryItem.propTypes = {
     PropTypes.shape({
       definition: PropTypes.string.isRequired,
       term: PropTypes.string.isRequired,
-    })
+    }),
   ).isRequired,
 };
 

package/components/HTMLBlock/index.jsx

@@ -56,8 +56,7 @@ HTMLBlock.propTypes = {
 const CreateHtmlBlock =
   ({ safeMode }) =>
   // eslint-disable-next-line react/display-name
-  props =>
-    <HTMLBlock {...props} safeMode={safeMode} />;
+  props => <HTMLBlock {...props} safeMode={safeMode} />;
 
 CreateHtmlBlock.sanitize = schema => {
   schema.tagNames.push('html-block');

package/components/Heading/index.jsx

@@ -25,7 +25,7 @@ function Heading({ tag, showAnchorIcons, ...props }) {
         aria-label={`Skip link to ${headingText}`}
         className="heading-anchor-icon fa fa-anchor"
         href={`#${props.id}`}
-      />
+      />,
     );
   }
 

package/components/Image/index.jsx

@@ -102,7 +102,6 @@ Image.sanitize = sanitizeSchema => {
 const CreateImage =
   ({ lazyImages }) =>
   // eslint-disable-next-line react/display-name
-  props =>
-    <Image lazy={lazyImages} {...props} />;
+  props => <Image lazy={lazyImages} {...props} />;
 
 module.exports = CreateImage;

package/components/Style.jsx

@@ -19,8 +19,7 @@ Style.propTypes = {
 const CreateStyle =
   ({ safeMode }) =>
   // eslint-disable-next-line react/display-name
-  props =>
-    <Style {...props} safeMode={safeMode} />;
+  props => <Style {...props} safeMode={safeMode} />;
 
 CreateStyle.sanitize = sanitize => {
   sanitize.tagNames.push('style');