@enovaui/web-tokens 0.8.2 → 0.10.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/css/color-semantic-lg-brand.css +138 -35
  3. package/css/color-semantic-mobile.css +119 -16
  4. package/css/color-semantic-mono-black.css +124 -21
  5. package/css/color-semantic-mono-white.css +123 -20
  6. package/css/color-semantic-web.css +119 -16
  7. package/css/radius-semantic.css +69 -0
  8. package/css/typography-semantic.css +24 -0
  9. package/json/color-semantic-lg-brand.json +135 -33
  10. package/json/color-semantic-mobile.json +117 -15
  11. package/json/color-semantic-mono-black.json +117 -15
  12. package/json/color-semantic-mono-white.json +116 -14
  13. package/json/color-semantic-web.json +117 -15
  14. package/json/radius-semantic.json +62 -0
  15. package/json/typography-semantic.json +33 -0
  16. package/package.json +3 -3
package/json/color-semantic-lg-brand.json CHANGED
@@ -2,73 +2,175 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"},
6
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
7
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
8
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
9
+ "dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
10
+ "main-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"}
7
11
  },
8
12
  "on": {
9
13
  "background": {
10
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
14
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
15
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
16
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
17
+ "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
18
+ "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
19
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}
11
20
  },
12
21
  "surface": {
13
- "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
14
- "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
15
- "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
22
+ "default-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-55"},
23
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
24
+ "main-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
25
+ "main-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-green-40"},
16
26
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
17
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
18
- "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
19
- "button": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
27
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
28
+ "sub-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
29
+ "sub-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-green-35"},
30
+ "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
31
+ "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
32
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
33
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
34
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
35
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
36
+ "button-primary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
37
+ "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
38
+ "button-primary-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
39
+ "button-secondary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
40
+ "button-secondary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
41
+ "button-tertiary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
42
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-65"},
43
+ "card-yellow": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
44
+ "footer": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-25"},
45
+ "index": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
46
+ "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
47
+ "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
20
48
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
21
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
49
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
50
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
51
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
52
+ "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-20"},
53
+ "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
54
+ "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
55
+ "card-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-40"},
56
+ "menu": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
57
+ "page-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
58
+ "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-55"},
59
+ "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-45"},
60
+ "card-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-25"},
61
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"}
22
62
  }
23
63
  },
24
64
  "surface": {
25
- "default-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
26
- "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-40"},
65
+ "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-15"},
66
+ "default-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
67
+ "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
27
68
  "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
28
69
  "default-placeholder": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
29
- "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
70
+ "default-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
71
+ "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/teal-green-40"},
72
+ "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
73
+ "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
30
74
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
31
75
  "main-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
32
76
  "main-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
33
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
77
+ "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
78
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"},
34
79
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
35
- "badge-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
36
- "badge-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
80
+ "badge-gradient-start": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/deep-orange-45"},
81
+ "badge-gradient-stop": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
82
+ "badge-gradient-end": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
83
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
84
+ "badge-light-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-95"},
85
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
86
+ "badge-light-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-95"},
87
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
88
+ "badge-light-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-95"},
89
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
90
+ "badge-light-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-95"},
91
+ "badge-light-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-90"},
92
+ "badge-black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
37
93
  "button-primary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
38
- "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-40"},
39
- "button-primary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-30"},
40
- "button-secondary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
41
- "button-secondary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
42
- "button-secondary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
94
+ "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
95
+ "button-primary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
96
+ "button-primary-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
97
+ "button-secondary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
98
+ "button-secondary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
99
+ "button-secondary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-40"},
43
100
  "button-tertiary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
44
101
  "button-tertiary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
45
102
  "button-tertiary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
46
103
  "button-icon": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
47
104
  "button-icon-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
48
- "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
105
+ "button-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
106
+ "button-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
107
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-99"},
108
+ "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"},
49
109
  "chip-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
50
- "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
51
- "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
52
- "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
110
+ "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-99"},
111
+ "dialog-popup": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
112
+ "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
113
+ "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
114
+ "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
115
+ "selection-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
116
+ "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-55"},
117
+ "selection-switch-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
118
+ "selection-option-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
119
+ "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-95"},
120
+ "tab-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-95"},
53
121
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
54
122
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
55
123
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
56
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"}
124
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
125
+ "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-35"},
126
+ "footer": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
127
+ "header-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
128
+ "header-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-90"},
129
+ "sub-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
130
+ "card-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-95"},
131
+ "selection-inactive-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-55"},
132
+ "banner": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-5"},
133
+ "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
134
+ "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
135
+ "selection-option": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
136
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"}
57
137
  },
58
138
  "stroke": {
59
- "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/red-orange-60"},
139
+ "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
60
140
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-60"},
61
- "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
141
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
62
142
  "main-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
63
143
  "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
