OEL-2677: Fix typo

src/components/bcl-modal/__snapshots__/modal.test.js.snap

@@ -351,7 +351,7 @@ exports[`OE - modal renders correctly with static backdrop 1`] = `
 </jest>
 `;
 
-exports[`OE - modal renders correctly with verticaly centered modal 1`] = `
+exports[`OE - modal renders correctly with vertically centered modal 1`] = `
 <jest>
   <div
     aria-hidden="true"

src/components/bcl-modal/modal.html.twig

@@ -7,14 +7,14 @@
   - fullscreen_responsive (string) (default: '')
     options: sm, md, lg, xl, xxl
   - static_backdrop (boolean) (default: false)
-  - verticaly_centered (boolean) (default: false)
+  - vertically_centered (boolean) (default: false)
   - scrollable (boolean) (default: false)
   - header (block) (default: '')
   - messages (block) (default: '')
   - body (block) (default: '')
   - footer (block) (default: '')
   - attributes (drupal attrs)
-  
+
   Blocks
     - header
     - messages
@@ -26,7 +26,7 @@
 {% set _id = id|default('modal-' ~ random(1000)) %}
 {% set _fullscreen_responsive =  fullscreen_responsive|default('') %}
 {% set _static_backdrop = static_backdrop ?? false %}
-{% set _verticaly_centered = verticaly_centered ?? false %}
+{% set _vertically_centered = vertically_centered ?? false %}
 {% set _scrollable = scrollable ?? false %}
 {% set _header = header|default('') %}
 {% set _messages = messages|default('') %}
@@ -57,7 +57,7 @@
   <div class="modal-dialog
   {{- _size ? ' modal-' ~ size -}}
   {{- _fullscreen_responsive ? ' modal-fullscreen-' ~ _fullscreen_responsive ~ '-down' -}}
-  {{- _verticaly_centered ? ' modal-dialog-centered' -}}
+  {{- _vertically_centered ? ' modal-dialog-centered' -}}
   {{- _scrollable ? ' modal-dialog-scrollable' -}}"
   >
     <div class="modal-content">

src/components/bcl-modal/modal.story.js

@@ -11,7 +11,7 @@ const chromatic = process.env.STORYBOOK_ENV;
 const getArgs = () => ({
   size: "default",
   static_backdrop: false,
-  verticaly_centered: false,
+  vertically_centered: false,
   scrollable: false,
 });
 
@@ -47,8 +47,8 @@ const getArgTypes = () => ({
       category: "Style",
     },
   },
-  verticaly_centered: {
-    name: "verticaly centered",
+  vertically_centered: {
+    name: "vertically centered",
     type: { name: "boolean" },
     description: "Vertically center the modal",
     table: {

src/components/bcl-modal/modal.test.js

@@ -42,11 +42,11 @@ describe("OE - modal", () => {
     ).resolves.toMatchSnapshot();
   });
 
-  test("renders correctly with verticaly centered modal", () => {
+  test("renders correctly with vertically centered modal", () => {
     expect.assertions(1);
 
     return expect(
-      render({ ...demoData, verticaly_centered: true })
+      render({ ...demoData, vertically_centered: true })
     ).resolves.toMatchSnapshot();
   });