@enovaui/web-tokens 0.11.0 → 0.13.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 (12) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/css/color-semantic-lg-brand.css +6 -5
  3. package/css/color-semantic-mobile.css +5 -4
  4. package/css/color-semantic-mono-black.css +5 -4
  5. package/css/color-semantic-mono-white.css +5 -4
  6. package/css/color-semantic-web.css +5 -4
  7. package/json/color-semantic-lg-brand.json +9 -8
  8. package/json/color-semantic-mobile.json +8 -7
  9. package/json/color-semantic-mono-black.json +8 -7
  10. package/json/color-semantic-mono-white.json +8 -7
  11. package/json/color-semantic-web.json +8 -7
  12. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,26 @@
2
2
 
3
3
  The following is a curated list of changes in the web tokens module, newest changes on the top.
4
4
 
5
+ ## [0.13.0] - 2025-12-04
6
+
7
+ ### Added
8
+
9
+ - `semantic-color-on-surface-sub-supporting`
10
+ - `semantic-color-stroke-sub-supporting`
11
+
12
+ ## [0.12.0] - 2025-12-01
13
+
14
+ ### Removed
15
+
16
+ - `semantic-color-on-surface-sub-supporting`
17
+
18
+ ### Changed
19
+
20
+ - `semantic-color-stroke-page-indicator` to `semantic-color-stroke-main-supporting`
21
+ - `semantic-color-surface-default-supporting` to `semantic-color-surface-sub-supporting`
22
+ - `semantic-color-on-background-sub` value
23
+ - `semantic-color-on-surface-sub` value
24
+
5
25
  ## [0.11.0] - 2025-11-25
6
26
 
7
27
  - No significant changes
package/css/color-semantic-lg-brand.css CHANGED
@@ -22,7 +22,7 @@ Semantic Color Tokens
22
22
  /* On Background */
23
23
  --semantic-color-on-background-main: var(--primitive-color-black);
24
24
  --semantic-color-on-background-main-supporting: var(--primitive-color-warm-gray-15);
25
- --semantic-color-on-background-sub: var(--primitive-color-warm-gray-30);
25
+ --semantic-color-on-background-sub: var(--primitive-color-warm-gray-35);
26
26
  --semantic-color-on-background-accent: var(--primitive-color-active-red-50);
27
27
  --semantic-color-on-background-highlight: var(--primitive-color-heritage-red-35);
28
28
  --semantic-color-on-background-white: var(--primitive-color-white);
@@ -33,7 +33,6 @@ Semantic Color Tokens
33
33
  --semantic-color-surface-default-indicator: var(--primitive-color-active-red-50);
34
34
  --semantic-color-surface-default-notification: var(--primitive-color-active-red-50);
35
35
  --semantic-color-surface-default-placeholder: var(--primitive-color-warm-gray-60);
36
- --semantic-color-surface-default-supporting: var(--primitive-color-neutral-gray-95);
37
36
  --semantic-color-surface-default-success: var(--primitive-color-teal-green-40);
38
37
  --semantic-color-surface-default-track: var(--primitive-color-warm-gray-70);
39
38
  --semantic-color-surface-default-warning: var(--primitive-color-yellow-70);
@@ -100,6 +99,7 @@ Semantic Color Tokens
100
99
  --semantic-color-surface-filter: var(--primitive-color-warm-gray-85);
101
100
  --semantic-color-surface-selection-option: var(--primitive-color-neutral-gray-95);
102
101
  --semantic-color-surface-tab-segmented: var(--primitive-color-warm-gray-85);
102
+ --semantic-color-surface-sub-supporting: var(--primitive-color-neutral-gray-95);
103
103
 
104
104
  /* On Surface */
105
105
  --semantic-color-on-surface-default-disabled: var(--primitive-color-warm-gray-55);
@@ -107,7 +107,7 @@ Semantic Color Tokens
107
107
  --semantic-color-on-surface-main-error: var(--primitive-color-active-red-50);
108
108
  --semantic-color-on-surface-main-success: var(--primitive-color-yellow-green-40);
