fixup! Docs(web-twig): Use spacing style props in all components #DS-…

…1109
lmc-eu · Jan 18, 2024 · 6b5a759 · 6b5a759
1 parent 899cd54
commit 6b5a759
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownPlacements.twig b/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownPlacements.twig
@@ -1,5 +1,5 @@
 <form autocomplete="off">
-    <Grid cols="3" UNSAFE_className="mx-auto" UNSAFE_style="align-items: center; justify-items: center; max-width: 40rem;">
+    <Grid cols="3" marginX="auto" UNSAFE_style="align-items: center; justify-items: center; max-width: 40rem;">
         <GridItem columnStart="2" rowStart="1">
 
             <Radio name="placement" isLabelHidden value="topLeft" id="placement_top_left" label="top-left"/>

diff --git a/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig b/packages/web-twig/src/Resources/components/Header/stories/HeaderSimpleTransparent.twig
@@ -4,6 +4,6 @@
         {% include '@components/Header/stories/_partials/SpiritLogo.twig' %}
     </Header>
 
-    <Heading elementType="div" size="large" UNSAFE_className="text-center mb-1200">Example Cover</Heading>
+    <Heading elementType="div" size="large" marginBottom="space-1200" UNSAFE_className="text-center">Example Cover</Heading>
 
 </div>
diff --git a/packages/web-twig/src/Resources/components/Tooltip/stories/TooltipOnHover.twig b/packages/web-twig/src/Resources/components/Tooltip/stories/TooltipOnHover.twig
@@ -1,5 +1,5 @@
 <div>
-    <TooltipWrapper UNSAFE_className="d-inline-block mr-600 mb-600">
+    <TooltipWrapper marginRight="space-600" marginBottom="space-600" UNSAFE_className="d-inline-block">
         <ButtonLink href="#" aria-describedby="my-tooltip-hover-top" UNSAFE_className="TooltipTarget">
             Tooltip on top
         </ButtonLink>
@@ -8,7 +8,7 @@
         </Tooltip>
     </TooltipWrapper>
 
-    <TooltipWrapper UNSAFE_className="d-inline-block mr-600 mb-600">
+    <TooltipWrapper marginRight="space-600" marginBottom="space-600" UNSAFE_className="d-inline-block">
         <ButtonLink href="#" aria-describedby="my-tooltip-hover-right" UNSAFE_className="TooltipTarget">
             Tooltip on right
         </ButtonLink>
@@ -17,7 +17,7 @@
         </Tooltip>
     </TooltipWrapper>
 
-    <TooltipWrapper UNSAFE_className="d-inline-block mr-600 mb-600">
+    <TooltipWrapper marginRight="space-600" marginBottom="space-600" UNSAFE_className="d-inline-block">
         <ButtonLink href="#" aria-describedby="my-tooltip-hover-bottom" UNSAFE_className="TooltipTarget">
             Tooltip on bottom
         </ButtonLink>
@@ -26,7 +26,7 @@
         </Tooltip>
     </TooltipWrapper>
 
-    <TooltipWrapper UNSAFE_className="d-inline-block mr-600 mb-600">
+    <TooltipWrapper marginRight="space-600" marginBottom="space-600" UNSAFE_className="d-inline-block">
         <ButtonLink href="#" aria-describedby="my-tooltip-hover-left" UNSAFE_className="TooltipTarget">
             Tooltip on left
         </ButtonLink>

diff --git a/packages/web-twig/src/Resources/components/Tooltip/stories/TooltipPlacements.twig b/packages/web-twig/src/Resources/components/Tooltip/stories/TooltipPlacements.twig
@@ -1,5 +1,5 @@
 <form autocomplete="off">
-    <Grid cols="3" UNSAFE_className="mx-auto" UNSAFE_style="align-items: center; justify-items: center; max-width: 30rem;">
+    <Grid cols="3" marginX="auto" UNSAFE_style="align-items: center; justify-items: center; max-width: 30rem;">
         <GridItem columnStart="2" rowStart="1">
 
             <Radio name="placement" isLabelHidden value="top-start" id="placement_top_start" label="top-left"/>