sdga-ui 1.0.6 → 1.0.8

package/css/dga-ui.css

@@ -1860,15 +1860,16 @@
   --dga-heading-color: inherit;
   --dga-link-color: #1B8354;
   --dga-link-color-rgb: 27, 131, 84;
-  --dga-link-decoration: underline;
-  --dga-link-hover-color: rgb(21.6, 104.8, 67.2);
-  --dga-link-hover-color-rgb: 22, 105, 67;
+  --dga-link-decoration: none;
+  --dga-link-hover-color: rgb(18.9, 91.7, 58.8);
+  --dga-link-hover-color-rgb: 19, 92, 59;
+  --dga-link-hover-decoration: underline;
   --dga-code-color: #d63384;
   --dga-highlight-color: #161616;
   --dga-highlight-bg: rgb(255, 242.6, 205.4);
   --dga-border-width: 1px;
   --dga-border-style: solid;
-  --dga-border-color: #6C737F;
+  --dga-border-color: #D2D6DB;
   --dga-border-color-translucent: rgba(22, 22, 22, 0.175);
   --dga-border-radius: 0.375rem;
   --dga-border-radius-sm: 0.25rem;
@@ -2114,10 +2115,11 @@ sup {
 
 a {
   color: rgba(var(--dga-link-color-rgb), var(--dga-link-opacity, 1));
-  text-decoration: underline;
+  text-decoration: none;
 }
 a:hover {
   --dga-link-color-rgb: var(--dga-link-hover-color-rgb);
+  text-decoration: underline;
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -4381,7 +4383,7 @@ textarea.form-control-lg {
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  border: 1px solid #6C737F;
+  border: 1px solid #D2D6DB;
   print-color-adjust: exact;
 }
 .form-check-input[type=checkbox] {
@@ -4394,7 +4396,7 @@ textarea.form-control-lg {
   filter: none;
 }
 .form-check-input:focus {
-  border-color: #6C737F;
+  border-color: #D2D6DB;
   outline: 0;
   box-shadow: none;
 }
@@ -4944,7 +4946,6 @@ textarea.form-control-lg {
   line-height: var(--dga-btn-line-height);
   color: var(--dga-btn-color);
   text-align: center;
-  text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
@@ -4961,6 +4962,7 @@ textarea.form-control-lg {
 }
 .btn:hover {
   color: var(--dga-btn-hover-color);
+  text-decoration: none;
   background-color: var(--dga-btn-hover-bg);
   border-color: var(--dga-btn-hover-border-color);
 }
@@ -8619,6 +8621,9 @@ textarea.form-control-lg {
   --dga-btn-disabled-border-color: transparent;
   --dga-btn-box-shadow: 0 0 0 #000;
   --dga-btn-focus-shadow-rgb: none;
+  text-decoration: none;
+}
+.btn-link:hover, .btn-link:focus-visible {
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -8942,7 +8947,6 @@ textarea.form-control-lg {
   font-weight: 400;
   color: var(--dga-dropdown-link-color);
   text-align: inherit;
-  text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
@@ -8950,6 +8954,7 @@ textarea.form-control-lg {
 }
 .dropdown-item:hover, .dropdown-item:focus {
   color: var(--dga-dropdown-link-hover-color);
+  text-decoration: none;
   background-color: var(--dga-dropdown-link-hover-bg);
 }
 .dropdown-item.active, .dropdown-item:active {
@@ -9125,7 +9130,6 @@ textarea.form-control-lg {
   font-size: var(--dga-nav-link-font-size);
   font-weight: var(--dga-nav-link-font-weight);
   color: var(--dga-nav-link-color);
-  text-decoration: none;
   background: none;
   border: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
@@ -9137,6 +9141,7 @@ textarea.form-control-lg {
 }
 .nav-link:hover, .nav-link:focus {
   color: var(--dga-nav-link-hover-color);
+  text-decoration: none;
 }
 .nav-link:focus-visible {
   outline: 0;
@@ -9286,11 +9291,11 @@ textarea.form-control-lg {
   margin-right: var(--dga-navbar-brand-margin-end);
   font-size: var(--dga-navbar-brand-font-size);
   color: var(--dga-navbar-brand-color);
-  text-decoration: none;
   white-space: nowrap;
 }
 .navbar-brand:hover, .navbar-brand:focus {
   color: var(--dga-navbar-brand-hover-color);
+  text-decoration: none;
 }
 
 .navbar-nav {
@@ -9750,6 +9755,9 @@ textarea.form-control-lg {
   margin-bottom: 0;
 }
 
+.card-link:hover {
+  text-decoration: none;
+}
 .card-link + .card-link {
   margin-left: var(--dga-card-spacer-x);
 }
@@ -10063,7 +10071,6 @@ textarea.form-control-lg {
   padding: var(--dga-pagination-padding-y) var(--dga-pagination-padding-x);
   font-size: var(--dga-pagination-font-size);
   color: var(--dga-pagination-color);
-  text-decoration: none;
   background-color: var(--dga-pagination-bg);
   border: var(--dga-pagination-border-width) solid var(--dga-pagination-border-color);
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -10076,6 +10083,7 @@ textarea.form-control-lg {
 .page-link:hover {
   z-index: 2;
   color: var(--dga-pagination-hover-color);
+  text-decoration: none;
   background-color: var(--dga-pagination-hover-bg);
   border-color: var(--dga-pagination-hover-border-color);
 }
@@ -11030,7 +11038,6 @@ textarea.form-control-lg {
   display: block;
   padding: var(--dga-list-group-item-padding-y) var(--dga-list-group-item-padding-x);
   color: var(--dga-list-group-color);
-  text-decoration: none;
   background-color: var(--dga-list-group-bg);
   border: var(--dga-list-group-border-width) solid var(--dga-list-group-border-color);
 }
@@ -12619,7 +12626,7 @@ textarea.form-control-lg {
   box-sizing: content-box;
   width: 0.7031rem;
   height: 0.7031rem;
-  padding: 0.6481rem 0.6481rem;
+  padding: 0.5rem 0.5rem;
   color: var(--dga-btn-close-color);
   background: transparent var(--dga-btn-close-bg) center/0.7031rem auto no-repeat;
   filter: var(--dga-btn-close-filter);
@@ -12738,12 +12745,12 @@ textarea.form-control-lg {
   --dga-modal-header-padding-x: 1rem;
   --dga-modal-header-padding-y: 1rem;
   --dga-modal-header-padding: 1rem 1rem;
-  --dga-modal-header-border-color: #6C737F;
+  --dga-modal-header-border-color: #D2D6DB;
   --dga-modal-header-border-width: 1px;
   --dga-modal-title-line-height: 1.5;
   --dga-modal-footer-gap: 0.5rem;
   --dga-modal-footer-bg: ;
-  --dga-modal-footer-border-color: #6C737F;
+  --dga-modal-footer-border-color: #D2D6DB;
   --dga-modal-footer-border-width: 1px;
   position: fixed;
   top: 0;
@@ -26158,181 +26165,123 @@ textarea.form-control-lg {
     display: none !important;
   }
 }
-.link-primary {
-  color: #1B8354 !important;
-  text-decoration-color: #1B8354 !important;
-}
-.link-primary:visited, .link-primary:focus-visible {
-  color: #1B8354 !important;
-  text-decoration-color: #1B8354 !important;
-}
-.link-primary:hover, .link-primary:focus {
-  color: #54C08A !important;
-  text-decoration-color: #54C08A !important;
-}
-.link-primary:active {
-  color: #88D8AD !important;
-  text-decoration-color: #88D8AD !important;
+*:focus-visible {
+  outline-offset: 2px !important;
+  outline: 2px solid #161616 !important;
 }
 
-.link-secondary {
-  color: #4D5761 !important;
-  text-decoration-color: #4D5761 !important;
-}
-.link-secondary:visited, .link-secondary:focus-visible {
-  color: #4D5761 !important;
-  text-decoration-color: #4D5761 !important;
-}
-.link-secondary:hover, .link-secondary:focus {
-  color: #9DA4AE !important;
-  text-decoration-color: #9DA4AE !important;
+.on-primary {
+  background-color: #104631;
+  color: #FFFFFF;
+  --dga-body-bg: #104631;
+  --dga-body-color: #FFFFFF;
+  --dga-text-muted: rgba(255, 255, 255, 0.8);
+  --dga-border-color: rgba(255, 255, 255, 0.3);
 }
-.link-secondary:active {
-  color: #D2D6DB !important;
-  text-decoration-color: #D2D6DB !important;
+.on-primary *:focus-visible {
+  outline-color: #FFFFFF !important;
 }
 
-.link-success {
-  color: #079455 !important;
-  text-decoration-color: #079455 !important;
-}
-.link-success:visited, .link-success:focus-visible {
-  color: #079455 !important;
-  text-decoration-color: #079455 !important;
-}
-.link-success:hover, .link-success:focus {
-  color: #47CD89 !important;
-  text-decoration-color: #47CD89 !important;
-}
-.link-success:active {
-  color: #75E0A7 !important;
-  text-decoration-color: #75E0A7 !important;
+.list-unstyled {
+  padding-left: unset;
+  padding-right: unset;
 }
 
-.link-danger {
-  color: #D92D20 !important;
-  text-decoration-color: #D92D20 !important;
-}
-.link-danger:visited, .link-danger:focus-visible {
-  color: #D92D20 !important;
-  text-decoration-color: #D92D20 !important;
-}
-.link-danger:hover, .link-danger:focus {
-  color: #F97066 !important;
-  text-decoration-color: #F97066 !important;
-}
-.link-danger:active {
-  color: #FDA29B !important;
-  text-decoration-color: #FDA29B !important;
+th {
+  text-align: match-parent;
 }
 
-.link-warning {
-  color: #DC6803 !important;
-  text-decoration-color: #DC6803 !important;
-}
-.link-warning:visited, .link-warning:focus-visible {
-  color: #DC6803 !important;
-  text-decoration-color: #DC6803 !important;
-}
-.link-warning:hover, .link-warning:focus {
-  color: #FDB022 !important;
-  text-decoration-color: #FDB022 !important;
-}
-.link-warning:active {
-  color: #FEC84B !important;
-  text-decoration-color: #FEC84B !important;
+html {
+  text-size-adjust: 100%;
 }
 
-.link-info {
-  color: #1570EF !important;
-  text-decoration-color: #1570EF !important;
+.link-primary {
+  color: rgba(27, 131, 84, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(27, 131, 84, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-info:visited, .link-info:focus-visible {
-  color: #1570EF !important;
-  text-decoration-color: #1570EF !important;
+.link-primary:visited, .link-primary:focus-visible {
+  color: rgba(27, 131, 84, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(27, 131, 84, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-info:hover, .link-info:focus {
-  color: #53B1FD !important;
-  text-decoration-color: #53B1FD !important;
+.link-primary:hover, .link-primary:focus {
+  color: rgba(84, 192, 138, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(84, 192, 138, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-info:active {
-  color: #84CAFF !important;
-  text-decoration-color: #84CAFF !important;
+.link-primary:active {
+  color: rgba(136, 216, 173, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(136, 216, 173, var(--dga-link-decoration-opacity, 1)) !important;
 }
 
 .link-neutral {
-  color: #384250 !important;
-  text-decoration-color: #384250 !important;
+  color: rgba(56, 66, 80, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(56, 66, 80, var(--dga-link-decoration-opacity, 1)) !important;
 }
 .link-neutral:visited, .link-neutral:focus-visible {
-  color: #384250 !important;
-  text-decoration-color: #384250 !important;
+  color: rgba(56, 66, 80, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(56, 66, 80, var(--dga-link-decoration-opacity, 1)) !important;
 }
 .link-neutral:hover, .link-neutral:focus {
-  color: #6C737F !important;
-  text-decoration-color: #6C737F !important;
+  color: rgba(108, 115, 127, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(108, 115, 127, var(--dga-link-decoration-opacity, 1)) !important;
 }
 .link-neutral:active {
-  color: #9DA4AE !important;
-  text-decoration-color: #9DA4AE !important;
+  color: rgba(157, 164, 174, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(157, 164, 174, var(--dga-link-decoration-opacity, 1)) !important;
 }
 
-.link-lavender {
-  color: #6D428F !important;
-  text-decoration-color: #6D428F !important;
+.on-primary .link-primary {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-lavender:visited, .link-lavender:focus-visible {
-  color: #6D428F !important;
-  text-decoration-color: #6D428F !important;
+.on-primary .link-primary:visited, .on-primary .link-primary:focus-visible {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-lavender:hover, .link-lavender:focus {
-  color: #80519F !important;
-  text-decoration-color: #80519F !important;
+.on-primary .link-primary:hover, .on-primary .link-primary:focus {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 0.8)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 0.8)) !important;
 }
-.link-lavender:active {
-  color: #A57BBA !important;
-  text-decoration-color: #A57BBA !important;
+.on-primary .link-primary:active {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 0.6)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 0.6)) !important;
 }
-
-.link-oncolor {
-  color: #FFFFFF !important;
-  text-decoration-color: #FFFFFF !important;
+.on-primary .link-neutral {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-oncolor:visited, .link-oncolor:focus-visible {
-  color: #FFFFFF !important;
-  text-decoration-color: #FFFFFF !important;
+.on-primary .link-neutral:visited, .on-primary .link-neutral:focus-visible {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 1)) !important;
 }
-.link-oncolor:hover, .link-oncolor:focus {
-  color: rgba(255, 255, 255, 0.8) !important;
-  text-decoration-color: rgba(255, 255, 255, 0.8) !important;
+.on-primary .link-neutral:hover, .on-primary .link-neutral:focus {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 0.8)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 0.8)) !important;
 }
-.link-oncolor:active {
-  color: rgba(255, 255, 255, 0.6) !important;
-  text-decoration-color: rgba(255, 255, 255, 0.6) !important;
+.on-primary .link-neutral:active {
+  color: rgba(255, 255, 255, var(--dga-link-opacity, 0.6)) !important;
+  text-decoration-color: rgba(255, 255, 255, var(--dga-link-decoration-opacity, 0.6)) !important;
 }
 
 a.disabled {
-  color: #9DA4AE !important;
-  text-decoration-color: #9DA4AE !important;
+  color: rgba(157, 164, 174, var(--dga-link-opacity, 1)) !important;
+  text-decoration-color: rgba(157, 164, 174, var(--dga-link-opacity, 1)) !important;
   pointer-events: none;
 }
-a.disabled.link-oncolor {
-  color: rgba(255, 255, 255, 0.3) !important;
-  text-decoration-color: rgba(255, 255, 255, 0.3) !important;
-}
 
-*:focus-visible {
-  outline-offset: 2px !important;
-  outline: 2px solid #161616 !important;
-  border-color: #6C737F !important;
-}
-
-th {
-  text-align: match-parent;
-}
-
-html {
-  text-size-adjust: 100%;
+.btn-neutral {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #0D121C;
+  --dga-btn-border-color: #0D121C;
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: #1F2A37;
+  --dga-btn-hover-border-color: #1F2A37;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #FFFFFF;
+  --dga-btn-active-bg: #4D5761;
+  --dga-btn-active-border-color: #4D5761;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: #E5E7EB;
+  --dga-btn-disabled-border-color: #E5E7EB;
 }
 
 .btn-primary {
@@ -26351,21 +26300,6 @@ html {
   --dga-btn-disabled-border-color: #B8EACB;
 }
 
-.btn-outline-primary {
-  --dga-btn-color: #1B8354;
-  --dga-btn-border-color: #1B8354;
-  --dga-btn-hover-color: #FFFFFF;
-  --dga-btn-hover-bg: #1B8354;
-  --dga-btn-hover-border-color: #1B8354;
-  --dga-btn-focus-shadow-rgb: ;
-  --dga-btn-active-color: #FFFFFF;
-  --dga-btn-active-bg: #166A45;
-  --dga-btn-active-border-color: #166A45;
-  --dga-btn-disabled-color: #54C08A;
-  --dga-btn-disabled-bg: transparent;
-  --dga-btn-disabled-border-color: #54C08A;
-}
-
 .btn-secondary {
   --dga-btn-color: #161616;
   --dga-btn-bg: #F3F4F6;
@@ -26384,6 +26318,7 @@ html {
 
 .btn-outline-secondary {
   --dga-btn-color: #161616;
+  --dga-btn-bg: ;
   --dga-btn-border-color: #D2D6DB;
   --dga-btn-hover-color: #161616;
   --dga-btn-hover-bg: #F3F4F6;
@@ -26397,79 +26332,280 @@ html {
   --dga-btn-disabled-border-color: #9DA4AE;
 }
 
-.btn-danger {
+.btn-subtle {
+  --dga-btn-color: #161616;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #161616;
+  --dga-btn-hover-bg: transparent;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #161616;
+  --dga-btn-active-bg: transparent;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-transparent {
+  --dga-btn-color: #161616;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #166A45;
+  --dga-btn-hover-bg: transparent;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #104631;
+  --dga-btn-active-bg: transparent;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-destructive-primary {
   --dga-btn-color: #FFFFFF;
   --dga-btn-bg: #D92D20;
-  --dga-btn-border-color: #D92D20;
+  --dga-btn-border-color: transparent;
   --dga-btn-hover-color: #FFFFFF;
   --dga-btn-hover-bg: #B42318;
-  --dga-btn-hover-border-color: #B42318;
+  --dga-btn-hover-border-color: transparent;
   --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #FFFFFF;
-  --dga-btn-active-bg: #912018;
-  --dga-btn-active-border-color: #912018;
-  --dga-btn-disabled-color: #FFFFFF;
-  --dga-btn-disabled-bg: #FECDCA;
-  --dga-btn-disabled-border-color: #FECDCA;
+  --dga-btn-active-bg: #7A271A;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
 }
 
-.btn-outline-danger {
+.btn-destructive-secondary {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: #FEF3F2;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-destructive-outline-secondary {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: #FECDCA;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: #FEE4E2;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-destructive-subtle {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-destructive-transparent {
   --dga-btn-color: #D92D20;
-  --dga-btn-border-color: #D92D20;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: transparent;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #7A271A;
+  --dga-btn-active-bg: transparent;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.on-primary .btn-neutral {
+  --dga-btn-color: #161616;
+  --dga-btn-bg: #FFFFFF;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #161616;
+  --dga-btn-hover-bg: rgba(255, 255, 255, 0.8);
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #161616;
+  --dga-btn-active-bg: rgba(255, 255, 255, 0.6);
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-primary {
+  --dga-btn-color: #161616;
+  --dga-btn-bg: #FFFFFF;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #161616;
+  --dga-btn-hover-bg: rgba(255, 255, 255, 0.8);
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #161616;
+  --dga-btn-active-bg: rgba(255, 255, 255, 0.6);
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-secondary {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-border-color: transparent;
   --dga-btn-hover-color: #FFFFFF;
-  --dga-btn-hover-bg: #D92D20;
-  --dga-btn-hover-border-color: #D92D20;
+  --dga-btn-hover-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-hover-border-color: transparent;
   --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #FFFFFF;
-  --dga-btn-active-bg: #B42318;
-  --dga-btn-active-border-color: #B42318;
-  --dga-btn-disabled-color: #F97066;
+  --dga-btn-active-bg: rgba(255, 255, 255, 0.4);
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-outline-secondary {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-hover-border-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #FFFFFF;
+  --dga-btn-active-bg: rgba(255, 255, 255, 0.4);
+  --dga-btn-active-border-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
   --dga-btn-disabled-bg: transparent;
-  --dga-btn-disabled-border-color: #F97066;
+  --dga-btn-disabled-border-color: rgba(255, 255, 255, 0.4);
 }
-
-.btn-neutral {
+.on-primary .btn-subtle {
   --dga-btn-color: #FFFFFF;
-  --dga-btn-bg: #0D121C;
-  --dga-btn-border-color: #0D121C;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
   --dga-btn-hover-color: #FFFFFF;
-  --dga-btn-hover-bg: #1F2A37;
-  --dga-btn-hover-border-color: #1F2A37;
-  --dga-btn-focus-shadow-rgb: 77, 87, 97;
+  --dga-btn-hover-bg: rgba(255, 255, 255, 0.2);
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #FFFFFF;
-  --dga-btn-active-bg: #4D5761;
-  --dga-btn-active-border-color: #4D5761;
-  --dga-btn-disabled-color: #9DA4AE;
-  --dga-btn-disabled-bg: #E5E7EB;
-  --dga-btn-disabled-border-color: #E5E7EB;
+  --dga-btn-active-bg: rgba(255, 255, 255, 0.4);
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
 }
-
-.btn-outline-neutral {
-  --dga-btn-color: #4D5761;
-  --dga-btn-border-color: #4D5761;
+.on-primary .btn-transparent {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #54C08A;
+  --dga-btn-hover-bg: transparent;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #88D8AD;
+  --dga-btn-active-bg: transparent;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-destructive-primary {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #D92D20;
+  --dga-btn-border-color: transparent;
   --dga-btn-hover-color: #FFFFFF;
-  --dga-btn-hover-bg: #4D5761;
-  --dga-btn-hover-border-color: #4D5761;
+  --dga-btn-hover-bg: #B42318;
+  --dga-btn-hover-border-color: transparent;
   --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #FFFFFF;
-  --dga-btn-active-bg: #384250;
-  --dga-btn-active-border-color: #384250;
-  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-active-bg: #7A271A;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(255, 255, 255, 0.4);
+  --dga-btn-disabled-bg: rgba(217, 45, 32, 0.2);
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-destructive-secondary {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: #FEF3F2;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(180, 35, 24, 0.4);
+  --dga-btn-disabled-bg: rgba(254, 243, 242, 0.2);
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-destructive-outline-secondary {
+  --dga-btn-color: #FECDCA;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: #FECDCA;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: #FECDCA;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: #FECDCA;
+  --dga-btn-disabled-color: rgba(180, 35, 24, 0.4);
   --dga-btn-disabled-bg: transparent;
-  --dga-btn-disabled-border-color: #9DA4AE;
+  --dga-btn-disabled-border-color: rgba(254, 205, 202, 0.4);
 }
-
-.btn-subtle {
-  --dga-btn-color: #161616;
+.on-primary .btn-destructive-subtle {
+  --dga-btn-color: #FECDCA;
+  --dga-btn-bg: transparent;
   --dga-btn-border-color: transparent;
-  --dga-btn-hover-color: #161616;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEE4E2;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FECDCA;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: rgba(254, 205, 202, 0.4);
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+.on-primary .btn-destructive-transparent {
+  --dga-btn-color: #FECDCA;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #FDA29B;
   --dga-btn-hover-bg: transparent;
   --dga-btn-hover-border-color: transparent;
   --dga-btn-focus-shadow-rgb: ;
-  --dga-btn-active-color: #161616;
+  --dga-btn-active-color: #F97066;
   --dga-btn-active-bg: transparent;
   --dga-btn-active-border-color: transparent;
-  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-color: rgba(254, 205, 202, 0.4);
   --dga-btn-disabled-bg: transparent;
   --dga-btn-disabled-border-color: transparent;
 }
@@ -26571,6 +26707,48 @@ html {
   color: #067647;
   z-index: 1;
 }
+.card .card-title-icon.card-title-icon-success {
+  color: #067647;
+}
+.card .card-title-icon.card-title-icon-success::after {
+  background-color: #ECFDF3;
+}
+.card .card-title-icon.card-title-icon-primary {
+  color: #166A45;
+}
+.card .card-title-icon.card-title-icon-primary::after {
+  background-color: #F3FCF6;
+}
+.card .card-title-icon.card-title-icon-danger {
+  color: #B42318;
+}
+.card .card-title-icon.card-title-icon-danger::after {
+  background-color: #FEF3F2;
+}
+.card .card-title-icon.card-title-icon-warning {
+  color: #B54708;
+}
+.card .card-title-icon.card-title-icon-warning::after {
+  background-color: #FFFAEB;
+}
+.card .card-title-icon.card-title-icon-info {
+  color: #175CD3;
+}
+.card .card-title-icon.card-title-icon-info::after {
+  background-color: #EFF8FF;
+}
+.card .card-title-icon.card-title-icon-secondary {
+  color: #384250;
+}
+.card .card-title-icon.card-title-icon-secondary::after {
+  background-color: #F9FAFB;
+}
+.card .card-title-icon.card-title-icon-neutral {
+  color: #384250;
+}
+.card .card-title-icon.card-title-icon-neutral::after {
+  background-color: #F9FAFB;
+}
 .card .card-title-checked {
   margin-inline-start: auto;
   margin-inline-end: 1rem;
@@ -26742,30 +26920,51 @@ html {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(109, 66, 143, 0.7);
   }
+  .alert.alert-lavender.alert-side {
+    border-top-color: rgba(109, 66, 143, 0.7);
+  }
   .alert.alert-neutral {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(210, 214, 219, 0.7);
   }
+  .alert.alert-neutral.alert-side {
+    border-top-color: rgba(210, 214, 219, 0.7);
+  }
   .alert.alert-success {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(7, 148, 85, 0.7);
   }
+  .alert.alert-success.alert-side {
+    border-top-color: rgba(7, 148, 85, 0.7);
+  }
   .alert.alert-danger {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(217, 45, 32, 0.7);
   }
+  .alert.alert-danger.alert-side {
+    border-top-color: rgba(217, 45, 32, 0.7);
+  }
   .alert.alert-warning {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(220, 104, 3, 0.7);
   }
+  .alert.alert-warning.alert-side {
+    border-top-color: rgba(220, 104, 3, 0.7);
+  }
   .alert.alert-info {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(21, 112, 239, 0.7);
   }
+  .alert.alert-info.alert-side {
+    border-top-color: rgba(21, 112, 239, 0.7);
+  }
   .alert.alert-secondary {
     border-inline-start-color: var(--dga-border-color);
     border-top-color: rgba(229, 231, 235, 0.7);
   }
+  .alert.alert-secondary.alert-side {
+    border-top-color: rgba(229, 231, 235, 0.7);
+  }
   .alert div {
     width: 100%;
   }
@@ -26784,7 +26983,7 @@ html {
     --dga-btn-hover-color: #161616;
     --dga-btn-hover-bg: #E5E7EB;
     --dga-btn-hover-border-color: #E5E7EB;
-    --dga-btn-focus-shadow-rgb: ;
+    --dga-btn-focus-shadow-rgb: null;
     --dga-btn-active-color: #161616;
     --dga-btn-active-bg: #E5E7EB;
     --dga-btn-active-border-color: #E5E7EB;
@@ -26795,7 +26994,7 @@ html {
 }
 
 .alert-dismissible .btn-close {
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem;
   position: absolute;
   top: 1rem;
   right: unset;
@@ -26821,7 +27020,6 @@ html {
   gap: 0.75rem;
 }
 .toast .btn-close {
-  padding: 0.5rem;
   position: absolute;
   top: 1rem;
   right: unset;
@@ -26980,7 +27178,7 @@ html {
     --dga-btn-hover-color: #161616;
     --dga-btn-hover-bg: #E5E7EB;
     --dga-btn-hover-border-color: #E5E7EB;
-    --dga-btn-focus-shadow-rgb: ;
+    --dga-btn-focus-shadow-rgb: null;
     --dga-btn-active-color: #161616;
     --dga-btn-active-bg: #E5E7EB;
     --dga-btn-active-border-color: #E5E7EB;
@@ -26990,6 +27188,21 @@ html {
   }
 }
 
+.badge-success {
+  background-color: #079455;
+  color: #FFFFFF;
+}
+
+.badge-warning {
+  background-color: #DC6803;
+  color: #FFFFFF;
+}
+
+.badge-info {
+  background-color: #1570EF;
+  color: #FFFFFF;
+}
+
 .badge-lavender {
   background-color: #6D428F;
   color: #FFFFFF;
@@ -27051,7 +27264,7 @@ html {
 }
 
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input):focus {
-  border-color: #6C737F;
+  border-color: #D2D6DB;
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input):not(:checked):not(:indeterminate):not(:disabled):not([readonly]):hover {
   border-color: #6C737F;
@@ -27079,7 +27292,7 @@ html {
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input):disabled {
   background-color: #E5E7EB;
-  border-color: #6C737F;
+  border-color: #D2D6DB;
   cursor: not-allowed;
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input):disabled:checked {
@@ -27103,7 +27316,7 @@ html {
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input)[readonly] {
   background-color: #FFFFFF;
-  border-color: #6C737F;
+  border-color: #D2D6DB;
   cursor: default;
   pointer-events: none;
 }
@@ -27115,7 +27328,7 @@ html {
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input)[readonly]:checked[type=radio] {
   background-color: #9DA4AE;
-  border-color: #6C737F;
+  border-color: #D2D6DB;
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='none' stroke='%23FFFFFF'/></svg>");
 }
 .form-check-input:not([type=checkbox][role=switch]):not(.form-check-neutral .form-check-input)[readonly]:indeterminate[type=checkbox] {
@@ -27298,4 +27511,142 @@ html {
   border-block-end: var(--dga-border-width) solid #D2D6DB;
 }
 
+.dga-footer {
+  padding: 0 2rem;
+}
+.dga-footer .dga-footer-content {
+  justify-self: center;
+  display: flex;
+  max-width: 80rem;
+  width: 100%;
+  padding: var(--spacing-5xl, 2.5rem) 0 var(--spacing-3xl, 1.5rem) 0;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--Global-spacing-6xl, 3rem);
+  flex: 1 0 0;
+}
+.dga-footer .dga-footer-section-title {
+  display: flex;
+  padding-bottom: var(--spacing-md, 0.5rem);
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  border-bottom: 1px solid var(--dga-border-color);
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 500;
+}
+.dga-footer .dga-footer-nav-wrapper {
+  display: flex;
+  padding: var(--spacing-xl, 1rem) 0 var(--spacing-5xl, 2.5rem) 0;
+  align-items: flex-start;
+  align-content: flex-start;
+  gap: 1.5rem var(--spacing-3xl, 1.5rem);
+  align-self: stretch;
+  flex-wrap: wrap;
+}
+.dga-footer .dga-footer-nav-group {
+  display: flex;
+  min-width: 11.9rem;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-md, 0.5rem);
+  flex: 1 0 0;
+}
+.dga-footer .dga-footer-social {
+  display: flex;
+  min-width: 11.9rem;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-4xl, 2rem);
+  flex: 1 0 0;
+}
+.dga-footer .dga-footer-social .dga-footer-nav-group {
+  width: 100%;
+}
+.dga-footer .dga-footer-meta {
+  display: flex;
+  padding: var(--spacing-xl, 1rem) 0;
+  align-items: center;
+  gap: var(--spacing-3xl, 1.5rem);
+  align-self: stretch;
+}
+.dga-footer .dga-footer-meta .dga-footer-copyright-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-md, 0.5rem);
+  align-self: stretch;
+}
+.dga-footer .dga-footer-meta .dga-footer-meta-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-5xl, 2.5rem);
+  flex: 1 0 0;
+}
+.dga-footer .dga-footer-meta .dga-footer-meta-links {
+  display: flex;
+  align-items: flex-start;
+  align-content: flex-start;
+  gap: 1rem var(--spacing-xl, 1rem);
+  align-self: stretch;
+  flex-wrap: wrap;
+}
+.dga-footer .dga-footer-meta .dga-footer-copyright {
+  font-size: var(--Size-Text-typo-size-text-sm, 0.875rem);
+  font-style: normal;
+  font-weight: 600;
+  line-height: var(--Line-Height-Text-line-heights-text-sm, 1.25rem);
+  margin-bottom: 0;
+}
+.dga-footer .dga-footer-meta .dga-footer-legal-links {
+  display: flex;
+  align-items: flex-start;
+  align-content: flex-start;
+  gap: 1rem var(--spacing-xl, 1rem);
+  flex-wrap: wrap;
+}
+.dga-footer .dga-footer-meta .dga-footer-logo {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-xl, 1rem);
+}
+@media (max-width: 63.9375rem) {
+  .dga-footer .dga-footer-social {
+    padding: var(--spacing-xl, 1rem) 0;
+    gap: var(--spacing-5xl, 2.5rem);
+    flex-basis: 100%;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  .dga-footer .dga-footer-content {
+    gap: 2.5;
+  }
+  .dga-footer .dga-footer-meta {
+    flex-direction: column;
+  }
+  .dga-footer .dga-footer-meta .dga-footer-meta-content {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-4xl, 4rem);
+  }
+  .dga-footer .dga-footer-meta .dga-footer-meta-links {
+    justify-content: center;
+  }
+  .dga-footer .dga-footer-meta .dga-footer-copyright-container {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-md, 0.5rem);
+  }
+  .dga-footer .dga-footer-meta .dga-footer-logo {
+    width: 100%;
+    justify-content: space-between;
+    margin-top: 1rem;
+  }
+}
+
 /*# sourceMappingURL=dga-ui.css.map */