sdga-ui 1.0.5 → 1.0.7

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 (79) hide show
  1. package/.github/workflows/deploy.yml +15 -1
  2. package/README.md +16 -24
  3. package/css/dga-ui.css +4146 -1055
  4. package/css/dga-ui.css.map +1 -1
  5. package/demo-angular/README.md +34 -2
  6. package/demo-angular/angular.json +6 -1
  7. package/demo-angular/package-lock.json +191 -50
  8. package/demo-angular/package.json +14 -11
  9. package/demo-angular/public/404.html +35 -0
  10. package/demo-angular/public/i18n/ar.json +50 -0
  11. package/demo-angular/public/i18n/en.json +50 -0
  12. package/demo-angular/src/app/app.routes.ts +12 -4
  13. package/demo-angular/src/app/app.ts +8 -2
  14. package/demo-angular/src/app/views/alerts/alerts.component.html +10 -10
  15. package/demo-angular/src/app/views/alerts/alerts.component.ts +10 -10
  16. package/demo-angular/src/app/views/buttons/buttons.component.html +23 -23
  17. package/demo-angular/src/app/views/buttons/buttons.component.ts +14 -14
  18. package/demo-angular/src/app/views/cards/cards.component.html +6 -6
  19. package/demo-angular/src/app/views/cards/cards.component.ts +10 -10
  20. package/demo-angular/src/app/views/contexts/contexts.component.html +204 -0
  21. package/demo-angular/src/app/views/contexts/contexts.component.ts +10 -0
  22. package/demo-angular/src/app/views/footer/footer.html +282 -0
  23. package/demo-angular/src/app/views/footer/footer.spec.ts +23 -0
  24. package/demo-angular/src/app/views/footer/footer.ts +142 -0
  25. package/demo-angular/src/app/views/header/header.html +1 -0
  26. package/demo-angular/src/app/views/header/header.scss +0 -0
  27. package/demo-angular/src/app/views/header/header.spec.ts +23 -0
  28. package/demo-angular/src/app/views/header/header.ts +11 -0
  29. package/demo-angular/src/app/views/home/home.component.html +0 -5
  30. package/demo-angular/src/app/views/links/links.component.html +11 -130
  31. package/demo-angular/src/app/views/links/links.component.scss +1 -50
  32. package/demo-angular/src/app/views/links/links.component.ts +5 -109
  33. package/demo-angular/src/app/views/toasts/toasts.component.html +7 -7
  34. package/demo-angular/src/app/views/toasts/toasts.component.ts +7 -7
  35. package/demo-angular/src/index.html +15 -1
  36. package/package.json +3 -2
  37. package/sdga-ui/README.md +45 -0
  38. package/sdga-ui/content/docs/components/alerts.mdx +475 -0
  39. package/sdga-ui/content/docs/index.mdx +239 -0
  40. package/sdga-ui/next.config.mjs +10 -0
  41. package/sdga-ui/package-lock.json +5851 -0
  42. package/sdga-ui/package.json +32 -0
  43. package/sdga-ui/postcss.config.mjs +5 -0
  44. package/sdga-ui/source.config.ts +27 -0
  45. package/sdga-ui/src/app/(home)/layout.tsx +6 -0
  46. package/sdga-ui/src/app/(home)/page.tsx +202 -0
  47. package/sdga-ui/src/app/api/search/route.ts +7 -0
  48. package/sdga-ui/src/app/docs/[[...slug]]/page.tsx +54 -0
  49. package/sdga-ui/src/app/docs/layout.tsx +11 -0
  50. package/sdga-ui/src/app/global.css +3 -0
  51. package/sdga-ui/src/app/layout.tsx +25 -0
  52. package/sdga-ui/src/app/llms-full.txt/route.ts +10 -0
  53. package/sdga-ui/src/app/og/docs/[...slug]/route.tsx +34 -0
  54. package/sdga-ui/src/app/sdga-scoped.css +7 -0
  55. package/sdga-ui/src/components/sdga-preview.tsx +105 -0
  56. package/sdga-ui/src/lib/layout.shared.tsx +9 -0
  57. package/sdga-ui/src/lib/source.ts +27 -0
  58. package/sdga-ui/src/mdx-components.tsx +9 -0
  59. package/sdga-ui/tsconfig.json +46 -0
  60. package/theme/_variables.scss +7 -5
  61. package/theme/components/_buttons.scss +105 -0
  62. package/theme/components/_cards.scss +0 -1
  63. package/theme/components/_pagination.scss +2 -2
  64. package/theme/config/_base.scss +4 -33
  65. package/theme/config/_contexts.scss +471 -0
  66. package/theme/customizations/_alerts.scss +105 -125
  67. package/theme/customizations/_badges.scss +15 -0
  68. package/theme/customizations/_buttons.scss +288 -146
  69. package/theme/customizations/_cards.scss +52 -0
  70. package/theme/customizations/_contexts.scss +432 -0
  71. package/theme/customizations/_footer.scss +83 -0
  72. package/theme/customizations/_links.scss +88 -84
  73. package/theme/customizations/_toasts.scss +81 -101
  74. package/theme/dga-ui.scss +3 -2
  75. package/demo-angular/src/app/views/bootstrap/bootstrap.component.html +0 -14
  76. package/demo-angular/src/app/views/bootstrap/bootstrap.component.scss +0 -91
  77. package/demo-angular/src/app/views/bootstrap/bootstrap.component.ts +0 -23
  78. package/theme/customizations/_utilities.scss +0 -138
  79. /package/demo-angular/{public/.nojekyll → src/app/views/footer/footer.scss} +0 -0
