sdga-ui 1.0.2 → 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 (61) hide show
  1. package/.editorconfig +23 -23
  2. package/.github/workflows/publish.yml +38 -33
  3. package/.prettierignore +73 -73
  4. package/.prettierrc +17 -17
  5. package/LICENSE +21 -21
  6. package/README.md +167 -167
  7. package/fonts/IBM_Plex_Sans_Arabic/OFL.txt +93 -93
  8. package/package.json +51 -47
  9. package/theme/_fonts.scss +58 -58
  10. package/theme/_functions.scss +11 -11
  11. package/theme/_variables.scss +50 -50
  12. package/theme/components/_accordion.scss +35 -35
  13. package/theme/components/_alerts.scss +11 -11
  14. package/theme/components/_badges.scss +8 -8
  15. package/theme/components/_breadcrumb.scss +13 -13
  16. package/theme/components/_buttons.scss +270 -270
  17. package/theme/components/_cards.scss +21 -21
  18. package/theme/components/_carousel.scss +33 -33
  19. package/theme/components/_content.scss +211 -211
  20. package/theme/components/_dropdowns.scss +45 -45
  21. package/theme/components/_forms-check.scss +124 -124
  22. package/theme/components/_forms-floating.scss +17 -17
  23. package/theme/components/_forms-inputs.scss +70 -70
  24. package/theme/components/_forms-range.scss +26 -26
  25. package/theme/components/_forms-select.scss +47 -47
  26. package/theme/components/_forms-switch.scss +63 -63
  27. package/theme/components/_forms-validation.scss +16 -16
  28. package/theme/components/_forms.scss +14 -14
  29. package/theme/components/_list-group.scss +26 -26
  30. package/theme/components/_modals.scss +42 -42
  31. package/theme/components/_navbar.scss +40 -40
  32. package/theme/components/_navigation.scss +151 -151
  33. package/theme/components/_offcanvas.scss +15 -15
  34. package/theme/components/_overlays.scss +112 -112
  35. package/theme/components/_pagination.scss +39 -39
  36. package/theme/components/_popovers.scss +26 -26
  37. package/theme/components/_progress.scss +11 -11
  38. package/theme/components/_spinners.scss +11 -11
  39. package/theme/components/_tables.scss +47 -47
  40. package/theme/components/_toasts.scss +16 -16
  41. package/theme/components/_tooltips.scss +15 -15
  42. package/theme/config/_base.scss +111 -111
  43. package/theme/config/_colors.scss +303 -303
  44. package/theme/config/_effects.scss +227 -227
  45. package/theme/config/_radius.scss +78 -78
  46. package/theme/config/_spacing.scss +155 -155
  47. package/theme/config/_typography.scss +118 -118
  48. package/theme/customizations/_alerts.scss +242 -242
  49. package/theme/customizations/_badges.scss +15 -15
  50. package/theme/customizations/_buttons.scss +209 -209
  51. package/theme/customizations/_cards.scss +117 -117
  52. package/theme/customizations/_forms-check.scss +278 -278
  53. package/theme/customizations/_forms-inputs.scss +9 -9
  54. package/theme/customizations/_forms-switch.scss +91 -91
  55. package/theme/customizations/_forms.scss +5 -5
  56. package/theme/customizations/_global.scss +25 -25
  57. package/theme/customizations/_links.scss +46 -46
  58. package/theme/customizations/_tables.scss +67 -67
  59. package/theme/customizations/_toasts.scss +221 -221
  60. package/theme/customizations/_utilities.scss +138 -138
  61. 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';