@momentum-design/tokens 0.0.93 → 0.0.95
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 +1 -37
- package/dist/css/core/complete.css +1 -1
- package/dist/css/theme/aaos/day-complete.css +1 -1
- package/dist/css/theme/aaos/night-complete.css +1 -1
- package/dist/css/theme/webex/dark-stable.css +1 -1
- package/dist/css/theme/webex/hc-dark-stable.css +1 -1
- package/dist/css/theme/webex/hc-light-stable.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/aaos/day-complete.swift +1 -1
- package/dist/ios/theme/aaos/night-complete.swift +1 -1
- package/dist/ios/theme/webex/dark-stable.swift +1 -1
- package/dist/ios/theme/webex/hc-dark-stable.swift +1 -1
- package/dist/ios/theme/webex/hc-light-stable.swift +1 -1
- package/dist/ios/theme/webex/light-stable.swift +1 -1
- package/dist/json/core/complete.json +1 -1
- package/dist/json/theme/aaos/day-complete.json +1 -1
- package/dist/json/theme/aaos/night-complete.json +1 -1
- package/dist/json/theme/webex/dark-stable.json +1 -1
- package/dist/json/theme/webex/hc-dark-stable.json +1 -1
- package/dist/json/theme/webex/hc-light-stable.json +1 -1
- package/dist/json/theme/webex/light-stable.json +1 -1
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/theme/aaos/day-complete.xml +1 -1
- package/dist/resources/theme/aaos/night-complete.xml +1 -1
- package/dist/resources/theme/webex/dark-stable.xml +1 -1
- package/dist/resources/theme/webex/hc-dark-stable.xml +1 -1
- package/dist/resources/theme/webex/hc-light-stable.xml +1 -1
- package/dist/resources/theme/webex/light-stable.xml +1 -1
- package/dist/scss/core/complete.scss +2 -2
- package/dist/scss/theme/aaos/day-complete.scss +2 -2
- package/dist/scss/theme/aaos/night-complete.scss +2 -2
- package/dist/scss/theme/webex/dark-stable.scss +2 -2
- package/dist/scss/theme/webex/hc-dark-stable.scss +2 -2
- package/dist/scss/theme/webex/hc-light-stable.scss +2 -2
- package/dist/scss/theme/webex/light-stable.scss +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @momentum-design/tokens
|
|
2
2
|
|
|
3
|
-
[](https://github.com/momentum-design/momentum-design/blob/main/LICENSE) ](https://github.com/momentum-design/momentum-design/blob/main/LICENSE)  [](https://www.npmjs.com/package/@momentum-design/tokens)
|
|
4
4
|
|
|
5
5
|
## Overview
|
|
6
6
|
|
|
@@ -15,42 +15,6 @@ This package contains Momentum Design Tokens as JSON, distributed in the followi
|
|
|
15
15
|
|
|
16
16
|
At this time, the Momentum Design Engineering team is not taking external requests for additional formats.
|
|
17
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}`
|
|
41
|
-
|
|
42
|
-
## Usage
|
|
43
|
-
|
|
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
18
|
## Consumption
|
|
47
19
|
|
|
48
20
|
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)
|
|
53
|
-
|
|
54
|
-
## Scripts
|
|
55
|
-
|
|
56
|
-
See [our script documentation](./SCRIPTS.md)
|
|
@@ -11646,4 +11646,4 @@
|
|
|
11646
11646
|
}
|
|
11647
11647
|
}
|
|
11648
11648
|
}
|
|
11649
|
-
}
|
|
11649
|
+
}
|
|
@@ -11245,4 +11245,4 @@
|
|
|
11245
11245
|
}
|
|
11246
11246
|
}
|
|
11247
11247
|
}
|
|
11248
|
-
}
|
|
11248
|
+
}
|
|
@@ -11189,4 +11189,4 @@
|
|
|
11189
11189
|
}
|
|
11190
11190
|
}
|
|
11191
11191
|
}
|
|
11192
|
-
}
|
|
11192
|
+
}
|
|
@@ -11654,4 +11654,4 @@
|
|
|
11654
11654
|
}
|
|
11655
11655
|
}
|
|
11656
11656
|
}
|
|
11657
|
-
}
|
|
11657
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:44 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-core-white-alpha-0: #ffffff00;
|
|
6
6
|
$mds-color-core-white-alpha-5: #ffffff0d;
|
|
@@ -316,4 +316,4 @@ $mds-color-gradient-lavender-light-secondary-1: #ffffff;
|
|
|
316
316
|
$mds-color-gradient-lavender-dark-primary-0: #231237;
|
|
317
317
|
$mds-color-gradient-lavender-dark-primary-1: #18082b;
|
|
318
318
|
$mds-color-gradient-lavender-dark-secondary-0: #301a4a;
|
|
319
|
-
$mds-color-gradient-lavender-dark-secondary-1: #18082b;
|
|
319
|
+
$mds-color-gradient-lavender-dark-secondary-1: #18082b;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:46 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-surface-neutral-0-default: #17181b;
|
|
6
6
|
$mds-color-theme-surface-neutral-1-default: #202124;
|
|
@@ -40,4 +40,4 @@ $mds-color-theme-border-positive-0: #27a17a;
|
|
|
40
40
|
$mds-color-theme-border-negative-0: #f55868;
|
|
41
41
|
$mds-color-theme-border-accent-0: #3492eb;
|
|
42
42
|
$mds-color-theme-border-warning-0: #f2990a;
|
|
43
|
-
$mds-color-theme-bg-primary: #000000;
|
|
43
|
+
$mds-color-theme-bg-primary: #000000;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:46 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-surface-neutral-0-default: #0e1013;
|
|
6
6
|
$mds-color-theme-surface-neutral-1-default: #17181b;
|
|
@@ -40,4 +40,4 @@ $mds-color-theme-border-positive-0: #27a17a;
|
|
|
40
40
|
$mds-color-theme-border-negative-0: #f55868;
|
|
41
41
|
$mds-color-theme-border-accent-0: #3492eb;
|
|
42
42
|
$mds-color-theme-border-warning-0: #f2990a;
|
|
43
|
-
$mds-color-theme-bg-primary: #000000;
|
|
43
|
+
$mds-color-theme-bg-primary: #000000;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:45 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #fffffff2;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #ffffff66;
|
|
@@ -376,4 +376,4 @@ $mds-color-theme-avatar-pink: #a12a3a;
|
|
|
376
376
|
$mds-color-theme-avatar-purple: #932099;
|
|
377
377
|
$mds-color-theme-avatar-slate: #535573;
|
|
378
378
|
$mds-color-theme-avatar-violet: #643abd;
|
|
379
|
-
$mds-color-theme-avatar-yellow: #7d4705;
|
|
379
|
+
$mds-color-theme-avatar-yellow: #7d4705;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:45 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #ffffff;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #3ff23f;
|
|
@@ -368,4 +368,4 @@ $mds-color-theme-common-touchbar-background-red-pressed: #1aebff;
|
|
|
368
368
|
$mds-color-theme-common-touchbar-background-transparent: #000000;
|
|
369
369
|
$mds-color-theme-common-touchbar-icon-attention: #000000;
|
|
370
370
|
$mds-color-theme-common-touchbar-icon-stable: #000000;
|
|
371
|
-
$mds-color-theme-common-touchbar-icon-secure: #000000;
|
|
371
|
+
$mds-color-theme-common-touchbar-icon-secure: #000000;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:45 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #000000;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #600000;
|
|
@@ -368,4 +368,4 @@ $mds-color-theme-gradientdivider-success-hover: #000000;
|
|
|
368
368
|
$mds-color-theme-gradientdivider-orange-normal: #000000;
|
|
369
369
|
$mds-color-theme-gradientdivider-orange-hover: #000000;
|
|
370
370
|
$mds-color-theme-gradientdivider-purple-normal: #000000;
|
|
371
|
-
$mds-color-theme-gradientdivider-purple-hover: #000000;
|
|
371
|
+
$mds-color-theme-gradientdivider-purple-hover: #000000;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 30 Sep 2024 10:04:45 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #000000f2;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #00000066;
|
|
@@ -375,4 +375,4 @@ $mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600
|
|
|
375
375
|
$mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);
|
|
376
376
|
$mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
|
|
377
377
|
$mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
|
|
378
|
-
$mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
|
|
378
|
+
$mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
|
package/package.json
CHANGED