109
109
  --semantic-color-on-surface-main-selected: var(--primitive-color-white);
110
- --semantic-color-on-surface-sub: var(--primitive-color-warm-gray-30);
110
+ --semantic-color-on-surface-sub: var(--primitive-color-warm-gray-35);
111
111
  --semantic-color-on-surface-sub-error: var(--primitive-color-heritage-red-35);
112
112
  --semantic-color-on-surface-sub-success: var(--primitive-color-yellow-green-35);
113
113
  --semantic-color-on-surface-accent: var(--primitive-color-active-red-50);
@@ -131,7 +131,6 @@ Semantic Color Tokens
131
131
  --semantic-color-on-surface-white: var(--primitive-color-white);
132
132
  --semantic-color-on-surface-black: var(--primitive-color-black);
133
133
  --semantic-color-on-surface-main-supporting: var(--primitive-color-warm-gray-15);
134
- --semantic-color-on-surface-sub-supporting: var(--primitive-color-warm-gray-35);
135
134
  --semantic-color-on-surface-badge-dark-gray: var(--primitive-color-cool-gray-20);
136
135
  --semantic-color-on-surface-header: var(--primitive-color-warm-gray-35);
137
136
  --semantic-color-on-surface-button-label-disabled: var(--primitive-color-warm-gray-35);
@@ -142,6 +141,7 @@ Semantic Color Tokens
142
141
  --semantic-color-on-surface-text-field-assistive: var(--primitive-color-warm-gray-45);
143
142
  --semantic-color-on-surface-card-dark: var(--primitive-color-neutral-gray-25);
144
143
  --semantic-color-on-surface-card-light: var(--primitive-color-warm-gray-70);
144
+ --semantic-color-on-surface-sub-supporting: var(--primitive-color-neutral-gray-25);
145
145
 
146
146
  /* Stroke */
147
147
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-50);
@@ -163,7 +163,6 @@ Semantic Color Tokens
163
163
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
164
164
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
165
165
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
166
- --semantic-color-stroke-page-indicator: var(--primitive-color-warm-gray-80);
167
166
  --semantic-color-stroke-selection-active: var(--primitive-color-active-red-50);
168
167
  --semantic-color-stroke-selection-inactive: var(--primitive-color-black);
169
168
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
@@ -174,6 +173,8 @@ Semantic Color Tokens
174
173
  --semantic-color-stroke-black: var(--primitive-color-black);
175
174
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
175
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-55);
176
+ --semantic-color-stroke-main-supporting: var(--primitive-color-warm-gray-80);
177
+ --semantic-color-stroke-sub-supporting: var(--primitive-color-mist-gray-55);
177
178
 
178
179
  /* Scrim */
179
180
  --semantic-color-scrim-default: var(--primitive-color-black);
package/css/color-semantic-mobile.css CHANGED
@@ -59,7 +59,6 @@ Semantic Color Tokens
59
59
  --semantic-color-surface-white: var(--primitive-color-white);
60
60
  --semantic-color-surface-black: var(--primitive-color-blue-gray-10);
61
61
  --semantic-color-surface-default-error: var(--primitive-color-active-red-60);
62
- --semantic-color-surface-default-supporting: var(--primitive-color-blue-gray-95);
63
62
  --semantic-color-surface-default-success: var(--primitive-color-green-45);
64
63
  --semantic-color-surface-default-warning: var(--primitive-color-yellow-80);
65
64
  --semantic-color-surface-main-disabled: var(--primitive-color-neutral-gray-95);
@@ -100,11 +99,12 @@ Semantic Color Tokens
100
99
  --semantic-color-surface-filter: var(--primitive-color-mist-gray-95);
101
100
  --semantic-color-surface-selection-option: var(--primitive-color-neutral-gray-95);
102
101
  --semantic-color-surface-tab-segmented: var(--primitive-color-mist-gray-95);
102
+ --semantic-color-surface-sub-supporting: var(--primitive-color-blue-gray-95);
103
103
 
104
104
  /* On Surface */
