@enovaui/web-tokens 0.11.0 → 0.12.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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,19 @@
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.12.0] - 2025-12-01
6
+
7
+ ### Removed
8
+
9
+ - `semantic-color-on-surface-sub-supporting`
10
+
11
+ ### Changed
12
+
13
+ - `semantic-color-stroke-page-indicator` to `semantic-color-stroke-main-supporting`
14
+ - `semantic-color-surface-default-supporting` to `semantic-color-surface-sub-supporting`
15
+ - `semantic-color-on-background-sub` value
16
+ - `semantic-color-on-surface-sub` value
17
+
5
18
  ## [0.11.0] - 2025-11-25
6
19
 
7
20
  - No significant changes
@@ -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);
@@ -163,7 +162,6 @@ Semantic Color Tokens
163
162
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
164
163
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
165
164
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
166
- --semantic-color-stroke-page-indicator: var(--primitive-color-warm-gray-80);
167
165
  --semantic-color-stroke-selection-active: var(--primitive-color-active-red-50);
168
166
  --semantic-color-stroke-selection-inactive: var(--primitive-color-black);
169
167
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
@@ -174,6 +172,7 @@ Semantic Color Tokens
174
172
  --semantic-color-stroke-black: var(--primitive-color-black);
175
173
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
174
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-55);
175
+ --semantic-color-stroke-main-supporting: var(--primitive-color-warm-gray-80);
177
176
 
178
177
  /* Scrim */
179
178
  --semantic-color-scrim-default: var(--primitive-color-black);
@@ -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);
@@ -166,7 +165,6 @@ Semantic Color Tokens
166
165
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
166
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
167
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-blue-gray-80);
170
168
  --semantic-color-stroke-text-field: var(--primitive-color-blue-gray-70);
171
169
  --semantic-color-stroke-text-field-focused: var(--primitive-color-blue-gray-35);
172
170
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-blue-gray-70);
@@ -174,6 +172,7 @@ Semantic Color Tokens
174
172
  --semantic-color-stroke-black: var(--primitive-color-blue-gray-10);
175
173
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
174
  --semantic-color-stroke-tab-segmented: var(--primitive-color-blue-gray-70);
175
+ --semantic-color-stroke-main-supporting: var(--primitive-color-blue-gray-80);
177
176
 
178
177
  /* Scrim */
179
178
  --semantic-color-scrim-default: var(--primitive-color-black);
@@ -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);
@@ -166,7 +165,6 @@ Semantic Color Tokens
166
165
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
166
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
167
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-mist-gray-50);
170
168
  --semantic-color-stroke-text-field: var(--primitive-color-mist-gray-90);
171
169
  --semantic-color-stroke-text-field-focused: var(--primitive-color-mist-gray-35);
172
170
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-mist-gray-70);
@@ -174,6 +172,7 @@ Semantic Color Tokens
174
172
  --semantic-color-stroke-black: var(--primitive-color-mist-gray-10);
175
173
  --semantic-color-stroke-default-selected: var(--primitive-color-white);
176
174
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-90);
175
+ --semantic-color-stroke-main-supporting: var(--primitive-color-mist-gray-50);
177
176
 
178
177
  /* Scrim */
179
178
  --semantic-color-scrim-default: var(--primitive-color-black);
@@ -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);
@@ -166,7 +165,6 @@ Semantic Color Tokens
166
165
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
166
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
167
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-mist-gray-90);
170
168
  --semantic-color-stroke-text-field: var(--primitive-color-mist-gray-50);
171
169
  --semantic-color-stroke-text-field-focused: var(--primitive-color-mist-gray-35);
172
170
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-mist-gray-70);
@@ -174,6 +172,7 @@ Semantic Color Tokens
174
172
  --semantic-color-stroke-black: var(--primitive-color-mist-gray-10);
175
173
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
174
  --semantic-color-stroke-tab-segmented: var(--primitive-color-mist-gray-50);
175
+ --semantic-color-stroke-main-supporting: var(--primitive-color-mist-gray-90);
177
176
 
178
177
  /* Scrim */
179
178
  --semantic-color-scrim-default: var(--primitive-color-black);
@@ -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);
@@ -166,7 +165,6 @@ Semantic Color Tokens
166
165
  --semantic-color-stroke-chip: var(--primitive-color-neutral-gray-90);
167
166
  --semantic-color-stroke-chip-pink: var(--primitive-color-heritage-red-35);
168
167
  --semantic-color-stroke-chip-white: var(--primitive-color-white);
