From 7edb267144f03209b7b69d253e644baf246eb842 Mon Sep 17 00:00:00 2001
From: Claudiu Cristea <clau.cristea@gmail.com>
Date: Mon, 9 Oct 2023 19:06:09 +0200
Subject: [PATCH] OEL-2677: Fix typo.

---
 src/components/bcl-modal/__snapshots__/modal.test.js.snap | 2 +-
 src/components/bcl-modal/modal.html.twig                  | 8 ++++----
 src/components/bcl-modal/modal.story.js                   | 6 +++---
 src/components/bcl-modal/modal.test.js                    | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/bcl-modal/__snapshots__/modal.test.js.snap b/src/components/bcl-modal/__snapshots__/modal.test.js.snap
index 671292dc8..aa20594e3 100644
--- a/src/components/bcl-modal/__snapshots__/modal.test.js.snap
+++ b/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"
diff --git a/src/components/bcl-modal/modal.html.twig b/src/components/bcl-modal/modal.html.twig
index fa3916a9b..37b7b67e3 100644
--- a/src/components/bcl-modal/modal.html.twig
+++ b/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">
diff --git a/src/components/bcl-modal/modal.story.js b/src/components/bcl-modal/modal.story.js
index 7b987aa77..9d1fce14d 100644
--- a/src/components/bcl-modal/modal.story.js
+++ b/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: {
diff --git a/src/components/bcl-modal/modal.test.js b/src/components/bcl-modal/modal.test.js
index 8b5f943a0..bca21128d 100644
--- a/src/components/bcl-modal/modal.test.js
+++ b/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();
   });