105
105
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
106
106
  --semantic-color-on-surface-main-selected: var(--primitive-color-white);
107
- --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-50);
107
+ --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-45);
108
108
  --semantic-color-on-surface-accent: var(--primitive-color-cobalt-blue-40);
109
109
  --semantic-color-on-surface-white: var(--primitive-color-white);
110
110
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
@@ -131,7 +131,6 @@ Semantic Color Tokens
131
131
  --semantic-color-on-surface-page-indicator-dot: var(--primitive-color-cool-gray-70);
132
132
  --semantic-color-on-surface-text-field-inactive: var(--primitive-color-mist-gray-45);
133
133
  --semantic-color-on-surface-main-supporting: var(--primitive-color-mist-gray-20);
134
- --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-45);
135
134
  --semantic-color-on-surface-badge-dark-gray: var(--primitive-color-blue-gray-20);
136
135
  --semantic-color-on-surface-header: var(--primitive-color-mist-gray-45);
137
136
  --semantic-color-on-surface-button-label-disabled: var(--primitive-color-mist-gray-45);
@@ -142,6 +141,7 @@ Semantic Color Tokens
142
141
  --semantic-color-on-surface-text-field-assistive: var(--primitive-color-cool-gray-55);
143
142
  --semantic-color-on-surface-card-dark: var(--primitive-color-blue-gray-20);
144
143
  --semantic-color-on-surface-card-light: var(--primitive-color-blue-gray-80);
144
+ --semantic-color-on-surface-sub-supporting: var(--primitive-color-blue-gray-20);
145
145
 
146
146
  /* Stroke */
147
147
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
@@ -166,7 +166,6 @@ Semantic Color Tokens
166
166
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
167
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
168
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-blue-gray-80);
170
169
  --semantic-color-stroke-text-field: var(--primitive-color-blue-gray-70);
171
170
  --semantic-color-stroke-text-field-focused: var(--primitive-color-blue-gray-35);
172
171
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-blue-gray-70);
@@ -174,6 +173,8 @@ Semantic Color Tokens
174
173
  --semantic-color-stroke-black: var(--primitive-color-blue-gray-10);
175
174
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
175
  --semantic-color-stroke-tab-segmented: var(--primitive-color-blue-gray-70);
176
+ --semantic-color-stroke-main-supporting: var(--primitive-color-blue-gray-80);
177
+ --semantic-color-stroke-sub-supporting: var(--primitive-color-blue-gray-55);
177
178
 
178
179
  /* Scrim */
179
180
  --semantic-color-scrim-default: var(--primitive-color-black);
package/css/color-semantic-mono-black.css CHANGED
@@ -59,7 +59,6 @@ Semantic Color Tokens
59
59
  --semantic-color-surface-white: var(--primitive-color-white);
60
60
  --semantic-color-surface-black: var(--primitive-color-mist-gray-10);
61
61
  --semantic-color-surface-default-error: var(--primitive-color-active-red-60);
62
- --semantic-color-surface-default-supporting: var(--primitive-color-mist-gray-45);
63
62
  --semantic-color-surface-default-success: var(--primitive-color-green-70);
64
63
  --semantic-color-surface-default-warning: var(--primitive-color-yellow-80);
65
64
  --semantic-color-surface-main-disabled: var(--primitive-color-mist-gray-30);
@@ -100,11 +99,12 @@ Semantic Color Tokens
100
99
  --semantic-color-surface-filter: var(--primitive-color-mist-gray-20);
101
100
  --semantic-color-surface-selection-option: var(--primitive-color-mist-gray-30);
102
101
  --semantic-color-surface-tab-segmented: var(--primitive-color-black);
102
+ --semantic-color-surface-sub-supporting: var(--primitive-color-mist-gray-45);
103
103
 
104
104
  /* On Surface */
105
105
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-99);
106
106
  --semantic-color-on-surface-main-selected: var(--primitive-color-mist-gray-30);
107
- --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-80);
107
+ --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-75);
108
108
  --semantic-color-on-surface-accent: var(--primitive-color-mist-gray-90);