169
- --semantic-color-stroke-page-indicator: var(--primitive-color-blue-gray-80);
170
168
  --semantic-color-stroke-text-field: var(--primitive-color-blue-gray-70);
171
169
  --semantic-color-stroke-text-field-focused: var(--primitive-color-blue-gray-35);
172
170
  --semantic-color-stroke-text-field-disabled: var(--primitive-color-blue-gray-70);
@@ -174,6 +172,7 @@ Semantic Color Tokens
174
172
  --semantic-color-stroke-black: var(--primitive-color-blue-gray-10);
175
173
  --semantic-color-stroke-default-selected: var(--primitive-color-black);
176
174
  --semantic-color-stroke-tab-segmented: var(--primitive-color-blue-gray-70);
175
+ --semantic-color-stroke-main-supporting: var(--primitive-color-blue-gray-80);
177
176
 
178
177
  /* Scrim */
179
178
  --semantic-color-scrim-default: var(--primitive-color-white);
@@ -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"},
@@ -67,7 +66,6 @@
67
66
  "default-indicator": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
68
67
  "default-notification": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
69
68
  "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
69
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/teal-green-40"},
72
70
  "default-track": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-70"},
73
71
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
@@ -133,7 +131,8 @@
133
131
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
134
132
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
135
133
  "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"}
134
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-85"},
135
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"}
137
136
  },
138
137
  "stroke": {
139
138
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
@@ -155,7 +154,6 @@
155
154
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
156
155
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
157
156
  "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
157
  "selection-active": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-50"},
160
158
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
161
159
  "tab": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
@@ -165,7 +163,8 @@
165
163
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
164
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
167
165
  "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"}
166
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-55"},
167
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"}
169
168
  },
170
169
  "scrim": {
171
170
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
@@ -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"},
@@ -93,7 +92,6 @@
93
92
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
93
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
95
94
  "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
95
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-45"},
98
96
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
97
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +131,8 @@
133
131
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
132
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
133
  "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"}
134
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"}
137
136
  },
138
137
  "stroke": {
139
138
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +157,14 @@
158
157
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
158
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
159
  "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
160
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
163
161
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-35"},
164
162
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
165
163
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
164
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
167
165
  "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"}
166
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
167
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"}
169
168
  },
170
169
  "scrim": {
171
170
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
@@ -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"},
@@ -93,7 +92,6 @@
93
92
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
93
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
95
94
  "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
95
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-70"},
98
96
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
97
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
@@ -133,7 +131,8 @@
133
131
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
134
132
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-20"},
135
133
  "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"}
134
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
135
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-45"}
137
136
  },
138
137
  "stroke": {
139
138
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +157,14 @@
158
157
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
158
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
159
  "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
160
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
163
161
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-35"},
164
162
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
165
163
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
164
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
167
165
  "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"}
166
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
167
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"}
169
168
  },
170
169
  "scrim": {
171
170
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
@@ -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"},
@@ -93,7 +92,6 @@
93
92
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
93
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
95
94
  "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
95
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-55"},
98
96
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-80"},
99
97
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +131,8 @@
133
131
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
132
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
133
  "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"}
134
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
137
136
  },
138
137
  "stroke": {
139
138
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +157,14 @@
158
157
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
158
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
159
  "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
160
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
163
161
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-35"},
164
162
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
165
163
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
164
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
167
165
  "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"}
166
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
167
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
169
168
  },
170
169
  "scrim": {
171
170
  "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
@@ -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"},
@@ -93,7 +92,6 @@
93
92
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
94
93
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
95
94
  "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
95
  "default-success": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/green-45"},
98
96
  "default-warning": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/yellow-70"},
99
97
  "main-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-95"},
@@ -133,7 +131,8 @@
133
131
  "card": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
134
132
  "filter": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
133
  "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"}
134
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
135
+ "sub-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"}
137
136
  },
138
137
  "stroke": {
139
138
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
@@ -158,14 +157,14 @@
158
157
  "chip": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/neutral-gray-90"},
159
158
  "chip-pink": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/heritage-red-35"},
160
159
  "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
160
  "text-field": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
163
161
  "text-field-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-35"},
164
162
  "text-field-disabled": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
165
163
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
166
164
  "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
167
165
  "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"}
166
+ "tab-segmented": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-70"},
167
+ "main-supporting": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-80"}
169
168
  },
170
169
  "scrim": {
171
170
  "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.12.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.12.0"
14
14
  }
15
15
  }