sdga-ui 1.0.0 → 1.0.2
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.
- package/.github/workflows/publish.yml +33 -0
- package/README.md +5 -5
- package/css/dga-ui.css +1 -1
- package/package.json +16 -5
- package/theme/customizations/_cards.scss +1 -1
- package/theme/dga-ui.scss +1 -1
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
name: Publish to npm
|
|
2
|
+
|
|
3
|
+
on:
|
|
4
|
+
push:
|
|
5
|
+
branches:
|
|
6
|
+
- master
|
|
7
|
+
|
|
8
|
+
jobs:
|
|
9
|
+
build-and-publish:
|
|
10
|
+
runs-on: ubuntu-latest
|
|
11
|
+
permissions:
|
|
12
|
+
id-token: write # Required for OIDC
|
|
13
|
+
contents: read
|
|
14
|
+
|
|
15
|
+
steps:
|
|
16
|
+
- name: Checkout code
|
|
17
|
+
uses: actions/checkout@v4
|
|
18
|
+
|
|
19
|
+
- name: Set up Node.js
|
|
20
|
+
uses: actions/setup-node@v4
|
|
21
|
+
with:
|
|
22
|
+
node-version: 20
|
|
23
|
+
registry-url: 'https://registry.npmjs.org/'
|
|
24
|
+
|
|
25
|
+
- name: Install dependencies
|
|
26
|
+
run: npm install
|
|
27
|
+
|
|
28
|
+
- name: Build CSS
|
|
29
|
+
run: npm run build-css
|
|
30
|
+
|
|
31
|
+
# Trusted Publishing doesn't need NODE_AUTH_TOKEN
|
|
32
|
+
- name: Publish package to npm
|
|
33
|
+
run: npm publish --access public
|
package/README.md
CHANGED
|
@@ -24,13 +24,13 @@ This package helps you apply a clean, structured, and authoritative look across
|
|
|
24
24
|
Install via npm:
|
|
25
25
|
|
|
26
26
|
```bash
|
|
27
|
-
npm install
|
|
27
|
+
npm install sdga-ui
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
Or with yarn:
|
|
31
31
|
|
|
32
32
|
```bash
|
|
33
|
-
yarn add
|
|
33
|
+
yarn add sdga-ui
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
---
|
|
@@ -42,13 +42,13 @@ yarn add dga-ui
|
|
|
42
42
|
Include the compiled CSS file in your HTML:
|
|
43
43
|
|
|
44
44
|
```html
|
|
45
|
-
<link rel="stylesheet" href="node_modules/
|
|
45
|
+
<link rel="stylesheet" href="node_modules/sdga-ui/css/dga-ui.css">
|
|
46
46
|
```
|
|
47
47
|
|
|
48
48
|
Or import it in your JavaScript/CSS:
|
|
49
49
|
|
|
50
50
|
```css
|
|
51
|
-
@import "
|
|
51
|
+
@import "sdga-ui/css/dga-ui.css";
|
|
52
52
|
```
|
|
53
53
|
|
|
54
54
|
### **Using SCSS Source Files**
|
|
@@ -56,7 +56,7 @@ Or import it in your JavaScript/CSS:
|
|
|
56
56
|
Import the theme in your SCSS file:
|
|
57
57
|
|
|
58
58
|
```scss
|
|
59
|
-
@import "
|
|
59
|
+
@import "sdga-ui/theme/dga-ui";
|
|
60
60
|
```
|
|
61
61
|
|
|
62
62
|
All Bootstrap components automatically adopt the DGA UI theme.
|
package/css/dga-ui.css
CHANGED
|
@@ -26359,7 +26359,7 @@ html {
|
|
|
26359
26359
|
|
|
26360
26360
|
.card {
|
|
26361
26361
|
transition: transform 0.3s ease;
|
|
26362
|
-
width:
|
|
26362
|
+
width: 100%;
|
|
26363
26363
|
}
|
|
26364
26364
|
.card:focus-visible {
|
|
26365
26365
|
border-radius: 1rem !important;
|
package/package.json
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sdga-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "DGA UI - Government-Style Bootstrap Theme",
|
|
5
5
|
"keywords": [
|
|
6
|
+
"sdga",
|
|
7
|
+
"sdga-ui",
|
|
6
8
|
"dga",
|
|
9
|
+
"dga-ui",
|
|
10
|
+
"saudi government design",
|
|
7
11
|
"bootstrap",
|
|
8
12
|
"theme",
|
|
9
13
|
"government",
|
|
10
|
-
"dga-ui",
|
|
11
14
|
"design",
|
|
12
15
|
"template"
|
|
13
16
|
],
|
|
@@ -27,10 +30,18 @@
|
|
|
27
30
|
"test": "echo \"No tests yet\" && exit 0",
|
|
28
31
|
"format": "prettier --write \"**/*.{js,json,md,css,scss}\"",
|
|
29
32
|
"format:check": "prettier --check \"**/*.{js,json,md,css,scss}\"",
|
|
30
|
-
"build-css": "sass theme/dga-ui.scss
|
|
31
|
-
"watch-css": "sass --watch theme/dga-ui.scss
|
|
33
|
+
"build-css": "sass --load-path=node_modules theme/dga-ui.scss css/dga-ui.css",
|
|
34
|
+
"watch-css": "sass --load-path=node_modules --watch theme/dga-ui.scss css/dga-ui.css",
|
|
35
|
+
"prepublishOnly": "npm run build-css"
|
|
32
36
|
},
|
|
33
|
-
"
|
|
37
|
+
"peerDependencies": {
|
|
34
38
|
"bootstrap": "^5.3.8"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"bootstrap": "^5.3.8",
|
|
42
|
+
"sass": "^1.69.5",
|
|
43
|
+
"postcss": "^8.4.38",
|
|
44
|
+
"autoprefixer": "^10.4.19",
|
|
45
|
+
"prettier": "^3.2.0"
|
|
35
46
|
}
|
|
36
47
|
}
|
package/theme/dga-ui.scss
CHANGED