package/.github/workflows/deploy.yml CHANGED
@@ -28,9 +28,23 @@ jobs:
28
28
  with:
29
29
  node-version: '20'
30
30
 
31
+ - name: Wait for npm publish
32
+ run: |
33
+ VERSION=$(node -p "require('./package.json').version")
34
+ echo "Waiting for sdga-ui@$VERSION to be available on npm..."
35
+ for i in {1..30}; do
36
+ if npm view sdga-ui@$VERSION version 2>/dev/null; then
37
+ echo "Package sdga-ui@$VERSION is now available!"
38
+ exit 0
39
+ fi
40
+ echo "Attempt $i/30: Package not yet available, waiting 10 seconds..."
41
+ sleep 10
42
+ done
43
+ echo "Warning: Package may not be available yet, proceeding anyway..."
44
+
31
45
  - name: Install dependencies
32
46
  working-directory: ./demo-angular
33
- run: npm install
47
+ run: npm run use:npm
34
48
 
35
49
  - name: Build Angular app
36
50
  working-directory: ./demo-angular
package/README.md CHANGED
@@ -19,10 +19,12 @@ Check out the live demo and explore all components:
19
19
 
20
20
  * Government-inspired design system
21
21
  * Full compatibility with Bootstrap
22
+ * **Built-in RTL support** (no need to import Bootstrap RTL separately)
22
23
  * Custom color palette and typography
23
24
  * Standardized spacing & component overrides
24
25
  * Utility classes for layout and theming
25
26
  * Light / dark mode friendly (optional)
27
+ * IBM Plex Sans Arabic font included
26
28
  * Easy to integrate into any frontend project
27
29
 
28
30
  ---
@@ -69,11 +71,21 @@ Import the theme in your SCSS file:
69
71
 
70
72
  All Bootstrap components automatically adopt the DGA UI theme.
71
73
 
74
+ ### **RTL Support**
75
+
76
+ DGA UI has built-in RTL (Right-to-Left) support for Arabic and other RTL languages. Simply add the `dir="rtl"` attribute to your HTML tag:
77
+
78
+ ```html
79
+ <html dir="rtl" lang="ar">
80
+ ```
81
+
82
+ No need to import Bootstrap's RTL CSS separately – it's already integrated!
83
+
72
84
  ---
73
85
 
74
86
  ## **📁 File Structure**
75
87
 
76
- ```
88
+ ```tree
77
89
  dga-ui/
78
90
  │
79
91
  ├─ css/ # Compiled CSS output
@@ -131,19 +143,9 @@ $secondary: #ffc107;
131
143
 
132
144
  The theme is organized into three main sections:
133
145
 
134
- - **config/** - Base configuration (colors, typography, spacing, etc.)
135
- - **components/** - Bootstrap component overrides
136
- - **customizations/** - Additional styling and utilities
137
-
138
- ---
139
-
140
- ## **📚 Roadmap**
141
-
142
- * React / Angular UI components
143
- * Icon set
144
- * Forms enhancement
145
- * Grid templates
146
- * Additional themes (municipal, ministry, authority variants)
146
+ * **config/** - Base configuration (colors, typography, spacing, etc.)
147
+ * **components/** - Bootstrap component overrides
148
+ * **customizations/** - Additional styling and utilities
147
149
 
148
150
  ---
149
151
 
@@ -163,13 +165,3 @@ MIT License — free for personal and commercial use.
163
165
  ## **👤 Author**
164
166
 
165
167
  Created and maintained by **Mahmoud**.
166
-
167
- ---
168
-
169
- If you want, I can also generate:
170
-
171
- ✅ A logo
172
- ✅ A color palette for the authority theme
173
- ✅ Example screenshots/mockups
174
- ✅ NPM keywords
175
- Just tell me!