sdga-ui 1.0.2 → 1.0.4

package/theme/customizations/_utilities.scss

@@ -1,138 +1,138 @@
-// Utility Customizations - SDGA Custom Enhancements
-
-@use 'sass:color';
-
-// ============================================
-// COLOR UTILITIES
-// ============================================
-
-// Neutral color utilities
-.bg-neutral {
-  background-color: $gray-600 !important;
-}
-
-.text-neutral {
-  color: $gray-600 !important;
-}
-
-.border-neutral {
-  border-color: $gray-600 !important;
-}
-
-// ============================================
-// SHADOW UTILITIES
-// ============================================
-
-.shadow-xs {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
-}
-
-.shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
-}
-
-// ============================================
-// GRADIENT UTILITIES
-// ============================================
-
-.bg-gradient-primary {
-  background: linear-gradient(135deg, $primary 0%, color.scale($primary, $lightness: -48%) 100%) !important;
-}
-
-.bg-gradient-secondary {
-  background: linear-gradient(135deg, $secondary 0%, color.scale($secondary, $lightness: -48%) 100%) !important;
-}
-
-.bg-gradient-lavender {
-  background: linear-gradient(135deg, $lavender-600 0%, color.scale($lavender-600, $lightness: -48%) 100%) !important;
-}
-
-// ============================================
-// LINK VARIANTS
-// ============================================
-
-.link-lavender {
-  color: $lavender-600 !important;
-  
-  &:hover,
-  &:focus {
-    color: color.scale($lavender-600, $lightness: -32%) !important;
-  }
-}
-
-.link-neutral {
-  color: $gray-600 !important;
-  
-  &:hover,
-  &:focus {
-    color: color.scale($gray-600, $lightness: -32%) !important;
-  }
-}
-
-// ============================================
-// TEXT UTILITIES
-// ============================================
-
-.text-muted-light {
-  color: $gray-400 !important;
-}
-
-.text-muted-dark {
-  color: $gray-600 !important;
-}
-
-// ============================================
-// RESPONSIVE SPACING
-// ============================================
-
-@media (min-width: 768px) {
-  .py-md-6 {
-    padding-top: 2rem !important;
-    padding-bottom: 2rem !important;
-  }
-  
-  .py-md-7 {
-    padding-top: 2.5rem !important;
-    padding-bottom: 2.5rem !important;
-  }
-  
-  .py-md-8 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
-  }
-}
-
-// ============================================
-// SCROLLBAR UTILITIES
-// ============================================
-
-.custom-scrollbar {
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  
-  &::-webkit-scrollbar-track {
-    background: $gray-100;
-    border-radius: $radius-sm;
-  }
-  
-  &::-webkit-scrollbar-thumb {
-    background: $gray-400;
-    border-radius: $radius-sm;
-    
-    &:hover {
-      background: $gray-500;
-    }
-  }
-}
-
-// ============================================
-// PRINT UTILITIES
-// ============================================
-
-@media print {
-  .no-print {
-    display: none !important;
-  }
-}
+// Utility Customizations - SDGA Custom Enhancements
+
+@use 'sass:color';
+
+// ============================================
+// COLOR UTILITIES
+// ============================================
+
+// Neutral color utilities
+.bg-neutral {
+  background-color: $gray-600 !important;
+}
+
+.text-neutral {
+  color: $gray-600 !important;
+}
+
+.border-neutral {
+  border-color: $gray-600 !important;
+}
+
+// ============================================
+// SHADOW UTILITIES
+// ============================================
+
+.shadow-xs {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+}
+
+.shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+}
+
+// ============================================
+// GRADIENT UTILITIES
+// ============================================
+
+.bg-gradient-primary {
+  background: linear-gradient(135deg, $primary 0%, color.scale($primary, $lightness: -48%) 100%) !important;
+}
+
+.bg-gradient-secondary {
+  background: linear-gradient(135deg, $secondary 0%, color.scale($secondary, $lightness: -48%) 100%) !important;
+}
+
+.bg-gradient-lavender {
+  background: linear-gradient(135deg, $lavender-600 0%, color.scale($lavender-600, $lightness: -48%) 100%) !important;
+}
+
+// ============================================
+// LINK VARIANTS
+// ============================================
+
+.link-lavender {
+  color: $lavender-600 !important;
+  
+  &:hover,
+  &:focus {
+    color: color.scale($lavender-600, $lightness: -32%) !important;
+  }
+}
+
+.link-neutral {
+  color: $gray-600 !important;
+  
+  &:hover,
+  &:focus {
+    color: color.scale($gray-600, $lightness: -32%) !important;
+  }
+}
+
+// ============================================
+// TEXT UTILITIES
+// ============================================
+
+.text-muted-light {
+  color: $gray-400 !important;
+}
+
+.text-muted-dark {
+  color: $gray-600 !important;
+}
+
+// ============================================
+// RESPONSIVE SPACING
+// ============================================
+
+@media (min-width: 768px) {
+  .py-md-6 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  
+  .py-md-7 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  
+  .py-md-8 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+
+// ============================================
+// SCROLLBAR UTILITIES
+// ============================================
+
+.custom-scrollbar {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: $gray-100;
+    border-radius: $radius-sm;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: $gray-400;
+    border-radius: $radius-sm;
+    
+    &:hover {
+      background: $gray-500;
+    }
+  }
+}
+
+// ============================================
+// PRINT UTILITIES
+// ============================================
+
+@media print {
+  .no-print {
+    display: none !important;
+  }
+}

package/theme/dga-ui.scss

@@ -1,28 +1,28 @@
-// SDJA Bootstrap 5.3 Custom Theme
-// Import this file to get a fully customized Bootstrap theme
-// that integrates with the SDJA palette system
-@import './fonts';
-@import './functions';
-
-// 1. Import custom Bootstrap variable overrides (uses SDJA colors)
-@import './variables';
-
-// 2. Import Bootstrap source files
-@import 'bootstrap/scss/bootstrap';
-
-// ============================================
-// SDJA CUSTOM ENHANCEMENTS
-// ============================================
-
-// Import all component customizations
-@import './customizations/global';
-@import './customizations/buttons';
-@import './customizations/cards';
-@import './customizations/alerts';
-@import './customizations/toasts';
-@import './customizations/badges';
-@import './customizations/forms';
-@import './customizations/forms-switch';
-@import './customizations/tables';
-@import './customizations/links';
-@import './customizations/utilities';
+// SDJA Bootstrap 5.3 Custom Theme
+// Import this file to get a fully customized Bootstrap theme
+// that integrates with the SDJA palette system
+@import './fonts';
+@import './functions';
+
+// 1. Import custom Bootstrap variable overrides (uses SDJA colors)
+@import './variables';
+
+// 2. Import Bootstrap source files
+@import 'bootstrap/scss/bootstrap';
+
+// ============================================
+// SDJA CUSTOM ENHANCEMENTS
+// ============================================
+
+// Import all component customizations
+@import './customizations/global';
+@import './customizations/buttons';
+@import './customizations/cards';
+@import './customizations/alerts';
+@import './customizations/toasts';
+@import './customizations/badges';
+@import './customizations/forms';
+@import './customizations/forms-switch';
+@import './customizations/tables';
+@import './customizations/links';
+@import './customizations/utilities';