feat(stepper): implementa definições do AnimaliaDS

Implementa definições de estilo e acessibilidade definidos pelo AnimaliaDS Fixes DTHFUI-7810
po-ui · Sep 18, 2024 · 6bad39f · 6bad39f
1 parent f6ff050
commit 6bad39f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/css/components/po-stepper/po-stepper.css b/src/css/components/po-stepper/po-stepper.css
@@ -9,15 +9,22 @@
   position: relative;
 }
 
+.po-stepper-horizontal .po-stepper-step {
+  margin-right: 1rem;
+}
+
 .po-stepper-step:not(.po-stepper-step-disabled):focus-visible {
   outline-color: var(--outline-color-focused);
   outline-width: var(--outline-width);
   outline-style: solid;
   outline-offset: 2px;
-  margin-right: 1em;
   z-index: 1000;
 }
 
+.po-stepper-horizontal .po-stepper-step:not(.po-stepper-step-disabled):focus-visible {
+  margin-right: 1rem;
+}
+
 .po-stepper-step-container {
   height: 100%;
   position: relative;

diff --git a/src/css/themes/po-theme-default.css b/src/css/themes/po-theme-default.css
@@ -1308,6 +1308,8 @@ po-stepper {
   --font-size-circle: var(--font-size-sm);
   --color-next: var(--color-action-disabled);
   --text-color-next: var(--color-neutral-light-30);
+
+  --outline-color-focused: var(--color-action-focus);
 }
 
 :root {