sdga-ui 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/.editorconfig +23 -23
  2. package/.github/workflows/publish.yml +38 -0
  3. package/.prettierignore +73 -73
  4. package/.prettierrc +17 -17
  5. package/LICENSE +21 -21
  6. package/README.md +167 -167
  7. package/css/dga-ui.css +27286 -27286
  8. package/fonts/IBM_Plex_Sans_Arabic/OFL.txt +93 -93
  9. package/package.json +51 -37
  10. package/theme/_fonts.scss +58 -58
  11. package/theme/_functions.scss +11 -11
  12. package/theme/_variables.scss +50 -50
  13. package/theme/components/_accordion.scss +35 -35
  14. package/theme/components/_alerts.scss +11 -11
  15. package/theme/components/_badges.scss +8 -8
  16. package/theme/components/_breadcrumb.scss +13 -13
  17. package/theme/components/_buttons.scss +270 -270
  18. package/theme/components/_cards.scss +21 -21
  19. package/theme/components/_carousel.scss +33 -33
  20. package/theme/components/_content.scss +211 -211
  21. package/theme/components/_dropdowns.scss +45 -45
  22. package/theme/components/_forms-check.scss +124 -124
  23. package/theme/components/_forms-floating.scss +17 -17
  24. package/theme/components/_forms-inputs.scss +70 -70
  25. package/theme/components/_forms-range.scss +26 -26
  26. package/theme/components/_forms-select.scss +47 -47
  27. package/theme/components/_forms-switch.scss +63 -63
  28. package/theme/components/_forms-validation.scss +16 -16
  29. package/theme/components/_forms.scss +14 -14
  30. package/theme/components/_list-group.scss +26 -26
  31. package/theme/components/_modals.scss +42 -42
  32. package/theme/components/_navbar.scss +40 -40
  33. package/theme/components/_navigation.scss +151 -151
  34. package/theme/components/_offcanvas.scss +15 -15
  35. package/theme/components/_overlays.scss +112 -112
  36. package/theme/components/_pagination.scss +39 -39
  37. package/theme/components/_popovers.scss +26 -26
  38. package/theme/components/_progress.scss +11 -11
  39. package/theme/components/_spinners.scss +11 -11
  40. package/theme/components/_tables.scss +47 -47
  41. package/theme/components/_toasts.scss +16 -16
  42. package/theme/components/_tooltips.scss +15 -15
  43. package/theme/config/_base.scss +111 -111
  44. package/theme/config/_colors.scss +303 -303
  45. package/theme/config/_effects.scss +227 -227
  46. package/theme/config/_radius.scss +78 -78
  47. package/theme/config/_spacing.scss +155 -155
  48. package/theme/config/_typography.scss +118 -118
  49. package/theme/customizations/_alerts.scss +242 -242
  50. package/theme/customizations/_badges.scss +15 -15
  51. package/theme/customizations/_buttons.scss +209 -209
  52. package/theme/customizations/_cards.scss +117 -117
  53. package/theme/customizations/_forms-check.scss +278 -278
  54. package/theme/customizations/_forms-inputs.scss +9 -9
  55. package/theme/customizations/_forms-switch.scss +91 -91
  56. package/theme/customizations/_forms.scss +5 -5
  57. package/theme/customizations/_global.scss +25 -25
  58. package/theme/customizations/_links.scss +46 -46
  59. package/theme/customizations/_tables.scss +67 -67
  60. package/theme/customizations/_toasts.scss +221 -221
  61. package/theme/customizations/_utilities.scss +138 -138
  62. package/theme/dga-ui.scss +28 -28