109
109
  --semantic-color-on-surface-white: var(--primitive-color-white);
110
110
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
@@ -131,7 +131,6 @@ Semantic Color Tokens
131
131
  --semantic-color-on-surface-page-indicator-dot: var(--primitive-color-mist-gray-30);
132
132
  --semantic-color-on-surface-text-field-inactive: var(--primitive-color-white);
133
133
  --semantic-color-on-surface-main-supporting: var(--primitive-color-mist-gray-85);
134
- --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-75);
135
134
  --semantic-color-on-surface-badge-dark-gray: var(--primitive-color-mist-gray-20);
136
135
  --semantic-color-on-surface-header: var(--primitive-color-white);
137
136
  --semantic-color-on-surface-button-label-disabled: var(--primitive-color-white);
@@ -142,6 +141,7 @@ Semantic Color Tokens
142
141
  --semantic-color-on-surface-text-field-assistive: var(--primitive-color-mist-gray-80);
143
142
  --semantic-color-on-surface-card-dark: var(--primitive-color-mist-gray-20);
144
143
  --semantic-color-on-surface-card-light: var(--primitive-color-mist-gray-50);
144
+ --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-20);
145
145
 
146
146
  /* Stroke */
147
147
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
@@ -166,7 +166,6 @@ Semantic Color Tokens
166
166
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
167
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
168
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-mist-gray-50);
170
169
  --semantic-color-stroke-text-field: var(--primitive-color-mist-gray-90);
171
170
  --semantic-color-stroke-text-field-focused: var(--primitive-color-mist-gray-35);
172
171
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-mist-gray-70);
@@ -174,6 +173,8 @@ Semantic Color Tokens
174
173
  --semantic-color-stroke-black: var(--primitive-color-mist-gray-10);
175
174
  --semantic-color-stroke-default-selected: var(--primitive-color-white);
176
175
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-90);
176
+ --semantic-color-stroke-main-supporting: var(--primitive-color-mist-gray-50);
177
+ --semantic-color-stroke-sub-supporting: var(--primitive-color-mist-gray-65);
177
178
 
178
179
  /* Scrim */
179
180
  --semantic-color-scrim-default: var(--primitive-color-black);
package/css/color-semantic-mono-white.css CHANGED
@@ -59,7 +59,6 @@ Semantic Color Tokens
59
59
  --semantic-color-surface-white: var(--primitive-color-white);
60
60
  --semantic-color-surface-black: var(--primitive-color-mist-gray-10);
61
61
  --semantic-color-surface-default-error: var(--primitive-color-active-red-50);
62
- --semantic-color-surface-default-supporting: var(--primitive-color-mist-gray-95);
63
62
  --semantic-color-surface-default-success: var(--primitive-color-green-55);
64
63
  --semantic-color-surface-default-warning: var(--primitive-color-yellow-80);
65
64
  --semantic-color-surface-main-disabled: var(--primitive-color-neutral-gray-95);
@@ -100,11 +99,12 @@ Semantic Color Tokens
100
99
  --semantic-color-surface-filter: var(--primitive-color-mist-gray-95);
101
100
  --semantic-color-surface-selection-option: var(--primitive-color-neutral-gray-95);
102
101
  --semantic-color-surface-tab-segmented: var(--primitive-color-mist-gray-95);
102
+ --semantic-color-surface-sub-supporting: var(--primitive-color-mist-gray-95);
103
103
 
104
104
  /* On Surface */
105
105
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
106
106
  --semantic-color-on-surface-main-selected: var(--primitive-color-white);
107
- --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-50);
107
+ --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-45);
108
108
  --semantic-color-on-surface-accent: var(--primitive-color-mist-gray-40);
109
109
  --semantic-color-on-surface-white: var(--primitive-color-white);
110
110
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
@@ -131,7 +131,6 @@ Semantic Color Tokens
131
131
  --semantic-color-on-surface-page-indicator-dot: var(--primitive-color-mist-gray-70);
