@zenit-hosting/zenit-ui 0.2.0 → 0.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 +32 -16
- package/fesm2022/zenit-hosting-zenit-ui.mjs +2 -2
- package/fesm2022/zenit-hosting-zenit-ui.mjs.map +1 -1
- package/llms-full.txt +8 -6
- package/llms.txt +3 -2
- package/package.json +2 -2
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/init-script.js +2 -2
- package/types/zenit-hosting-zenit-ui.d.ts +1 -1
package/llms-full.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# zenit-ui — complete reference
|
|
2
2
|
|
|
3
|
-
> Version 0.2.
|
|
3
|
+
> Version 0.2.2. Everything needed to use this library correctly, with no other file and
|
|
4
4
|
> no access to its sources. Generated from the sources; do not edit by hand.
|
|
5
5
|
|
|
6
6
|
## Contents
|
|
@@ -76,12 +76,14 @@ is no `NgModule` and no `forRoot`.
|
|
|
76
76
|
|
|
77
77
|
## 3. Setup
|
|
78
78
|
|
|
79
|
-
1. **Install.** The package is
|
|
80
|
-
|
|
79
|
+
1. **Install.** The package is `@zenit-hosting/zenit-ui` on npmjs.org. Install it under the
|
|
80
|
+
alias `zenit-ui`, so imports and stylesheet paths stay `zenit-ui`:
|
|
81
81
|
```bash
|
|
82
|
-
npm
|
|
82
|
+
npm install zenit-ui@npm:@zenit-hosting/zenit-ui@^0.2.2
|
|
83
83
|
```
|
|
84
|
-
`ng add
|
|
84
|
+
Never `npm i zenit-ui` or `ng add zenit-ui`: the unscoped name belongs to somebody else.
|
|
85
|
+
`ng generate zenit-ui:ng-add --themes` then performs steps 2 to 6 automatically (not
|
|
86
|
+
`ng add`, which would add the package a second time without the alias).
|
|
85
87
|
|
|
86
88
|
2. **Register the stylesheets** in `angular.json` (`projects.<app>.architect.build.options.styles`)
|
|
87
89
|
or via `@import` in your entry stylesheet. The order is binding:
|
|
@@ -4136,7 +4138,7 @@ The stylesheet has to block rendering as well. The Angular CLI inlines
|
|
|
4136
4138
|
"critical" CSS and loads the rest late; `[data-theme="light"]` is never
|
|
4137
4139
|
critical, because nothing in `index.html` matches it. Set
|
|
4138
4140
|
`optimization.styles.inlineCritical` to `false` in the `production`
|
|
4139
|
-
configuration of the build target; `ng
|
|
4141
|
+
configuration of the build target; `ng generate zenit-ui:ng-add --themes` writes both
|
|
4140
4142
|
the script and that setting.
|
|
4141
4143
|
|
|
4142
4144
|
With a Content Security Policy the returned string is what you hash
|
package/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# zenit-ui
|
|
2
2
|
|
|
3
|
-
> Component library 0.2.
|
|
3
|
+
> Component library 0.2.2 for Angular 22 of the Zenit design system:
|
|
4
4
|
> 84 standalone components and directives, dark by default, token-driven,
|
|
5
5
|
> `@angular/cdk` for overlays and no Angular Material anywhere. This file is the index;
|
|
6
6
|
> `llms-full.txt` next to it is the complete reference and needs no other file.
|
|
@@ -42,7 +42,8 @@ Business logic, routes and copy stay in your application.
|
|
|
42
42
|
|
|
43
43
|
## Setup in 6 steps
|
|
44
44
|
|
|
45
|
-
1. `npm
|
|
45
|
+
1. `npm install zenit-ui@npm:@zenit-hosting/zenit-ui@^0.2.2` (the alias keeps the import
|
|
46
|
+
path `zenit-ui`; never install the unscoped `zenit-ui`). `ng generate zenit-ui:ng-add --themes`
|
|
46
47
|
does steps 2 to 6 for you.
|
|
47
48
|
2. Register the stylesheets in `angular.json`, in this order:
|
|
48
49
|
`zenit-ui/styles/tokens.css`, `@angular/cdk/overlay-prebuilt.css`,
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.ngAdd = ngAdd;
|
|
7
7
|
/**
|
|
8
|
-
* `ng
|
|
8
|
+
* the `ng-add` schematic.
|
|
9
9
|
*
|
|
10
10
|
* Performs the setup that `projects/zenit-ui/README.md` documents by hand:
|
|
11
11
|
* style entries in `angular.json`, `z-root` in `index.html`, `@angular/cdk`,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
/*
|
|
3
|
-
* Plain TypeScript without a single import, on purpose: `ng
|
|
3
|
+
* Plain TypeScript without a single import, on purpose: the `ng-add` schematic
|
|
4
4
|
* needs the same script, and schematics are compiled apart from the library
|
|
5
5
|
* (CommonJS, no DOM types, `rootDir: schematics`). A byte-identical copy of
|
|
6
6
|
* this file therefore lives at `schematics/ng-add/init-script.ts`; the test in
|
|
@@ -86,7 +86,7 @@ function alsLiteral(wert) {
|
|
|
86
86
|
* "critical" CSS and loads the rest late; `[data-theme="light"]` is never
|
|
87
87
|
* critical, because nothing in `index.html` matches it. Set
|
|
88
88
|
* `optimization.styles.inlineCritical` to `false` in the `production`
|
|
89
|
-
* configuration of the build target; `ng
|
|
89
|
+
* configuration of the build target; `ng generate zenit-ui:ng-add --themes` writes both
|
|
90
90
|
* the script and that setting.
|
|
91
91
|
*
|
|
92
92
|
* With a Content Security Policy the returned string is what you hash
|
|
@@ -5733,7 +5733,7 @@ interface ZThemeInitConfig {
|
|
|
5733
5733
|
* "critical" CSS and loads the rest late; `[data-theme="light"]` is never
|
|
5734
5734
|
* critical, because nothing in `index.html` matches it. Set
|
|
5735
5735
|
* `optimization.styles.inlineCritical` to `false` in the `production`
|
|
5736
|
-
* configuration of the build target; `ng
|
|
5736
|
+
* configuration of the build target; `ng generate zenit-ui:ng-add --themes` writes both
|
|
5737
5737
|
* the script and that setting.
|
|
5738
5738
|
*
|
|
5739
5739
|
* With a Content Security Policy the returned string is what you hash
|