npm - sdga-ui - Versions diffs - 1.0.8 → 1.0.9 - Mend

sdga-ui 1.0.8 → 1.0.9

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 (90) hide show

package/css/dga-ui.css +16 -2
package/css/dga-ui.css.map +1 -1
package/package.json +20 -4
package/theme/customizations/_links.scss +22 -21
package/.editorconfig +0 -23
package/.github/workflows/deploy.yml +0 -71
package/.github/workflows/publish.yml +0 -36
package/.prettierignore +0 -73
package/.prettierrc +0 -17
package/demo-angular/.editorconfig +0 -17
package/demo-angular/.vscode/extensions.json +0 -4
package/demo-angular/.vscode/launch.json +0 -20
package/demo-angular/.vscode/tasks.json +0 -42
package/demo-angular/README.md +0 -91
package/demo-angular/angular.json +0 -96
package/demo-angular/package-lock.json +0 -10600
package/demo-angular/package.json +0 -53
package/demo-angular/public/404.html +0 -35
package/demo-angular/public/favicon.ico +0 -0
package/demo-angular/public/i18n/ar.json +0 -289
package/demo-angular/public/i18n/en.json +0 -289
package/demo-angular/src/app/app.config.ts +0 -20
package/demo-angular/src/app/app.html +0 -52
package/demo-angular/src/app/app.routes.ts +0 -49
package/demo-angular/src/app/app.scss +0 -430
package/demo-angular/src/app/app.spec.ts +0 -23
package/demo-angular/src/app/app.ts +0 -97
package/demo-angular/src/app/shared/code-example/code-example.component.html +0 -30
package/demo-angular/src/app/shared/code-example/code-example.component.scss +0 -183
package/demo-angular/src/app/shared/code-example/code-example.component.ts +0 -89
package/demo-angular/src/app/views/alerts/alerts.component.html +0 -155
package/demo-angular/src/app/views/alerts/alerts.component.scss +0 -3
package/demo-angular/src/app/views/alerts/alerts.component.ts +0 -134
package/demo-angular/src/app/views/buttons/buttons.component.html +0 -360
package/demo-angular/src/app/views/buttons/buttons.component.scss +0 -11
package/demo-angular/src/app/views/buttons/buttons.component.ts +0 -225
package/demo-angular/src/app/views/cards/cards.component.html +0 -156
package/demo-angular/src/app/views/cards/cards.component.html.backup +0 -156
package/demo-angular/src/app/views/cards/cards.component.scss +0 -11
package/demo-angular/src/app/views/cards/cards.component.ts +0 -194
package/demo-angular/src/app/views/footer/footer.html +0 -270
package/demo-angular/src/app/views/footer/footer.ts +0 -276
package/demo-angular/src/app/views/forms/forms.component.html +0 -347
package/demo-angular/src/app/views/forms/forms.component.scss +0 -3
package/demo-angular/src/app/views/forms/forms.component.ts +0 -222
package/demo-angular/src/app/views/header/header.html +0 -1
package/demo-angular/src/app/views/header/header.scss +0 -0
package/demo-angular/src/app/views/header/header.spec.ts +0 -23
package/demo-angular/src/app/views/header/header.ts +0 -11
package/demo-angular/src/app/views/home/home.component.html +0 -33
package/demo-angular/src/app/views/home/home.component.scss +0 -35
package/demo-angular/src/app/views/home/home.component.ts +0 -12
package/demo-angular/src/app/views/links/links.component.html +0 -21
package/demo-angular/src/app/views/links/links.component.scss +0 -11
package/demo-angular/src/app/views/links/links.component.ts +0 -19
package/demo-angular/src/app/views/tables/tables.component.html +0 -289
package/demo-angular/src/app/views/tables/tables.component.scss +0 -3
package/demo-angular/src/app/views/tables/tables.component.ts +0 -278
package/demo-angular/src/app/views/toasts/toasts.component.html +0 -201
package/demo-angular/src/app/views/toasts/toasts.component.scss +0 -0
package/demo-angular/src/app/views/toasts/toasts.component.ts +0 -182
package/demo-angular/src/index.html +0 -28
package/demo-angular/src/main.ts +0 -6
package/demo-angular/src/styles.scss +0 -4
package/demo-angular/tsconfig.app.json +0 -16
package/demo-angular/tsconfig.json +0 -33
package/demo-angular/tsconfig.spec.json +0 -15
package/sdga-ui/README.md +0 -45
package/sdga-ui/content/docs/components/alerts.mdx +0 -475
package/sdga-ui/content/docs/index.mdx +0 -239
package/sdga-ui/next.config.mjs +0 -10
package/sdga-ui/package-lock.json +0 -5851
package/sdga-ui/package.json +0 -32
package/sdga-ui/postcss.config.mjs +0 -5
package/sdga-ui/source.config.ts +0 -27
package/sdga-ui/src/app/(home)/layout.tsx +0 -6
package/sdga-ui/src/app/(home)/page.tsx +0 -202
package/sdga-ui/src/app/api/search/route.ts +0 -7
package/sdga-ui/src/app/docs/[[...slug]]/page.tsx +0 -54
package/sdga-ui/src/app/docs/layout.tsx +0 -11
package/sdga-ui/src/app/global.css +0 -3
package/sdga-ui/src/app/layout.tsx +0 -25
package/sdga-ui/src/app/llms-full.txt/route.ts +0 -10
package/sdga-ui/src/app/og/docs/[...slug]/route.tsx +0 -34
package/sdga-ui/src/app/sdga-scoped.css +0 -7
package/sdga-ui/src/components/sdga-preview.tsx +0 -105
package/sdga-ui/src/lib/layout.shared.tsx +0 -9
package/sdga-ui/src/lib/source.ts +0 -27
package/sdga-ui/src/mdx-components.tsx +0 -9
package/sdga-ui/tsconfig.json +0 -46

