fixup! Refactor(web-twig): Update UNSTABLE_EmptyState according to de…

…sign #DS-1311
lmc-eu · Jun 21, 2024 · 73ad68f · 73ad68f
1 parent 07d136d
commit 73ad68f
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 15 deletions.
diff --git a/.../Resources/components/UNSTABLE_EmptyState/__tests__/__fixtures__/UNSTABLE_EmptyState.twig b/.../Resources/components/UNSTABLE_EmptyState/__tests__/__fixtures__/UNSTABLE_EmptyState.twig
@@ -9,13 +9,17 @@
         <Heading
             elementType="h2"
             size="xsmall"
-        >Headline</Heading>
+        >
+            Headline
+        </Heading>
         <Text color="secondary">In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements</Text>
     </UNSTABLE_EmptyStateSection>
-    <UNSTABLE_ActionLayout>
-        <ButtonLink color="primary" href="#">Action</ButtonLink>
-        <ButtonLink color="secondary" href="#">Action</ButtonLink>
-    </UNSTABLE_ActionLayout>
+    <UNSTABLE_EmptyStateSection>
+        <UNSTABLE_ActionLayout>
+            <ButtonLink color="primary" href="#">Action</ButtonLink>
+            <ButtonLink color="secondary" href="#">Action</ButtonLink>
+        </UNSTABLE_ActionLayout>
+    </UNSTABLE_EmptyStateSection>
     <UNSTABLE_EmptyStateSection>
         <Link href="#">Link to something</Link>
     </UNSTABLE_EmptyStateSection>

diff --git a/...components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html b/...components/UNSTABLE_EmptyState/__tests__/__snapshots__/UNSTABLE_EmptyState.twig.snap.html
@@ -25,8 +25,10 @@ <h2 class="typography-heading-xsmall-text">
         </p>
       </div>
 
-      <div class="UNSTABLE_ActionLayout">
-        <a class="Button Button--primary Button--medium" href="#">Action</a> <a class="Button Button--secondary Button--medium" href="#">Action</a>
+      <div class="Stack UNSTABLE_EmptyState__section">
+        <div class="UNSTABLE_ActionLayout">
+          <a class="Button Button--primary Button--medium" href="#">Action</a> <a class="Button Button--secondary Button--medium" href="#">Action</a>
+        </div>
       </div>
 
       <div class="Stack UNSTABLE_EmptyState__section">

diff --git a/...ages/web-twig/src/Resources/components/UNSTABLE_EmptyState/stories/EmptyStateDefault.twig b/...ages/web-twig/src/Resources/components/UNSTABLE_EmptyState/stories/EmptyStateDefault.twig
@@ -11,10 +11,12 @@
             >Headline</Heading>
             <Text color="secondary">In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements</Text>
         </UNSTABLE_EmptyStateSection>
-        <UNSTABLE_ActionLayout>
-            <ButtonLink color="primary" href="#">Action</ButtonLink>
-            <ButtonLink color="secondary" href="#">Action</ButtonLink>
-        </UNSTABLE_ActionLayout>
+        <UNSTABLE_EmptyStateSection>
+            <UNSTABLE_ActionLayout>
+                <ButtonLink color="primary" href="#">Action</ButtonLink>
+                <ButtonLink color="secondary" href="#">Action</ButtonLink>
+            </UNSTABLE_ActionLayout>
+        </UNSTABLE_EmptyStateSection>
         <UNSTABLE_EmptyStateSection>
             <Link href="#">Link to something</Link>
         </UNSTABLE_EmptyStateSection>
@@ -33,10 +35,12 @@
             >Headline</Heading>
             <Text color="secondary">In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements</Text>
         </UNSTABLE_EmptyStateSection>
-        <UNSTABLE_ActionLayout>
-            <ButtonLink color="primary" href="#">Action</ButtonLink>
-            <ButtonLink color="secondary" href="#">Action</ButtonLink>
-        </UNSTABLE_ActionLayout>
+        <UNSTABLE_EmptyStateSection>
+            <UNSTABLE_ActionLayout>
+                <ButtonLink color="primary" href="#">Action</ButtonLink>
+                <ButtonLink color="secondary" href="#">Action</ButtonLink>
+            </UNSTABLE_ActionLayout>
+        </UNSTABLE_EmptyStateSection>
     </UNSTABLE_EmptyState>
 
     <UNSTABLE_EmptyState spacing="space-700">