@adobe/spectrum-tokens 12.0.0-beta.3 → 12.0.0-beta.34
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/CHANGELOG.md +3 -8
- package/README.md +15 -1
- package/config.js +25 -3
- package/dist/json/drover.json +1199 -0
- package/dist/json/variables.json +9544 -0
- package/package.json +6 -3
- package/src/color-alias.json +594 -0
- package/src/color-semantic.json +310 -0
- package/src/color.json +3110 -0
- package/src/component-layout.json +1652 -0
- package/src/layout.json +503 -0
- package/tokens/color-alias.json +0 -134
- package/tokens/color-semantic.json +0 -280
- package/tokens/color.json +0 -2547
- package/tokens/component-layout.json +0 -790
- package/tokens/layout.json +0 -982
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.34](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.33...v12.0.0-beta.34) (2022-06-15)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
### Features
|
|
11
|
-
|
|
12
|
-
* adding colors ([7c23e33](https://github.com/adobe/spectrum-tokens/commit/7c23e33359504f54e7248ec910248d3713684f28))
|
|
6
|
+
* component-pill-edge-to-visual-100 typo ([dee204d](https://github.com/adobe/spectrum-tokens/commit/dee204d8385e59660f7259dd3d9eb8bfeba3cbee))
|
|
7
|
+
* divider-thickness typo ([7271514](https://github.com/adobe/spectrum-tokens/commit/72715149709303c49903841d0827cb406e9f603a))
|
package/README.md
CHANGED
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
# Spectrum
|
|
1
|
+
# Spectrum Tokens
|
|
2
|
+
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
# Note: This project is in beta right now.
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Design tokens are all the values needed to construct and maintain a design system — spacing, color, typography, object styles, animation, etc. — represented as data. These can represent anything defined by design: a color as a RGB value, an opacity as a number, an animation ease as Bezier coordinates. They’re used in place of hard-coded values in order to ensure flexibility and unity across all product experiences.
|
|
13
|
+
|
|
14
|
+
Design tokens are directly integrated into our component libraries, UI kits, and the Spectrum XD plugin. They cover the various options of platform scales, color themes, component states, and more. We also offer teams a variety of token types to use directly within their products if they are not using a Spectrum component library.
|
|
15
|
+
|
|
2
16
|
|
|
3
17
|
## Getting started
|
|
4
18
|
|
package/config.js
CHANGED
|
@@ -12,19 +12,41 @@ governing permissions and limitations under the License.
|
|
|
12
12
|
|
|
13
13
|
const StyleDictionary = require("style-dictionary");
|
|
14
14
|
const JsonSetsFormatter = require("style-dictionary-sets").JsonSetsFormatter;
|
|
15
|
+
const NameKebabTransfom = require("style-dictionary-sets").NameKebabTransfom;
|
|
16
|
+
const DroverJsonFormatter =
|
|
17
|
+
require("style-dictionary-sets").DroverJsonFormatter;
|
|
18
|
+
const AttributeSetsTransform =
|
|
19
|
+
require("style-dictionary-sets").AttributeSetsTransform;
|
|
15
20
|
|
|
21
|
+
StyleDictionary.registerTransform(AttributeSetsTransform);
|
|
22
|
+
StyleDictionary.registerTransform(NameKebabTransfom);
|
|
16
23
|
StyleDictionary.registerFormat(JsonSetsFormatter);
|
|
24
|
+
StyleDictionary.registerFormat(DroverJsonFormatter);
|
|
17
25
|
|
|
18
26
|
module.exports = {
|
|
19
|
-
source: ["
|
|
27
|
+
source: ["src/**/*.json"],
|
|
20
28
|
platforms: {
|
|
21
29
|
JSON: {
|
|
22
30
|
buildPath: "dist/json/",
|
|
23
|
-
transforms: [
|
|
31
|
+
transforms: [NameKebabTransfom.name],
|
|
24
32
|
files: [
|
|
25
33
|
{
|
|
26
34
|
destination: "variables.json",
|
|
27
|
-
format:
|
|
35
|
+
format: JsonSetsFormatter.name,
|
|
36
|
+
options: {
|
|
37
|
+
showFileHeader: false,
|
|
38
|
+
outputReferences: true,
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
Drover: {
|
|
44
|
+
buildPath: "dist/json/",
|
|
45
|
+
transforms: [AttributeSetsTransform.name, NameKebabTransfom.name],
|
|
46
|
+
files: [
|
|
47
|
+
{
|
|
48
|
+
destination: "drover.json",
|
|
49
|
+
format: "drover/json/sets",
|
|
28
50
|
options: {
|
|
29
51
|
showFileHeader: false,
|
|
30
52
|
outputReferences: true,
|