feat: change focus paddings

Orfium · Dec 18, 2024 · 10ea460 · 10ea460
1 parent fd174f5
commit 10ea460
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/src/__storyshots__/Updated Components/Tabs/TabStepper-Playground.snap b/src/__storyshots__/Updated Components/Tabs/TabStepper-Playground.snap
@@ -69,7 +69,7 @@
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab']:after {
-  inset: -8px -12px;
+  inset: -3px -8px;
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab'][data-selected] {

diff --git a/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperOrientation.snap b/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperOrientation.snap
@@ -69,7 +69,7 @@
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab']:after {
-  inset: -8px -12px;
+  inset: -3px -8px;
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab'][data-selected] {

diff --git a/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperStatuses.snap b/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperStatuses.snap
@@ -69,7 +69,7 @@
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab']:after {
-  inset: -8px -12px;
+  inset: -3px -8px;
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab'][data-selected] {

diff --git a/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperTypes.snap b/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperTypes.snap
@@ -80,7 +80,7 @@
 }
 
 .emotion-2[data-orientation='horizontal'] [role='tab']:after {
-  inset: -8px -12px;
+  inset: -3px -8px;
 }
 
 .emotion-2[data-orientation='horizontal'] [role='tab'][data-selected] {

diff --git a/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperWithContent.snap b/src/__storyshots__/Updated Components/Tabs/TabStepper-TabStepperWithContent.snap
@@ -69,7 +69,7 @@
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab']:after {
-  inset: -8px -12px;
+  inset: -3px -8px;
 }
 
 .emotion-1[data-orientation='horizontal'] [role='tab'][data-selected] {

diff --git a/src/components/TabStepper/components/TabStepList/TabStepList.style.ts b/src/components/TabStepper/components/TabStepList/TabStepList.style.ts
@@ -53,7 +53,7 @@ export const containerStyles = (sx?: CSSObject) => (theme: Theme) =>
       }
 
       [role='tab']:after {
-        inset: -8px -12px;
+        inset: -3px -8px;
       }
 
       [role='tab'][data-selected] {