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