UNPKG

@enovaui/webos-tokens

Version:

Theme design tokens for webOS

120 lines (119 loc) • 9.79 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
{ "semantic": { "color": { "background": { "full": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"} }, "overlay": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-15"} }, "popup": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"} } }, "on": { "background": { "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/deep-orange-50"}, "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-55"}, "highlight-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mint-green-50"}, "highlight-yellow": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"}, "actionguide": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-50"}, "heading": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-60"}, "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}, "popup": { "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"}, "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-35"} } }, "surface": { "default-rec": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-55"}, "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "main-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"}, "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "sub-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-40"}, "sub-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-50"}, "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-55"}, "highlight-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mint-green-50"}, "highlight-yellow": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"}, "input-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}, "overlay": { "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"} }, "popup": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"}, "input-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"} } } }, "surface": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-30"}, "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "default-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-10"}, "default-disabled-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "default-group": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "default-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-70"}, "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/deep-orange-50"}, "default-placeholder": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-10"}, "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-40"}, "default-translucent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "sub-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mint-green-50"}, "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-55"}, "context-group": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-25"}, "input-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-30"}, "input-field-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-40"}, "scroll-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-50"}, "toggle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-45"}, "toggle-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mint-green-50"}, "toggle-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}, "overlay": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-15"} }, "popup": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-55"}, "default-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-40"}, "default-disabled-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-80"}, "default-group": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-50"}, "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-50"}, "input-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-80"}, "input-field-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"}, "scroll-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-60"}, "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"} } }, "stroke": { "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-35"}, "main-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-40"}, "main-disabled-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-70"}, "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-55"}, "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "button-outline": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "selection-inactive-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"}, "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}, "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}, "overlay": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-30"} }, "popup": { "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-10"} } }, "scrim": { "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"} } } } }