Merge pull request #921 from prezly/feature/dev-13006-theme-support-f…

…or-the-new-node-type [DEV-13006] Feature - Callouts and highlighted text
prezly · Jun 20, 2024 · 02d6ccd · 02d6ccd
2 parents 50c6ddc + 9a2c2a9
commit 02d6ccd
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 68 deletions.
diff --git a/components/ContentRenderer/ContentRenderer.module.scss b/components/ContentRenderer/ContentRenderer.module.scss
@@ -57,6 +57,18 @@
             font-size: $font-size-labels;
         }
 
+        .prezly-slate-callout {
+            margin: $spacing-6 auto;
+            line-height: $line-height-m;
+            font-weight: normal;
+            background-color: color-mix(in srgb, var(--prezly-accent-color) 8%, transparent);
+            border-color: color-mix(in srgb, var(--prezly-accent-color) 60%, transparent);
+        }
+
+        mark {
+            background-color: color-mix(in srgb, var(--prezly-accent-color) 24%, transparent);
+        }
+
         .prezly-slate-button-block {
             background-color: var(--prezly-accent-color);
             color: $color-base-white;

diff --git a/package-lock.json b/package-lock.json
diff --git 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.37.2",
-    "@prezly/sdk": "21.0.0",
-    "@prezly/story-content-format": "0.64.0",
-    "@prezly/theme-kit-core": "7.4.0",
-    "@prezly/theme-kit-intl": "7.4.0",
-    "@prezly/theme-kit-nextjs": "7.4.2",
+    "@prezly/content-renderer-react-js": "0.38.1",
+    "@prezly/sdk": "21.6.0",
+    "@prezly/story-content-format": "0.65.1",
+    "@prezly/theme-kit-core": "7.5.0",
+    "@prezly/theme-kit-intl": "7.5.0",
+    "@prezly/theme-kit-nextjs": "7.5.0",
     "@prezly/uploadcare": "2.4.4",
     "@prezly/uploadcare-image": "0.3.2",
     "@react-hookz/web": "14.7.1",

diff --git a/pages/[slug].tsx b/pages/[slug].tsx
@@ -20,7 +20,7 @@ export const getServerSideProps = getStoryPageServerSideProps<BasePageProps>(
         isTrackingEnabled: isTrackingEnabled(context),
         translations: await importMessages(newsroomContextProps.localeCode),
     }),
-    [PrezlyStory.FormatVersion.SLATEJS_V5],
+    [PrezlyStory.FormatVersion.SLATEJS_V6],
 );
 
 export default StoryPage;
diff --git a/pages/s/[uuid].tsx b/pages/s/[uuid].tsx
@@ -20,7 +20,7 @@ export const getServerSideProps = getStoryPreviewPageServerSideProps<BasePagePro
         isTrackingEnabled: false,
         translations: await importMessages(newsroomContextProps.localeCode),
     }),
-    [PrezlyStory.FormatVersion.SLATEJS_V5],
+    [PrezlyStory.FormatVersion.SLATEJS_V6],
 );
 
 export default StoryPreviewPage;