144
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
145
+ "badge-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-35"},
146
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
147
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
64
148
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
65
- "button": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
66
- "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
67
- "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
68
- "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
149
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
150
+ "button": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-50"},
151
+ "button-tertiary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
152
+ "button-icon": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
153
+ "card-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
154
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
155
+ "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
156
+ "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
157
+ "chip-white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
158
+ "page-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"},
159
+ "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
160
+ "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
161
+ "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
162
+ "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"},
163
+ "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
164
+ "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
165
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
167
+ "default-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
168
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"}
69
169
  },
70
170
  "scrim": {
71
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}
171
+ "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
172
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
173
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"}
72
174
  }
73
175
  }
74
176
  }
package/json/color-semantic-mobile.json CHANGED
@@ -3,26 +3,66 @@
3
3
  "color": {
4
4
  "background": {
5
5
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
6
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
7
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
8
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
9
+ "dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-15"},
10
+ "main-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
7
11
  },
8
12
  "on": {
9
13
  "background": {
10
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
14
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
15
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
16
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
17
+ "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
18
+ "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-30"},
19
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}
11
20
  },
12
21
  "surface": {
13
- "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
14
- "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
15
22
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
16
23
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
17
24
  "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
18
25
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
19
- "button": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
20
26
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
21
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
27
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
28
+ "default-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-70"},
29
+ "main-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
30
+ "main-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
31
+ "sub-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-45"},
32
+ "sub-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
33
+ "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-30"},
34
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
35
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
36
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
37
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
38
+ "button-primary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
39
+ "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
40
+ "button-primary-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
41
+ "button-secondary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
42
+ "button-secondary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
43
+ "button-tertiary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
44
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-65"},
45
+ "card-yellow": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
46
+ "footer": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"},
47
+ "index": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
48
+ "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-70"},
49
+ "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
50
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
51
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
52
+ "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"},
53
+ "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
54
+ "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
55
+ "card-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-40"},
56
+ "menu": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
57
+ "page-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
58
+ "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
59
+ "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-55"},
60
+ "card-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"},
61
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"}
22
62
  }
23
63
  },
24
64
  "surface": {
25
- "default-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
65
+ "default-handle": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-50"},
26
66
  "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
27
67
  "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/red-orange-60"},
28
68
  "default-placeholder": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-80"},
@@ -30,10 +70,8 @@
30
70
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
31
71
  "main-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"},
32
72
  "main-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
33
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
73
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-85"},
34
74
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
35
- "badge-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
36
- "badge-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
37
75
  "button-primary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
38
76
  "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-30"},
39
77
  "button-primary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-20"},
@@ -45,15 +83,57 @@
45
83
  "button-tertiary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
46
84
  "button-icon": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
47
85
  "button-icon-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
48
- "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
86
+ "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"},
49
87
  "chip-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
50
- "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
88
+ "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-25"},
51
89
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-50"},
52
90
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
53
91
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
54
92
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
55
93
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
56
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"}
94
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
95
+ "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
96
+ "default-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"},
97
+ "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-45"},
98
+ "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
+ "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
100
+ "badge-gradient-start": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/deep-orange-45"},
101
+ "badge-gradient-stop": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
102
+ "badge-gradient-end": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
103
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
104
+ "badge-light-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-95"},
105
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
106
+ "badge-light-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-95"},
107
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
108
+ "badge-light-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-95"},
109
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
110
+ "badge-light-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-95"},
111
+ "badge-light-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
112
+ "badge-black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
113
+ "button-primary-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
114
+ "button-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
115
+ "button-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
116
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-99"},
117
+ "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-99"},
118
+ "dialog-popup": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
119
+ "selection-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
120
+ "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
121
+ "selection-switch-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
122
+ "selection-option-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
123
+ "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"},
124
+ "tab-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
125
+ "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-35"},
126
+ "footer": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-25"},
127
+ "header-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
128
+ "header-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
129
+ "sub-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
130
+ "card-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-95"},
131
+ "selection-inactive-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
132
+ "banner": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-5"},
133
+ "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
+ "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
+ "selection-option": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
136
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
57
137
  },
58
138
  "stroke": {
59
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -65,10 +145,32 @@
65
145
  "button": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
66
146
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-50"},
67
147
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
68
- "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
148
+ "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
149
+ "badge-green": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-50"},
150
+ "badge-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-35"},
151
+ "badge-orange": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/orange-50"},
152
+ "badge-magenta": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-45"},
153
+ "badge-red": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
154
+ "button-tertiary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
155
+ "button-icon": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
156
+ "card-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
157
+ "card-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
158
+ "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
+ "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
+ "chip-white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
161
+ "page-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
162
+ "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
163
+ "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-35"},
164
+ "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
165
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
167
+ "default-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
168
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"}
69
169
  },
70
170
  "scrim": {
71
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}
171
+ "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
172
+ "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
173
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"}
72
174
  }
73
175
  }
74
176
  }