sdga-ui 1.0.25 → 1.0.27

package/css/dga-ui.css

@@ -1567,6 +1567,62 @@
   border-bottom-right-radius: 9999px !important;
 }
 
+.spinner-border.spinner-border-xxs,
+.spinner-grow.spinner-grow-xxs {
+  --dga-spinner-width: 1.25rem;
+  --dga-spinner-height: 1.25rem;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.spinner-border.spinner-border-xs,
+.spinner-grow.spinner-grow-xs {
+  --dga-spinner-width: 1.5rem;
+  --dga-spinner-height: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.spinner-border.spinner-border-s,
+.spinner-grow.spinner-grow-s {
+  --dga-spinner-width: 1.75rem;
+  --dga-spinner-height: 1.75rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.spinner-border.spinner-border-m,
+.spinner-grow.spinner-grow-m {
+  --dga-spinner-width: 2rem;
+  --dga-spinner-height: 2rem;
+  width: 2rem;
+  height: 2rem;
+}
+
+.spinner-border.spinner-border-l,
+.spinner-grow.spinner-grow-l {
+  --dga-spinner-width: 2.25rem;
+  --dga-spinner-height: 2.25rem;
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+.spinner-border.spinner-border-xl,
+.spinner-grow.spinner-grow-xl {
+  --dga-spinner-width: 2.5rem;
+  --dga-spinner-height: 2.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.spinner-border.spinner-border-xxl,
+.spinner-grow.spinner-grow-xxl {
+  --dga-spinner-width: 2.75rem;
+  --dga-spinner-height: 2.75rem;
+  width: 2.75rem;
+  height: 2.75rem;
+}
+
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
@@ -13518,7 +13574,7 @@ textarea.form-control-lg {
   --dga-spinner-width: 2rem;
   --dga-spinner-height: 2rem;
   --dga-spinner-vertical-align: -0.125em;
-  --dga-spinner-border-width: 0.25em;
+  --dga-spinner-border-width: 0.15em;
   --dga-spinner-animation-speed: 0.75s;
   --dga-spinner-animation-name: spinner-border;
   border: var(--dga-spinner-border-width) solid currentcolor;
@@ -13528,7 +13584,7 @@ textarea.form-control-lg {
 .spinner-border-sm {
   --dga-spinner-width: 1rem;
   --dga-spinner-height: 1rem;
-  --dga-spinner-border-width: 0.2em;
+  --dga-spinner-border-width: 0.1em;
 }
 
 @keyframes spinner-grow {
@@ -26529,19 +26585,115 @@ html {
 .btn-secondary {
   --dga-btn-color: #161616;
   --dga-btn-bg: #F3F4F6;
-  --dga-btn-border-color: #F3F4F6;
+  --dga-btn-border-color: #D2D6DB;
   --dga-btn-hover-color: #161616;
   --dga-btn-hover-bg: #E5E7EB;
-  --dga-btn-hover-border-color: #E5E7EB;
+  --dga-btn-hover-border-color: #D2D6DB;
   --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #161616;
   --dga-btn-active-bg: #E5E7EB;
-  --dga-btn-active-border-color: #E5E7EB;
+  --dga-btn-active-border-color: #9DA4AE;
   --dga-btn-disabled-color: #9DA4AE;
   --dga-btn-disabled-bg: #E5E7EB;
+  --dga-btn-disabled-border-color: #D2D6DB;
+}
+
+.btn-success {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #079455;
+  --dga-btn-border-color: #079455;
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: #067647;
+  --dga-btn-hover-border-color: #067647;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #FFFFFF;
+  --dga-btn-active-bg: #085D3A;
+  --dga-btn-active-border-color: #085D3A;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #DCFAE6;
+  --dga-btn-disabled-border-color: #DCFAE6;
+}
+
+.btn-danger {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #D92D20;
+  --dga-btn-border-color: #D92D20;
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: #B42318;
+  --dga-btn-hover-border-color: #B42318;
+  --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: #6C737F;
+  --dga-btn-disabled-bg: #FEE4E2;
+  --dga-btn-disabled-border-color: #FEE4E2;
+}
+
+.btn-warning {
+  --dga-btn-color: #0D121C;
+  --dga-btn-bg: #FDB022;
+  --dga-btn-border-color: #FDB022;
+  --dga-btn-hover-color: #0D121C;
+  --dga-btn-hover-bg: #F79009;
+  --dga-btn-hover-border-color: #F79009;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #0D121C;
+  --dga-btn-active-bg: #DC6803;
+  --dga-btn-active-border-color: #DC6803;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #FEF0C7;
+  --dga-btn-disabled-border-color: #FEF0C7;
+}
+
+.btn-info {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #1570EF;
+  --dga-btn-border-color: #1570EF;
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: #175CD3;
+  --dga-btn-hover-border-color: #175CD3;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #FFFFFF;
+  --dga-btn-active-bg: #1849A9;
+  --dga-btn-active-border-color: #1849A9;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #D1E9FF;
+  --dga-btn-disabled-border-color: #D1E9FF;
+}
+
+.btn-light {
+  --dga-btn-color: #0D121C;
+  --dga-btn-bg: #F3F4F6;
+  --dga-btn-border-color: #E5E7EB;
+  --dga-btn-hover-color: #0D121C;
+  --dga-btn-hover-bg: #E5E7EB;
+  --dga-btn-hover-border-color: #D2D6DB;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #0D121C;
+  --dga-btn-active-bg: #D2D6DB;
+  --dga-btn-active-border-color: #9DA4AE;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #F9FAFB;
   --dga-btn-disabled-border-color: #E5E7EB;
 }
 
+.btn-dark {
+  --dga-btn-color: #FFFFFF;
+  --dga-btn-bg: #1F2A37;
+  --dga-btn-border-color: #1F2A37;
+  --dga-btn-hover-color: #FFFFFF;
+  --dga-btn-hover-bg: #111927;
+  --dga-btn-hover-border-color: #111927;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #FFFFFF;
+  --dga-btn-active-bg: #0D121C;
+  --dga-btn-active-border-color: #0D121C;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #D2D6DB;
+  --dga-btn-disabled-border-color: #D2D6DB;
+}
+
 .btn-outline-secondary {
   --dga-btn-color: #161616;
   --dga-btn-bg: ;
@@ -26593,33 +26745,33 @@ html {
 .btn-destructive-primary {
   --dga-btn-color: #FFFFFF;
   --dga-btn-bg: #D92D20;
-  --dga-btn-border-color: transparent;
+  --dga-btn-border-color: #D92D20;
   --dga-btn-hover-color: #FFFFFF;
   --dga-btn-hover-bg: #B42318;
-  --dga-btn-hover-border-color: transparent;
+  --dga-btn-hover-border-color: #B42318;
   --dga-btn-focus-shadow-rgb: ;
   --dga-btn-active-color: #FFFFFF;
   --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;
+  --dga-btn-active-border-color: #7A271A;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #FEE4E2;
+  --dga-btn-disabled-border-color: #FEE4E2;
 }
 
 .btn-destructive-secondary {
   --dga-btn-color: #B42318;
   --dga-btn-bg: #FEF3F2;
-  --dga-btn-border-color: transparent;
+  --dga-btn-border-color: #FEE4E2;
   --dga-btn-hover-color: #B42318;
   --dga-btn-hover-bg: #FEE4E2;
-  --dga-btn-hover-border-color: transparent;
+  --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: transparent;
-  --dga-btn-disabled-color: #9DA4AE;
-  --dga-btn-disabled-bg: transparent;
-  --dga-btn-disabled-border-color: transparent;
+  --dga-btn-active-border-color: #FDA29B;
+  --dga-btn-disabled-color: #6C737F;
+  --dga-btn-disabled-bg: #FFFBFA;
+  --dga-btn-disabled-border-color: #FEE4E2;
 }
 
 .btn-destructive-outline-secondary {
@@ -27420,11 +27572,26 @@ html {
   }
 }
 
+.badge-primary {
+  background-color: #1B8354;
+  color: #FFFFFF;
+}
+
+.badge-secondary {
+  background-color: #4D5761;
+  color: #FFFFFF;
+}
+
 .badge-success {
   background-color: #079455;
   color: #FFFFFF;
 }
 
+.badge-danger {
+  background-color: #D92D20;
+  color: #FFFFFF;
+}
+
 .badge-warning {
   background-color: #DC6803;
   color: #FFFFFF;
@@ -27435,6 +27602,16 @@ html {
   color: #FFFFFF;
 }
 
+.badge-light {
+  background-color: #F3F4F6;
+  color: #111927;
+}
+
+.badge-dark {
+  background-color: #1F2A37;
+  color: #FFFFFF;
+}
+
 .badge-lavender {
   background-color: #6D428F;
   color: #FFFFFF;
@@ -30069,6 +30246,108 @@ html {
     font-weight: 500;
   }
 }
+.pagination {
+  gap: 0.5rem;
+}
+.pagination .page-item:not(:first-child) .page-link {
+  margin-left: 0;
+}
+.pagination .page-link {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  border-radius: 0.5rem;
+  color: #161616;
+  display: inline-flex;
+  font-size: 0.875rem;
+  height: 32px;
+  justify-content: center;
+  line-height: 1;
+  min-width: 32px;
+  padding-inline: 0.5rem;
+  position: relative;
+  transition: background-color 0.2s ease, color 0.2s ease, outline-color 0.2s ease;
+}
+.pagination .page-link:hover {
+  background-color: #F3F4F6;
+  color: #161616;
+  z-index: 0;
+}
+.pagination .page-link:focus, .pagination .page-link:focus-visible {
+  background-color: transparent;
+  box-shadow: none;
+  color: #161616;
+  outline: 2px solid #161616;
+  outline-offset: -2px;
+  z-index: 1;
+}
+.pagination .page-link:active {
+  background-color: #E5E7EB !important;
+  box-shadow: none !important;
+  color: #161616;
+  outline: 0 !important;
+}
+.pagination .page-item.active .page-link,
+.pagination .page-link[aria-current=page] {
+  background-color: transparent;
+  border: 0;
+  color: #161616;
+  font-weight: 500;
+}
+.pagination .page-item.active .page-link::after,
+.pagination .page-link[aria-current=page]::after {
+  background-color: #1B8354;
+  border-radius: 999px;
+  bottom: -2px;
+  content: "";
+  height: 4px;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+  width: 65%;
+}
+.pagination .page-item.active .page-link:hover,
+.pagination .page-link[aria-current=page]:hover {
+  background-color: transparent;
+  color: #161616;
+}
+.pagination .page-item.active .page-link:focus, .pagination .page-item.active .page-link:focus-visible,
+.pagination .page-link[aria-current=page]:focus,
+.pagination .page-link[aria-current=page]:focus-visible {
+  outline: 2px solid #161616;
+  outline-offset: -2px;
+}
+.pagination .page-item.active .page-link:active,
+.pagination .page-link[aria-current=page]:active {
+  background-color: #F3FCF6 !important;
+  color: #166A45;
+  outline: 0 !important;
+}
+.pagination .page-item.active .page-link:active::after,
+.pagination .page-link[aria-current=page]:active::after {
+  background-color: #166A45;
+}
+.pagination .page-item.disabled .page-link,
+.pagination .page-link.disabled {
+  background-color: transparent;
+  color: #9DA4AE;
+  opacity: 1;
+}
+.pagination .page-link > .bi {
+  font-size: 1rem;
+  line-height: 1;
+}
+.pagination.pagination-sm .page-link {
+  height: 24px;
+  min-width: 24px;
+  padding-inline: 0.375rem;
+}
+.pagination.pagination-lg .page-link {
+  height: 40px;
+  min-width: 40px;
+  padding-inline: 0.75rem;
+}
+
 .progress-indicator {
   position: relative;
 }
@@ -30245,6 +30524,20 @@ ol {
   margin-bottom: 0;
 }
 
+.spinner-border {
+  border: 0;
+  border-radius: 50%;
+  background: conic-gradient(from -90deg, currentColor 0deg 90deg, #E5E7EB 90deg 360deg);
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.15em), #161616 calc(100% - 0.15em));
+  mask: radial-gradient(farthest-side, transparent calc(100% - 0.15em), #161616 calc(100% - 0.15em));
+  animation: 0.75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.1em), #161616 calc(100% - 0.1em));
+  mask: radial-gradient(farthest-side, transparent calc(100% - 0.1em), #161616 calc(100% - 0.1em));
+}
+
 [dir=rtl] .mirror-rtl {
   transform: scaleX(-1);
 }