@guildofgleks/ui 0.0.1 → 21.2.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/LICENSE +21 -0
- package/README.md +192 -64
- package/fesm2022/guildofgleks-ui.mjs +1019 -911
- package/fesm2022/guildofgleks-ui.mjs.map +1 -1
- package/package.json +19 -2
- package/src/styles/fonts.css +16 -17
- package/src/styles/index.css +17 -3
- package/src/styles/theme.css +943 -0
- package/src/styles/typography.css +15 -15
- package/src/styles/utilities.css +33 -27
- package/types/guildofgleks-ui.d.ts +421 -161
- package/src/styles/tokens.scss +0 -82
package/package.json
CHANGED
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@guildofgleks/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.2.2",
|
|
4
|
+
"engines": {
|
|
5
|
+
"node": ">=20.19.0"
|
|
6
|
+
},
|
|
7
|
+
"description": "A lightweight Angular 21 component library — standalone, signal-based, OnPush, with no CDK or Material dependency.",
|
|
8
|
+
"keywords": [
|
|
9
|
+
"angular",
|
|
10
|
+
"angular21",
|
|
11
|
+
"components",
|
|
12
|
+
"ui",
|
|
13
|
+
"ui-library",
|
|
14
|
+
"design-system",
|
|
15
|
+
"signals",
|
|
16
|
+
"standalone",
|
|
17
|
+
"accessible"
|
|
18
|
+
],
|
|
19
|
+
"license": "MIT",
|
|
4
20
|
"peerDependencies": {
|
|
5
21
|
"@angular/common": "^21.2.0",
|
|
6
|
-
"@angular/core": "^21.2.0"
|
|
22
|
+
"@angular/core": "^21.2.0",
|
|
23
|
+
"@angular/forms": "^21.2.0"
|
|
7
24
|
},
|
|
8
25
|
"dependencies": {
|
|
9
26
|
"tslib": "^2.3.0"
|
package/src/styles/fonts.css
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
|
|
17
|
-
}
|
|
1
|
+
/*
|
|
2
|
+
* Optional typography preset — the families the showcase uses.
|
|
3
|
+
*
|
|
4
|
+
* Deliberately not part of `index.css`: importing this downloads three families from
|
|
5
|
+
* Google Fonts, which a component library should not decide on its consumer's behalf.
|
|
6
|
+
* The text-size scale lives in `theme.css`; this file only re-points the font families.
|
|
7
|
+
*/
|
|
8
|
+
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap');
|
|
9
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
|
|
10
|
+
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
|
|
11
|
+
|
|
12
|
+
:root {
|
|
13
|
+
--gog-font-heading: 'Cinzel', serif;
|
|
14
|
+
--gog-font-body: 'Inter', sans-serif;
|
|
15
|
+
--gog-font-mono: 'JetBrains Mono', monospace;
|
|
16
|
+
}
|
package/src/styles/index.css
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
@
|
|
3
|
-
|
|
1
|
+
/*
|
|
2
|
+
* The single stylesheet a @guildofgleks/ui consumer needs:
|
|
3
|
+
*
|
|
4
|
+
* @import '@guildofgleks/ui/styles/index.css';
|
|
5
|
+
*
|
|
6
|
+
* It brings the baseline theme (every token the components read), the typography helpers
|
|
7
|
+
* and the utility classes that component templates rely on — `font-body`, `font-heading`
|
|
8
|
+
* and `gog-contained-layout` are applied inside the components themselves, so without
|
|
9
|
+
* this import they resolve to nothing.
|
|
10
|
+
*
|
|
11
|
+
* `fonts.css` is deliberately NOT included: it pulls three families from Google Fonts,
|
|
12
|
+
* which a library should not impose on its consumers. Import it explicitly if you want
|
|
13
|
+
* the showcase's typography.
|
|
14
|
+
*/
|
|
15
|
+
@import './theme.css';
|
|
16
|
+
@import './typography.css';
|
|
17
|
+
@import './utilities.css';
|