sdga-ui 1.0.6 → 1.0.8

package/demo-angular/src/app/views/header/header.ts

@@ -0,0 +1,11 @@
+import { Component } from "@angular/core";
+import { TranslateModule } from "@ngx-translate/core";
+
+@Component({
+  selector: 'app-header',
+  imports: [TranslateModule],
+  templateUrl: './header.html',
+  styleUrl: './header.scss',
+})
+export class Header {
+}

package/demo-angular/src/app/views/home/home.component.html

@@ -29,10 +29,5 @@
       <h3>{{ 'nav.tables' | translate }}</h3>
       <p>{{ 'home.tables_desc' | translate }}</p>
     </a>
-    
-    <a routerLink="/utilities" class="component-card">
-      <h3>{{ 'nav.utilities' | translate }}</h3>
-      <p>{{ 'home.utilities_desc' | translate }}</p>
-    </a>
   </div>
 </div>

package/demo-angular/src/app/views/links/links.component.html

@@ -10,8 +10,8 @@
       <!-- Neutral link -->
       <a href="javascript:void(0);" class="link-neutral link-offset-2">{{ 'links.neutral_link' | translate }}</a>
       <!-- On-color link displayed on a primary background -->
-      <div class="p-3 bg-primary rounded-2" style="width:max-content;">
-        <a href="javascript:void(0);" class="link-oncolor link-offset-2">{{ 'links.oncolor_link' | translate }}</a>
+      <div class="p-3 on-primary rounded-2" style="width:max-content;">
+        <a href="javascript:void(0);" class="link-neutral link-offset-2">{{ 'links.neutral_link' | translate }}</a>
       </div>
       <!-- Disabled link (non-interactive) -->
       <a href="javascript:void(0);" class="link-primary disabled link-offset-2" aria-disabled="true" tabindex="-1">{{ 'links.disabled_link' | translate }}</a>

package/demo-angular/src/app/views/links/links.component.ts

@@ -13,7 +13,7 @@ export class LinksComponent {
   // Basic link variants (primary, neutral, on-color, disabled)
   basicLinksCode = `<a href=\"javascript:void(0);\" class=\"link-primary link-offset-2\">Primary link</a>
 <a href=\"javascript:void(0);\" class=\"link-neutral link-offset-2\">Neutral link</a>
-<div class=\"p-3 bg-primary rounded-2\"><a href=\"javascript:void(0);\" class=\"link-oncolor link-offset-2\">On-color link</a></div>
+<div class=\"p-3 on-primary rounded-2\"><a href=\"javascript:void(0);\" class=\"link-neutral link-offset-2\">Neutral link</a></div>
 <a href=\"javascript:void(0);\" class=\"link-primary disabled link-offset-2\" aria-disabled=\"true\" tabindex=\"-1\">Disabled link</a>`;
 
 }

package/demo-angular/src/app/views/toasts/toasts.component.html

@@ -11,7 +11,7 @@
             <div class="toast-container">
                 <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
                     <div class="toast-icon">
-                        <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+                        <i class="bi bi-check-circle toast-icon"></i>
                     </div>
                     <div class="toast-content">
                         <div class="toast-header">
@@ -39,7 +39,7 @@
         <div class="d-flex flex-wrap gap-3 mb-3">
             <div class="toast show fade toast-danger" role="alert" aria-live="polite" aria-atomic="true">
                 <div class="toast-icon">
-                    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+                    <i class="bi bi-exclamation-circle toast-icon"></i>
                 </div>
                 <div class="toast-content">
                     <div class="toast-header">
@@ -66,7 +66,7 @@
         <div class="d-flex flex-wrap gap-3 mb-3">
             <div class="toast show fade toast-warning" role="alert" aria-live="polite" aria-atomic="true">
                 <div class="toast-icon">
-                    <i class="hgi hgi-stroke hgi-alert-02 toast-icon"></i>
+                    <i class="bi bi-exclamation-triangle toast-icon"></i>
                 </div>
                 <div class="toast-content">
                     <div class="toast-header">
@@ -93,7 +93,7 @@
         <div class="d-flex flex-wrap gap-3 mb-3">
             <div class="toast show fade toast-info" role="alert" aria-live="polite" aria-atomic="true">
                 <div class="toast-icon">
-                    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+                    <i class="bi bi-info-circle toast-icon"></i>
                 </div>
                 <div class="toast-content">
                     <div class="toast-header">
@@ -120,7 +120,7 @@
         <div class="d-flex flex-wrap gap-3 mb-3">
             <div class="toast show fade toast-neutral" role="alert" aria-live="polite" aria-atomic="true">
                 <div class="toast-icon">
-                    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+                    <i class="bi bi-info-circle toast-icon"></i>
                 </div>
                 <div class="toast-content">
                     <div class="toast-header">
@@ -148,7 +148,7 @@
             <div class="toast-container">
                 <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
                     <div class="toast-icon">
-                        <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+                        <i class="bi bi-check-circle toast-icon"></i>
                     </div>
                     <div class="toast-content">
                         <div class="toast-header">
@@ -176,7 +176,7 @@
         <div class="d-flex flex-wrap gap-3 mb-3">
             <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
                 <div class="toast-icon">
-                    <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+                    <i class="bi bi-check-circle toast-icon"></i>
                 </div>
                 <div class="toast-content">
                     <div class="toast-header">

