@enovaui/mobile-tokens 0.8.2 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/css/color-semantic-lg-brand.css +11 -8
  3. package/css/color-semantic-mobile.css +11 -8
  4. package/css/color-semantic-mono-black.css +11 -8
  5. package/css/color-semantic-mono-white.css +11 -8
  6. package/css/color-semantic-web.css +11 -8
  7. package/json/color-semantic-lg-brand.json +5 -3
  8. package/json/color-semantic-mobile.json +5 -3
  9. package/json/color-semantic-mono-black.json +5 -3
  10. package/json/color-semantic-mono-white.json +5 -3
  11. package/json/color-semantic-web.json +5 -3
  12. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
2
2
 
3
3
  The following is a curated list of changes in the mobile tokens module, newest changes on the top.
4
4
 
5
+ ## [0.10.0] - 2025-11-20
6
+
7
+ - No significant changes
8
+
9
+ ## [0.9.0] - 2025-11-07
10
+
11
+ ### Removed
12
+
13
+ - `semantic-color-background-default`
14
+ - `semantic-color-surface-default`
15
+
16
+ ### Added
17
+
18
+ - `color-semantic` tokens to match the latest guide
19
+
5
20
  ## [0.8.2] - 2025-09-09
6
21
 
7
22
  - No significant changes
package/css/color-semantic-lg-brand.css CHANGED
@@ -10,14 +10,15 @@ Semantic Color Tokens
10
10
  ------------------------------------------- */
11
11
 
12
12
  :root {
13
- /* background */
14
- --semantic-color-background-default: var(--primitive-color-warm-gray-99);
15
13
 
16
- /* onBackground */
14
+ /* Background */
15
+ --semantic-color-background-main: var(--primitive-color-warm-gray-99);
16
+ --semantic-color-background-sub: var(--primitive-color-warm-gray-99);
17
+
18
+ /* On Background */
17
19
  --semantic-color-on-background-default: var(--primitive-color-mist-gray-10);
18
20
 
19
- /* surface */
20
- --semantic-color-surface-default: var(--primitive-color-white);
21
+ /* Surface */
21
22
  --semantic-color-surface-default-hover: var(--primitive-color-warm-gray-80);
22
23
  --semantic-color-surface-default-focused: var(--primitive-color-warm-gray-75);
23
24
  --semantic-color-surface-default-pressed: var(--primitive-color-warm-gray-75);
@@ -52,8 +53,10 @@ Semantic Color Tokens
52
53
  --semantic-color-surface-toast: var(--primitive-color-warm-gray-10);
53
54
  --semantic-color-surface-white: var(--primitive-color-white);
54
55
  --semantic-color-surface-black: var(--primitive-color-warm-gray-10);
56
+ --semantic-color-surface-main: var(--primitive-color-white);
57
+ --semantic-color-surface-sub: var(--primitive-color-warm-gray-75);
55
58
 
56
- /* onSurface */
59
+ /* On Surface */
57
60
  --semantic-color-on-surface-default-error: var(--primitive-color-active-red-60);
58
61
  --semantic-color-on-surface-default-success: var(--primitive-color-green-55);
59
62
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
@@ -64,7 +67,7 @@ Semantic Color Tokens
64
67
  --semantic-color-on-surface-white: var(--primitive-color-white);
65
68
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
66
69
 
67
- /* stroke */
70
+ /* Stroke */
68
71
  --semantic-color-stroke-default-error: var(--primitive-color-red-orange-60);
69
72
  --semantic-color-stroke-default-success: var(--primitive-color-green-60);
70
73
  --semantic-color-stroke-main: var(--primitive-color-warm-gray-75);
@@ -76,6 +79,6 @@ Semantic Color Tokens
76
79
  --semantic-color-stroke-selection-inactive: var(--primitive-color-warm-gray-60);
77
80
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
78
81
 
79
- /* scrim */
82
+ /* Scrim */
80
83
  --semantic-color-scrim-default: var(--primitive-color-black);
81
84
  }
package/css/color-semantic-mobile.css CHANGED
@@ -10,14 +10,15 @@ Semantic Color Tokens
10
10
  ------------------------------------------- */
11
11
 
