sdga-ui 1.0.26 → 1.0.28

package/css/dga-ui.css

@@ -1567,6 +1567,66 @@
   border-bottom-right-radius: 9999px !important;
 }
 
+.progress-bar.bg-warning {
+  color: #FFFFFF;
+}
+
+.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 +13578,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 +13588,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 {
@@ -26521,9 +26581,9 @@ html {
   --dga-btn-active-color: #FFFFFF;
   --dga-btn-active-bg: #14573A;
   --dga-btn-active-border-color: #14573A;
-  --dga-btn-disabled-color: #FFFFFF;
-  --dga-btn-disabled-bg: #B8EACB;
-  --dga-btn-disabled-border-color: #B8EACB;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: #E5E7EB;
+  --dga-btn-disabled-border-color: #E5E7EB;
 }
 
 .btn-secondary {
@@ -26539,7 +26599,7 @@ html {
   --dga-btn-active-border-color: #9DA4AE;
   --dga-btn-disabled-color: #9DA4AE;
   --dga-btn-disabled-bg: #E5E7EB;
-  --dga-btn-disabled-border-color: #D2D6DB;
+  --dga-btn-disabled-border-color: #E5E7EB;
 }
 
 .btn-success {
@@ -26574,15 +26634,111 @@ html {
   --dga-btn-disabled-border-color: #FEE4E2;
 }
 
+.btn-outline-danger {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: #FDA29B;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEF3F2;
+  --dga-btn-hover-border-color: #FDA29B;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FEE4E2;
+  --dga-btn-active-border-color: #F97066;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: #E5E7EB;
+  --dga-btn-disabled-border-color: #E5E7EB;
+}
+
+.btn-outline-danger-secondary {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: #FECDCA;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEF3F2;
+  --dga-btn-hover-border-color: #FECDCA;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FEE4E2;
+  --dga-btn-active-border-color: #FDA29B;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: #E5E7EB;
+  --dga-btn-disabled-border-color: #E5E7EB;
+}
+
+.btn-danger-transparent {
+  --dga-btn-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: #912018;
+  --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-danger-subtle {
+  --dga-btn-color: #B42318;
+  --dga-btn-bg: transparent;
+  --dga-btn-border-color: transparent;
+  --dga-btn-hover-color: #B42318;
+  --dga-btn-hover-bg: #FEF3F2;
+  --dga-btn-hover-border-color: transparent;
+  --dga-btn-focus-shadow-rgb: ;
+  --dga-btn-active-color: #B42318;
+  --dga-btn-active-bg: #FEE4E2;
+  --dga-btn-active-border-color: transparent;
+  --dga-btn-disabled-color: #9DA4AE;
+  --dga-btn-disabled-bg: transparent;
+  --dga-btn-disabled-border-color: transparent;
+}
+
+.btn-danger-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: #E5E7EB;
+  --dga-btn-disabled-border-color: #E5E7EB;
+}
+
+.btn-danger-primary {
+  --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-color: #FFFFFF;
   --dga-btn-bg: #FDB022;
   --dga-btn-border-color: #FDB022;
-  --dga-btn-hover-color: #0D121C;
+  --dga-btn-hover-color: #FFFFFF;
   --dga-btn-hover-bg: #F79009;
   --dga-btn-hover-border-color: #F79009;
   --dga-btn-focus-shadow-rgb: ;
-  --dga-btn-active-color: #0D121C;
+  --dga-btn-active-color: #FFFFFF;
   --dga-btn-active-bg: #DC6803;
   --dga-btn-active-border-color: #DC6803;
   --dga-btn-disabled-color: #6C737F;
@@ -26663,8 +26819,8 @@ html {
   --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-active-bg: #E5E7EB;
+  --dga-btn-active-border-color: #D2D6DB;
   --dga-btn-disabled-color: #9DA4AE;
   --dga-btn-disabled-bg: transparent;
   --dga-btn-disabled-border-color: transparent;
@@ -26954,6 +27110,27 @@ html {
   padding: 0.25rem;
 }
 
+[dir=rtl] .btn-group {
+  direction: rtl;
+}
+[dir=rtl] .btn-group > :not(.btn-check) + .btn,
+[dir=rtl] .btn-group > .btn-group:not(:first-child) {
+  margin-right: calc(-1 * var(--dga-border-width));
+  margin-left: 0;
+}
+[dir=rtl] .btn-group > .btn:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--dga-border-radius);
+  border-bottom-right-radius: var(--dga-border-radius);
+}
+[dir=rtl] .btn-group > .btn:last-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: var(--dga-border-radius);
+  border-bottom-left-radius: var(--dga-border-radius);
+}
+
 .dropdown-toggle {
   display: inline-flex;
   align-items: center;
@@ -27040,6 +27217,139 @@ html {
   left: 1rem;
 }
 
+.card-expandable {
+  cursor: pointer;
+  border: 1px solid #E5E7EB !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.card-expandable:hover:not(.disabled), .card-expandable.card-expandable-hover {
+  background-color: #F9FAFB;
+}
+.card-expandable:focus-visible, .card-expandable.card-expandable-focused {
+  outline: none;
+  border-color: #111927 !important;
+  box-shadow: 0 0 0 2px #111927 !important;
+}
+.card-expandable .form-check-input:focus {
+  box-shadow: none;
+  border-color: #D2D6DB;
+}
+.card-expandable.disabled {
+  background-color: #F3F4F6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.card-expandable.disabled .dga-featured-icon {
+  background-color: #E5E7EB;
+}
+.card-expandable.disabled .dga-featured-icon svg, .card-expandable.disabled .dga-featured-icon i {
+  fill: #9DA4AE;
+  color: #9DA4AE;
+  stroke: #9DA4AE;
+}
+.card-expandable.disabled .card-subtitle,
+.card-expandable.disabled .card-text {
+  color: #9DA4AE !important;
+}
+.card-expandable.disabled .card-expanded-icon {
+  color: #9DA4AE;
+}
+.card-expandable.disabled .form-check-input {
+  border-color: #D2D6DB;
+  background-color: #E5E7EB;
+}
+
+.card-select {
+  cursor: pointer;
+  border: 1px solid #E5E7EB !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.card-select .form-check-input:focus {
+  box-shadow: none;
+  border-color: #D2D6DB;
+}
+.card-select:hover:not(.disabled), .card-select.card-select-hover {
+  background-color: #F9FAFB;
+}
+.card-select:focus-visible, .card-select.card-select-focused {
+  outline: none;
+  border-color: #111927 !important;
+  box-shadow: 0 0 0 2px #111927 !important;
+}
+.card-select.disabled {
+  background-color: #F3F4F6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.card-select.disabled .dga-featured-icon {
+  background-color: #E5E7EB;
+}
+.card-select.disabled .dga-featured-icon svg, .card-select.disabled .dga-featured-icon i {
+  fill: #9DA4AE;
+  color: #9DA4AE;
+  stroke: #9DA4AE;
+}
+.card-select.disabled .card-subtitle,
+.card-select.disabled .card-text {
+  color: #9DA4AE !important;
+}
+.card-select.disabled .form-check-input {
+  border-color: #D2D6DB;
+  background-color: #E5E7EB;
+}
+
+.card-selectable {
+  cursor: pointer;
+  border: 1px solid #E5E7EB !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.card-selectable .card-selectable-icon {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 9999px;
+  background-color: #F3FCF6;
+  color: #1B8354;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.125rem;
+  flex-shrink: 0;
+}
+.card-selectable .card-title {
+  margin-bottom: 0.25rem;
+}
+.card-selectable .form-check-input:focus {
+  box-shadow: none;
+  border-color: #D2D6DB;
+}
+.card-selectable:hover:not(.disabled), .card-selectable.card-selectable-hover {
+  background-color: #F9FAFB;
+}
+.card-selectable:focus-visible, .card-selectable.card-selectable-focused {
+  outline: none;
+  border-color: #111927 !important;
+  box-shadow: 0 0 0 2px #111927 !important;
+}
+.card-selectable.disabled {
+  background-color: #F3F4F6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.card-selectable.disabled .card-selectable-icon {
+  background-color: #E5E7EB;
+  color: #9DA4AE;
+}
+.card-selectable.disabled .card-title {
+  color: #9DA4AE;
+}
+.card-selectable.disabled .card-text {
+  color: #9DA4AE !important;
+}
+.card-selectable.disabled .form-check-input {
+  border-color: #D2D6DB;
+  background-color: #E5E7EB;
+}
+
 .card {
   transition: transform 0.3s ease;
   width: 100%;
@@ -27536,7 +27846,9 @@ html {
   color: #FFFFFF;
 }
 
-.badge-warning {
+.badge-warning,
+.badge.bg-warning,
+.text-bg-warning {
   background-color: #DC6803;
   color: #FFFFFF;
 }
@@ -30190,6 +30502,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;
 }
@@ -30366,8 +30780,26 @@ 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);
 }
 
+.bg-warning {
+  color: #FFFFFF;
+}
+
 /*# sourceMappingURL=dga-ui.css.map */