@momentum-design/tokens 0.0.32 → 0.0.33
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 +48 -6
- package/dist/css/core/complete.css +1 -1
- package/dist/css/theme/webex/common-stable.css +1 -1
- package/dist/css/theme/webex/dark-complete.css +1 -1
- package/dist/css/theme/webex/dark-stable.css +1 -1
- package/dist/css/theme/webex/light-complete.css +1 -1
- package/dist/css/theme/webex/light-stable.css +1 -1
- package/dist/ios/core/complete.swift +1 -1
- package/dist/ios/theme/webex/common-stable.swift +1 -1
- package/dist/ios/theme/webex/dark-complete.swift +1 -1
- package/dist/ios/theme/webex/dark-stable.swift +1 -1
- package/dist/ios/theme/webex/light-complete.swift +1 -1
- package/dist/ios/theme/webex/light-stable.swift +1 -1
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/theme/webex/common-stable.xml +1 -1
- package/dist/resources/theme/webex/dark-complete.xml +1 -1
- package/dist/resources/theme/webex/dark-stable.xml +1 -1
- package/dist/resources/theme/webex/light-complete.xml +1 -1
- package/dist/resources/theme/webex/light-stable.xml +1 -1
- package/dist/scss/core/complete.scss +1 -1
- package/dist/scss/theme/webex/common-stable.scss +1 -1
- package/dist/scss/theme/webex/dark-complete.scss +1 -1
- package/dist/scss/theme/webex/dark-stable.scss +1 -1
- package/dist/scss/theme/webex/light-complete.scss +1 -1
- package/dist/scss/theme/webex/light-stable.scss +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,14 +1,56 @@
|
|
|
1
1
|
# @momentum-design/tokens
|
|
2
2
|
|
|
3
|
-
[](https://github.com/momentum-design/momentum-design/blob/
|
|
4
|
-
|
|
3
|
+
[](https://github.com/momentum-design/momentum-design/blob/main/LICENSE) 
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
This package contains Momentum Design Tokens as JSON, distributed in the following formats:
|
|
8
|
+
|
|
9
|
+
* **css**
|
|
10
|
+
* **ios swift class**
|
|
11
|
+
* **json**
|
|
12
|
+
* **minimal json**
|
|
13
|
+
* **android xml**
|
|
14
|
+
* **scss**
|
|
15
|
+
|
|
16
|
+
At this time, the Momentum Design Engineering team is not taking external requests for additional formats.
|
|
17
|
+
|
|
18
|
+
## Installation
|
|
19
|
+
|
|
20
|
+
Installation within a NodeJS application using **yarn** or **npm** can be performed by executing the following commands relative to your workspace root.
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
# With yarn.
|
|
24
|
+
yarn add @momentum-design/tokens
|
|
25
|
+
|
|
26
|
+
# With npm.
|
|
27
|
+
npm i @momentum-design/tokens
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
If the distributables available in this application are to be consumed outside of a NodeJS application, please use use [unpkg](https://unpkg.com/) to acquire the package contents directly. All supported formats can be found by using the following routes:
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
https://unpkg.com/@momentum-design/tokens@0.0.32/dist/{format}/{...additional paths}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
The following token distributables are available by providing the above-defined path with the following additional paths:
|
|
37
|
+
|
|
38
|
+
* **core color tokens** - `./core/complete.{extension}`
|
|
39
|
+
* **stable webex theme tokens** - `./theme/webex/{light|dark}-stable.{extesion}`
|
|
40
|
+
* **modern webex theme tokens** - `./theme/webex/{light|dark}-complete.{extension}`
|
|
7
41
|
|
|
8
42
|
## Usage
|
|
9
43
|
|
|
10
|
-
|
|
44
|
+
Run the `build` script to create the `dist` folder, which includes tokens in various formats, see [the "Overview" section](#overview) for the current list of output formats.
|
|
45
|
+
|
|
46
|
+
## Consumption
|
|
47
|
+
|
|
48
|
+
This package distributes transformed token assets for direct consumption within various formats and platforms. The way these are consumed can vary based on the format. Inspect the distributed contents to determine the best way to consume the artifacts based on your use case.
|
|
49
|
+
|
|
50
|
+
## Contributing
|
|
51
|
+
|
|
52
|
+
See [our contributing guide](./CONTRIBUTING.md)
|
|
11
53
|
|
|
12
|
-
##
|
|
54
|
+
## Scripts
|
|
13
55
|
|
|
14
|
-
|
|
56
|
+
See [our script documentation](./SCRIPTS.md)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 13 Dec 2022 14:39:48 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-bg-primary: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
|
|
6
6
|
$mds-color-theme-bg-secondary: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 13 Dec 2022 14:39:48 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-bg-primary: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
|
|
6
6
|
$mds-color-theme-bg-secondary: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
|
package/package.json
CHANGED