12
12
  :root {
13
- /* background */
14
- --semantic-color-background-default: var(--primitive-color-mist-gray-95);
15
13
 
16
- /* onBackground */
14
+ /* Background */
15
+ --semantic-color-background-main: var(--primitive-color-mist-gray-95);
16
+ --semantic-color-background-sub: var(--primitive-color-mist-gray-95);
17
+
18
+ /* On Background */
17
19
  --semantic-color-on-background-default: var(--primitive-color-mist-gray-10);
18
20
 
19
- /* surface */
20
- --semantic-color-surface-default: var(--primitive-color-white);
21
+ /* Surface */
21
22
  --semantic-color-surface-default-hover: var(--primitive-color-blue-gray-95);
22
23
  --semantic-color-surface-default-focused: var(--primitive-color-blue-gray-90);
23
24
  --semantic-color-surface-default-pressed: var(--primitive-color-blue-gray-90);
@@ -52,8 +53,10 @@ Semantic Color Tokens
52
53
  --semantic-color-surface-toast: var(--primitive-color-blue-gray-10);
53
54
  --semantic-color-surface-white: var(--primitive-color-white);
54
55
  --semantic-color-surface-black: var(--primitive-color-blue-gray-10);
56
+ --semantic-color-surface-main: var(--primitive-color-white);
57
+ --semantic-color-surface-sub: var(--primitive-color-blue-gray-90);
55
58
 
56
- /* onSurface */
59
+ /* On Surface */
57
60
  --semantic-color-on-surface-default-error: var(--primitive-color-active-red-60);
58
61
  --semantic-color-on-surface-default-success: var(--primitive-color-green-55);
59
62
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
@@ -64,7 +67,7 @@ Semantic Color Tokens
64
67
  --semantic-color-on-surface-white: var(--primitive-color-white);
65
68
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
66
69
 
67
- /* stroke */
70
+ /* Stroke */
68
71
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
69
72
  --semantic-color-stroke-default-success: var(--primitive-color-green-60);
70
73
  --semantic-color-stroke-main: var(--primitive-color-blue-gray-80);
@@ -76,6 +79,6 @@ Semantic Color Tokens
76
79
  --semantic-color-stroke-selection-inactive: var(--primitive-color-mist-gray-70);
77
80
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
78
81
 
79
- /* scrim */
82
+ /* Scrim */
80
83
  --semantic-color-scrim-default: var(--primitive-color-black);
81
84
  }
package/css/color-semantic-mono-black.css CHANGED
@@ -10,14 +10,15 @@ Semantic Color Tokens
10
10
  ------------------------------------------- */
11
11
 
12
12
  :root {
13
- /* background */
14
- --semantic-color-background-default: var(--primitive-color-black);
15
13
 
16
- /* onBackground */
14
+ /* Background */
15
+ --semantic-color-background-main: var(--primitive-color-black);
16
+ --semantic-color-background-sub: var(--primitive-color-black);
17
+
18
+ /* On Background */
17
19
  --semantic-color-on-background-default: var(--primitive-color-mist-gray-99);
18
20
 
19
- /* surface */
20
- --semantic-color-surface-default: var(--primitive-color-mist-gray-30);
21
+ /* Surface */
21
22
  --semantic-color-surface-default-hover: var(--primitive-color-mist-gray-95);
22
23
  --semantic-color-surface-default-focused: var(--primitive-color-mist-gray-95);
23
24
  --semantic-color-surface-default-pressed: var(--primitive-color-mist-gray-90);
@@ -52,8 +53,10 @@ Semantic Color Tokens
52
53
  --semantic-color-surface-toast: var(--primitive-color-mist-gray-60);
53
54
  --semantic-color-surface-white: var(--primitive-color-white);
54
55
  --semantic-color-surface-black: var(--primitive-color-mist-gray-10);
56
+ --semantic-color-surface-main: var(--primitive-color-mist-gray-30);
57
+ --semantic-color-surface-sub: var(--primitive-color-mist-gray-90);
55
58
 
56
- /* onSurface */
59
+ /* On Surface */
57
60
  --semantic-color-on-surface-default-error: var(--primitive-color-active-red-60);
58
61
  --semantic-color-on-surface-default-success: var(--primitive-color-green-70);
59
62
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-99);
@@ -64,7 +67,7 @@ Semantic Color Tokens
64
67
  --semantic-color-on-surface-white: var(--primitive-color-white);
65
68
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
66
69
 
67
- /* stroke */
70
+ /* Stroke */
68
71
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
69
72
  --semantic-color-stroke-default-success: var(--primitive-color-green-70);
70
73
  --semantic-color-stroke-main: var(--primitive-color-mist-gray-50);
@@ -76,6 +79,6 @@ Semantic Color Tokens
76
79
  --semantic-color-stroke-selection-inactive: var(--primitive-color-white);
77
80
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-99);
78
81
 
79
- /* scrim */
82
+ /* Scrim */
80
83
  --semantic-color-scrim-default: var(--primitive-color-black);
81
84
  }
package/css/color-semantic-mono-white.css CHANGED
@@ -10,14 +10,15 @@ Semantic Color Tokens
10
10
  ------------------------------------------- */