132
132
  --semantic-color-on-surface-text-field-inactive: var(--primitive-color-mist-gray-60);
133
133
  --semantic-color-on-surface-main-supporting: var(--primitive-color-mist-gray-20);
134
- --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-45);
135
134
  --semantic-color-on-surface-badge-dark-gray: var(--primitive-color-mist-gray-20);
136
135
  --semantic-color-on-surface-header: var(--primitive-color-mist-gray-60);
137
136
  --semantic-color-on-surface-button-label-disabled: var(--primitive-color-mist-gray-60);
@@ -142,6 +141,7 @@ Semantic Color Tokens
142
141
  --semantic-color-on-surface-text-field-assistive: var(--primitive-color-mist-gray-70);
143
142
  --semantic-color-on-surface-card-dark: var(--primitive-color-mist-gray-20);
144
143
  --semantic-color-on-surface-card-light: var(--primitive-color-mist-gray-90);
144
+ --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-20);
145
145
 
146
146
  /* Stroke */
147
147
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
@@ -166,7 +166,6 @@ Semantic Color Tokens
166
166
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
167
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
168
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-mist-gray-90);
170
169
  --semantic-color-stroke-text-field: var(--primitive-color-mist-gray-50);
171
170
  --semantic-color-stroke-text-field-focused: var(--primitive-color-mist-gray-35);
172
171
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-mist-gray-70);
@@ -174,6 +173,8 @@ Semantic Color Tokens
174
173
  --semantic-color-stroke-black: var(--primitive-color-mist-gray-10);
175
174
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
175
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-50);
176
+ --semantic-color-stroke-main-supporting: var(--primitive-color-mist-gray-90);
177
+ --semantic-color-stroke-sub-supporting: var(--primitive-color-mist-gray-55);
177
178
 
178
179
  /* Scrim */
179
180
  --semantic-color-scrim-default: var(--primitive-color-black);
package/css/color-semantic-web.css CHANGED
@@ -59,7 +59,6 @@ Semantic Color Tokens
59
59
  --semantic-color-surface-white: var(--primitive-color-white);
60
60
  --semantic-color-surface-black: var(--primitive-color-blue-gray-10);
61
61
  --semantic-color-surface-default-error: var(--primitive-color-active-red-60);
62
- --semantic-color-surface-default-supporting: var(--primitive-color-blue-gray-95);
63
62
  --semantic-color-surface-default-success: var(--primitive-color-green-45);
64
63
  --semantic-color-surface-default-warning: var(--primitive-color-yellow-70);
65
64
  --semantic-color-surface-main-disabled: var(--primitive-color-neutral-gray-95);
@@ -100,11 +99,12 @@ Semantic Color Tokens
100
99
  --semantic-color-surface-filter: var(--primitive-color-mist-gray-95);
101
100
  --semantic-color-surface-selection-option: var(--primitive-color-neutral-gray-95);
102
101
  --semantic-color-surface-tab-segmented: var(--primitive-color-mist-gray-95);
102
+ --semantic-color-surface-sub-supporting: var(--primitive-color-blue-gray-95);
103
103
 
104
104
  /* On Surface */
105
105
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
106
106
  --semantic-color-on-surface-main-selected: var(--primitive-color-white);
107
- --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-50);
107
+ --semantic-color-on-surface-sub: var(--primitive-color-mist-gray-45);
108
108
  --semantic-color-on-surface-accent: var(--primitive-color-blue-green-50);
109
109
  --semantic-color-on-surface-white: var(--primitive-color-white);
110
110
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
@@ -131,7 +131,6 @@ Semantic Color Tokens
131
131
  --semantic-color-on-surface-page-indicator-dot: var(--primitive-color-cool-gray-70);
132
132
  --semantic-color-on-surface-text-field-inactive: var(--primitive-color-mist-gray-45);
133
133
  --semantic-color-on-surface-main-supporting: var(--primitive-color-mist-gray-20);
134
- --semantic-color-on-surface-sub-supporting: var(--primitive-color-mist-gray-45);
135
134
  --semantic-color-on-surface-badge-dark-gray: var(--primitive-color-blue-gray-20);