package/sdga-ui/content/docs/index.mdx DELETED Viewed

@@ -1,239 +0,0 @@
----
-title: Getting Started
-description: Get started with SDGA UI - A modern, government-inspired UI component library
----
-import { Tabs, Tab } from 'fumadocs-ui/components/tabs';
-import { Callout } from 'fumadocs-ui/components/callout';
-import { Step, Steps } from 'fumadocs-ui/components/steps';
-# Getting Started with SDGA UI
-**SDGA UI** (Saudi Digital Government Authority UI) is a customizable UI theme inspired by modern government and authority design systems. Built on top of **Bootstrap**, it provides consistent colors, typography, spacing, and reusable UI patterns suitable for official portals, administrative dashboards, and public-sector applications.
-<Callout title="Live Demo" type="info">
-  Check out the live demo: [https://mahmoudadel1996.github.io/dga-ui/](https://mahmoudadel1996.github.io/dga-ui/)
-</Callout>
-## ✨ Features
-- 🏛️ Government-inspired design system
-- 🔄 Full compatibility with Bootstrap
-- 🌍 **Built-in RTL support** (no need to import Bootstrap RTL separately)
-- 🎨 Custom color palette and typography
-- 📏 Standardized spacing & component overrides
-- 🛠️ Utility classes for layout and theming
-- 🌓 Light / dark mode friendly
-- 🔤 IBM Plex Sans Arabic font included
-- ⚡ Easy to integrate into any frontend project
----
-## 📦 Installation
-<Steps>
-### Install the Package
-Install SDGA UI via npm or yarn:
-<Tabs items={['npm', 'yarn', 'pnpm']}>
-  <Tab value="npm">
-    ```bash
-    npm install sdga-ui
-    ```
-  </Tab>
-  <Tab value="yarn">
-    ```bash
-    yarn add sdga-ui
-    ```
-  </Tab>
-  <Tab value="pnpm">
-    ```bash
-    pnpm add sdga-ui
-    ```
-  </Tab>
-</Tabs>
-### Choose Your Integration Method
-You can use SDGA UI in two ways:
-#### Using the Compiled CSS
-Include the compiled CSS file in your HTML:
-```html
-<link rel="stylesheet" href="node_modules/sdga-ui/css/dga-ui.css">
-```
-Or import it in your JavaScript/CSS:
-```css
-@import "sdga-ui/css/dga-ui.css";
-```
-#### Using SCSS Source Files
-Import the theme in your SCSS file for full customization:
-```scss
-@import "sdga-ui/theme/dga-ui";
-```
-All Bootstrap components automatically adopt the SDGA UI theme.
-### Add RTL Support (Optional)
-SDGA 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:
-```html
-<html dir="rtl" lang="ar">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="path/to/sdga-ui.css">
-  </head>
-  <body>
-    <!-- Your content here -->
-  </body>
-</html>
-```
-<Callout title="No Separate RTL File Needed" type="success">
-  Unlike Bootstrap, you don't need to import a separate RTL CSS file – it's already integrated!
-</Callout>
-</Steps>
----
-## 🚀 Quick Start Example
-Here's a simple example to get you started:
-```html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>SDGA UI Example</title>
-  <link rel="stylesheet" href="node_modules/sdga-ui/css/dga-ui.css">
-</head>
-<body>
-  <div class="container mt-5">
-    <h1>Welcome to SDGA UI</h1>
-    <!-- Button Examples -->
-    <button class="btn btn-primary">Primary Button</button>
-    <button class="btn btn-secondary">Secondary Button</button>
-    <!-- Alert Example -->
-    <div class="alert alert-success mt-3" role="alert">
-      Success! Your changes have been saved.
-    </div>
-    <!-- Card Example -->
-    <div class="card mt-3">
-      <div class="card-body">
-        <h5 class="card-title">Card Title</h5>
-        <p class="card-text">This is a sample card using SDGA UI styling.</p>
-        <a href="#" class="btn btn-primary">Learn More</a>
-      </div>
-    </div>
-  </div>
-</body>
-</html>
-```
----
-## 🎨 Customization
-You can override SCSS variables before importing the theme:
-```scss
-// Your custom variables
-$primary: #0d47a1;
-$secondary: #ffc107;
-$font-family-base: 'Your Custom Font', sans-serif;
-// Import the SDGA UI theme
-@import "sdga-ui/theme/dga-ui";
-```
----
-## 📁 File Structure
-```
-sdga-ui/
-│
-├─ css/                 # Compiled CSS output
-│  └─ dga-ui.css
-├─ fonts/               # Font files (IBM Plex Sans Arabic)
-├─ theme/               # Source SCSS theme files
-│  ├─ dga-ui.scss       # Main theme entry point
-│  ├─ _fonts.scss
-│  ├─ _functions.scss
-│  ├─ _variables.scss
-│  ├─ config/           # Base configuration
-│  ├─ components/       # Component styles
-│  └─ customizations/   # Theme customizations
-├─ package.json
-├─ LICENSE
-└─ README.md
-```
----
-## 🛠 Development
-### Building the CSS
-Compile the SCSS to CSS:
-```bash
-npm run build-css
-```
-### Watch Mode
-Watch for changes and auto-compile:
-```bash
-npm run watch-css
-```
----
-## 📚 Next Steps
-<Cards>
-  <Card
-    title="Components"
-    href="/docs/components"
-    description="Explore all available components"
-  />
-  <Card
-    title="Customization"
-    href="/docs/customization"
-    description="Learn how to customize the theme"
-  />
-  <Card
-    title="Examples"
-    href="https://mahmoudadel1996.github.io/dga-ui/"
-    description="View live examples and demos"
-  />
-</Cards>
----
-## 🤝 Contributing
-Contributions are welcome! Feel free to open issues, submit pull requests, or suggest improvements on [GitHub](https://github.com/MahmoudAdel1996/dga-ui).
-## 📄 License
-MIT License — free for personal and commercial use.

package/sdga-ui/next.config.mjs DELETED Viewed

@@ -1,10 +0,0 @@
-import { createMDX } from 'fumadocs-mdx/next';
-const withMDX = createMDX();
-/** @type {import('next').NextConfig} */
-const config = {
-  reactStrictMode: true,
-};
-export default withMDX(config);