11
11
 
12
12
  :root {
13
- /* background */
14
- --semantic-color-background-default: var(--primitive-color-mist-gray-95);
15
13
 
16
- /* onBackground */
14
+ /* Background */
15
+ --semantic-color-background-main: var(--primitive-color-mist-gray-95);
16
+ --semantic-color-background-sub: var(--primitive-color-mist-gray-95);
17
+
18
+ /* On Background */
17
19
  --semantic-color-on-background-default: var(--primitive-color-mist-gray-10);
18
20
 
19
- /* surface */
20
- --semantic-color-surface-default: var(--primitive-color-white);
21
+ /* Surface */
21
22
  --semantic-color-surface-default-hover: var(--primitive-color-mist-gray-99);
22
23
  --semantic-color-surface-default-focused: var(--primitive-color-mist-gray-90);
23
24
  --semantic-color-surface-default-pressed: var(--primitive-color-mist-gray-90);
@@ -52,8 +53,10 @@ Semantic Color Tokens
52
53
  --semantic-color-surface-toast: var(--primitive-color-mist-gray-10);
53
54
  --semantic-color-surface-white: var(--primitive-color-white);
54
55
  --semantic-color-surface-black: var(--primitive-color-mist-gray-10);
56
+ --semantic-color-surface-main: var(--primitive-color-white);
57
+ --semantic-color-surface-sub: var(--primitive-color-mist-gray-90);
55
58
 
56
- /* onSurface */
59
+ /* On Surface */
57
60
  --semantic-color-on-surface-default-error: var(--primitive-color-active-red-50);
58
61
  --semantic-color-on-surface-default-success: var(--primitive-color-green-55);
59
62
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
@@ -64,7 +67,7 @@ Semantic Color Tokens
64
67
  --semantic-color-on-surface-white: var(--primitive-color-white);
65
68
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
66
69
 
67
- /* stroke */
70
+ /* Stroke */
68
71
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
69
72
  --semantic-color-stroke-default-success: var(--primitive-color-green-60);
70
73
  --semantic-color-stroke-main: var(--primitive-color-mist-gray-90);
@@ -76,6 +79,6 @@ Semantic Color Tokens
76
79
  --semantic-color-stroke-selection-inactive: var(--primitive-color-mist-gray-70);
77
80
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
78
81
 
79
- /* scrim */
82
+ /* Scrim */
80
83
  --semantic-color-scrim-default: var(--primitive-color-black);
81
84
  }
package/css/color-semantic-web.css CHANGED
@@ -10,14 +10,15 @@ Semantic Color Tokens
10
10
  ------------------------------------------- */
11
11
 
12
12
  :root {
13
- /* background */
14
- --semantic-color-background-default: var(--primitive-color-mist-gray-95);
15
13
 
16
- /* onBackground */
14
+ /* Background */
15
+ --semantic-color-background-main: var(--primitive-color-mist-gray-95);
16
+ --semantic-color-background-sub: var(--primitive-color-mist-gray-95);
17
+
18
+ /* On Background */
17
19
  --semantic-color-on-background-default: var(--primitive-color-mist-gray-10);
18
20
 
19
- /* surface */
20
- --semantic-color-surface-default: var(--primitive-color-white);
21
+ /* Surface */
21
22
  --semantic-color-surface-default-hover: var(--primitive-color-blue-gray-95);
22
23
  --semantic-color-surface-default-focused: var(--primitive-color-blue-gray-90);
23
24
  --semantic-color-surface-default-pressed: var(--primitive-color-blue-gray-90);
@@ -52,8 +53,10 @@ Semantic Color Tokens
52
53
  --semantic-color-surface-toast: var(--primitive-color-blue-gray-10);
53
54
  --semantic-color-surface-white: var(--primitive-color-white);
54
55
  --semantic-color-surface-black: var(--primitive-color-blue-gray-10);
56
+ --semantic-color-surface-main: var(--primitive-color-white);
57
+ --semantic-color-surface-sub: var(--primitive-color-blue-gray-90);
55
58
 
56
- /* onSurface */
59
+ /* On Surface */
57
60
  --semantic-color-on-surface-default-error: var(--primitive-color-active-red-60);
58
61
  --semantic-color-on-surface-default-success: var(--primitive-color-green-55);
59
62
  --semantic-color-on-surface-main: var(--primitive-color-mist-gray-10);
@@ -64,7 +67,7 @@ Semantic Color Tokens
64
67
  --semantic-color-on-surface-white: var(--primitive-color-white);
65
68
  --semantic-color-on-surface-black: var(--primitive-color-mist-gray-10);
66
69
 
67
- /* stroke */
70
+ /* Stroke */
68
71
  --semantic-color-stroke-default-error: var(--primitive-color-active-red-60);
69
72
  --semantic-color-stroke-default-success: var(--primitive-color-green-60);
70
73
  --semantic-color-stroke-main: var(--primitive-color-blue-gray-80);
@@ -76,6 +79,6 @@ Semantic Color Tokens
76
79
  --semantic-color-stroke-selection-inactive: var(--primitive-color-mist-gray-70);
77
80
  --semantic-color-stroke-tab: var(--primitive-color-mist-gray-10);
78
81
 
79
- /* scrim */
82
+ /* Scrim */
80
83
  --semantic-color-scrim-default: var(--primitive-color-white);
81
84
  }
