@ds-mo/tokens 2.14.0 → 2.15.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/dist/agent.d.ts +20 -0
- package/dist/agent.json +80 -0
- package/dist/agent.mjs +81 -0
- package/dist/json/colors.json +5265 -585
- package/dist/json/colors.modes.json +9930 -0
- package/dist/tokens-index.json +5265 -585
- package/dist/tokens.json +5265 -585
- package/package.json +11 -2
package/dist/agent.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface TokenFamilyAgentEntry {
|
|
2
|
+
id: string;
|
|
3
|
+
status: 'experimental' | 'stable' | 'deprecated' | 'removed';
|
|
4
|
+
summary: string;
|
|
5
|
+
tokenPatterns: string[];
|
|
6
|
+
useWhen: string[];
|
|
7
|
+
avoidWhen: string[];
|
|
8
|
+
constraints: string[];
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface TokenAgentManifest {
|
|
12
|
+
schemaVersion: '1.0.0';
|
|
13
|
+
package: '@ds-mo/tokens';
|
|
14
|
+
packageVersion: string;
|
|
15
|
+
kind: 'tokens';
|
|
16
|
+
entries: TokenFamilyAgentEntry[];
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare const manifest: TokenAgentManifest;
|
|
20
|
+
export default manifest;
|
package/dist/agent.json
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"package": "@ds-mo/tokens",
|
|
4
|
+
"packageVersion": "2.15.0",
|
|
5
|
+
"kind": "tokens",
|
|
6
|
+
"entries": [
|
|
7
|
+
{
|
|
8
|
+
"id": "token-family:color.background",
|
|
9
|
+
"status": "stable",
|
|
10
|
+
"summary": "Semantic fills for page, component, interaction, and contrast surfaces.",
|
|
11
|
+
"tokenPatterns": [
|
|
12
|
+
"--color-background-*"
|
|
13
|
+
],
|
|
14
|
+
"useWhen": [
|
|
15
|
+
"Setting the fill of a page, panel, control, selected state, or semantic surface."
|
|
16
|
+
],
|
|
17
|
+
"avoidWhen": [
|
|
18
|
+
"Coloring text, icons, borders, or data marks.",
|
|
19
|
+
"A reference palette value appears visually similar."
|
|
20
|
+
],
|
|
21
|
+
"constraints": [
|
|
22
|
+
"Pair content with a foreground token intended for the resulting surface contrast.",
|
|
23
|
+
"Use semantic tokens in product UI; reference colors are foundation inputs only."
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "token-family:dimension.space",
|
|
28
|
+
"status": "stable",
|
|
29
|
+
"summary": "Spacing scale for gaps, padding, margins, and layout separation.",
|
|
30
|
+
"tokenPatterns": [
|
|
31
|
+
"--dimension-space-*"
|
|
32
|
+
],
|
|
33
|
+
"useWhen": [
|
|
34
|
+
"Separating or padding layout elements on the design-system spacing grid."
|
|
35
|
+
],
|
|
36
|
+
"avoidWhen": [
|
|
37
|
+
"Sizing controls, icons, strokes, or semantic component dimensions."
|
|
38
|
+
],
|
|
39
|
+
"constraints": [
|
|
40
|
+
"Prefer the smallest scale step that preserves the intended hierarchy.",
|
|
41
|
+
"Use component-specific dimension tokens when one exists."
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": "token-family:typography.text",
|
|
46
|
+
"status": "stable",
|
|
47
|
+
"summary": "Font, size, weight, line-height, and text recipe tokens.",
|
|
48
|
+
"tokenPatterns": [
|
|
49
|
+
"--typography-*"
|
|
50
|
+
],
|
|
51
|
+
"useWhen": [
|
|
52
|
+
"Implementing typography through a documented ds-text recipe or component-owned text style."
|
|
53
|
+
],
|
|
54
|
+
"avoidWhen": [
|
|
55
|
+
"Inventing a one-off type scale or using viewport width to scale text."
|
|
56
|
+
],
|
|
57
|
+
"constraints": [
|
|
58
|
+
"Prefer ds-text variants over assembling individual font tokens in application code."
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "token-family:effect.motion",
|
|
63
|
+
"status": "stable",
|
|
64
|
+
"summary": "Combined interaction duration and easing recipes.",
|
|
65
|
+
"tokenPatterns": [
|
|
66
|
+
"--effect-motion-*"
|
|
67
|
+
],
|
|
68
|
+
"useWhen": [
|
|
69
|
+
"Defining a CSS transition that needs both a system duration and easing curve."
|
|
70
|
+
],
|
|
71
|
+
"avoidWhen": [
|
|
72
|
+
"JavaScript needs a numeric duration; use an animation-duration token and resolve it at runtime."
|
|
73
|
+
],
|
|
74
|
+
"constraints": [
|
|
75
|
+
"Use short motion for direct interactions and medium motion for larger structural changes.",
|
|
76
|
+
"Respect the global reduced-motion behavior."
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
}
|
package/dist/agent.mjs
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
const manifest = {
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"package": "@ds-mo/tokens",
|
|
4
|
+
"packageVersion": "2.15.0",
|
|
5
|
+
"kind": "tokens",
|
|
6
|
+
"entries": [
|
|
7
|
+
{
|
|
8
|
+
"id": "token-family:color.background",
|
|
9
|
+
"status": "stable",
|
|
10
|
+
"summary": "Semantic fills for page, component, interaction, and contrast surfaces.",
|
|
11
|
+
"tokenPatterns": [
|
|
12
|
+
"--color-background-*"
|
|
13
|
+
],
|
|
14
|
+
"useWhen": [
|
|
15
|
+
"Setting the fill of a page, panel, control, selected state, or semantic surface."
|
|
16
|
+
],
|
|
17
|
+
"avoidWhen": [
|
|
18
|
+
"Coloring text, icons, borders, or data marks.",
|
|
19
|
+
"A reference palette value appears visually similar."
|
|
20
|
+
],
|
|
21
|
+
"constraints": [
|
|
22
|
+
"Pair content with a foreground token intended for the resulting surface contrast.",
|
|
23
|
+
"Use semantic tokens in product UI; reference colors are foundation inputs only."
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "token-family:dimension.space",
|
|
28
|
+
"status": "stable",
|
|
29
|
+
"summary": "Spacing scale for gaps, padding, margins, and layout separation.",
|
|
30
|
+
"tokenPatterns": [
|
|
31
|
+
"--dimension-space-*"
|
|
32
|
+
],
|
|
33
|
+
"useWhen": [
|
|
34
|
+
"Separating or padding layout elements on the design-system spacing grid."
|
|
35
|
+
],
|
|
36
|
+
"avoidWhen": [
|
|
37
|
+
"Sizing controls, icons, strokes, or semantic component dimensions."
|
|
38
|
+
],
|
|
39
|
+
"constraints": [
|
|
40
|
+
"Prefer the smallest scale step that preserves the intended hierarchy.",
|
|
41
|
+
"Use component-specific dimension tokens when one exists."
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": "token-family:typography.text",
|
|
46
|
+
"status": "stable",
|
|
47
|
+
"summary": "Font, size, weight, line-height, and text recipe tokens.",
|
|
48
|
+
"tokenPatterns": [
|
|
49
|
+
"--typography-*"
|
|
50
|
+
],
|
|
51
|
+
"useWhen": [
|
|
52
|
+
"Implementing typography through a documented ds-text recipe or component-owned text style."
|
|
53
|
+
],
|
|
54
|
+
"avoidWhen": [
|
|
55
|
+
"Inventing a one-off type scale or using viewport width to scale text."
|
|
56
|
+
],
|
|
57
|
+
"constraints": [
|
|
58
|
+
"Prefer ds-text variants over assembling individual font tokens in application code."
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "token-family:effect.motion",
|
|
63
|
+
"status": "stable",
|
|
64
|
+
"summary": "Combined interaction duration and easing recipes.",
|
|
65
|
+
"tokenPatterns": [
|
|
66
|
+
"--effect-motion-*"
|
|
67
|
+
],
|
|
68
|
+
"useWhen": [
|
|
69
|
+
"Defining a CSS transition that needs both a system duration and easing curve."
|
|
70
|
+
],
|
|
71
|
+
"avoidWhen": [
|
|
72
|
+
"JavaScript needs a numeric duration; use an animation-duration token and resolve it at runtime."
|
|
73
|
+
],
|
|
74
|
+
"constraints": [
|
|
75
|
+
"Use short motion for direct interactions and medium motion for larger structural changes.",
|
|
76
|
+
"Respect the global reduced-motion behavior."
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
};
|
|
81
|
+
export default manifest;
|