@gjsify/adwaita-web 0.4.42 → 0.4.44
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/README.md +40 -0
- package/package.json +4 -4
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# @gjsify/adwaita-web
|
|
2
|
+
|
|
3
|
+
Browser Adwaita UI components as Custom Elements, bringing the Libadwaita look (light/dark) to the web with no GJS dependencies. Provides `AdwWindow`, `AdwHeaderBar`, `AdwPreferencesGroup`, `AdwCard`, `AdwSwitchRow`, `AdwComboRow`, `AdwSpinRow`, `AdwToastOverlay`, and `AdwOverlaySplitView`, backed by SCSS that mirrors the upstream `refs/adwaita-web` and `refs/libadwaita` color/sizing tokens.
|
|
4
|
+
|
|
5
|
+
Part of the [gjsify](https://github.com/gjsify/gjsify) project — Node.js and Web APIs for GJS (GNOME JavaScript).
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
gjsify install @gjsify/adwaita-web
|
|
11
|
+
|
|
12
|
+
# npm or yarn also work (e.g. adding it to an existing project):
|
|
13
|
+
npm install @gjsify/adwaita-web
|
|
14
|
+
yarn add @gjsify/adwaita-web
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
```typescript
|
|
20
|
+
// Register all custom elements + load Adwaita fonts
|
|
21
|
+
import '@gjsify/adwaita-web';
|
|
22
|
+
|
|
23
|
+
// Import the compiled stylesheet (required for correct appearance)
|
|
24
|
+
import '@gjsify/adwaita-web/style.css';
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```html
|
|
28
|
+
<adw-window>
|
|
29
|
+
<adw-header-bar slot="header">
|
|
30
|
+
<span slot="title">My App</span>
|
|
31
|
+
</adw-header-bar>
|
|
32
|
+
<adw-preferences-group title="Settings">
|
|
33
|
+
<adw-switch-row title="Dark mode"></adw-switch-row>
|
|
34
|
+
</adw-preferences-group>
|
|
35
|
+
</adw-window>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
## License
|
|
39
|
+
|
|
40
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gjsify/adwaita-web",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.44",
|
|
4
4
|
"description": "Adwaita/Libadwaita web components for browser targets",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.ts",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
"build:types": "gjsify tsc"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@gjsify/adwaita-fonts": "^0.4.
|
|
37
|
-
"@gjsify/adwaita-icons": "^0.4.
|
|
36
|
+
"@gjsify/adwaita-fonts": "^0.4.44",
|
|
37
|
+
"@gjsify/adwaita-icons": "^0.4.44"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@gjsify/cli": "^0.4.
|
|
40
|
+
"@gjsify/cli": "^0.4.44",
|
|
41
41
|
"sass": "^1.100.0",
|
|
42
42
|
"typescript": "^6.0.3"
|
|
43
43
|
},
|