@lmvz-ds/design-tokens 0.11.4
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.txt +3 -0
- package/README.md +53 -0
- package/dist/css/variables.base.css +887 -0
- package/dist/css/variables.dark.global.css +85 -0
- package/dist/css/variables.dark.themed.css +85 -0
- package/dist/css/variables.light.global.css +87 -0
- package/dist/css/variables.light.themed.css +87 -0
- package/package.json +62 -0
package/LICENSE.txt
ADDED
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# LMVZ Design Tokens
|
|
2
|
+
|
|
3
|
+
These are the design tokens for the LMVZ Design System. For a Description of available tokens and their usage see the Design Guide.
|
|
4
|
+
|
|
5
|
+
## Using this package
|
|
6
|
+
|
|
7
|
+
Usually the tokens are not imported directly, but instead as part of a Theme or a Component.
|
|
8
|
+
|
|
9
|
+
### Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @lmvz-ds/design-tokens
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Integration
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
@import '@lmvz-ds/design-tokens' layer(lmvz-ds.base);
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Making changes to this package
|
|
22
|
+
|
|
23
|
+
### Setup
|
|
24
|
+
|
|
25
|
+
Install a Supernova extension for your IDE and connect via an API key (tested with VSCode).
|
|
26
|
+
|
|
27
|
+
#### TODO
|
|
28
|
+
|
|
29
|
+
- how to install our custom-config'd exporter
|
|
30
|
+
|
|
31
|
+
### Import Tokens from Supernova
|
|
32
|
+
|
|
33
|
+
You can use the extension to "sync" tokens from Supernova to the codebase. Pick the Style Dictionary exporter (which should be the default anyway).
|
|
34
|
+
|
|
35
|
+
You can update the themes config with the latest list from Supernova using `npm run supernova:describe`;
|
|
36
|
+
|
|
37
|
+
#### TODO
|
|
38
|
+
|
|
39
|
+
- how to export using the exporter
|
|
40
|
+
|
|
41
|
+
### Generate CSS Using Style Dictionary
|
|
42
|
+
|
|
43
|
+
`cd` into this directory and run:
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
npm run build
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
which will create CSS custom properties in the dist folder.
|
|
50
|
+
|
|
51
|
+
### Code Versioning
|
|
52
|
+
|
|
53
|
+
Currently the changes have to be created and committed manually. As of October 2025, CI/CD-based sync is not possible due to our GitLab being hosted behind a VPN.
|