@readme/markdown 6.75.0-beta.44 → 6.75.0-beta.45

package/components/Callout/index.tsx

@@ -31,9 +31,9 @@ const Callout = (props: Props) => {
     <blockquote {...attributes} className={`callout callout_${theme}`} theme={icon}>
       <h3 className={`callout-heading${empty ? ' empty' : ''}`}>
         <span className="callout-icon">{icon}</span>
-        {empty || children[0]}
+        {empty || React.Children.toArray(children)[0]}
       </h3>
-      {empty ? children : React.Children.toArray(children).slice(1)}
+      {React.Children.toArray(children).slice(1)}
     </blockquote>
   );
 };

package/components/Callout/style.scss

@@ -1,4 +1,4 @@
-@mixin callout ($l-offset: 1.33rem) {
+@mixin callout($l-offset: 1.33rem) {
   --background: #{lighten(#dfe2e5, 8.75%)};
   --border: #{lighten(#6a737d, 12.5%)};
 
@@ -16,32 +16,37 @@
     --border: #{lighten($color, 5%)}; // should be #5bc0de
   }
 
-  &_warn, &_warning {
+  &_warn,
+  &_warning {
     $color: #eea236;
     --background: #fcf8f2;
     --title: #{$color};
     --border: #{lighten($color, 5%)};
   }
 
-  &_ok, &_okay, &_success {
+  &_ok,
+  &_okay,
+  &_success {
     $color: #489e49;
     --background: #f3f8f3;
     --title: #{$color};
     --border: #{lighten($color, 5%)}; // should be #50af51
   }
 
-  &_err, &_error {
+  &_err,
+  &_error {
     $color: #d43f3a;
     --background: #fdf7f7;
     --title: #{$color};
-    --border: #{lighten($color, 5%)};  // should be #d9534f
+    --border: #{lighten($color, 5%)}; // should be #d9534f
   }
 
   > * {
     margin-left: $l-offset;
     position: relative;
   }
-  ul, ol {
+  ul,
+  ol {
     padding-left: 1.3em;
   }
 
@@ -55,18 +60,20 @@
     color: var(--text);
     border-color: var(--border);
     border-width: 3px;
-    padding: 0 0 0 .8em;
+    padding: 0 0 0 0.8em;
   }
 
   .callout-heading {
     color: var(--title, --text);
-    margin-bottom: calc(#{$l-offset} * .5);
+    margin-bottom: calc(#{$l-offset} * 0.5);
+
     &:only-child {
       margin-bottom: 0;
     }
+
     &.empty {
       float: left;
-      margin-top: calc(#{$l-offset} * .5);
+      margin-top: calc(#{$l-offset} * 0.5);
       .callout-icon {
         line-height: 0;
       }
@@ -85,8 +92,8 @@
   }
   .callout-icon {
     float: left;
-    margin-left: calc(-#{$l-offset} - .5em);
-    margin-right: -.25rem;
+    margin-left: calc(-#{$l-offset} - 0.5em);
+    margin-right: -0.25rem;
   }
 }
 @mixin calloutCustomIcons($R: callout) {
@@ -113,19 +120,19 @@
     --emoji: unset;
     &_okay {
       /* thumbs up */
-      --icon: "\f164";
+      --icon: '\f164';
     }
     &_info {
       /* info circle */
-      --icon: "\f05a";
+      --icon: '\f05a';
     }
     &_warn {
       /* warning triangle */
-      --icon: "\f071";
+      --icon: '\f071';
     }
     &_error {
       /* warning circle */
-      --icon: "\f06a";
+      --icon: '\f06a';
     }
     &_default {
       /* warning circle */
@@ -135,7 +142,8 @@
 }
 
 .callout {
-  &.callout { // bump specificity
+  &.callout {
+    // bump specificity
     @include callout;
   }
   @include calloutCustomIcons;

package/dist/main.js

@@ -60998,8 +60998,8 @@ const Callout = (props) => {
     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("blockquote", Object.assign({}, attributes, { className: `callout callout_${theme}`, theme: icon }),
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("h3", { className: `callout-heading${empty ? ' empty' : ''}` },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "callout-icon" }, icon),
-            empty || children[0]),
-        empty ? children : external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.Children.toArray(children).slice(1)));
+            empty || external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.Children.toArray(children)[0]),
+        external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.Children.toArray(children).slice(1)));
 };
 /* harmony default export */ const components_Callout = (Callout);
 
@@ -61433,6 +61433,7 @@ const calloutTransformer = () => {
             const [match, icon] = startText.match(callouts_regex) || [];
             if (icon && match) {
                 const heading = startText.slice(match.length);
+                const empty = !heading.length && node.children[0].children.length === 1;
                 node.children[0].children[0].value = heading;
                 Object.assign(node, {
                     type: NodeTypes.callout,
@@ -61440,7 +61441,7 @@ const calloutTransformer = () => {
                         hName: 'Callout',
                         hProperties: {
                             icon,
-                            empty: !heading.length,
+                            empty,
                         },
                     },
                 });

package/dist/main.node.js

@@ -58245,8 +58245,8 @@ const Callout = (props) => {
     react.createElement("blockquote", Object.assign({}, attributes, { className: `callout callout_${theme}`, theme: icon }),
         react.createElement("h3", { className: `callout-heading${empty ? ' empty' : ''}` },
             react.createElement("span", { className: "callout-icon" }, icon),
-            empty || children[0]),
-        empty ? children : react.Children.toArray(children).slice(1)));
+            empty || react.Children.toArray(children)[0]),
+        react.Children.toArray(children).slice(1)));
 };
 /* harmony default export */ const components_Callout = (Callout);
 
@@ -63573,6 +63573,7 @@ const calloutTransformer = () => {
             const [match, icon] = startText.match(callouts_regex) || [];
             if (icon && match) {
                 const heading = startText.slice(match.length);
+                const empty = !heading.length && node.children[0].children.length === 1;
                 node.children[0].children[0].value = heading;
                 Object.assign(node, {
                     type: NodeTypes.callout,
@@ -63580,7 +63581,7 @@ const calloutTransformer = () => {
                         hName: 'Callout',
                         hProperties: {
                             icon,
-                            empty: !heading.length,
+                            empty,
                         },
                     },
                 });

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.75.0-beta.44",
+  "version": "6.75.0-beta.45",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",