package/demo-angular/src/app/views/toasts/toasts.component.ts

@@ -21,7 +21,7 @@ export class ToastsComponent {
   // Success Toast with Icon
   successToastCode = `<div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+    <i class="bi bi-check-circle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">
@@ -41,7 +41,7 @@ export class ToastsComponent {
   // Danger Toast with Icon
   dangerToastCode = `<div class="toast show fade toast-danger" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+    <i class="bi bi-exclamation-circle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">
@@ -61,7 +61,7 @@ export class ToastsComponent {
   // Warning Toast with Icon
   warningToastCode = `<div class="toast show fade toast-warning" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-alert-02 toast-icon"></i>
+    <i class="bi bi-exclamation-triangle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">
@@ -81,7 +81,7 @@ export class ToastsComponent {
   // Info Toast with Icon
   infoToastCode = `<div class="toast show fade toast-info" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+    <i class="bi bi-info-circle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">
@@ -101,7 +101,7 @@ export class ToastsComponent {
   // Neutral Toast with Icon
   neutralToastCode = `<div class="toast show fade toast-neutral" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-help-circle toast-icon"></i>
+    <i class="bi bi-info-circle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">
@@ -122,7 +122,7 @@ export class ToastsComponent {
   fullToastCode = `<div class="toast-container">
   <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
     <div class="toast-icon">
-      <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+      <i class="bi bi-check-circle toast-icon"></i>
     </div>
     <div class="toast-content">
       <div class="toast-header">
@@ -143,7 +143,7 @@ export class ToastsComponent {
   // Dismissible Toast
   dismissibleToastCode = `<div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
   <div class="toast-icon">
-    <i class="hgi hgi-stroke hgi-checkmark-circle-02 toast-icon"></i>
+    <i class="bi bi-check-circle toast-icon"></i>
   </div>
   <div class="toast-content">
     <div class="toast-header">

package/demo-angular/src/index.html

@@ -5,8 +5,22 @@
   <title>DemoAngular</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="https://cdn.hugeicons.com/font/hgi-stroke-rounded.css" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <script>
+    // Handle redirect from 404.html on GitHub Pages for SPA routes
+    (function() {
+      var redirect = sessionStorage.getItem('ghspa-redirect');
+      if (redirect) {
+        sessionStorage.removeItem('ghspa-redirect');
+        var data = JSON.parse(redirect);
+        if (data.path) {
+          var newUrl = data.path + (data.query || '') + (data.hash || '');
+          history.replaceState(null, '', newUrl);
+        }
+      }
+    })();
+  </script>
 </head>
 <body>
   <app-root></app-root>

package/demo-angular/tsconfig.app.json

@@ -4,7 +4,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": [],
+    "resolveJsonModule": true
   },
   "include": [
     "src/**/*.ts"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdga-ui",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "DGA UI - Government-Style Bootstrap Theme",
   "keywords": [
     "sdga",
@@ -32,7 +32,7 @@
     "format:check": "prettier --check \"**/*.{js,json,md,css,scss}\"",
     "build-css": "sass --load-path=node_modules theme/dga-ui.scss css/dga-ui.css",
     "watch-css": "sass --load-path=node_modules --watch theme/dga-ui.scss css/dga-ui.css",
-    "update-demo-version": "node -e \"const fs=require('fs');const pkg=JSON.parse(fs.readFileSync('package.json'));const demoPkg=JSON.parse(fs.readFileSync('demo-angular/package.json'));demoPkg.dependencies['sdga-ui']='^'+pkg.version;fs.writeFileSync('demo-angular/package.json',JSON.stringify(demoPkg,null,2)+'\\n');\"",
+    "update-demo-version": "node -e \"const fs=require('fs');const pkg=JSON.parse(fs.readFileSync('package.json'));const demoPkg=JSON.parse(fs.readFileSync('demo-angular/package.json'));demoPkg.version=pkg.version;demoPkg.dependencies['sdga-ui']='^'+pkg.version;fs.writeFileSync('demo-angular/package.json',JSON.stringify(demoPkg,null,2)+'\\n');console.log('Synced demo-angular version to',pkg.version);\"",
     "prepublishOnly": "npm run build-css",
     "preversion": "npm run build-css",
     "version": "npm run update-demo-version && git add .",

package/sdga-ui/README.md

@@ -0,0 +1,45 @@
+# sdga-ui
+
+This is a Next.js application generated with
+[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
+
+Run development server:
+
+```bash
+npm run dev
+# or
+pnpm dev
+# or
+yarn dev
+```
+
+Open http://localhost:3000 with your browser to see the result.
+
+## Explore
+
+In the project, you can see:
+
+- `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
+- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
+
+| Route                     | Description                                            |
+| ------------------------- | ------------------------------------------------------ |
+| `app/(home)`              | The route group for your landing page and other pages. |
+| `app/docs`                | The documentation layout and pages.                    |
+| `app/api/search/route.ts` | The Route Handler for search.                          |
+
+### Fumadocs MDX
+
+A `source.config.ts` config file has been included, you can customise different options like frontmatter schema.
+
+Read the [Introduction](https://fumadocs.dev/docs/mdx) for further details.
+
+## Learn More
+
+To learn more about Next.js and Fumadocs, take a look at the following
+resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+- [Fumadocs](https://fumadocs.dev) - learn about Fumadocs