Docs(web,web-react,web-twig): Switch to v3 spacings in Tabs #DS-1444

lmc-eu · Aug 29, 2024 · 0a8d7c9 · 0a8d7c9
1 parent 2ca81aa
commit 0a8d7c9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/web-react/src/components/Tabs/demo/TabsWithCustomSpacing.tsx b/packages/web-react/src/components/Tabs/demo/TabsWithCustomSpacing.tsx
@@ -18,7 +18,7 @@ const TabsWithCustomSpacing = () => {
     <Tabs
       selectedTab={selectedId}
       toggle={selectTab}
-      spacing={{ mobile: 'space-400', tablet: 'space-800', desktop: 'space-1200' }}
+      spacing={{ mobile: 'space-500', tablet: 'space-1000', desktop: 'space-1600' }}
     >
       <TabList>
         <TabItem forTabPane={1}>Item 1</TabItem>

diff --git a/packages/web-twig/src/Resources/components/Tabs/stories/TabsWithCustomSpacing.twig b/packages/web-twig/src/Resources/components/Tabs/stories/TabsWithCustomSpacing.twig
@@ -1,4 +1,4 @@
-<TabList spacing="{{ { mobile: 'space-400', tablet: 'space-800', desktop: 'space-1200' } }}">
+<TabList spacing="{{ { mobile: 'space-500', tablet: 'space-1000', desktop: 'space-1600' } }}">
     <TabItem>
         <TabLink isSelected id="pane-3-tab" data-spirit-toggle="tabs" targetPaneId="pane-3">Item 1</TabLink>
     </TabItem>

diff --git a/packages/web/src/scss/components/Tabs/index.html b/packages/web/src/scss/components/Tabs/index.html
@@ -60,7 +60,7 @@ <h2 class="docs-Heading">Custom Spacing</h2>
 
     <ul class="Tabs"
         role="tablist"
-        style="--tabs-spacing: var(--spirit-space-400); --tabs-spacing-tablet: var(--spirit-space-800); --tabs-spacing-desktop: var(--spirit-space-1200)"
+        style="--tabs-spacing: var(--spirit-space-500); --tabs-spacing-tablet: var(--spirit-space-1000); --tabs-spacing-desktop: var(--spirit-space-1600)"
     >
       <li class="Tabs__item">
         <button