@ngxsmk/theme 1.0.0
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 +41 -0
- package/fesm2022/ngxsmk-theme.mjs +678 -0
- package/fesm2022/ngxsmk-theme.mjs.map +1 -0
- package/package.json +30 -0
- package/styles/ngx.css +210 -0
- package/styles/ngxsmk.astryx.css +235 -0
- package/styles/ngxsmk.css +235 -0
- package/styles/ngxsmk.emerald.css +235 -0
- package/styles/ngxsmk.neutral.css +235 -0
- package/styles/ngxsmk.rose.css +235 -0
- package/styles/ngxsmk.violet.css +235 -0
- package/types/ngxsmk-theme.d.ts +238 -0
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @ngxsmk/theme
|
|
2
|
+
|
|
3
|
+
The design-token engine of the [NGXSMK UI kit](https://github.com/NGXSMK/ngxsmk-ui-kit).
|
|
4
|
+
`ThemeConfig` maps to `--ngxsmk-*` CSS custom properties, ships 4 presets with
|
|
5
|
+
light/dark strategies, and supports runtime theme switching via
|
|
6
|
+
`NgxsmkThemeService`.
|
|
7
|
+
|
|
8
|
+
## Compatibility
|
|
9
|
+
|
|
10
|
+
- Angular **17.3+**
|
|
11
|
+
- `zone.js` optional (zoneless-friendly)
|
|
12
|
+
|
|
13
|
+
## Install
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @ngxsmk/theme
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
`@ngxsmk/theme` depends only on `@angular/core` and `@angular/common`.
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
22
|
+
|
|
23
|
+
```scss
|
|
24
|
+
@import '@ngxsmk/theme/styles/ngxsmk.css';
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
import { NgxsmkThemeService } from '@ngxsmk/theme';
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
`@ngxsmk/theme` emits a flat set of CSS custom properties that every NGXSMK
|
|
32
|
+
component reads — no per-component theming required.
|
|
33
|
+
|
|
34
|
+
## Building & publishing
|
|
35
|
+
|
|
36
|
+
Built with the rest of the workspace via `npm run build:libs`. The published
|
|
37
|
+
artifact lives in `dist/ngxsmk/theme`. To publish all packages:
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm run publish
|
|
41
|
+
```
|