fix: enable the ability to apply strong to header

AmazeeLabs · Dec 13, 2024 · 901d3dd · 901d3dd
1 parent f75d281
commit 901d3dd
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 6 deletions.
diff --git a/packages/drupal/gutenberg_blocks/js/blocks/heading.tsx b/packages/drupal/gutenberg_blocks/js/blocks/heading.tsx
@@ -100,7 +100,7 @@ registerBlockType<{
           keepPlaceholderOnFocus={true}
           onChange={(text) => {
             props.setAttributes({
-              text: cleanUpText(text),
+              text: cleanUpText(text, ['strong']),
             });
           }}
         />

diff --git a/packages/ui/src/components/Atoms/Fonts.css b/packages/ui/src/components/Atoms/Fonts.css
@@ -59,17 +59,45 @@
 @font-face {
   font-family: 'Inter';
   font-style: normal;
-  font-weight: 600;
+  font-weight: 700;
   src: url('/fonts/preload/Inter-Bold.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
   font-style: italic;
-  font-weight: 600;
+  font-weight: 700;
   src: url('/fonts/preload/Inter-BoldItalic.woff2') format('woff2');
 }
 
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  src: url('/fonts/preload/Inter-ExtraBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 800;
+  src: url('/fonts/preload/Inter-ExtraBoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 900;
+  src: url('/fonts/preload/Inter-Black.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 900;
+  src: url('/fonts/preload/Inter-Black.woff2') format('woff2');
+}
+
 html,
 body {
   font-family: 'Inter', sans-serif;

diff --git a/packages/ui/static/public/fonts/preload/Inter-Black.woff2 b/packages/ui/static/public/fonts/preload/Inter-Black.woff2
diff --git a/packages/ui/static/public/fonts/preload/Inter-BlackItalic.woff2 b/packages/ui/static/public/fonts/preload/Inter-BlackItalic.woff2
diff --git a/packages/ui/static/public/fonts/preload/Inter-ExtraBold.woff2 b/packages/ui/static/public/fonts/preload/Inter-ExtraBold.woff2
diff --git a/packages/ui/static/public/fonts/preload/Inter-ExtraBoldItalic.woff2 b/packages/ui/static/public/fonts/preload/Inter-ExtraBoldItalic.woff2
diff --git a/tests/schema/specs/blocks.spec.ts b/tests/schema/specs/blocks.spec.ts
@@ -576,11 +576,11 @@ test('Block: Heading', async () => {
 
     <h4 class="wp-block-custom-heading">Heading four</h4>
 
-    <h2 class="wp-block-custom-heading">Heading two - Bold</h2>
+    <h2 class="wp-block-custom-heading"><strong>Heading two - Bold</strong></h2>
 
-    <h3 class="wp-block-custom-heading">Heading three - Bold</h3>
+    <h3 class="wp-block-custom-heading"><strong>Heading three - Bold</strong></h3>
 
-    <h4 class="wp-block-custom-heading">Heading four - Bold</h4>
+    <h4 class="wp-block-custom-heading"><strong>Heading four - Bold</strong></h4>
     ",
             },
           ],