From 17184653036a96e5ac88dc097b46e94b40c613d8 Mon Sep 17 00:00:00 2001
From: mathuria <mathuria@adobe.com>
Date: Wed, 10 Apr 2024 12:33:02 +0530
Subject: [PATCH] Changing generate-right to generate-side

---
 .../generate/generate.css                     | 20 +++++++++----------
 .../start-over/start-over.css                 |  2 +-
 .../mocks/interactive-metadata.html           |  4 ++--
 .../crop/mocks/body.html                      |  2 +-
 .../generate/mocks/body.html                  |  2 +-
 .../selector-tray/mocks/body.html             |  2 +-
 .../start-over/mocks/body.html                |  2 +-
 7 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/creativecloud/features/interactive-components/generate/generate.css b/creativecloud/features/interactive-components/generate/generate.css
index 1409406d5..64bb14465 100644
--- a/creativecloud/features/interactive-components/generate/generate.css
+++ b/creativecloud/features/interactive-components/generate/generate.css
@@ -84,15 +84,15 @@
     padding: 0;
   }
 
-  .interactive-enabled.generate-right .step-generate .generate-prompt-button,
-  .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+  .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+  .interactive-enabled .step-generate .generate-side .generate-prompt-button {
     left: auto;
     right: -21.5%;
     bottom: calc(50% - 80px);
   }
 
-  [dir="rtl"] .interactive-enabled.generate-right .step-generate .generate-prompt-button, 
-  [dir="rtl"] .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+  [dir="rtl"] .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+  [dir="rtl"] .interactive-enabled .step-generate .generate-side .generate-prompt-button {
     left: auto;
     right: -21.5%;
   }
@@ -131,21 +131,21 @@
       max-width: 218px;
     }
     
-    .interactive-enabled.row-reversed.generate-right .step-generate .generate-prompt-button, 
-    .interactive-enabled.row-reversed .step-generate .generate-right .generate-prompt-button {
+    .interactive-enabled.row-reversed.generate-side .step-generate .generate-prompt-button,
+    .interactive-enabled.row-reversed .step-generate .generate-side .generate-prompt-button {
       flex-direction: row;
       left: -21.5%;
       right: auto;
     }
 
-    [dir="rtl"] .interactive-enabled.generate-right .step-generate .generate-prompt-button, 
-    [dir="rtl"] .interactive-enabled .step-generate .generate-right .generate-prompt-button {
+    [dir="rtl"] .interactive-enabled.generate-side .step-generate .generate-prompt-button,
+    [dir="rtl"] .interactive-enabled .step-generate .generate-side .generate-prompt-button {
       left: -21.5%;
       right: auto;
     }
 
-    [dir="rtl"] .interactive-enabled.row-reversed.generate-right .step-generate .generate-prompt-button, 
-    [dir="rtl"] .interactive-enabled.row-reversed .step-generate .generate-right .generate-prompt-button {
+    [dir="rtl"] .interactive-enabled.row-reversed.generate-side .step-generate .generate-prompt-button,
+    [dir="rtl"] .interactive-enabled.row-reversed .step-generate .generate-side .generate-prompt-button {
       left: auto;
       right: -21.5%;
     }
diff --git a/creativecloud/features/interactive-components/start-over/start-over.css b/creativecloud/features/interactive-components/start-over/start-over.css
index 21e03c97e..ee87bb970 100644
--- a/creativecloud/features/interactive-components/start-over/start-over.css
+++ b/creativecloud/features/interactive-components/start-over/start-over.css
@@ -14,7 +14,7 @@
     gap: 16px;
   }
   
-  .interactive-enabled.generate-right .step-start-over .layer .gray-button.start-over-button {
+  .interactive-enabled.generate-side .step-start-over .layer .gray-button.start-over-button {
     bottom: 32px;
   }
 }
diff --git a/test/blocks/interactive-metadata/mocks/interactive-metadata.html b/test/blocks/interactive-metadata/mocks/interactive-metadata.html
index e08c13b9d..1e4ac0639 100644
--- a/test/blocks/interactive-metadata/mocks/interactive-metadata.html
+++ b/test/blocks/interactive-metadata/mocks/interactive-metadata.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">
@@ -144,7 +144,7 @@ <h2 id="everyone-can-photoshop" class="heading-xxl">Everyone can. Photoshop.</h2
   </div>
 </div>
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
 
     <div class="foreground container">
diff --git a/test/features/interactive-components/crop/mocks/body.html b/test/features/interactive-components/crop/mocks/body.html
index 2ee974338..1f5807e71 100644
--- a/test/features/interactive-components/crop/mocks/body.html
+++ b/test/features/interactive-components/crop/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
 
     <div class="foreground container">
diff --git a/test/features/interactive-components/generate/mocks/body.html b/test/features/interactive-components/generate/mocks/body.html
index fc22e186a..9873daf20 100644
--- a/test/features/interactive-components/generate/mocks/body.html
+++ b/test/features/interactive-components/generate/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
+  <div class="marquee large interactive-enabled heading-top generate-side dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     
     <div class="foreground container">
       <div data-valign="middle" class="text">
diff --git a/test/features/interactive-components/selector-tray/mocks/body.html b/test/features/interactive-components/selector-tray/mocks/body.html
index 5a2341507..813b29aee 100644
--- a/test/features/interactive-components/selector-tray/mocks/body.html
+++ b/test/features/interactive-components/selector-tray/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark"
+  <div class="marquee large interactive-enabled heading-top generate-side dark"
     style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">
diff --git a/test/features/interactive-components/start-over/mocks/body.html b/test/features/interactive-components/start-over/mocks/body.html
index da64587d2..4f301305b 100644
--- a/test/features/interactive-components/start-over/mocks/body.html
+++ b/test/features/interactive-components/start-over/mocks/body.html
@@ -1,5 +1,5 @@
 <div class="section">
-  <div class="marquee large interactive-enabled heading-top generate-right dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
+  <div class="marquee large interactive-enabled heading-top generate-side dark" style="background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);">
     <div class="foreground container">
       <div data-valign="middle" class="text">
         <h2 id="everyone-can-photoshop" class="heading-xxl">Everyone can. Photoshop.</h2>