@kids-reporter/draft-renderer 0.4.23 → 0.4.25

package/lib/block-render-maps/annotation.js

@@ -19,14 +19,14 @@ const ListForAnnotation = (0, _styledComponents.default)(_articleContent.List)`
   li {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '16px' : '20px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '20px' : '16px'};
   }
 `;
 const ParagraphForAnnotation = (0, _styledComponents.default)(_articleContent.Paragraph)`
   /* overwrite css */
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '16px' : '20px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '20px' : '16px'};
   font-weight: 400;
   margin-bottom: 20px;
   color: #494949;

package/lib/block-render-maps/article-content.js

@@ -15,7 +15,7 @@ const Paragraph = _styledComponents.default.div`
   max-width: 700px;
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '18px' : '22px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '22px' : '18px'};
   font-weight: 400;
   color: #3a4f66;
   letter-spacing: 0.9px;
@@ -50,25 +50,25 @@ const Heading = _styledComponents.default.div`
   h2 {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '35px' : '39px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '39px' : '35px'};
   }
 
   h3 {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '30px' : '34px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '34px' : '30px'};
   }
 
   h4 {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '25px' : '29px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '29px' : '25px'};
   }
 
   h5 {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '20px' : '24px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '24px' : '20px'};
   }
 
   ${_mediaQuery.mediaQuery.smallOnly} {
@@ -83,7 +83,7 @@ const List = _styledComponents.default.ol`
   margin: 0 auto 27px auto;
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '18px' : '22px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '22px' : '18px'};
   line-height: 2;
   letter-spacing: 0.9px;
   color: #3a4f66;

package/lib/block-render-maps/info-box.js

@@ -28,7 +28,7 @@ const ListForInfoBox = (0, _styledComponents.default)(_articleContent.List)`
   li {
     font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '16px' : '20px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '20px' : '16px'};
     line-height: 1.5;
   }
 `;
@@ -36,7 +36,7 @@ const ParagraphForInfoBox = (0, _styledComponents.default)(_articleContent.Parag
   /* overwrite css */
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '16px' : '20px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '20px' : '16px'};
   font-weight: 400;
   margin-bottom: 20px;
   line-height: 1.5;

package/lib/block-renderer-fn.js

@@ -7,6 +7,7 @@ exports.atomicBlockRenderer = atomicBlockRenderer;
 var _blockRenderers = require("./block-renderers");
 const {
   BlockquoteInArticleBody,
+  Divider,
   EmbeddedCodeInArticleBody,
   ImageInArticleBody,
   InfoBoxInArticleBody,
@@ -24,6 +25,10 @@ const AtomicBlock = props => {
           data: entityData
         });
       }
+    case 'DIVIDER':
+      {
+        return Divider();
+      }
     case 'IMAGE':
       {
         return ImageInArticleBody({

package/lib/block-renderers/blockquote.js

@@ -39,7 +39,7 @@ const QuoteText = _styledComponents.default.p`
   word-break: break-word;
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '18px' : '22px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '22px' : '18px'};
   font-weight: 500;
   letter-spacing: 0.9px;
   line-height: 2;

package/lib/block-renderers/divider.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Divider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _index = require("../utils/index");
+var _mediaQuery = require("../utils/media-query");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Hr = _styledComponents.default.hr`
+  border-top: 3px solid ${({
+  theme
+}) => (0, _index.getColorHex)(theme === null || theme === void 0 ? void 0 : theme.themeColor)};
+  width: 385px;
+  height: 3px;
+  margin: 40px auto 60px auto;
+
+  ${_mediaQuery.mediaQuery.smallOnly} {
+    width: 55%;
+  }
+`;
+const Divider = () => {
+  return /*#__PURE__*/_react.default.createElement(Hr, null);
+};
+exports.Divider = Divider;
+var _default = Divider;
+exports.default = _default;

package/lib/block-renderers/embedded-code-block.js

@@ -27,7 +27,7 @@ exports.Block = Block;
 const Caption = _styledComponents.default.div`
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '14px' : '18px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '18px' : '14px'};
   line-height: 1.43;
   letter-spacing: 0.4px;
   color: #808080;

package/lib/block-renderers/image-block.js

@@ -18,7 +18,7 @@ const FigureCaption = _styledComponents.default.figcaption`
   max-width: 100%;
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '14px' : '18px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '18px' : '14px'};
   margin-left: auto;
   margin-right: auto;
   margin-top: 0.5em;

package/lib/block-renderers/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockRenderers = void 0;
 var _blockquote = require("./blockquote");
+var _divider = require("./divider");
 var _embeddedCodeBlock = require("./embedded-code-block");
 var _imageBlock = require("./image-block");
 var _infoBoxBlock = require("./info-box-block");
@@ -12,6 +13,7 @@ var _slideshowBlock = require("./slideshow-block");
 var _newsReading = require("./news-reading");
 const blockRenderers = {
   BlockquoteInArticleBody: _blockquote.BlockquoteInArticleBody,
+  Divider: _divider.Divider,
   EmbeddedCodeBlock: _embeddedCodeBlock.EmbeddedCodeBlock,
   EmbeddedCodeInArticleBody: _embeddedCodeBlock.EmbeddedCodeInArticleBody,
   ImageBlock: _imageBlock.ImageBlock,

package/lib/block-renderers/multimedia.js

@@ -69,7 +69,7 @@ const Caption = _styledComponents.default.figcaption`
   font-weight: normal;
   font-size: ${({
   theme
-}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'normal' ? '14px' : '18px'};
+}) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '18px' : '14px'};
   margin-bottom: 30px;
 
   /* border-bottom of caption */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-renderer",
-  "version": "0.4.23",
+  "version": "0.4.25",
   "description": "",
   "main": "lib/index.js",
   "scripts": {