@maggioli-design-system/design-tokens 7.0.0 → 9.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 +11 -6
- package/dist/android/colors.xml +184 -184
- package/dist/css/{colors-brand-synbee.css → colors-hex-brand-synbee.css} +47 -47
- package/dist/css/{colors-brand.css → colors-hex-brand.css} +15 -15
- package/dist/css/{colors-label.css → colors-hex-label.css} +107 -107
- package/dist/css/{colors-status.css → colors-hex-status.css} +52 -52
- package/dist/css/{colors-tones.css → colors-hex-tones.css} +62 -62
- package/dist/css/{colors.css → colors-hex.css} +271 -271
- package/dist/css/colors-rgb-brand-synbee.css +47 -47
- package/dist/css/colors-rgb-brand.css +15 -15
- package/dist/css/colors-rgb-label.css +107 -107
- package/dist/css/colors-rgb-status.css +52 -52
- package/dist/css/colors-rgb-tones.css +62 -62
- package/dist/css/colors-rgb.css +271 -271
- package/dist/css-tokens/font-family.json +28 -22
- package/dist/ios/StyleDictionaryColor.h +1 -1
- package/dist/ios/StyleDictionaryColor.m +184 -184
- package/dist/ios-swift/StyleDictionary.swift +184 -184
- package/dist/ios-swift/StyleDictionaryColor.swift +184 -184
- package/dist/js/colors-css-vars.js +1 -1
- package/dist/js/font-family.js +8 -2
- package/dist/js/tailwind-colors-css-vars.js +1 -1
- package/dist/properties/color/base.json +183 -183
- package/dist/properties/color/brand-synbee.json +31 -31
- package/dist/properties/color/brand.json +8 -8
- package/dist/properties/color/label.json +69 -69
- package/dist/properties/color/status.json +36 -36
- package/dist/properties/color/tones.json +39 -39
- package/dist/scss/font-family.scss +3 -2
- package/dist/scss/variables.scss +184 -184
- package/package.json +13 -8
package/README.md
CHANGED
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
#
|
|
2
|
-
|
|
3
|
-
#### design-tokens
|
|
4
|
-
|
|
1
|
+
# @maggioli-design-system/design-tokens
|
|
5
2
|
|
|
6
3
|
Design Tokens generates properties for colors and other type of agnostic tokens targeted on specific plaforms, like web, Android or iOS formats.
|
|
7
4
|
|
|
8
5
|
This library is based on [Adobe Leonardo][adobe-leonardo] and [Amazon Style Dictionary][style-dictionary].
|
|
9
6
|
|
|
10
|
-
|
|
7
|
+
# Installation
|
|
8
|
+
|
|
9
|
+
Install the component via `npm` by running the following command:
|
|
11
10
|
|
|
11
|
+
```bash
|
|
12
|
+
npm i @maggioli-design-system/design-tokens
|
|
12
13
|
```
|
|
13
|
-
|
|
14
|
+
|
|
15
|
+
This package works also with yarn:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
yarn add @maggioli-design-system/design-tokens
|
|
14
19
|
```
|
|
15
20
|
|
|
16
21
|
|