diff --git a/components/ContactCard/ContactCard.module.scss b/components/ContactCard/ContactCard.module.scss index 45424eea..e803110d 100644 --- a/components/ContactCard/ContactCard.module.scss +++ b/components/ContactCard/ContactCard.module.scss @@ -82,6 +82,7 @@ @include border-radius-lg; padding: $spacing-4; + background: $color-base-white; border: 1px solid $color-borders; } } diff --git a/components/ContentRenderer/ContentRenderer.module.scss b/components/ContentRenderer/ContentRenderer.module.scss index 5e6a213b..93f619c5 100644 --- a/components/ContentRenderer/ContentRenderer.module.scss +++ b/components/ContentRenderer/ContentRenderer.module.scss @@ -89,6 +89,12 @@ } } } + + .prezly-slate-coverage, + .prezly-slate-bookmark, + .prezly-slate-story-bookmark { + background-color: $color-base-white; + } /* stylelint-enable selector-class-pattern, max-nesting-depth, selector-max-compound-selectors */ } } diff --git a/components/ContentRenderer/ContentRenderer.tsx b/components/ContentRenderer/ContentRenderer.tsx index 97e6c2a2..25c3f424 100644 --- a/components/ContentRenderer/ContentRenderer.tsx +++ b/components/ContentRenderer/ContentRenderer.tsx @@ -1,4 +1,5 @@ import { Component, Elements, Renderer } from '@prezly/content-renderer-react-js'; +import type { ExtendedStory } from '@prezly/sdk'; import type { Node } from '@prezly/story-content-format'; import { AttachmentNode, @@ -20,6 +21,7 @@ import { VideoNode, } from '@prezly/story-content-format'; import { useEffect } from 'react'; +import { FormattedDate } from 'react-intl'; import { Heading, @@ -47,9 +49,14 @@ import styles from './ContentRenderer.module.scss'; interface Props { nodes: Node | Node[]; + story?: ExtendedStory; } -function ContentRenderer({ nodes }: Props) { +function ContentRenderer({ nodes, story }: Props) { + function renderDate(date: string) { + return ; + } + useEffect(() => { document.body.classList.add(styles.body); @@ -60,7 +67,12 @@ function ContentRenderer({ nodes }: Props) { return (
- + )} {isTablet && url && visibility === 'public' && } - +
{!isTablet && url && visibility === 'public' && } diff --git a/package-lock.json b/package-lock.json index b2ac13c5..2aff5d0f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,12 +13,12 @@ "@headlessui/react": "1.7.18", "@playwright/test": "^1.33.0", "@prezly/analytics-nextjs": "3.0.0", - "@prezly/content-renderer-react-js": "0.38.4", - "@prezly/sdk": "21.6.0", + "@prezly/content-renderer-react-js": "0.39.0", + "@prezly/sdk": "21.12.0", "@prezly/story-content-format": "0.65.1", - "@prezly/theme-kit-core": "7.6.0", + "@prezly/theme-kit-core": "7.7.0", "@prezly/theme-kit-intl": "7.5.1", - "@prezly/theme-kit-nextjs": "7.6.0", + "@prezly/theme-kit-nextjs": "7.7.0", "@prezly/uploadcare": "2.4.4", "@prezly/uploadcare-image": "0.3.2", "@react-hookz/web": "14.7.1", @@ -2797,13 +2797,13 @@ } }, "node_modules/@prezly/content-renderer-react-js": { - "version": "0.38.4", - "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.38.4.tgz", - "integrity": "sha512-AzyOYnlT3PxyY0DONSDVv0VsAFR7LRXf5g7k4o4kUvvJtUP4j4JudEIOucHqnL+Hy7ZOPkvjrQ0aR44dc8fdvw==", + "version": "0.39.0", + "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.39.0.tgz", + "integrity": "sha512-A2IHMj4bDJKRHeaHcbmmmttlLKtAZpDk39VqK13TpbULHwZ8qincnKL6iCs8320gL2RCjSHJu/arfxdlwHQbXQ==", "dependencies": { "@prezly/linear-partition": "^1.0.2", "@prezly/sdk": "^21.6.0", - "@prezly/story-content-format": "^0.65.1", + "@prezly/story-content-format": "^0.66.0", "@prezly/uploadcare": "^2.4.4", "@react-hookz/web": "^12.0.0", "classnames": "^2.2.6", @@ -2818,6 +2818,25 @@ "react-dom": "18" } }, + "node_modules/@prezly/content-renderer-react-js/node_modules/@prezly/content-format": { + "version": "0.66.0", + "resolved": "https://registry.npmjs.org/@prezly/content-format/-/content-format-0.66.0.tgz", + "integrity": "sha512-LZfodnQPblAjtZw7JhDz0ve2Eg7Yqpgsrnx7D++QyRzBJq7wZT+cVzRrGgDhUyMTkz7ka3X1EolrQyDb/WDDPg==", + "dependencies": { + "@prezly/uploads": "^0.2.0", + "is-plain-object": "^5.0.0" + } + }, + "node_modules/@prezly/content-renderer-react-js/node_modules/@prezly/story-content-format": { + "version": "0.66.0", + "resolved": "https://registry.npmjs.org/@prezly/story-content-format/-/story-content-format-0.66.0.tgz", + "integrity": "sha512-blNTMTHi43g+1Eo/VSRSRVt3/J/l9bV1POJSRb2+Zl2cCWgXpVgBZweXq9aNb01wxSr+B4/018bdmCueU+NArw==", + "dependencies": { + "@prezly/content-format": "^0.66.0", + "@prezly/uploads": "^0.2.0", + "is-plain-object": "^5.0.0" + } + }, "node_modules/@prezly/content-renderer-react-js/node_modules/@react-hookz/web": { "version": "12.3.0", "resolved": "https://registry.npmjs.org/@react-hookz/web/-/web-12.3.0.tgz", @@ -2878,9 +2897,9 @@ "integrity": "sha512-uKBTA1gZ90ckKK/4wVoVORC3VUTkOgFwhZWwWsceKxVoAgDxqS5s0NXP5V7J+niEdvCkcoEVeCc25kCs+Hr/uQ==" }, "node_modules/@prezly/sdk": { - "version": "21.6.0", - "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.6.0.tgz", - "integrity": "sha512-1to1BNdWlcW/aErM+hDTKOmDPFg3vhdKOw1XOPNBvuvUtPw/K1igz0ydFbHW15212d67aonLgBCDK9iB4uOiAQ==", + "version": "21.12.0", + "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.12.0.tgz", + "integrity": "sha512-dUQERjNUCzfuHpEyFCmQKEWsLt6HogMSw5+C+GuOSDHxLvVEM+FEiTH24zGn8hg4ExFYMClSJ/dAJX2lFybwhQ==", "dependencies": { "@prezly/progress-promise": "^2.0.1", "@prezly/uploads": "^0.2.1", @@ -2901,10 +2920,9 @@ } }, "node_modules/@prezly/theme-kit-core": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.6.0.tgz", - "integrity": "sha512-K6eUqyUmYnFyjCNuSL+ZawTq5sOEjT0IiaXDOhrzdvLGoOFXX1rQCRE/4QJvz1dUEsBOjdFOIJkc1vDggI47AA==", - "license": "MIT", + "version": "7.7.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.7.0.tgz", + "integrity": "sha512-qlKF7jkUn5Ct6MJOxYlhwgWF5pl2upBWXNfKw96oYDwpjT1BDaQwC11rDhThiC6vlBoQJzgLeKs/wXVibCgAKA==", "dependencies": { "@prezly/theme-kit-intl": "^7.5.1", "@prezly/uploadcare": "^2.3.4", @@ -2916,7 +2934,7 @@ "npm": ">= 8.x" }, "peerDependencies": { - "@prezly/sdk": "21.6.0" + "@prezly/sdk": "21.12.0" } }, "node_modules/@prezly/theme-kit-intl": { @@ -2932,13 +2950,12 @@ } }, "node_modules/@prezly/theme-kit-nextjs": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.6.0.tgz", - "integrity": "sha512-xIkCDQo8Towg1yuw0EHVb9LNH5yWxPscRdVUCZV5jVhAhf+F6WO/VxbmEHPmwCmpcpWBopJkj9G4A7Ns9as74Q==", - "license": "MIT", + "version": "7.7.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.7.0.tgz", + "integrity": "sha512-VYTOllE5kbnyPCFitl6ctEh0ZVFOxaHZrDBkI+FBLT11zpYDVf7vJmF9bX1BWbh5EUCF/KISh0jpnGOczuOkBw==", "dependencies": { "@meilisearch/instant-meilisearch": "^0.19.0", - "@prezly/theme-kit-core": "^7.6.0", + "@prezly/theme-kit-core": "^7.7.0", "@technically/omit-undefined": "^1.0.2", "algoliasearch": "^4.24.0", "next-seo": "^5.4.0" @@ -2949,7 +2966,7 @@ }, "peerDependencies": { "@playwright/test": "1.x", - "@prezly/sdk": "21.6.0", + "@prezly/sdk": "21.12.0", "next": "^12.x || ^13.x || ^14.x", "react": "^17.x || ^18.x", "react-dom": "^17.x || ^18.x" @@ -19666,13 +19683,13 @@ } }, "@prezly/content-renderer-react-js": { - "version": "0.38.4", - "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.38.4.tgz", - "integrity": "sha512-AzyOYnlT3PxyY0DONSDVv0VsAFR7LRXf5g7k4o4kUvvJtUP4j4JudEIOucHqnL+Hy7ZOPkvjrQ0aR44dc8fdvw==", + "version": "0.39.0", + "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.39.0.tgz", + "integrity": "sha512-A2IHMj4bDJKRHeaHcbmmmttlLKtAZpDk39VqK13TpbULHwZ8qincnKL6iCs8320gL2RCjSHJu/arfxdlwHQbXQ==", "requires": { "@prezly/linear-partition": "^1.0.2", "@prezly/sdk": "^21.6.0", - "@prezly/story-content-format": "^0.65.1", + "@prezly/story-content-format": "^0.66.0", "@prezly/uploadcare": "^2.4.4", "@react-hookz/web": "^12.0.0", "classnames": "^2.2.6", @@ -19683,6 +19700,25 @@ "social-links": "^1.10.0" }, "dependencies": { + "@prezly/content-format": { + "version": "0.66.0", + "resolved": "https://registry.npmjs.org/@prezly/content-format/-/content-format-0.66.0.tgz", + "integrity": "sha512-LZfodnQPblAjtZw7JhDz0ve2Eg7Yqpgsrnx7D++QyRzBJq7wZT+cVzRrGgDhUyMTkz7ka3X1EolrQyDb/WDDPg==", + "requires": { + "@prezly/uploads": "^0.2.0", + "is-plain-object": "^5.0.0" + } + }, + "@prezly/story-content-format": { + "version": "0.66.0", + "resolved": "https://registry.npmjs.org/@prezly/story-content-format/-/story-content-format-0.66.0.tgz", + "integrity": "sha512-blNTMTHi43g+1Eo/VSRSRVt3/J/l9bV1POJSRb2+Zl2cCWgXpVgBZweXq9aNb01wxSr+B4/018bdmCueU+NArw==", + "requires": { + "@prezly/content-format": "^0.66.0", + "@prezly/uploads": "^0.2.0", + "is-plain-object": "^5.0.0" + } + }, "@react-hookz/web": { "version": "12.3.0", "resolved": "https://registry.npmjs.org/@react-hookz/web/-/web-12.3.0.tgz", @@ -19730,9 +19766,9 @@ "integrity": "sha512-uKBTA1gZ90ckKK/4wVoVORC3VUTkOgFwhZWwWsceKxVoAgDxqS5s0NXP5V7J+niEdvCkcoEVeCc25kCs+Hr/uQ==" }, "@prezly/sdk": { - "version": "21.6.0", - "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.6.0.tgz", - "integrity": "sha512-1to1BNdWlcW/aErM+hDTKOmDPFg3vhdKOw1XOPNBvuvUtPw/K1igz0ydFbHW15212d67aonLgBCDK9iB4uOiAQ==", + "version": "21.12.0", + "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.12.0.tgz", + "integrity": "sha512-dUQERjNUCzfuHpEyFCmQKEWsLt6HogMSw5+C+GuOSDHxLvVEM+FEiTH24zGn8hg4ExFYMClSJ/dAJX2lFybwhQ==", "requires": { "@prezly/progress-promise": "^2.0.1", "@prezly/uploads": "^0.2.1", @@ -19750,9 +19786,9 @@ } }, "@prezly/theme-kit-core": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.6.0.tgz", - "integrity": "sha512-K6eUqyUmYnFyjCNuSL+ZawTq5sOEjT0IiaXDOhrzdvLGoOFXX1rQCRE/4QJvz1dUEsBOjdFOIJkc1vDggI47AA==", + "version": "7.7.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.7.0.tgz", + "integrity": "sha512-qlKF7jkUn5Ct6MJOxYlhwgWF5pl2upBWXNfKw96oYDwpjT1BDaQwC11rDhThiC6vlBoQJzgLeKs/wXVibCgAKA==", "requires": { "@prezly/theme-kit-intl": "^7.5.1", "@prezly/uploadcare": "^2.3.4", @@ -19769,12 +19805,12 @@ } }, "@prezly/theme-kit-nextjs": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.6.0.tgz", - "integrity": "sha512-xIkCDQo8Towg1yuw0EHVb9LNH5yWxPscRdVUCZV5jVhAhf+F6WO/VxbmEHPmwCmpcpWBopJkj9G4A7Ns9as74Q==", + "version": "7.7.0", + "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.7.0.tgz", + "integrity": "sha512-VYTOllE5kbnyPCFitl6ctEh0ZVFOxaHZrDBkI+FBLT11zpYDVf7vJmF9bX1BWbh5EUCF/KISh0jpnGOczuOkBw==", "requires": { "@meilisearch/instant-meilisearch": "^0.19.0", - "@prezly/theme-kit-core": "^7.6.0", + "@prezly/theme-kit-core": "^7.7.0", "@technically/omit-undefined": "^1.0.2", "algoliasearch": "^4.24.0", "next-seo": "^5.4.0" diff --git a/package.json b/package.json index c2cb7829..036ac774 100644 --- a/package.json +++ b/package.json @@ -30,12 +30,12 @@ "@headlessui/react": "1.7.18", "@playwright/test": "^1.33.0", "@prezly/analytics-nextjs": "3.0.0", - "@prezly/content-renderer-react-js": "0.38.4", - "@prezly/sdk": "21.6.0", + "@prezly/content-renderer-react-js": "0.39.0", + "@prezly/sdk": "21.12.0", "@prezly/story-content-format": "0.65.1", - "@prezly/theme-kit-core": "7.6.0", + "@prezly/theme-kit-core": "7.7.0", "@prezly/theme-kit-intl": "7.5.1", - "@prezly/theme-kit-nextjs": "7.6.0", + "@prezly/theme-kit-nextjs": "7.7.0", "@prezly/uploadcare": "2.4.4", "@prezly/uploadcare-image": "0.3.2", "@react-hookz/web": "14.7.1",