package/theme/customizations/_utilities.scss CHANGED
@@ -1,138 +1,138 @@
1
- // Utility Customizations - SDGA Custom Enhancements
2
-
3
- @use 'sass:color';
4
-
5
- // ============================================
6
- // COLOR UTILITIES
7
- // ============================================
8
-
9
- // Neutral color utilities
10
- .bg-neutral {
11
- background-color: $gray-600 !important;
12
- }
13
-
14
- .text-neutral {
15
- color: $gray-600 !important;
16
- }
17
-
18
- .border-neutral {
19
- border-color: $gray-600 !important;
20
- }
21
-
22
- // ============================================
23
- // SHADOW UTILITIES
24
- // ============================================
25
-
26
- .shadow-xs {
27
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
28
- }
29
-
30
- .shadow-2xl {
31
- box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
32
- }
33
-
34
- // ============================================
35
- // GRADIENT UTILITIES
36
- // ============================================
37
-
38
- .bg-gradient-primary {
39
- background: linear-gradient(135deg, $primary 0%, color.scale($primary, $lightness: -48%) 100%) !important;
40
- }
41
-
42
- .bg-gradient-secondary {
43
- background: linear-gradient(135deg, $secondary 0%, color.scale($secondary, $lightness: -48%) 100%) !important;
44
- }
45
-
46
- .bg-gradient-lavender {
47
- background: linear-gradient(135deg, $lavender-600 0%, color.scale($lavender-600, $lightness: -48%) 100%) !important;
48
- }
49
-
50
- // ============================================
51
- // LINK VARIANTS
52
- // ============================================
53
-
54
- .link-lavender {
55
- color: $lavender-600 !important;
56
-
57
- &:hover,
58
- &:focus {
59
- color: color.scale($lavender-600, $lightness: -32%) !important;
60
- }
61
- }
62
-
63
- .link-neutral {
64
- color: $gray-600 !important;
65
-
66
- &:hover,
67
- &:focus {
68
- color: color.scale($gray-600, $lightness: -32%) !important;
69
- }
70
- }
71
-
72
- // ============================================
73
- // TEXT UTILITIES
74
- // ============================================
75
-
76
- .text-muted-light {
77
- color: $gray-400 !important;
78
- }
79
-
80
- .text-muted-dark {
81
- color: $gray-600 !important;
82
- }
83
-
84
- // ============================================
85
- // RESPONSIVE SPACING
86
- // ============================================
87
-
88
- @media (min-width: 768px) {
89
- .py-md-6 {
90
- padding-top: 2rem !important;
91
- padding-bottom: 2rem !important;
92
- }
93
-
94
- .py-md-7 {
95
- padding-top: 2.5rem !important;
96
- padding-bottom: 2.5rem !important;
97
- }
98
-
99
- .py-md-8 {
100
- padding-top: 3rem !important;
101
- padding-bottom: 3rem !important;
102
- }
103
- }
104
-
105
- // ============================================
106
- // SCROLLBAR UTILITIES
107
- // ============================================
108
-
109
- .custom-scrollbar {
110
- &::-webkit-scrollbar {
111
- width: 8px;
112
- height: 8px;
113
- }
114
-
115
- &::-webkit-scrollbar-track {
116
- background: $gray-100;
117
- border-radius: $radius-sm;
118
- }
119
-
120
- &::-webkit-scrollbar-thumb {
121
- background: $gray-400;
122
- border-radius: $radius-sm;
123
-
124
- &:hover {
125
- background: $gray-500;
126
- }
127
- }
128
- }
129
-
130
- // ============================================
131
- // PRINT UTILITIES
132
- // ============================================
133
-
134
- @media print {
135
- .no-print {
136
- display: none !important;
137
- }
138
- }
1
+ // Utility Customizations - SDGA Custom Enhancements
2
+
3
+ @use 'sass:color';
4
+
5
+ // ============================================
6
+ // COLOR UTILITIES
7
+ // ============================================
8
+
9
+ // Neutral color utilities
10
+ .bg-neutral {
11
+ background-color: $gray-600 !important;
12
+ }
13
+
14
+ .text-neutral {
15
+ color: $gray-600 !important;
16
+ }
17
+
18
+ .border-neutral {
19
+ border-color: $gray-600 !important;
20
+ }
21
+
22
+ // ============================================
23
+ // SHADOW UTILITIES
24
+ // ============================================
25
+
26
+ .shadow-xs {
27
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
28
+ }
29
+
30
+ .shadow-2xl {
31
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
32
+ }
33
+
34
+ // ============================================
35
+ // GRADIENT UTILITIES
36
+ // ============================================
37
+
38
+ .bg-gradient-primary {
39
+ background: linear-gradient(135deg, $primary 0%, color.scale($primary, $lightness: -48%) 100%) !important;
40
+ }
41
+
42
+ .bg-gradient-secondary {
43
+ background: linear-gradient(135deg, $secondary 0%, color.scale($secondary, $lightness: -48%) 100%) !important;
44
+ }
45
+
46
+ .bg-gradient-lavender {
47
+ background: linear-gradient(135deg, $lavender-600 0%, color.scale($lavender-600, $lightness: -48%) 100%) !important;
48
+ }
49
+
50
+ // ============================================
51
+ // LINK VARIANTS
52
+ // ============================================
53
+
54
+ .link-lavender {
55
+ color: $lavender-600 !important;
56
+
57
+ &:hover,
58
+ &:focus {
59
+ color: color.scale($lavender-600, $lightness: -32%) !important;
60
+ }
61
+ }
62
+
63
+ .link-neutral {
64
+ color: $gray-600 !important;
65
+
66
+ &:hover,
67
+ &:focus {
68
+ color: color.scale($gray-600, $lightness: -32%) !important;
69
+ }
70
+ }
71
+
72
+ // ============================================
73
+ // TEXT UTILITIES
74
+ // ============================================
75
+
76
+ .text-muted-light {
77
+ color: $gray-400 !important;
78
+ }
79
+
80
+ .text-muted-dark {
81
+ color: $gray-600 !important;
82
+ }
83
+
84
+ // ============================================
85
+ // RESPONSIVE SPACING
86
+ // ============================================
87
+
88
+ @media (min-width: 768px) {
89
+ .py-md-6 {
90
+ padding-top: 2rem !important;
91
+ padding-bottom: 2rem !important;
92
+ }
93
+
94
+ .py-md-7 {
95
+ padding-top: 2.5rem !important;
96
+ padding-bottom: 2.5rem !important;
97
+ }
98
+
99
+ .py-md-8 {
100
+ padding-top: 3rem !important;
101
+ padding-bottom: 3rem !important;
102
+ }
103
+ }
104
+
105
+ // ============================================
106
+ // SCROLLBAR UTILITIES
107
+ // ============================================
108
+
109
+ .custom-scrollbar {
110
+ &::-webkit-scrollbar {
111
+ width: 8px;
112
+ height: 8px;
113
+ }
114
+
115
+ &::-webkit-scrollbar-track {
116
+ background: $gray-100;
117
+ border-radius: $radius-sm;
118
+ }
119
+
120
+ &::-webkit-scrollbar-thumb {
121
+ background: $gray-400;
122
+ border-radius: $radius-sm;
123
+
124
+ &:hover {
125
+ background: $gray-500;
126
+ }
127
+ }
128
+ }
129
+
130
+ // ============================================
131
+ // PRINT UTILITIES
132
+ // ============================================
133
+
134
+ @media print {
135
+ .no-print {
136
+ display: none !important;
137
+ }
138
+ }
package/theme/dga-ui.scss CHANGED
@@ -1,28 +1,28 @@
1
- // SDJA Bootstrap 5.3 Custom Theme
2
- // Import this file to get a fully customized Bootstrap theme
3
- // that integrates with the SDJA palette system
4
- @import './fonts';
5
- @import './functions';
6
-
7
- // 1. Import custom Bootstrap variable overrides (uses SDJA colors)
8
- @import './variables';
9
-
10
- // 2. Import Bootstrap source files
11
- @import 'bootstrap/scss/bootstrap';
12
-
13
- // ============================================
14
- // SDJA CUSTOM ENHANCEMENTS
15
- // ============================================
16
-
17
- // Import all component customizations
18
- @import './customizations/global';
19
- @import './customizations/buttons';
20
- @import './customizations/cards';
21
- @import './customizations/alerts';
22
- @import './customizations/toasts';
23
- @import './customizations/badges';
24
- @import './customizations/forms';
25
- @import './customizations/forms-switch';
26
- @import './customizations/tables';
27
- @import './customizations/links';
28
- @import './customizations/utilities';
1
+ // SDJA Bootstrap 5.3 Custom Theme
2
+ // Import this file to get a fully customized Bootstrap theme
3
+ // that integrates with the SDJA palette system
4
+ @import './fonts';
5
+ @import './functions';
6
+
7
+ // 1. Import custom Bootstrap variable overrides (uses SDJA colors)
8
+ @import './variables';
9
+
10
+ // 2. Import Bootstrap source files
11
+ @import 'bootstrap/scss/bootstrap';
12
+
13
+ // ============================================
14
+ // SDJA CUSTOM ENHANCEMENTS
15
+ // ============================================
16
+
17
+ // Import all component customizations
18
+ @import './customizations/global';
19
+ @import './customizations/buttons';
20
+ @import './customizations/cards';
21
+ @import './customizations/alerts';
22
+ @import './customizations/toasts';
23
+ @import './customizations/badges';
24
+ @import './customizations/forms';
25
+ @import './customizations/forms-switch';
26
+ @import './customizations/tables';
27
+ @import './customizations/links';
28
+ @import './customizations/utilities';