136
135
  --semantic-color-on-surface-header: var(--primitive-color-mist-gray-45);
137
136
  --semantic-color-on-surface-button-label-disabled: var(--primitive-color-mist-gray-45);
@@ -142,6 +141,7 @@ Semantic Color Tokens
142
141
  --semantic-color-on-surface-text-field-assistive: var(--primitive-color-cool-gray-55);
143
142
  --semantic-color-on-surface-card-dark: var(--primitive-color-blue-gray-20);
144
143
  --semantic-color-on-surface-card-light: var(--primitive-color-blue-gray-80);
144
+ --semantic-color-on-surface-sub-supporting: var(--primitive-color-blue-gray-20);
145
145
 
146
146
  /* Stroke */
147
147
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
@@ -166,7 +166,6 @@ Semantic Color Tokens
166
166
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
167
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
168
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-blue-gray-80);
170
169
  --semantic-color-stroke-text-field: var(--primitive-color-blue-gray-70);
171
170
  --semantic-color-stroke-text-field-focused: var(--primitive-color-blue-gray-35);
172
171
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-blue-gray-70);
@@ -174,6 +173,8 @@ Semantic Color Tokens
174
173
  --semantic-color-stroke-black: var(--primitive-color-blue-gray-10);
175
174
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
175
  --semantic-color-stroke-tab-segmented: var(--primitive-color-blue-gray-70);
176
+ --semantic-color-stroke-main-supporting: var(--primitive-color-blue-gray-80);
177
+ --semantic-color-stroke-sub-supporting: var(--primitive-color-blue-gray-55);
177
178
 
178
179
  /* Scrim */
179
180
  --semantic-color-scrim-default: var(--primitive-color-white);
package/json/color-semantic-lg-brand.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "background": {
14
14
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
15
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"},
16
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
17
17
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
18
18
  "highlight": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
19
19
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"}
@@ -24,7 +24,7 @@
24
24
  "main-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
25
25
  "main-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-green-40"},
26
26
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
27
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-30"},
27
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
28
28
  "sub-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
29
29
  "sub-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-green-35"},
30
30
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
@@ -48,7 +48,6 @@
48
48
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
49
49
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
50
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
51
  "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-20"},
53
52
  "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
54
53
  "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-35"},
@@ -58,7 +57,8 @@
58
57
  "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-55"},
59
58
  "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-45"},
60
59
  "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"}
60
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
61
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-25"}
62
62
  }
63
63
  },
64
64
  "surface": {
@@ -67,7 +67,6 @@
67
67
  "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
68
68
  "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
69
69
  "default-placeholder": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
70
- "default-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
71
70
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/teal-green-40"},
72
71
  "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
73
72
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
@@ -133,7 +132,8 @@
133
132
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
134
133
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
135
134
  "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"}
135
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
136
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"}
137
137
  },
138
138
  "stroke": {
139
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
@@ -155,7 +155,6 @@
155
155
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
156
156
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
157
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
158
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
160
159
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
161
160
  "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -165,7 +164,9 @@
165
164
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
165
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
167
166
  "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"}
167
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"},
168
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"},
169
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"}
169
170
  },
170
171
  "scrim": {
171
172
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
package/json/color-semantic-mobile.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "surface": {
22
22
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
23
23
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
24
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
24
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
25
25
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cobalt-blue-40"},
26
26
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
27
27
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -48,7 +48,6 @@
48
48
  "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-70"},
49
49
  "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
50
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
51
  "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"},
53
52
  "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
54
53
  "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
@@ -58,7 +57,8 @@
58
57
  "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
59
58
  "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-55"},
60
59
  "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"}
60
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
61
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"}
62
62
  }
63
63
  },
64
64
  "surface": {
@@ -93,7 +93,6 @@
93
93
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
94
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
95
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
96
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-45"},
98
97
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
98
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +132,8 @@
133
132
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
133
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
134
  "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"}
135
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
136
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"}
137
137
  },