package/json/color-semantic-lg-brand.json CHANGED
@@ -2,7 +2,8 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-99"}
6
7
  },
7
8
  "on": {
8
9
  "background": {
@@ -21,7 +22,6 @@
21
22
  }
22
23
  },
23
24
  "surface": {
24
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
25
25
  "default-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-80"},
26
26
  "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
27
27
  "default-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"},
@@ -55,7 +55,9 @@
55
55
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-60"},
56
56
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
57
57
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
58
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"}
58
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-10"},
59
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
60
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/warm-gray-75"}
59
61
  },
60
62
  "stroke": {
61
63
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/red-orange-60"},
package/json/color-semantic-mobile.json CHANGED
@@ -2,7 +2,8 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
6
7
  },
7
8
  "on": {
8
9
  "background": {
@@ -21,7 +22,6 @@
21
22
  }
22
23
  },
23
24
  "surface": {
24
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
25
25
  "default-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"},
26
26
  "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
27
27
  "default-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
@@ -55,7 +55,9 @@
55
55
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
56
56
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
57
57
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
58
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"}
58
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
59
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
60
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"}
59
61
  },
60
62
  "stroke": {
61
63
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
package/json/color-semantic-mono-black.json CHANGED
@@ -2,7 +2,8 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/black"}
6
7
  },
7
8
  "on": {
8
9
  "background": {
@@ -21,7 +22,6 @@
21
22
  }
22
23
  },
23
24
  "surface": {
24
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
25
25
  "default-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
26
26
  "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
27
27
  "default-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
@@ -55,7 +55,9 @@
55
55
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-50"},
56
56
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-60"},
57
57
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
58
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
58
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
59
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-30"},
60
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
59
61
  },
60
62
  "stroke": {
61
63
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
package/json/color-semantic-mono-white.json CHANGED
@@ -2,7 +2,8 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
6
7
  },
7
8
  "on": {
8
9
  "background": {
@@ -21,7 +22,6 @@
21
22
  }
22
23
  },
23
24
  "surface": {
24
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
25
25
  "default-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-99"},
26
26
  "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
27
27
  "default-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"},
@@ -55,7 +55,9 @@
55
55
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
56
56
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
57
57
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
58
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"}
58
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-10"},
59
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
60
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-90"}
59
61
  },
60
62
  "stroke": {
61
63
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
package/json/color-semantic-web.json CHANGED
@@ -2,7 +2,8 @@
2
2
  "semantic": {
3
3
  "color": {
4
4
  "background": {
5
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
5
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"},
6
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-95"}
6
7
  },
7
8
  "on": {
8
9
  "background": {
@@ -21,7 +22,6 @@
21
22
  }
22
23
  },
23
24
  "surface": {
24
- "default": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
25
25
  "default-hover": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-95"},
26
26
  "default-focused": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
27
27
  "default-pressed": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"},
@@ -55,7 +55,9 @@
55
55
  "selection-inactive": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/mist-gray-70"},
56
56
  "toast": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
57
57
  "white": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
58
- "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"}
58
+ "black": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-10"},
59
+ "main": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/white"},
60
+ "sub": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/blue-gray-90"}
59
61
  },
60
62
  "stroke": {
61
63
  "default-error": {"$ref": "core-tokens/json/color-primitive.json#/primitive/color/active-red-60"},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enovaui/mobile-tokens",
3
- "version": "0.8.2",
3
+ "version": "0.10.0",
4
4
  "description": "Theme design tokens for mobile",
5
5
  "main": "index.js",
6
6
  "license": "Apache-2.0",
@@ -10,6 +10,6 @@
10
10
  "mobile"
11
11
  ],
12
12
  "dependencies": {
13
- "@enovaui/core-tokens": "^0.8.2"
13
+ "@enovaui/core-tokens": "^0.10.0"
14
14
  }
15
- }
15
+ }