feat(theme): adicionado melhoria no tema para diferentes acessibilidades

Adicionado possibilidade de passar mais de uma opção de tema de acessibilidade como exemplo: ‘AA’ e ‘AAA’. Fixes DTHFUI-9037
po-ui · Oct 7, 2024 · 46f7100 · 46f7100
1 parent a791f63
commit 46f7100
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 4 deletions.
diff --git a/src/css/components/po-divider/po-divider.css b/src/css/components/po-divider/po-divider.css
@@ -2,7 +2,7 @@ po-divider {
   --font-family: var(--font-family-theme);
   --font-size: 10px;
   --line-height: 16px;
-  --text-transform: uppercase;
+  --text-transform: none;
 }
 
 .po-divider-label {

diff --git a/src/css/components/po-field/po-input/po-input.css b/src/css/components/po-field/po-input/po-input.css
@@ -88,3 +88,7 @@ po-input.ng-invalid-mask .po-input {
   border: solid 1px var(--color-feedback-negative-base) !important;
   color: var(--color-feedback-negative-base);
 }
+
+po-password po-clean + po-icon {
+  margin-left: 8px;
+}
diff --git a/src/css/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.css b/src/css/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.css
@@ -16,6 +16,13 @@
   line-height: 1rem;
 }
 
+.po-navbar-action-content:focus-visible {
+  outline-width: 1px;
+  outline-color: var(--color-action-focus);
+  outline-style: auto;
+  outline-offset: 0;
+}
+
 .po-navbar-action-content > :first-child:not(.po-fonts-icon):not(.po-icon) {
   line-height: 2rem;
 }

diff --git a/src/css/components/po-navbar/po-navbar-items/po-navbar-item/po-navbar-item.css b/src/css/components/po-navbar/po-navbar-items/po-navbar-item/po-navbar-item.css
@@ -27,6 +27,13 @@
   cursor: default;
 }
 
+.po-navbar-item-link:focus-visible {
+  outline-width: 1px;
+  outline-color: var(--color-action-focus);
+  outline-style: auto;
+  outline-offset: 0;
+}
+
 .po-navbar-item-selected {
   box-shadow: var(--shadow-navbar-item-box-shadow-selected);
   color: var(--color-navbar-item-color-selected);

diff --git a/src/css/components/po-navbar/po-navbar-logo/po-navbar-logo.css b/src/css/components/po-navbar/po-navbar-logo/po-navbar-logo.css
@@ -9,6 +9,13 @@
   vertical-align: middle;
 }
 
+.po-navbar-logo-image:focus-visible {
+  outline-width: 1px;
+  outline-color: var(--color-action-focus);
+  outline-style: auto;
+  outline-offset: 0;
+}
+
 @media screen and (max-width: 768px) {
   .po-navbar-logo {
     text-align: center;

diff --git a/src/css/components/po-table/po-table.css b/src/css/components/po-table/po-table.css
@@ -259,7 +259,6 @@
 }
 
 .po-table-column-actions i {
-  color: var(--color);
   display: block;
   font-size: 1.5rem;
 }
@@ -504,7 +503,6 @@
 }
 
 .po-table-column-detail-toggle i {
-  color: var(--color);
   display: block;
   font-size: 1.5rem;
 }
@@ -676,3 +674,9 @@ span.po-table-header-icon-ascending svg {
 .po-table-row-template-container {
   max-width: 1rem;
 }
+
+.po-table-header-flex po-icon,
+.po-table-column-actions i,
+.po-table-column-detail-toggle i {
+  color: var(--color-action-default);
+}
diff --git a/src/css/themes/po-theme-default.css b/src/css/themes/po-theme-default.css
@@ -1261,7 +1261,7 @@ po-search {
 
   --background-select: var(--background);
   --background-select-hover: var(--background-hover);
-  --background-select-disabled: var(background-disabled);
+  --background-select-disabled: var(--background-disabled);
 }
 
 /*------------------------------------*\