138
138
  "stroke": {
139
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +158,15 @@
158
158
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
159
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
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
161
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
163
162
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-35"},
164
163
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
165
164
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
165
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
167
166
  "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"}
167
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
168
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
169
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-55"}
169
170
  },
170
171
  "scrim": {
171
172
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
package/json/color-semantic-mono-black.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "surface": {
22
22
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-99"},
23
23
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
24
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-80"},
24
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-75"},
25
25
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
26
26
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
27
27
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -48,7 +48,6 @@
48
48
  "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
49
49
  "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
50
50
  "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-85"},
51
- "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-75"},
52
51
  "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
53
52
  "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
54
53
  "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
@@ -58,7 +57,8 @@
58
57
  "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
59
58
  "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-80"},
60
59
  "card-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
61
- "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"}
60
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
61
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"}
62
62
  }
63
63
  },
64
64
  "surface": {
@@ -93,7 +93,6 @@
93
93
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
94
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
95
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/mist-gray-45"},
97
96
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-70"},
98
97
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
98
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
@@ -133,7 +132,8 @@
133
132
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
134
133
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
135
134
  "selection-option": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
136
- "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}
135
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
136
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"}
137
137
  },
138
138
  "stroke": {
139
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +158,15 @@
158
158
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
159
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
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/mist-gray-50"},
162
161
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
163
162
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-35"},
164
163
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
165
164
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
165
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
167
166
  "default-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
168
- "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
167
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
168
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
169
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-65"}
169
170
  },
170
171
  "scrim": {
171
172
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
package/json/color-semantic-mono-white.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "surface": {
22
22
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
23
23
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
24
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
24
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
25
25
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-40"},
26
26
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
27
27
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -48,7 +48,6 @@
48
48
  "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
49
49
  "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
50
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
51
  "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
53
52
  "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
54
53
  "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
@@ -58,7 +57,8 @@
58
57
  "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
59
58
  "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
60
59
  "card-dark": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
61
- "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
60
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
61
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"}
62
62
  }
63
63
  },
64
64
  "surface": {
@@ -93,7 +93,6 @@
93
93
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
94
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
95
95
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
96
- "default-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
97
96
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
98
97
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
98
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +132,8 @@
133
132
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
133
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
134
  "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"}
135
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
136
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
137
137
  },
138
138
  "stroke": {
139
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +158,15 @@
158
158
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
159
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
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/mist-gray-90"},
162
161
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
163
162
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-35"},
164
163
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
165
164
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
165
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
167
166
  "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-50"}
167
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
168
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
169
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"}
169
170
  },
170
171
  "scrim": {
171
172
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
package/json/color-semantic-web.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "surface": {
22
22
  "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
23
23
  "main-selected": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
24
- "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
24
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
25
25
  "accent": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-green-50"},
26
26
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
27
27
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -48,7 +48,6 @@
48
48
  "page-indicator-dot": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-70"},
49
49
  "text-field-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
50
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
51
  "badge-dark-gray": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"},
53
52
  "header": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
54
53
  "button-label-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"},
@@ -58,7 +57,8 @@
58
57
  "selection-active-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
59
58
  "text-field-assistive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/cool-gray-55"},
60
59
  "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"}
60
+ "card-light": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
61
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-20"}
62
62
  }
63
63
  },
64
64
  "surface": {
@@ -93,7 +93,6 @@
93
93
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
94
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
95
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
96
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-45"},
98
97
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
99
98
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +132,8 @@
133
132
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
133
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
134
  "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"}
135
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
136
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"}
137
137
  },
138
138
  "stroke": {
139
139
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +158,15 @@
158
158
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
159
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
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
161
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
163
162
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-35"},
164
163
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
165
164
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
165
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
167
166
  "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"}
167
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
168
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"},
169
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-55"}
169
170
  },
170
171
  "scrim": {
171
172
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enovaui/web-tokens",
3
- "version": "0.11.0",
3
+ "version": "0.13.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.11.0"
13
+ "@enovaui/core-tokens": "^0.13.0"
14
14
  }
15
15
  }