@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-mono-white.json CHANGED
@@ -3,22 +3,55 @@
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-50"},
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/mist-gray-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/mist-gray-70"},
23
+ "main-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
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-40"},
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/mist-gray-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/mist-gray-20"},
41
+ "index": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
42
+ "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
43
+ "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
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/mist-gray-20"},
47
+ "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
48
+ "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
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/mist-gray-20"},
51
+ "menu": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
52
+ "page-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
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/mist-gray-70"}
22
55
  }
23
56
  },
24
57
  "surface": {
@@ -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/mist-gray-99"},
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-85"},
34
67
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
35
- "badge-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
36
- "badge-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
37
68
  "button-primary": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
38
69
  "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
39
70
  "button-primary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-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/mist-gray-90"},
47
78
  "button-icon-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-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/mist-gray-30"},
50
- "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
81
+ "notification-card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-30"},
51
82
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
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/mist-gray-90"},
54
85
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-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/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-50"},
89
+ "default-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
90
+ "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
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/mist-gray-90"},
105
+ "badge-black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
106
+ "button-primary-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
107
+ "button-social": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
108
+ "button-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
109
+ "button-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-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/mist-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/neutral-gray-30"},
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/mist-gray-80"},
66
135
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
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/mist-gray-80"},
144
+ "button-icon": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-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/mist-gray-90"},
152
+ "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
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
  }
package/json/color-semantic-web.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/blue-green-50"},
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/blue-green-40"},
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/blue-gray-80"},
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/navy-40"},
27
60
  "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-green-40"},
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/blue-green-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/blue-green-40"},
38
69
  "button-primary-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-green-30"},
39
70
  "button-primary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-green-20"},
@@ -45,15 +76,53 @@
45
76
  "button-tertiary-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-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/navy-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/blue-green-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-70"},
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/blue-green-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/navy-40"},
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/white"}
159
+ "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
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/radius-semantic.json ADDED
@@ -0,0 +1,53 @@
1
+ {
2
+ "semantic": {
3
+ "radius": {
4
+ "accordion-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
5
+ "accordion-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
6
+ "accordion-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
7
+ "badge-full": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
8
+ "badge-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-4"},
9
+ "banner-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
10
+ "banner-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
11
+ "banner-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-8"},
12
+ "button-full": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
13
+ "button-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-12"},
14
+ "button-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-8"},
15
+ "button-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
16
+ "button-xs": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-4"},
17
+ "caption": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
18
+ "card-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
19
+ "card-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
20
+ "card-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-12"},
21
+ "card-xs": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-4"},
22
+ "carousel-indicator": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
23
+ "chip-full": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
24
+ "chip-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-4"},
25
+ "dialog-popup-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
26
+ "dialog-popup-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-16"},
27
+ "index-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
28
+ "index-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
29
+ "list-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
30
+ "list-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
31
+ "menu": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
32
+ "page-indicator": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
33
+ "picker": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
34
+ "scrollbar": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
35
+ "search": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
36
+ "selection-control-full": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
37
+ "selection-control-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-16"},
38
+ "selection-control-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-12"},
39
+ "selection-control-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-4"},
40
+ "step-indicator": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-999"},
41
+ "stepper": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
42
+ "tab-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-12"},
43
+ "tab-m": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-8"},
44
+ "tab-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
45
+ "text-field": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-6"},
46
+ "toast": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
47
+ "tooltip-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
48
+ "tooltip-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"},
49
+ "thumbnail-l": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-28"},
50
+ "thumbnail-s": {"$ref": "core-tokens/json/radius-primitive.json#/primitive/radius-20"}
51
+ }
52
+ }
53
+ }
package/json/typography-semantic.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "semantic": {
3
+ "font-weight": {
4
+ "100": {
5
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/thin"
6
+ },
7
+ "200": {
8
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/extralight"
9
+ },
10
+ "300": {
11
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/light"
12
+ },
13
+ "400": {
14
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/regular"
15
+ },
16
+ "500": {
17
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/medium"
18
+ },
19
+ "600": {
20
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/semibold"
21
+ },
22
+ "700": {
23
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/bold"
24
+ },
25
+ "800": {
26
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/extrabold"
27
+ },
28
+ "900": {
29
+ "$ref": "core-tokens/json/typography-primitive.json#/primitive/font-weight/black"
30
+ }
31
+ }
32
+ }
33
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enovaui/web-tokens",
3
- "version": "0.8.2",
3
+ "version": "0.9.0",
4
4
  "description": "Theme design tokens for web",
5
5
  "main": "index.js",
6
6
  "license": "Apache-2.0",
@@ -10,6 +10,6 @@
10
10
  "web"
11
11
  ],
12
12
  "dependencies": {
13
- "@enovaui/core-tokens": "^0.8.2"
13
+ "@enovaui/core-tokens": "^0.9.0"
14
14
  }
15
- }
15
+ }