@wix/ricos 11.20.1 → 11.20.2

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock.js

@@ -7,16 +7,17 @@ import {
   RicosViewerContext
 } from "./../../../../../ricos-context/index.js";
 import { TextStyle_TextAlignment } from "./../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { formatFontSize } from "./../../../../../_shared/format-font-size.js";
 import { normalizeLineHeight } from "./../../../../../_shared/line-spacing-utils.js";
 import alignmentStyle from "../../../../statics/alignment-scss.js";
 import { Anchorable } from "../../utils/anchorable.js";
 import { getPaywallSeoClass, isPaywallSeo } from "../../utils/paywall-seo.js";
 import styles from "./codeblock-scss.js";
 const CodeBlock = ({ node, nodeIndex, RicosNodesRenderer }) => {
-  const { seoMode } = useContext(RicosViewerContext);
+  const { seoMode, plugins } = useContext(RicosViewerContext);
   const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);
   const { parentNode } = useContext(RicosNodeContext);
-  const { textAlignment, lineHeight } = node.codeBlockData?.textStyle || {};
+  const { textAlignment, lineHeight, fontSize } = node.codeBlockData?.textStyle || {};
   const codeBlockClassName = classnames(
     styles.codeBlock,
     alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],
@@ -24,7 +25,14 @@ const CodeBlock = ({ node, nodeIndex, RicosNodesRenderer }) => {
   );
   const nodeStyle = {
     ...node.style,
-    ...lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }
+    ...lineHeight && { lineHeight: normalizeLineHeight(lineHeight) },
+    // Text renders at its own sizes, so only an empty block takes its own
+    ...!node.nodes?.length && fontSize?.value && {
+      fontSize: formatFontSize(
+        fontSize,
+        plugins?.find((plugin) => plugin.type === "fontSize")
+      )
+    }
   };
   return /* @__PURE__ */ React.createElement(Anchorable, { nodeId: node.id }, /* @__PURE__ */ React.createElement("pre", { className: codeBlockClassName, style: nodeStyle, dir: "auto" }, /* @__PURE__ */ React.createElement(
     "span",
@@ -33,7 +41,7 @@ const CodeBlock = ({ node, nodeIndex, RicosNodesRenderer }) => {
         textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]
       )
     },
-    /* @__PURE__ */ React.createElement(RicosNodeContextProvider, { parentNode: node, parentIndex: nodeIndex }, /* @__PURE__ */ React.createElement(RicosNodesRenderer, { nodes: node.nodes ?? [] }))
+    node.nodes?.length ? /* @__PURE__ */ React.createElement(RicosNodeContextProvider, { parentNode: node, parentIndex: nodeIndex }, /* @__PURE__ */ React.createElement(RicosNodesRenderer, { nodes: node.nodes })) : /* @__PURE__ */ React.createElement("br", { role: "presentation" })
   )));
 };
 const CodeBlockRenderer = ({ node, ...props }) => {

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock.tsx"],
-  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport styles from './codeblock-scss.js';\n\nconst CodeBlock: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const { seoMode } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const { textAlignment, lineHeight } = node.codeBlockData?.textStyle || {};\n  const codeBlockClassName = classnames(\n    styles.codeBlock,\n    alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n\n  const nodeStyle: NodeStyle & { lineHeight?: string } = {\n    ...node.style,\n    ...(lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }),\n  };\n  return (\n    <Anchorable nodeId={node.id}>\n      <pre className={codeBlockClassName} style={nodeStyle} dir=\"auto\">\n        <span\n          className={classnames(\n            textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n          )}\n        >\n          <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n            <RicosNodesRenderer nodes={node.nodes ?? []} />\n          </RicosNodeContextProvider>\n        </span>\n      </pre>\n    </Anchorable>\n  );\n};\n\nconst CodeBlockRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <CodeBlock key={node.id} node={node} {...props} />;\n};\n\nexport default CodeBlockRenderer;\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,OAAO,SAAS,kBAAkB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AAExC,SAAS,2BAA2B;AAEpC,OAAO,oBAAoB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,oBAAoB;AACjD,OAAO,YAAY;AAEnB,MAAM,YAAuC,CAAC,EAAE,MAAM,WAAW,mBAAmB,MAAM;AACxF,QAAM,EAAE,QAAQ,IAAI,WAAW,kBAAkB;AACjD,QAAM,EAAE,eAAe,gBAAgB,IAAI,WAAW,qBAAqB;AAC3E,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,EAAE,eAAe,WAAW,IAAI,KAAK,eAAe,aAAa,CAAC;AACxE,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,IACP,eAAe,iBAAiB,mBAAmB,wBAAwB,IAAI;AAAA,IAC/E,CAAC,cAAc,aAAa,OAAO,KAAK,mBAAmB,SAAS,WAAW,CAAC,GAAG,SAAS;AAAA,EAC9F;AAEA,QAAM,YAAiD;AAAA,IACrD,GAAG,KAAK;AAAA,IACR,GAAI,cAAc,EAAE,YAAY,oBAAoB,UAAU,EAAE;AAAA,EAClE;AACA,SACE,oCAAC,cAAW,QAAQ,KAAK,MACvB,oCAAC,SAAI,WAAW,oBAAoB,OAAO,WAAW,KAAI,UACxD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,kBAAkB,wBAAwB,WAAW,eAAe,aAAa;AAAA,MACnF;AAAA;AAAA,IAEA,oCAAC,4BAAyB,YAAY,MAAM,aAAa,aACvD,oCAAC,sBAAmB,OAAO,KAAK,SAAS,CAAC,GAAG,CAC/C;AAAA,EACF,CACF,CACF;AAEJ;AAEA,MAAM,oBAAsC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAClE,SAAO,oCAAC,aAAU,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AACzD;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport type { FontSizePluginConfig } from './../../../../types.js';\nimport { formatFontSize } from './../../../../../_shared/format-font-size.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport styles from './codeblock-scss.js';\n\nconst CodeBlock: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const { seoMode, plugins } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const { textAlignment, lineHeight, fontSize } = node.codeBlockData?.textStyle || {};\n  const codeBlockClassName = classnames(\n    styles.codeBlock,\n    alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n\n  const nodeStyle: NodeStyle & { lineHeight?: string; fontSize?: string } = {\n    ...node.style,\n    ...(lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }),\n    // Text renders at its own sizes, so only an empty block takes its own\n    ...(!node.nodes?.length &&\n      fontSize?.value && {\n        fontSize: formatFontSize(\n          fontSize,\n          plugins?.find((plugin): plugin is FontSizePluginConfig => plugin.type === 'fontSize')\n        ),\n      }),\n  };\n  return (\n    <Anchorable nodeId={node.id}>\n      <pre className={codeBlockClassName} style={nodeStyle} dir=\"auto\">\n        <span\n          className={classnames(\n            textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n          )}\n        >\n          {node.nodes?.length ? (\n            <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n              <RicosNodesRenderer nodes={node.nodes} />\n            </RicosNodeContextProvider>\n          ) : (\n            <br role=\"presentation\" />\n          )}\n        </span>\n      </pre>\n    </Anchorable>\n  );\n};\n\nconst CodeBlockRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <CodeBlock key={node.id} node={node} {...props} />;\n};\n\nexport default CodeBlockRenderer;\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,OAAO,SAAS,kBAAkB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AAGxC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAEpC,OAAO,oBAAoB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,oBAAoB;AACjD,OAAO,YAAY;AAEnB,MAAM,YAAuC,CAAC,EAAE,MAAM,WAAW,mBAAmB,MAAM;AACxF,QAAM,EAAE,SAAS,QAAQ,IAAI,WAAW,kBAAkB;AAC1D,QAAM,EAAE,eAAe,gBAAgB,IAAI,WAAW,qBAAqB;AAC3E,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,EAAE,eAAe,YAAY,SAAS,IAAI,KAAK,eAAe,aAAa,CAAC;AAClF,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,IACP,eAAe,iBAAiB,mBAAmB,wBAAwB,IAAI;AAAA,IAC/E,CAAC,cAAc,aAAa,OAAO,KAAK,mBAAmB,SAAS,WAAW,CAAC,GAAG,SAAS;AAAA,EAC9F;AAEA,QAAM,YAAoE;AAAA,IACxE,GAAG,KAAK;AAAA,IACR,GAAI,cAAc,EAAE,YAAY,oBAAoB,UAAU,EAAE;AAAA;AAAA,IAEhE,GAAI,CAAC,KAAK,OAAO,UACf,UAAU,SAAS;AAAA,MACjB,UAAU;AAAA,QACR;AAAA,QACA,SAAS,KAAK,CAAC,WAA2C,OAAO,SAAS,UAAU;AAAA,MACtF;AAAA,IACF;AAAA,EACJ;AACA,SACE,oCAAC,cAAW,QAAQ,KAAK,MACvB,oCAAC,SAAI,WAAW,oBAAoB,OAAO,WAAW,KAAI,UACxD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,kBAAkB,wBAAwB,WAAW,eAAe,aAAa;AAAA,MACnF;AAAA;AAAA,IAEC,KAAK,OAAO,SACX,oCAAC,4BAAyB,YAAY,MAAM,aAAa,aACvD,oCAAC,sBAAmB,OAAO,KAAK,OAAO,CACzC,IAEA,oCAAC,QAAG,MAAK,gBAAe;AAAA,EAE5B,CACF,CACF;AAEJ;AAEA,MAAM,oBAAsC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAClE,SAAO,oCAAC,aAAU,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AACzD;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading-scss.js

@@ -1,13 +1,13 @@
 var heading_default = {
-  "fontElementMap": "vUUoT",
-  "elementSpacing": "gXgRQ",
-  "headerOne": "C44Br gXgRQ",
-  "headerTwo": "lzhlc gXgRQ",
-  "headerThree": "FYp-l gXgRQ",
-  "headerFour": "zHFbK gXgRQ",
-  "headerFive": "VJqtt gXgRQ",
-  "headerSix": "LMl7s gXgRQ",
-  "child": "_5c0wx"
+  "fontElementMap": "UTWji",
+  "elementSpacing": "lDWoB",
+  "headerOne": "soDFH lDWoB",
+  "headerTwo": "Skuvf lDWoB",
+  "headerThree": "DuQ3s lDWoB",
+  "headerFour": "vPDaf lDWoB",
+  "headerFive": "N5QZe lDWoB",
+  "headerSix": "_4uvkV lDWoB",
+  "child": "bfHRg"
 };
 export {
   heading_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"vUUoT\",\n  \"elementSpacing\": \"gXgRQ\",\n  \"headerOne\": \"C44Br gXgRQ\",\n  \"headerTwo\": \"lzhlc gXgRQ\",\n  \"headerThree\": \"FYp-l gXgRQ\",\n  \"headerFour\": \"zHFbK gXgRQ\",\n  \"headerFive\": \"VJqtt gXgRQ\",\n  \"headerSix\": \"LMl7s gXgRQ\",\n  \"child\": \"_5c0wx\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"UTWji\",\n  \"elementSpacing\": \"lDWoB\",\n  \"headerOne\": \"soDFH lDWoB\",\n  \"headerTwo\": \"Skuvf lDWoB\",\n  \"headerThree\": \"DuQ3s lDWoB\",\n  \"headerFour\": \"vPDaf lDWoB\",\n  \"headerFive\": \"N5QZe lDWoB\",\n  \"headerSix\": \"_4uvkV lDWoB\",\n  \"child\": \"bfHRg\"\n};"],
   "mappings": "AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading.js

@@ -8,6 +8,7 @@ import {
   RicosViewerContext
 } from "./../../../../../ricos-context/index.js";
 import { TextStyle_TextAlignment } from "./../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { formatFontSize } from "./../../../../../_shared/format-font-size.js";
 import { getHeadingAnchor } from "./../../../../../_shared/get-heading-anchor.js";
 import { getTextFromNodes } from "./../../../../../_shared/get-text-from-nodes.js";
 import { normalizeLineHeight } from "./../../../../../_shared/line-spacing-utils.js";
@@ -35,13 +36,13 @@ const levelToTag = {
 };
 const FALLBACK_LEVEL = 1;
 const Heading = ({ node, nodeIndex, RicosNodesRenderer }) => {
-  const { seoMode } = useContext(RicosViewerContext);
+  const { seoMode, plugins } = useContext(RicosViewerContext);
   const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);
   const { parentNode } = useContext(RicosNodeContext);
   const directionHandled = useContext(RicosDirectionHandledContext);
   const { level = 0, textStyle, indentation = 0, renderedLevel } = node.headingData || {};
   const tagLevel = renderedLevel && renderedLevel >= 1 && renderedLevel <= 6 ? renderedLevel : level;
-  const { textAlignment, lineHeight } = textStyle || {};
+  const { textAlignment, lineHeight, fontSize } = textStyle || {};
   const headingClassName = classnames(
     styles[levelToClassName[level] ?? levelToClassName[FALLBACK_LEVEL]],
     alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],
@@ -54,8 +55,12 @@ const Heading = ({ node, nodeIndex, RicosNodesRenderer }) => {
   );
   const Tag = levelToTag[tagLevel] ?? levelToTag[FALLBACK_LEVEL];
   const nodeStyle = node.style ? { ...node.style } : {};
-  lineHeight && (nodeStyle.lineHeight = normalizeLineHeight(lineHeight));
   const isEmpty = !node.nodes?.length;
+  lineHeight && (nodeStyle.lineHeight = normalizeLineHeight(lineHeight));
+  isEmpty && fontSize?.value && (nodeStyle.fontSize = formatFontSize(
+    fontSize,
+    plugins?.find((plugin) => plugin.type === "fontSize")
+  ));
   const doesEndWithSoftLine = !isEmpty && node.nodes?.[node.nodes.length - 1]?.textData?.text?.slice(-1) === "\n";
   const Content = isEmpty ? /* @__PURE__ */ React.createElement("br", { role: "presentation" }) : /* @__PURE__ */ React.createElement(RicosNodeContextProvider, { parentNode: node, parentIndex: nodeIndex }, /* @__PURE__ */ React.createElement(RicosNodesRenderer, { key: `children-${node.id}`, nodes: node.nodes ?? [] }));
   return /* @__PURE__ */ React.createElement(Anchorable, { nodeId: node.id }, /* @__PURE__ */ React.createElement(

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading.tsx"],
-  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport { getHeadingAnchor } from './../../../../../_shared/get-heading-anchor.js';\nimport { getTextFromNodes } from './../../../../../_shared/get-text-from-nodes.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport indentStyle from '../../../../statics/indentation-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { indentLevelToClassName } from '../consts.js';\nimport styles from './heading-scss.js';\n\nexport const levelToClassName = {\n  1: 'headerOne',\n  2: 'headerTwo',\n  3: 'headerThree',\n  4: 'headerFour',\n  5: 'headerFive',\n  6: 'headerSix',\n};\n\nconst levelToTag = {\n  1: 'h1',\n  2: 'h2',\n  3: 'h3',\n  4: 'h4',\n  5: 'h5',\n  6: 'h6',\n} as const;\n\nconst FALLBACK_LEVEL = 1;\n\nconst Heading: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const { seoMode } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const directionHandled = useContext(RicosDirectionHandledContext);\n  const { level = 0, textStyle, indentation = 0, renderedLevel } = node.headingData || {};\n  const tagLevel =\n    renderedLevel && renderedLevel >= 1 && renderedLevel <= 6 ? renderedLevel : level;\n  const { textAlignment, lineHeight } = textStyle || {};\n  const headingClassName = classnames(\n    styles[\n      levelToClassName[level as keyof typeof levelToClassName] ?? levelToClassName[FALLBACK_LEVEL]\n    ],\n    alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],\n    indentStyle[indentLevelToClassName[indentation as keyof typeof indentLevelToClassName]],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n  const childClassName = classnames(\n    styles.child,\n    textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n  );\n\n  const Tag = levelToTag[tagLevel as keyof typeof levelToTag] ?? levelToTag[FALLBACK_LEVEL];\n  const nodeStyle: NodeStyle & { lineHeight?: string } = node.style ? { ...node.style } : {};\n  lineHeight && (nodeStyle.lineHeight = normalizeLineHeight(lineHeight));\n\n  const isEmpty = !node.nodes?.length;\n  const doesEndWithSoftLine =\n    !isEmpty && node.nodes?.[node.nodes.length - 1]?.textData?.text?.slice(-1) === '\\n';\n  const Content = isEmpty ? (\n    <br role=\"presentation\" />\n  ) : (\n    <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n      <RicosNodesRenderer key={`children-${node.id}`} nodes={node.nodes ?? []} />\n    </RicosNodeContextProvider>\n  );\n\n  return (\n    <Anchorable nodeId={node.id}>\n      <Tag\n        className={headingClassName}\n        style={nodeStyle}\n        dir={directionHandled ? '' : 'auto'}\n        data-ricos-heading={node.id}\n      >\n        <span\n          aria-hidden=\"true\"\n          id={getHeadingAnchor({\n            id: node.id,\n            text: getTextFromNodes(node.nodes),\n          })}\n        />\n        <span className={childClassName}>{Content}</span>\n        {doesEndWithSoftLine && <br role=\"presentation\" />}\n      </Tag>\n    </Anchorable>\n  );\n};\n\nconst HeadingRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <Heading key={node.id} node={node} {...props} />;\n};\n\nexport default HeadingRenderer;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport type { FontSizePluginConfig } from './../../../../types.js';\nimport { formatFontSize } from './../../../../../_shared/format-font-size.js';\nimport { getHeadingAnchor } from './../../../../../_shared/get-heading-anchor.js';\nimport { getTextFromNodes } from './../../../../../_shared/get-text-from-nodes.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport indentStyle from '../../../../statics/indentation-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { indentLevelToClassName } from '../consts.js';\nimport styles from './heading-scss.js';\n\nexport const levelToClassName = {\n  1: 'headerOne',\n  2: 'headerTwo',\n  3: 'headerThree',\n  4: 'headerFour',\n  5: 'headerFive',\n  6: 'headerSix',\n};\n\nconst levelToTag = {\n  1: 'h1',\n  2: 'h2',\n  3: 'h3',\n  4: 'h4',\n  5: 'h5',\n  6: 'h6',\n} as const;\n\nconst FALLBACK_LEVEL = 1;\n\nconst Heading: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const { seoMode, plugins } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const directionHandled = useContext(RicosDirectionHandledContext);\n  const { level = 0, textStyle, indentation = 0, renderedLevel } = node.headingData || {};\n  const tagLevel =\n    renderedLevel && renderedLevel >= 1 && renderedLevel <= 6 ? renderedLevel : level;\n  const { textAlignment, lineHeight, fontSize } = textStyle || {};\n  const headingClassName = classnames(\n    styles[\n      levelToClassName[level as keyof typeof levelToClassName] ?? levelToClassName[FALLBACK_LEVEL]\n    ],\n    alignmentStyle[textAlignment || parentAlignment || TextStyle_TextAlignment.AUTO],\n    indentStyle[indentLevelToClassName[indentation as keyof typeof indentLevelToClassName]],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n  const childClassName = classnames(\n    styles.child,\n    textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n  );\n\n  const Tag = levelToTag[tagLevel as keyof typeof levelToTag] ?? levelToTag[FALLBACK_LEVEL];\n  const nodeStyle: NodeStyle & { lineHeight?: string; fontSize?: string } = node.style\n    ? { ...node.style }\n    : {};\n  const isEmpty = !node.nodes?.length;\n  lineHeight && (nodeStyle.lineHeight = normalizeLineHeight(lineHeight));\n  // Text renders at its own sizes, so only an empty block takes its own\n  isEmpty &&\n    fontSize?.value &&\n    (nodeStyle.fontSize = formatFontSize(\n      fontSize,\n      plugins?.find((plugin): plugin is FontSizePluginConfig => plugin.type === 'fontSize')\n    ));\n\n  const doesEndWithSoftLine =\n    !isEmpty && node.nodes?.[node.nodes.length - 1]?.textData?.text?.slice(-1) === '\\n';\n  const Content = isEmpty ? (\n    <br role=\"presentation\" />\n  ) : (\n    <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n      <RicosNodesRenderer key={`children-${node.id}`} nodes={node.nodes ?? []} />\n    </RicosNodeContextProvider>\n  );\n\n  return (\n    <Anchorable nodeId={node.id}>\n      <Tag\n        className={headingClassName}\n        style={nodeStyle}\n        dir={directionHandled ? '' : 'auto'}\n        data-ricos-heading={node.id}\n      >\n        <span\n          aria-hidden=\"true\"\n          id={getHeadingAnchor({\n            id: node.id,\n            text: getTextFromNodes(node.nodes),\n          })}\n        />\n        <span className={childClassName}>{Content}</span>\n        {doesEndWithSoftLine && <br role=\"presentation\" />}\n      </Tag>\n    </Anchorable>\n  );\n};\n\nconst HeadingRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <Heading key={node.id} node={node} {...props} />;\n};\n\nexport default HeadingRenderer;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout-scss.js

@@ -1,14 +1,14 @@
 var layout_default = {
-  "sectionDividerClip": "R0IDv",
-  "sectionDivider": "p5oaB",
-  "sectionDividerTop": "kdjrJ",
-  "sectionDividerBottom": "ASp5k",
-  "layoutWrapper": "cwxZa",
-  "layout": "m-CAX",
-  "designOnLayout": "TxR9K",
-  "designOnCell": "gr-Gz",
-  "cell": "phLSM",
-  "mobile": "e20uy"
+  "sectionDividerClip": "_44vJD",
+  "sectionDivider": "txnqL",
+  "sectionDividerTop": "trrtV",
+  "sectionDividerBottom": "I48OR",
+  "layoutWrapper": "VG4wV",
+  "layout": "kDS-H",
+  "designOnLayout": "Fp6-9",
+  "designOnCell": "Uq9Az",
+  "cell": "C3aO-",
+  "mobile": "Htu5m"
 };
 export {
   layout_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout.scss"],
-  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"R0IDv\",\n  \"sectionDivider\": \"p5oaB\",\n  \"sectionDividerTop\": \"kdjrJ\",\n  \"sectionDividerBottom\": \"ASp5k\",\n  \"layoutWrapper\": \"cwxZa\",\n  \"layout\": \"m-CAX\",\n  \"designOnLayout\": \"TxR9K\",\n  \"designOnCell\": \"gr-Gz\",\n  \"cell\": \"phLSM\",\n  \"mobile\": \"e20uy\"\n};"],
+  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"_44vJD\",\n  \"sectionDivider\": \"txnqL\",\n  \"sectionDividerTop\": \"trrtV\",\n  \"sectionDividerBottom\": \"I48OR\",\n  \"layoutWrapper\": \"VG4wV\",\n  \"layout\": \"kDS-H\",\n  \"designOnLayout\": \"Fp6-9\",\n  \"designOnCell\": \"Uq9Az\",\n  \"cell\": \"C3aO-\",\n  \"mobile\": \"Htu5m\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,UAAU;AACZ;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/lists/list-item.js

@@ -14,6 +14,7 @@ import {
   Decoration_Type,
   Node_Type
 } from "./../../../../../ricos-types/index.js";
+import { getPxFontSize } from "./../../../../../_shared/get-px-font-size.js";
 import { hasPlugin } from "./../../../../../_shared/has-plugin.js";
 import { CHECKBOX_LIST_STYLE_ATTRIBUTE_VALUE } from "./../../../../../_shared/list-checkbox/checkbox-list-style.js";
 import { getBlockDefaultFontSize } from "./../../../../../_shared/list-checkbox/get-block-default-font-size.js";
@@ -30,7 +31,7 @@ const ListItem = ({ node, nodeIndex, RicosNodesRenderer }) => {
   const { visibleIndentation } = useContext(VisibleIndentationContext);
   const firstChild = node.nodes[0];
   const dataProperty = `${firstChild?.type?.toLowerCase()}Data`;
-  const { textAlignment } = firstChild?.[dataProperty]?.textStyle || {};
+  const { textAlignment, fontSize: blockFontSize } = firstChild?.[dataProperty]?.textStyle || {};
   const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);
   const finalAlignment = textAlignment && textAlignment !== TextStyle_TextAlignment.AUTO ? textAlignment : parentAlignment;
   const listStylePosition = textAlignment && textAlignment === TextStyle_TextAlignment.CENTER;
@@ -45,9 +46,12 @@ const ListItem = ({ node, nodeIndex, RicosNodesRenderer }) => {
     styles.listItem,
     isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex + parentIndex)
   );
-  const childFontSize = firstChild?.nodes?.[0]?.textData?.decorations?.find(
-    (decoration) => decoration.type === Decoration_Type.FONT_SIZE
-  )?.fontSizeData?.value;
+  const [firstText] = firstChild?.nodes ?? [];
+  const childFontSize = getPxFontSize(
+    firstText ? firstText.textData?.decorations?.find(
+      (decoration) => decoration.type === Decoration_Type.FONT_SIZE
+    )?.fontSizeData : blockFontSize
+  );
   const shouldFitChildFont = !!childFontSize && childFontSize < getBlockDefaultFontSize(headingLevel || void 0);
   const animationDomAttrs = hasPlugin(ANIMATION_TYPE, plugins) ? getAnimationDomAttrs(node) : {};
   return /* @__PURE__ */ React.createElement(

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/lists/list-item.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/lists/list-item.tsx"],
-  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ANIMATION_TYPE } from './../../../../../ricos-content/index.js';\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContextProvider,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n  VisibleIndentationContext,\n} from './../../../../../ricos-context/index.js';\nimport type { Node } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { ListItemNode } from './../../../../../ricos-schema/next-schema/index.js';\nimport {\n  Decoration_Type,\n  type NodeViewRenderer,\n  type NodeViewRendererProps,\n  Node_Type,\n} from './../../../../../ricos-types/index.js';\nimport { hasPlugin } from './../../../../../_shared/has-plugin.js';\nimport { CHECKBOX_LIST_STYLE_ATTRIBUTE_VALUE } from './../../../../../_shared/list-checkbox/checkbox-list-style.js';\nimport { getBlockDefaultFontSize } from './../../../../../_shared/list-checkbox/get-block-default-font-size.js';\nimport { getAnimationDomAttrs } from './../../../../../_shared/node-animation/get-animation-dom-attrs.js';\nimport { getListSymbol, normalizeOffset } from './../../../../../wix-rich-content-common/index.js';\n\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { levelToClassName } from '../heading/heading.js';\nimport { getStartMargin } from './get-start-margin.js';\nimport styles from './lists-scss.js';\n\nconst ListItem: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const listItemNode = node as ListItemNode;\n  const { seoMode, plugins } = useContext(RicosViewerContext);\n  const { parentIndex } = useContext(RicosNodeContext);\n  const { visibleIndentation } = useContext(VisibleIndentationContext);\n\n  const firstChild = node.nodes[0];\n  const dataProperty = `${firstChild?.type?.toLowerCase()}Data`;\n  const { textAlignment } = (firstChild?.[dataProperty as keyof Node] as $TSFixMe)?.textStyle || {};\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const finalAlignment =\n    textAlignment && textAlignment !== TextStyle_TextAlignment.AUTO\n      ? textAlignment\n      : parentAlignment;\n  const listStylePosition = textAlignment && textAlignment === TextStyle_TextAlignment.CENTER;\n  const { parentNode } = useContext(RicosNodeContext);\n\n  const indentation =\n    visibleIndentation && visibleIndentation?.nodeId === parentNode?.id\n      ? normalizeOffset(visibleIndentation?.indentation)\n      : 0;\n\n  const marginInlineStart = getStartMargin(parentNode, visibleIndentation?.indentation || 0);\n  const isCheckboxList = parentNode?.type === Node_Type.CHECKBOX_LIST;\n  const marker = isCheckboxList\n    ? 'none'\n    : parentNode\n      ? getListSymbol(indentation, parentNode.type)\n      : '';\n\n  const isParentOfHeading = firstChild?.type === Node_Type.HEADING;\n  const headingLevel = isParentOfHeading && firstChild.headingData?.level;\n\n  const listItemClassName = classnames(\n    styles.listItem,\n    isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex + parentIndex)\n  );\n\n  const childFontSize = firstChild?.nodes?.[0]?.textData?.decorations?.find(\n    decoration => decoration.type === Decoration_Type.FONT_SIZE\n  )?.fontSizeData?.value;\n\n  // When the chosen font is smaller than the block's own default, shrink the\n  // child paragraph/heading to match so its line box (and the marker) don't stay\n  // oversized — see `data-child-font-fit` in `list-checkbox.scss`.\n  const shouldFitChildFont =\n    !!childFontSize && childFontSize < getBlockDefaultFontSize(headingLevel || undefined);\n\n  // Same gate as AnimationDecorator (rericos/decorators/index.ts): without\n  // pluginAnimationViewer no runtime reveals these nodes, so the attribute is dead markup.\n  // The hide CSS is scoped to its own viewer instance (node-animations.tsx), so this keeps\n  // the DOM honest rather than being the only thing preventing a permanent hide.\n  const animationDomAttrs = hasPlugin(ANIMATION_TYPE, plugins) ? getAnimationDomAttrs(node) : {};\n\n  return (\n    <li\n      dir=\"auto\"\n      aria-level={indentation + 1}\n      className={listItemClassName}\n      style={\n        {\n          textAlign: finalAlignment,\n          fontSize: childFontSize,\n          marginInlineStart,\n          listStyleType: marker,\n        } as React.CSSProperties\n      }\n      {...(shouldFitChildFont ? { 'data-child-font-fit': 'true' } : {})}\n      {...(headingLevel\n        ? {\n            'data-heading-level': levelToClassName[headingLevel as keyof typeof levelToClassName],\n          }\n        : {})}\n      {...(listStylePosition ? { 'data-list-style-position': 'inside' } : {})}\n      {...(isCheckboxList\n        ? {\n            'data-list-style': CHECKBOX_LIST_STYLE_ATTRIBUTE_VALUE,\n            role: 'checkbox',\n            'aria-checked': listItemNode.listItemData?.checked ? 'true' : 'false',\n          }\n        : {})}\n      {...animationDomAttrs}\n    >\n      {isCheckboxList && (\n        // Viewer marker is presentational only; the actual checkbox control exists only in editing.\n        <span\n          aria-hidden\n          className={styles.checkboxInput}\n          aria-checked={listItemNode.listItemData?.checked ? 'true' : 'false'}\n        />\n      )}\n      <RicosDirectionHandledContextProvider directionHandled>\n        <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n          <RicosNodesRenderer nodes={node.nodes ?? []} shouldParagraphApplyTextStyle />\n        </RicosNodeContextProvider>\n      </RicosDirectionHandledContextProvider>\n    </li>\n  );\n};\n\nconst ListItemRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ListItem key={node.id} node={node} {...props} />;\n};\n\nexport default ListItemRenderer;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ANIMATION_TYPE } from './../../../../../ricos-content/index.js';\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContextProvider,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n  VisibleIndentationContext,\n} from './../../../../../ricos-context/index.js';\nimport type { Node } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { ListItemNode } from './../../../../../ricos-schema/next-schema/index.js';\nimport {\n  Decoration_Type,\n  type NodeViewRenderer,\n  type NodeViewRendererProps,\n  Node_Type,\n} from './../../../../../ricos-types/index.js';\nimport { getPxFontSize } from './../../../../../_shared/get-px-font-size.js';\nimport { hasPlugin } from './../../../../../_shared/has-plugin.js';\nimport { CHECKBOX_LIST_STYLE_ATTRIBUTE_VALUE } from './../../../../../_shared/list-checkbox/checkbox-list-style.js';\nimport { getBlockDefaultFontSize } from './../../../../../_shared/list-checkbox/get-block-default-font-size.js';\nimport { getAnimationDomAttrs } from './../../../../../_shared/node-animation/get-animation-dom-attrs.js';\nimport { getListSymbol, normalizeOffset } from './../../../../../wix-rich-content-common/index.js';\n\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { levelToClassName } from '../heading/heading.js';\nimport { getStartMargin } from './get-start-margin.js';\nimport styles from './lists-scss.js';\n\nconst ListItem: FC<NodeViewRendererProps> = ({ node, nodeIndex, RicosNodesRenderer }) => {\n  const listItemNode = node as ListItemNode;\n  const { seoMode, plugins } = useContext(RicosViewerContext);\n  const { parentIndex } = useContext(RicosNodeContext);\n  const { visibleIndentation } = useContext(VisibleIndentationContext);\n\n  const firstChild = node.nodes[0];\n  const dataProperty = `${firstChild?.type?.toLowerCase()}Data`;\n  const { textAlignment, fontSize: blockFontSize } =\n    (firstChild?.[dataProperty as keyof Node] as $TSFixMe)?.textStyle || {};\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const finalAlignment =\n    textAlignment && textAlignment !== TextStyle_TextAlignment.AUTO\n      ? textAlignment\n      : parentAlignment;\n  const listStylePosition = textAlignment && textAlignment === TextStyle_TextAlignment.CENTER;\n  const { parentNode } = useContext(RicosNodeContext);\n\n  const indentation =\n    visibleIndentation && visibleIndentation?.nodeId === parentNode?.id\n      ? normalizeOffset(visibleIndentation?.indentation)\n      : 0;\n\n  const marginInlineStart = getStartMargin(parentNode, visibleIndentation?.indentation || 0);\n  const isCheckboxList = parentNode?.type === Node_Type.CHECKBOX_LIST;\n  const marker = isCheckboxList\n    ? 'none'\n    : parentNode\n      ? getListSymbol(indentation, parentNode.type)\n      : '';\n\n  const isParentOfHeading = firstChild?.type === Node_Type.HEADING;\n  const headingLevel = isParentOfHeading && firstChild.headingData?.level;\n\n  const listItemClassName = classnames(\n    styles.listItem,\n    isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex + parentIndex)\n  );\n\n  // An empty block sizes the item with its own font size, a block with text with its first text\n  // node's. Only an absolute size can size the item: a relative one would compound with the same\n  // size on the block inside it.\n  const [firstText] = firstChild?.nodes ?? [];\n  const childFontSize = getPxFontSize(\n    firstText\n      ? firstText.textData?.decorations?.find(\n          decoration => decoration.type === Decoration_Type.FONT_SIZE\n        )?.fontSizeData\n      : blockFontSize\n  );\n\n  // When the chosen font is smaller than the block's own default, shrink the\n  // child paragraph/heading to match so its line box (and the marker) don't stay\n  // oversized — see `data-child-font-fit` in `list-checkbox.scss`.\n  const shouldFitChildFont =\n    !!childFontSize && childFontSize < getBlockDefaultFontSize(headingLevel || undefined);\n\n  // Same gate as AnimationDecorator (rericos/decorators/index.ts): without\n  // pluginAnimationViewer no runtime reveals these nodes, so the attribute is dead markup.\n  // The hide CSS is scoped to its own viewer instance (node-animations.tsx), so this keeps\n  // the DOM honest rather than being the only thing preventing a permanent hide.\n  const animationDomAttrs = hasPlugin(ANIMATION_TYPE, plugins) ? getAnimationDomAttrs(node) : {};\n\n  return (\n    <li\n      dir=\"auto\"\n      aria-level={indentation + 1}\n      className={listItemClassName}\n      style={\n        {\n          textAlign: finalAlignment,\n          fontSize: childFontSize,\n          marginInlineStart,\n          listStyleType: marker,\n        } as React.CSSProperties\n      }\n      {...(shouldFitChildFont ? { 'data-child-font-fit': 'true' } : {})}\n      {...(headingLevel\n        ? {\n            'data-heading-level': levelToClassName[headingLevel as keyof typeof levelToClassName],\n          }\n        : {})}\n      {...(listStylePosition ? { 'data-list-style-position': 'inside' } : {})}\n      {...(isCheckboxList\n        ? {\n            'data-list-style': CHECKBOX_LIST_STYLE_ATTRIBUTE_VALUE,\n            role: 'checkbox',\n            'aria-checked': listItemNode.listItemData?.checked ? 'true' : 'false',\n          }\n        : {})}\n      {...animationDomAttrs}\n    >\n      {isCheckboxList && (\n        // Viewer marker is presentational only; the actual checkbox control exists only in editing.\n        <span\n          aria-hidden\n          className={styles.checkboxInput}\n          aria-checked={listItemNode.listItemData?.checked ? 'true' : 'false'}\n        />\n      )}\n      <RicosDirectionHandledContextProvider directionHandled>\n        <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n          <RicosNodesRenderer nodes={node.nodes ?? []} shouldParagraphApplyTextStyle />\n        </RicosNodeContextProvider>\n      </RicosDirectionHandledContextProvider>\n    </li>\n  );\n};\n\nconst ListItemRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ListItem key={node.id} node={node} {...props} />;\n};\n\nexport default ListItemRenderer;\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,OAAO,SAAS,kBAAkB;AAElC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AAExC;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,2CAA2C;AACpD,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,eAAe,uBAAuB;AAE/C,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAEnB,MAAM,WAAsC,CAAC,EAAE,MAAM,WAAW,mBAAmB,MAAM;AACvF,QAAM,eAAe;AACrB,QAAM,EAAE,SAAS,QAAQ,IAAI,WAAW,kBAAkB;AAC1D,QAAM,EAAE,YAAY,IAAI,WAAW,gBAAgB;AACnD,QAAM,EAAE,mBAAmB,IAAI,WAAW,yBAAyB;AAEnE,QAAM,aAAa,KAAK,MAAM,CAAC;AAC/B,QAAM,eAAe,GAAG,YAAY,MAAM,YAAY,CAAC;AACvD,QAAM,EAAE,eAAe,UAAU,cAAc,IAC5C,aAAa,YAA0B,GAAgB,aAAa,CAAC;AACxE,QAAM,EAAE,eAAe,gBAAgB,IAAI,WAAW,qBAAqB;AAC3E,QAAM,iBACJ,iBAAiB,kBAAkB,wBAAwB,OACvD,gBACA;AACN,QAAM,oBAAoB,iBAAiB,kBAAkB,wBAAwB;AACrF,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAElD,QAAM,cACJ,sBAAsB,oBAAoB,WAAW,YAAY,KAC7D,gBAAgB,oBAAoB,WAAW,IAC/C;AAEN,QAAM,oBAAoB,eAAe,YAAY,oBAAoB,eAAe,CAAC;AACzF,QAAM,iBAAiB,YAAY,SAAS,UAAU;AACtD,QAAM,SAAS,iBACX,SACA,aACE,cAAc,aAAa,WAAW,IAAI,IAC1C;AAEN,QAAM,oBAAoB,YAAY,SAAS,UAAU;AACzD,QAAM,eAAe,qBAAqB,WAAW,aAAa;AAElE,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,IACP,aAAa,OAAO,KAAK,mBAAmB,SAAS,WAAW,CAAC,GAAG,YAAY,WAAW;AAAA,EAC7F;AAKA,QAAM,CAAC,SAAS,IAAI,YAAY,SAAS,CAAC;AAC1C,QAAM,gBAAgB;AAAA,IACpB,YACI,UAAU,UAAU,aAAa;AAAA,MAC/B,gBAAc,WAAW,SAAS,gBAAgB;AAAA,IACpD,GAAG,eACH;AAAA,EACN;AAKA,QAAM,qBACJ,CAAC,CAAC,iBAAiB,gBAAgB,wBAAwB,gBAAgB,MAAS;AAMtF,QAAM,oBAAoB,UAAU,gBAAgB,OAAO,IAAI,qBAAqB,IAAI,IAAI,CAAC;AAE7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,cAAY,cAAc;AAAA,MAC1B,WAAW;AAAA,MACX,OACE;AAAA,QACE,WAAW;AAAA,QACX,UAAU;AAAA,QACV;AAAA,QACA,eAAe;AAAA,MACjB;AAAA,MAED,GAAI,qBAAqB,EAAE,uBAAuB,OAAO,IAAI,CAAC;AAAA,MAC9D,GAAI,eACD;AAAA,QACE,sBAAsB,iBAAiB,YAA6C;AAAA,MACtF,IACA,CAAC;AAAA,MACJ,GAAI,oBAAoB,EAAE,4BAA4B,SAAS,IAAI,CAAC;AAAA,MACpE,GAAI,iBACD;AAAA,QACE,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN,gBAAgB,aAAa,cAAc,UAAU,SAAS;AAAA,MAChE,IACA,CAAC;AAAA,MACJ,GAAG;AAAA;AAAA,IAEH;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAW,OAAO;AAAA,QAClB,gBAAc,aAAa,cAAc,UAAU,SAAS;AAAA;AAAA,IAC9D;AAAA,IAEF,oCAAC,wCAAqC,kBAAgB,QACpD,oCAAC,4BAAyB,YAAY,MAAM,aAAa,aACvD,oCAAC,sBAAmB,OAAO,KAAK,SAAS,CAAC,GAAG,+BAA6B,MAAC,CAC7E,CACF;AAAA,EACF;AAEJ;AAEA,MAAM,mBAAqC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AACjE,SAAO,oCAAC,YAAS,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AACxD;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/lists/lists-scss.js

@@ -1,10 +1,10 @@
 var lists_default = {
-  "fontElementMap": "AfxFo",
-  "orderedlist": "rLWRB",
-  "bulletedlist": "_1fUEY",
-  "listItem": "nVTbj",
-  "checkboxList": "q2FdR",
-  "checkboxInput": "_12-U4"
+  "fontElementMap": "oML0o",
+  "orderedlist": "rsogC",
+  "bulletedlist": "gOmEV",
+  "listItem": "dpHkY",
+  "checkboxList": "_3Djt8",
+  "checkboxInput": "HM30B"
 };
 export {
   lists_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/lists/lists-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/lists/lists.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"AfxFo\",\n  \"orderedlist\": \"rLWRB\",\n  \"bulletedlist\": \"_1fUEY\",\n  \"listItem\": \"nVTbj\",\n  \"checkboxList\": \"q2FdR\",\n  \"checkboxInput\": \"_12-U4\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"oML0o\",\n  \"orderedlist\": \"rsogC\",\n  \"bulletedlist\": \"gOmEV\",\n  \"listItem\": \"dpHkY\",\n  \"checkboxList\": \"_3Djt8\",\n  \"checkboxInput\": \"HM30B\"\n};"],
   "mappings": "AAAA,IAAO,gBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph-scss.js

@@ -1,8 +1,8 @@
 var paragraph_default = {
-  "fontElementMap": "sQ-xl",
-  "elementSpacing": "fdKT0",
-  "text": "uEX57 fdKT0",
-  "child": "_38apb"
+  "fontElementMap": "VXxaQ",
+  "elementSpacing": "KRfzC",
+  "text": "sCpsb KRfzC",
+  "child": "eVSl6"
 };
 export {
   paragraph_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"sQ-xl\",\n  \"elementSpacing\": \"fdKT0\",\n  \"text\": \"uEX57 fdKT0\",\n  \"child\": \"_38apb\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"VXxaQ\",\n  \"elementSpacing\": \"KRfzC\",\n  \"text\": \"sCpsb KRfzC\",\n  \"child\": \"eVSl6\"\n};"],
   "mappings": "AAAA,IAAO,oBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph.js

@@ -8,6 +8,7 @@ import {
   RicosViewerContext
 } from "./../../../../../ricos-context/index.js";
 import { TextStyle_TextAlignment } from "./../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import { formatFontSize } from "./../../../../../_shared/format-font-size.js";
 import { normalizeLineHeight } from "./../../../../../_shared/line-spacing-utils.js";
 import alignmentStyle from "../../../../statics/alignment-scss.js";
 import indentStyle from "../../../../statics/indentation-scss.js";
@@ -21,12 +22,12 @@ const Paragraph = ({
   RicosNodesRenderer,
   shouldParagraphApplyTextStyle
 }) => {
-  const { seoMode } = useContext(RicosViewerContext);
+  const { seoMode, plugins } = useContext(RicosViewerContext);
   const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);
   const { parentNode } = useContext(RicosNodeContext);
   const directionHandled = useContext(RicosDirectionHandledContext);
   const { indentation = 0 } = node.paragraphData || {};
-  const { textAlignment, lineHeight } = node.paragraphData?.textStyle || {};
+  const { textAlignment, lineHeight, fontSize } = node.paragraphData?.textStyle || {};
   const finalParagraphAlignment = textAlignment === TextStyle_TextAlignment.AUTO || !textAlignment ? parentAlignment : textAlignment;
   const paragraphClassName = classnames(
     shouldParagraphApplyTextStyle && styles.text,
@@ -43,7 +44,14 @@ const Paragraph = ({
   const Tag = isEmpty || !shouldParagraphApplyTextStyle ? "div" : "p";
   const nodeStyle = {
     ...node.style,
-    ...lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }
+    ...lineHeight && { lineHeight: normalizeLineHeight(lineHeight) },
+    // Text renders at its own sizes, so only an empty block takes its own
+    ...isEmpty && fontSize?.value && {
+      fontSize: formatFontSize(
+        fontSize,
+        plugins?.find((plugin) => plugin.type === "fontSize")
+      )
+    }
   };
   const Content = isEmpty ? /* @__PURE__ */ React.createElement("br", { role: "presentation" }) : /* @__PURE__ */ React.createElement(RicosNodeContextProvider, { parentNode: node, parentIndex: nodeIndex }, /* @__PURE__ */ React.createElement(RicosNodesRenderer, { key: `children-${node.id}`, nodes: node.nodes ?? [] }));
   return /* @__PURE__ */ React.createElement(Anchorable, { nodeId: node.id }, /* @__PURE__ */ React.createElement(

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/paragraph/paragraph.tsx"],
-  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport indentStyle from '../../../../statics/indentation-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { indentLevelToClassName } from '../consts.js';\nimport styles from './paragraph-scss.js';\n\nconst Paragraph: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  RicosNodesRenderer,\n  shouldParagraphApplyTextStyle,\n}) => {\n  const { seoMode } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const directionHandled = useContext(RicosDirectionHandledContext);\n  const { indentation = 0 } = node.paragraphData || {};\n  const { textAlignment, lineHeight } = node.paragraphData?.textStyle || {};\n\n  const finalParagraphAlignment =\n    textAlignment === TextStyle_TextAlignment.AUTO || !textAlignment\n      ? parentAlignment\n      : textAlignment;\n\n  const paragraphClassName = classnames(\n    shouldParagraphApplyTextStyle && styles.text,\n    alignmentStyle[finalParagraphAlignment || TextStyle_TextAlignment.AUTO],\n    indentStyle[indentLevelToClassName[indentation as keyof typeof indentLevelToClassName]],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n  const childClassName = classnames(\n    styles.child,\n    textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n  );\n  const isEmpty = !node.nodes?.length;\n  const doesEndWithSoftLine =\n    !isEmpty && node.nodes?.[node.nodes?.length - 1]?.textData?.text?.slice(-1) === '\\n';\n  const Tag = isEmpty || !shouldParagraphApplyTextStyle ? 'div' : 'p';\n  const nodeStyle: NodeStyle & { lineHeight?: string } = {\n    ...node.style,\n    ...(lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }),\n  };\n  const Content = isEmpty ? (\n    <br role=\"presentation\" />\n  ) : (\n    <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n      <RicosNodesRenderer key={`children-${node.id}`} nodes={node.nodes ?? []} />\n    </RicosNodeContextProvider>\n  );\n\n  return (\n    <Anchorable nodeId={node.id}>\n      <Tag\n        className={paragraphClassName}\n        style={nodeStyle}\n        dir={!directionHandled ? 'auto' : ''}\n        data-ricos-paragraph={node.id}\n      >\n        <span className={childClassName}>{Content}</span>\n        {doesEndWithSoftLine && <br role=\"presentation\" />}\n      </Tag>\n    </Anchorable>\n  );\n};\n\nconst ParagraphRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <Paragraph key={node.id} node={node} {...props} />;\n};\n\nexport default ParagraphRenderer;\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,OAAO,SAAS,kBAAkB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AAExC,SAAS,2BAA2B;AAEpC,OAAO,oBAAoB;AAC3B,OAAO,iBAAiB;AACxB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,8BAA8B;AACvC,OAAO,YAAY;AAEnB,MAAM,YAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,WAAW,kBAAkB;AACjD,QAAM,EAAE,eAAe,gBAAgB,IAAI,WAAW,qBAAqB;AAC3E,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,mBAAmB,WAAW,4BAA4B;AAChE,QAAM,EAAE,cAAc,EAAE,IAAI,KAAK,iBAAiB,CAAC;AACnD,QAAM,EAAE,eAAe,WAAW,IAAI,KAAK,eAAe,aAAa,CAAC;AAExE,QAAM,0BACJ,kBAAkB,wBAAwB,QAAQ,CAAC,gBAC/C,kBACA;AAEN,QAAM,qBAAqB;AAAA,IACzB,iCAAiC,OAAO;AAAA,IACxC,eAAe,2BAA2B,wBAAwB,IAAI;AAAA,IACtE,YAAY,uBAAuB,WAAkD,CAAC;AAAA,IACtF,CAAC,cAAc,aAAa,OAAO,KAAK,mBAAmB,SAAS,WAAW,CAAC,GAAG,SAAS;AAAA,EAC9F;AACA,QAAM,iBAAiB;AAAA,IACrB,OAAO;AAAA,IACP,kBAAkB,wBAAwB,WAAW,eAAe,aAAa;AAAA,EACnF;AACA,QAAM,UAAU,CAAC,KAAK,OAAO;AAC7B,QAAM,sBACJ,CAAC,WAAW,KAAK,QAAQ,KAAK,OAAO,SAAS,CAAC,GAAG,UAAU,MAAM,MAAM,EAAE,MAAM;AAClF,QAAM,MAAM,WAAW,CAAC,gCAAgC,QAAQ;AAChE,QAAM,YAAiD;AAAA,IACrD,GAAG,KAAK;AAAA,IACR,GAAI,cAAc,EAAE,YAAY,oBAAoB,UAAU,EAAE;AAAA,EAClE;AACA,QAAM,UAAU,UACd,oCAAC,QAAG,MAAK,gBAAe,IAExB,oCAAC,4BAAyB,YAAY,MAAM,aAAa,aACvD,oCAAC,sBAAmB,KAAK,YAAY,KAAK,EAAE,IAAI,OAAO,KAAK,SAAS,CAAC,GAAG,CAC3E;AAGF,SACE,oCAAC,cAAW,QAAQ,KAAK,MACvB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,KAAK,CAAC,mBAAmB,SAAS;AAAA,MAClC,wBAAsB,KAAK;AAAA;AAAA,IAE3B,oCAAC,UAAK,WAAW,kBAAiB,OAAQ;AAAA,IACzC,uBAAuB,oCAAC,QAAG,MAAK,gBAAe;AAAA,EAClD,CACF;AAEJ;AAEA,MAAM,oBAAsC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAClE,SAAO,oCAAC,aAAU,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AACzD;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import classnames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport {\n  RicosAlignmentContext,\n  RicosDirectionHandledContext,\n  RicosNodeContext,\n  RicosNodeContextProvider,\n  RicosViewerContext,\n} from './../../../../../ricos-context/index.js';\nimport type { NodeStyle } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { TextStyle_TextAlignment } from './../../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../../../../ricos-types/index.js';\nimport type { FontSizePluginConfig } from './../../../../types.js';\nimport { formatFontSize } from './../../../../../_shared/format-font-size.js';\nimport { normalizeLineHeight } from './../../../../../_shared/line-spacing-utils.js';\n\nimport alignmentStyle from '../../../../statics/alignment-scss.js';\nimport indentStyle from '../../../../statics/indentation-scss.js';\nimport { Anchorable } from '../../utils/anchorable.js';\nimport { getPaywallSeoClass, isPaywallSeo } from '../../utils/paywall-seo.js';\nimport { indentLevelToClassName } from '../consts.js';\nimport styles from './paragraph-scss.js';\n\nconst Paragraph: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  RicosNodesRenderer,\n  shouldParagraphApplyTextStyle,\n}) => {\n  const { seoMode, plugins } = useContext(RicosViewerContext);\n  const { textAlignment: parentAlignment } = useContext(RicosAlignmentContext);\n  const { parentNode } = useContext(RicosNodeContext);\n  const directionHandled = useContext(RicosDirectionHandledContext);\n  const { indentation = 0 } = node.paragraphData || {};\n  const { textAlignment, lineHeight, fontSize } = node.paragraphData?.textStyle || {};\n\n  const finalParagraphAlignment =\n    textAlignment === TextStyle_TextAlignment.AUTO || !textAlignment\n      ? parentAlignment\n      : textAlignment;\n\n  const paragraphClassName = classnames(\n    shouldParagraphApplyTextStyle && styles.text,\n    alignmentStyle[finalParagraphAlignment || TextStyle_TextAlignment.AUTO],\n    indentStyle[indentLevelToClassName[indentation as keyof typeof indentLevelToClassName]],\n    !parentNode && isPaywallSeo(seoMode) && getPaywallSeoClass(seoMode?.paywall || {}, nodeIndex)\n  );\n  const childClassName = classnames(\n    styles.child,\n    textAlignment === TextStyle_TextAlignment.JUSTIFY && alignmentStyle[textAlignment]\n  );\n  const isEmpty = !node.nodes?.length;\n  const doesEndWithSoftLine =\n    !isEmpty && node.nodes?.[node.nodes?.length - 1]?.textData?.text?.slice(-1) === '\\n';\n  const Tag = isEmpty || !shouldParagraphApplyTextStyle ? 'div' : 'p';\n  const nodeStyle: NodeStyle & { lineHeight?: string; fontSize?: string } = {\n    ...node.style,\n    ...(lineHeight && { lineHeight: normalizeLineHeight(lineHeight) }),\n    // Text renders at its own sizes, so only an empty block takes its own\n    ...(isEmpty &&\n      fontSize?.value && {\n        fontSize: formatFontSize(\n          fontSize,\n          plugins?.find((plugin): plugin is FontSizePluginConfig => plugin.type === 'fontSize')\n        ),\n      }),\n  };\n  const Content = isEmpty ? (\n    <br role=\"presentation\" />\n  ) : (\n    <RicosNodeContextProvider parentNode={node} parentIndex={nodeIndex}>\n      <RicosNodesRenderer key={`children-${node.id}`} nodes={node.nodes ?? []} />\n    </RicosNodeContextProvider>\n  );\n\n  return (\n    <Anchorable nodeId={node.id}>\n      <Tag\n        className={paragraphClassName}\n        style={nodeStyle}\n        dir={!directionHandled ? 'auto' : ''}\n        data-ricos-paragraph={node.id}\n      >\n        <span className={childClassName}>{Content}</span>\n        {doesEndWithSoftLine && <br role=\"presentation\" />}\n      </Tag>\n    </Anchorable>\n  );\n};\n\nconst ParagraphRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <Paragraph key={node.id} node={node} {...props} />;\n};\n\nexport default ParagraphRenderer;\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,OAAO,SAAS,kBAAkB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AAGxC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAEpC,OAAO,oBAAoB;AAC3B,OAAO,iBAAiB;AACxB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,8BAA8B;AACvC,OAAO,YAAY;AAEnB,MAAM,YAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAI,WAAW,kBAAkB;AAC1D,QAAM,EAAE,eAAe,gBAAgB,IAAI,WAAW,qBAAqB;AAC3E,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,mBAAmB,WAAW,4BAA4B;AAChE,QAAM,EAAE,cAAc,EAAE,IAAI,KAAK,iBAAiB,CAAC;AACnD,QAAM,EAAE,eAAe,YAAY,SAAS,IAAI,KAAK,eAAe,aAAa,CAAC;AAElF,QAAM,0BACJ,kBAAkB,wBAAwB,QAAQ,CAAC,gBAC/C,kBACA;AAEN,QAAM,qBAAqB;AAAA,IACzB,iCAAiC,OAAO;AAAA,IACxC,eAAe,2BAA2B,wBAAwB,IAAI;AAAA,IACtE,YAAY,uBAAuB,WAAkD,CAAC;AAAA,IACtF,CAAC,cAAc,aAAa,OAAO,KAAK,mBAAmB,SAAS,WAAW,CAAC,GAAG,SAAS;AAAA,EAC9F;AACA,QAAM,iBAAiB;AAAA,IACrB,OAAO;AAAA,IACP,kBAAkB,wBAAwB,WAAW,eAAe,aAAa;AAAA,EACnF;AACA,QAAM,UAAU,CAAC,KAAK,OAAO;AAC7B,QAAM,sBACJ,CAAC,WAAW,KAAK,QAAQ,KAAK,OAAO,SAAS,CAAC,GAAG,UAAU,MAAM,MAAM,EAAE,MAAM;AAClF,QAAM,MAAM,WAAW,CAAC,gCAAgC,QAAQ;AAChE,QAAM,YAAoE;AAAA,IACxE,GAAG,KAAK;AAAA,IACR,GAAI,cAAc,EAAE,YAAY,oBAAoB,UAAU,EAAE;AAAA;AAAA,IAEhE,GAAI,WACF,UAAU,SAAS;AAAA,MACjB,UAAU;AAAA,QACR;AAAA,QACA,SAAS,KAAK,CAAC,WAA2C,OAAO,SAAS,UAAU;AAAA,MACtF;AAAA,IACF;AAAA,EACJ;AACA,QAAM,UAAU,UACd,oCAAC,QAAG,MAAK,gBAAe,IAExB,oCAAC,4BAAyB,YAAY,MAAM,aAAa,aACvD,oCAAC,sBAAmB,KAAK,YAAY,KAAK,EAAE,IAAI,OAAO,KAAK,SAAS,CAAC,GAAG,CAC3E;AAGF,SACE,oCAAC,cAAW,QAAQ,KAAK,MACvB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,KAAK,CAAC,mBAAmB,SAAS;AAAA,MAClC,wBAAsB,KAAK;AAAA;AAAA,IAE3B,oCAAC,UAAK,WAAW,kBAAiB,OAAQ;AAAA,IACzC,uBAAuB,oCAAC,QAAG,MAAK,gBAAe;AAAA,EAClD,CACF;AAEJ;AAEA,MAAM,oBAAsC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAClE,SAAO,oCAAC,aAAU,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AACzD;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/link-viewer-wrapper-scss.js

@@ -1,6 +1,6 @@
 var link_viewer_wrapper_default = {
-  "anchor": "_8Rlnp",
-  "link": "tjaM5"
+  "anchor": "OUj58",
+  "link": "i-V-W"
 };
 export {
   link_viewer_wrapper_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/link-viewer-wrapper-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/link-viewer-wrapper.scss"],
-  "sourcesContent": ["export default {\n  \"anchor\": \"_8Rlnp\",\n  \"link\": \"tjaM5\"\n};"],
+  "sourcesContent": ["export default {\n  \"anchor\": \"OUj58\",\n  \"link\": \"i-V-W\"\n};"],
   "mappings": "AAAA,IAAO,8BAAQ;AAAA,EACb,UAAU;AAAA,EACV,QAAQ;AACV;",
   "names": []
 }

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/plugin-scss.js

@@ -1,19 +1,19 @@
 var plugin_default = {
-  "alignLeft": "CTB8D",
-  "textWrapNowrap": "_05rvX",
-  "alignRight": "uWUm2",
-  "alignCenter": "xHDx-",
-  "sizeFullWidth": "_6ZjsS",
-  "renderedInTable": "ZExgl",
-  "sizeOriginal": "_-6RPM",
-  "sizeContent": "Z5h3E",
-  "sizeSmall": "_7oOJb",
-  "sizeSmallCenter": "CeoNk",
-  "flex": "dgKLn",
-  "atomic": "lMmQW",
-  "embed": "M0gSg",
-  "horizontalScrollbar": "LfiKp",
-  "pluginContainerMobile": "KmD4-"
+  "alignLeft": "-eg-9",
+  "textWrapNowrap": "euwfo",
+  "alignRight": "-W3KO",
+  "alignCenter": "_7JLd5",
+  "sizeFullWidth": "biO17",
+  "renderedInTable": "nP-3d",
+  "sizeOriginal": "_2pu9a",
+  "sizeContent": "eFcLn",
+  "sizeSmall": "wN5xn",
+  "sizeSmallCenter": "_0nP29",
+  "flex": "ca4DI",
+  "atomic": "xno2A",
+  "embed": "l69Ld",
+  "horizontalScrollbar": "MICyf",
+  "pluginContainerMobile": "aU6DK"
 };
 export {
   plugin_default as default

package/dist/es/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/plugin-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/plugins/plugin.scss"],
-  "sourcesContent": ["export default {\n  \"alignLeft\": \"CTB8D\",\n  \"textWrapNowrap\": \"_05rvX\",\n  \"alignRight\": \"uWUm2\",\n  \"alignCenter\": \"xHDx-\",\n  \"sizeFullWidth\": \"_6ZjsS\",\n  \"renderedInTable\": \"ZExgl\",\n  \"sizeOriginal\": \"_-6RPM\",\n  \"sizeContent\": \"Z5h3E\",\n  \"sizeSmall\": \"_7oOJb\",\n  \"sizeSmallCenter\": \"CeoNk\",\n  \"flex\": \"dgKLn\",\n  \"atomic\": \"lMmQW\",\n  \"embed\": \"M0gSg\",\n  \"horizontalScrollbar\": \"LfiKp\",\n  \"pluginContainerMobile\": \"KmD4-\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignLeft\": \"-eg-9\",\n  \"textWrapNowrap\": \"euwfo\",\n  \"alignRight\": \"-W3KO\",\n  \"alignCenter\": \"_7JLd5\",\n  \"sizeFullWidth\": \"biO17\",\n  \"renderedInTable\": \"nP-3d\",\n  \"sizeOriginal\": \"_2pu9a\",\n  \"sizeContent\": \"eFcLn\",\n  \"sizeSmall\": \"wN5xn\",\n  \"sizeSmallCenter\": \"_0nP29\",\n  \"flex\": \"ca4DI\",\n  \"atomic\": \"xno2A\",\n  \"embed\": \"l69Ld\",\n  \"horizontalScrollbar\": \"MICyf\",\n  \"pluginContainerMobile\": \"aU6DK\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,yBAAyB;AAC3B;",
   "names": []
 }

package/dist/es/ricos-viewer-next/modals/fullscreen/fullscreen-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a814de20";
+var styleDataHash = "068a31cc";
 const injectCss = (() => {
-  var css = `.sc6Ot [data-hook^=gallery-media-]{display:block;inline-size:100%;overflow:hidden;position:relative}.sc6Ot [data-hook^=gallery-media-]>img,.sc6Ot [data-hook^=gallery-media-]>video{block-size:100%;display:block;inline-size:100%;object-position:center}.sc6Ot [data-hook^=gallery-media-]{align-items:center;display:flex;justify-content:center}.sc6Ot [data-hook^=gallery-media-]>img,.sc6Ot [data-hook^=gallery-media-]>video{block-size:auto;inline-size:auto;margin:auto;max-block-size:100%;max-inline-size:100%;object-fit:contain}.sc6Ot [data-hook=gallery-media-failure]{background:#e5e5e5;min-block-size:1px;min-inline-size:1px}.sc6Ot [data-hook=gallery-video-play]{appearance:none;background:transparent;border:0;cursor:pointer;inline-size:100%;inset:0;padding:0;position:absolute}.sc6Ot [data-hook=gallery-video-play]:focus-visible{outline:2px solid #3899ec;outline-offset:-2px}.sc6Ot [data-hook=gallery-video-play]>span{block-size:0;border-block:12px solid transparent;border-inline-start:18px solid #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));inline-size:0;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-40%,-50%)}._1e0y0{align-items:center;appearance:none;background:transparent;block-size:39px;border:0;border-radius:0;color:#000;cursor:pointer;display:inline-flex;inline-size:23px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:opacity .12s ease}._1e0y0:disabled,[aria-disabled=true]._1e0y0:not(:focus-visible){pointer-events:none;visibility:hidden}._1e0y0:focus-visible{outline:2px solid #3899ec;outline-offset:2px}@media (prefers-reduced-motion:reduce){._1e0y0{transition:none}}._1e0y0{inset-block-start:50%;position:absolute;transform:translateY(-50%)}._1e0y0 svg{block-size:39px;display:block;inline-size:46px;inset-block-start:0;inset-inline-end:0;position:absolute;fill:currentColor;filter:drop-shadow(0 1px .15px #b2b2b2)}.FHJc-,._9Bv-n{background:#fff;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100dvh;inset:0;position:fixed;width:100vw;z-index:100001}._9Bv-n{padding-block:70px 20px}@media only screen and (max-width:640px){._9Bv-n{padding-block-start:40px}}.FHJc-{padding:0}.DpDzV{background:transparent;border:hidden;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;height:fit-content;padding:0;position:fixed;right:17px;top:10px;width:fit-content;z-index:1001}@media only screen and (max-width:640px){.DpDzV{right:20px;top:5px}.DpDzV>svg{height:30px;width:30px}}.DpDzV:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.q56lq{background:transparent;border:hidden;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;height:fit-content;left:22px;padding:0;position:fixed;top:10px;width:fit-content;z-index:1001}.q56lq:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}._3WVyT{font-size:14px;line-height:20px;text-align:center;white-space:normal}.tWqvs{box-sizing:border-box;display:flex;justify-content:center;min-height:60px;padding:16px 20px;width:100%}._5Rm3-{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.Q8o8K{height:100%;min-height:0;min-width:0;position:relative;--ricos-internal-gallery-arrow-inset:20px}.Pg3Qt{height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:inline mandatory;scrollbar-width:none}.Pg3Qt::-webkit-scrollbar{display:none}.bCCR-{display:flex;height:100%;list-style:none;margin:0;padding:0}.sc6Ot{flex:0 0 100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.sc6Ot [data-hook^=gallery-media-]{background:transparent;height:100%}._1e0y0{color:inherit;z-index:1}._1e0y0[data-hook=gallery-navigation-previous]{inset-inline-start:var(--ricos-internal-gallery-arrow-inset,12px)}._1e0y0[data-hook=gallery-navigation-previous] svg{inset-inline-end:auto;inset-inline-start:0}._1e0y0[data-hook=gallery-navigation-next]{inset-inline-end:var(--ricos-internal-gallery-arrow-inset,12px)}`;
+  var css = `.GZ99h [data-hook^=gallery-media-]{display:block;inline-size:100%;overflow:hidden;position:relative}.GZ99h [data-hook^=gallery-media-]>img,.GZ99h [data-hook^=gallery-media-]>video{block-size:100%;display:block;inline-size:100%;object-position:center}.GZ99h [data-hook^=gallery-media-]{align-items:center;display:flex;justify-content:center}.GZ99h [data-hook^=gallery-media-]>img,.GZ99h [data-hook^=gallery-media-]>video{block-size:auto;inline-size:auto;margin:auto;max-block-size:100%;max-inline-size:100%;object-fit:contain}.GZ99h [data-hook=gallery-media-failure]{background:#e5e5e5;min-block-size:1px;min-inline-size:1px}.GZ99h [data-hook=gallery-video-play]{appearance:none;background:transparent;border:0;cursor:pointer;inline-size:100%;inset:0;padding:0;position:absolute}.GZ99h [data-hook=gallery-video-play]:focus-visible{outline:2px solid #3899ec;outline-offset:-2px}.GZ99h [data-hook=gallery-video-play]>span{block-size:0;border-block:12px solid transparent;border-inline-start:18px solid #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));inline-size:0;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-40%,-50%)}.bNO3I{align-items:center;appearance:none;background:transparent;block-size:39px;border:0;border-radius:0;color:#000;cursor:pointer;display:inline-flex;inline-size:23px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:opacity .12s ease}.bNO3I:disabled,[aria-disabled=true].bNO3I:not(:focus-visible){pointer-events:none;visibility:hidden}.bNO3I:focus-visible{outline:2px solid #3899ec;outline-offset:2px}@media (prefers-reduced-motion:reduce){.bNO3I{transition:none}}.bNO3I{inset-block-start:50%;position:absolute;transform:translateY(-50%)}.bNO3I svg{block-size:39px;display:block;inline-size:46px;inset-block-start:0;inset-inline-end:0;position:absolute;fill:currentColor;filter:drop-shadow(0 1px .15px #b2b2b2)}.MUz3-,.l-7qi{background:#fff;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100dvh;inset:0;position:fixed;width:100vw;z-index:100001}.MUz3-{padding-block:70px 20px}@media only screen and (max-width:640px){.MUz3-{padding-block-start:40px}}.l-7qi{padding:0}._34Gs9{background:transparent;border:hidden;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;height:fit-content;padding:0;position:fixed;right:17px;top:10px;width:fit-content;z-index:1001}@media only screen and (max-width:640px){._34Gs9{right:20px;top:5px}._34Gs9>svg{height:30px;width:30px}}._34Gs9:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.CFg7B{background:transparent;border:hidden;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;height:fit-content;left:22px;padding:0;position:fixed;top:10px;width:fit-content;z-index:1001}.CFg7B:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.JSjsz{font-size:14px;line-height:20px;text-align:center;white-space:normal}.C4ZhM{box-sizing:border-box;display:flex;justify-content:center;min-height:60px;padding:16px 20px;width:100%}.ZLGXX{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ufbyT{height:100%;min-height:0;min-width:0;position:relative;--ricos-internal-gallery-arrow-inset:20px}.km0Ju{height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:inline mandatory;scrollbar-width:none}.km0Ju::-webkit-scrollbar{display:none}.At6JJ{display:flex;height:100%;list-style:none;margin:0;padding:0}.GZ99h{flex:0 0 100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.GZ99h [data-hook^=gallery-media-]{background:transparent;height:100%}.bNO3I{color:inherit;z-index:1}.bNO3I[data-hook=gallery-navigation-previous]{inset-inline-start:var(--ricos-internal-gallery-arrow-inset,12px)}.bNO3I[data-hook=gallery-navigation-previous] svg{inset-inline-end:auto;inset-inline-start:0}.bNO3I[data-hook=gallery-navigation-next]{inset-inline-end:var(--ricos-internal-gallery-arrow-inset,12px)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,18 +21,18 @@ const injectCss = (() => {
 });
 injectCss();
 var fullscreen_default = {
-  "slide": "sc6Ot",
-  "arrow": "_1e0y0",
-  "fullscreen_mode": "FHJc-",
-  "expand_mode": "_9Bv-n",
-  "close": "DpDzV",
-  "expand_button": "q56lq",
-  "title": "_3WVyT",
-  "info_container": "tWqvs",
-  "visuallyHidden": "_5Rm3-",
-  "carousel": "Q8o8K",
-  "viewport": "Pg3Qt",
-  "track": "bCCR-"
+  "slide": "GZ99h",
+  "arrow": "bNO3I",
+  "fullscreen_mode": "l-7qi",
+  "expand_mode": "MUz3-",
+  "close": "_34Gs9",
+  "expand_button": "CFg7B",
+  "title": "JSjsz",
+  "info_container": "C4ZhM",
+  "visuallyHidden": "ZLGXX",
+  "carousel": "ufbyT",
+  "viewport": "km0Ju",
+  "track": "At6JJ"
 };
 export {
   fullscreen_default as default,