@volue/design-colors 1.4.0-next.2 → 2.0.0-next.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@volue/design-colors",
3
- "version": "1.4.0-next.2",
3
+ "version": "2.0.0-next.0",
4
4
  "description": "Color primitives for Volue design primitives",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -41,6 +41,7 @@
41
41
  "eslint-import-resolver-node": "0.3.7",
42
42
  "eslint-plugin-import": "2.27.5",
43
43
  "json-to-ts": "1.7.0",
44
+ "map-obj": "4.3.0",
44
45
  "npm-run-all": "4.1.5",
45
46
  "prettier": "2.8.4",
46
47
  "rimraf": "3.0.2",
@@ -3,184 +3,184 @@
3
3
  "background": {
4
4
  "checkContrast": {
5
5
  "white": {
6
- "value": "{color.white.value}"
6
+ "value": "{color.palette.white.value}"
7
7
  },
8
8
  "black": {
9
- "value": "{color.black.value}"
9
+ "value": "{color.palette.black.value}"
10
10
  },
11
11
  "gray75": {
12
- "value": "{color.gray75.value}"
12
+ "value": "{color.palette.gray75.value}"
13
13
  }
14
14
  },
15
- "palettes": {
15
+ "paletteGroups": {
16
16
  "shades": {
17
17
  "white": {
18
- "value": "{color.white.value}"
18
+ "value": "{color.palette.white.value}"
19
19
  },
20
20
  "gray5": {
21
- "value": "{color.gray5.value}"
21
+ "value": "{color.palette.gray5.value}"
22
22
  },
23
23
  "gray10": {
24
- "value": "{color.gray10.value}"
24
+ "value": "{color.palette.gray10.value}"
25
25
  },
26
26
  "gray15": {
27
- "value": "{color.gray15.value}"
27
+ "value": "{color.palette.gray15.value}"
28
28
  },
29
29
  "gray25": {
30
- "value": "{color.gray25.value}"
30
+ "value": "{color.palette.gray25.value}"
31
31
  },
32
32
  "gray50": {
33
- "value": "{color.gray50.value}"
33
+ "value": "{color.palette.gray50.value}"
34
34
  },
35
35
  "gray75": {
36
- "value": "{color.gray75.value}"
36
+ "value": "{color.palette.gray75.value}"
37
37
  }
38
38
  },
39
39
 
40
40
  "primary": {
41
41
  "primary5": {
42
- "value": "{color.primary5.value}"
42
+ "value": "{color.palette.primary5.value}"
43
43
  },
44
44
  "primary10": {
45
- "value": "{color.primary10.value}"
45
+ "value": "{color.palette.primary10.value}"
46
46
  },
47
47
  "primary60": {
48
- "value": "{color.primary60.value}"
48
+ "value": "{color.palette.primary60.value}"
49
49
  },
50
50
  "primary100": {
51
- "value": "{color.primary100.value}"
51
+ "value": "{color.palette.primary100.value}"
52
52
  },
53
53
  "primary120": {
54
- "value": "{color.primary120.value}"
54
+ "value": "{color.palette.primary120.value}"
55
55
  }
56
56
  },
57
57
 
58
58
  "accent": {
59
59
  "accent5": {
60
- "value": "{color.accent5.value}"
60
+ "value": "{color.palette.accent5.value}"
61
61
  },
62
62
  "accent10": {
63
- "value": "{color.accent10.value}"
63
+ "value": "{color.palette.accent10.value}"
64
64
  },
65
65
  "accent15": {
66
- "value": "{color.accent15.value}"
66
+ "value": "{color.palette.accent15.value}"
67
67
  },
68
68
  "accent60": {
69
- "value": "{color.accent60.value}"
69
+ "value": "{color.palette.accent60.value}"
70
70
  },
71
71
  "accent100": {
72
- "value": "{color.accent100.value}"
72
+ "value": "{color.palette.accent100.value}"
73
73
  },
74
74
  "accent120": {
75
- "value": "{color.accent120.value}"
75
+ "value": "{color.palette.accent120.value}"
76
76
  }
77
77
  },
78
78
 
79
79
  "notification": {
80
80
  "blue10": {
81
- "value": "{color.blue10.value}"
81
+ "value": "{color.palette.blue10.value}"
82
82
  },
83
83
  "blue50": {
84
- "value": "{color.blue50.value}"
84
+ "value": "{color.palette.blue50.value}"
85
85
  },
86
86
  "blue100": {
87
- "value": "{color.blue100.value}"
87
+ "value": "{color.palette.blue100.value}"
88
88
  },
89
89
  "blue120": {
90
- "value": "{color.blue120.value}"
90
+ "value": "{color.palette.blue120.value}"
91
91
  },
92
92
 
93
93
  "green10": {
94
- "value": "{color.green10.value}"
94
+ "value": "{color.palette.green10.value}"
95
95
  },
96
96
  "green50": {
97
- "value": "{color.green50.value}"
97
+ "value": "{color.palette.green50.value}"
98
98
  },
99
99
  "green100": {
100
- "value": "{color.green100.value}"
100
+ "value": "{color.palette.green100.value}"
101
101
  },
102
102
  "green120": {
103
- "value": "{color.green120.value}"
103
+ "value": "{color.palette.green120.value}"
104
104
  },
105
105
 
106
106
  "orange10": {
107
- "value": "{color.orange10.value}"
107
+ "value": "{color.palette.orange10.value}"
108
108
  },
109
109
  "orange50": {
110
- "value": "{color.orange50.value}"
110
+ "value": "{color.palette.orange50.value}"
111
111
  },
112
112
  "orange100": {
113
- "value": "{color.orange100.value}"
113
+ "value": "{color.palette.orange100.value}"
114
114
  },
115
115
  "orange120": {
116
- "value": "{color.orange120.value}"
116
+ "value": "{color.palette.orange120.value}"
117
117
  },
118
118
 
119
119
  "red10": {
120
- "value": "{color.red10.value}"
120
+ "value": "{color.palette.red10.value}"
121
121
  },
122
122
  "red50": {
123
- "value": "{color.red50.value}"
123
+ "value": "{color.palette.red50.value}"
124
124
  },
125
125
  "red100": {
126
- "value": "{color.red100.value}"
126
+ "value": "{color.palette.red100.value}"
127
127
  },
128
128
  "red120": {
129
- "value": "{color.red120.value}"
129
+ "value": "{color.palette.red120.value}"
130
130
  }
131
131
  },
132
132
 
133
133
  "extended": {
134
134
  "teal10": {
135
- "value": "{color.teal10.value}"
135
+ "value": "{color.palette.teal10.value}"
136
136
  },
137
137
  "teal50": {
138
- "value": "{color.teal50.value}"
138
+ "value": "{color.palette.teal50.value}"
139
139
  },
140
140
  "teal100": {
141
- "value": "{color.teal100.value}"
141
+ "value": "{color.palette.teal100.value}"
142
142
  },
143
143
  "teal120": {
144
- "value": "{color.teal120.value}"
144
+ "value": "{color.palette.teal120.value}"
145
145
  },
146
146
 
147
147
  "purple10": {
148
- "value": "{color.purple10.value}"
148
+ "value": "{color.palette.purple10.value}"
149
149
  },
150
150
  "purple50": {
151
- "value": "{color.purple50.value}"
151
+ "value": "{color.palette.purple50.value}"
152
152
  },
153
153
  "purple100": {
154
- "value": "{color.purple100.value}"
154
+ "value": "{color.palette.purple100.value}"
155
155
  },
156
156
  "purple120": {
157
- "value": "{color.purple120.value}"
157
+ "value": "{color.palette.purple120.value}"
158
158
  },
159
159
 
160
160
  "pink10": {
161
- "value": "{color.pink10.value}"
161
+ "value": "{color.palette.pink10.value}"
162
162
  },
163
163
  "pink50": {
164
- "value": "{color.pink50.value}"
164
+ "value": "{color.palette.pink50.value}"
165
165
  },
166
166
  "pink100": {
167
- "value": "{color.pink100.value}"
167
+ "value": "{color.palette.pink100.value}"
168
168
  },
169
169
  "pink120": {
170
- "value": "{color.pink120.value}"
170
+ "value": "{color.palette.pink120.value}"
171
171
  },
172
172
 
173
173
  "yellow10": {
174
- "value": "{color.yellow10.value}"
174
+ "value": "{color.palette.yellow10.value}"
175
175
  },
176
176
  "yellow50": {
177
- "value": "{color.yellow50.value}"
177
+ "value": "{color.palette.yellow50.value}"
178
178
  },
179
179
  "yellow100": {
180
- "value": "{color.yellow100.value}"
180
+ "value": "{color.palette.yellow100.value}"
181
181
  },
182
182
  "yellow120": {
183
- "value": "{color.yellow120.value}"
183
+ "value": "{color.palette.yellow120.value}"
184
184
  }
185
185
  }
186
186
  }
@@ -0,0 +1,173 @@
1
+ {
2
+ "color": {
3
+ "palette": {
4
+ "black": {
5
+ "value": "#000000"
6
+ },
7
+ "white": {
8
+ "value": "#ffffff"
9
+ },
10
+
11
+ "gray5": {
12
+ "value": "#f2f2f2"
13
+ },
14
+ "gray10": {
15
+ "value": "#e5e5e5"
16
+ },
17
+ "gray15": {
18
+ "value": "#d9d9d9"
19
+ },
20
+ "gray25": {
21
+ "value": "#b2b2b2"
22
+ },
23
+ "gray50": {
24
+ "value": "#666666"
25
+ },
26
+ "gray75": {
27
+ "value": "#333333"
28
+ },
29
+
30
+ "primary5": {
31
+ "value": "#f2f4f5"
32
+ },
33
+ "primary10": {
34
+ "value": "#e6e9ea"
35
+ },
36
+ "primary60": {
37
+ "value": "#6b8085"
38
+ },
39
+ "primary100": {
40
+ "value": "#082b33"
41
+ },
42
+ "primary120": {
43
+ "value": "#062228"
44
+ },
45
+
46
+ "accent5": {
47
+ "value": "#f2f8f8"
48
+ },
49
+ "accent10": {
50
+ "value": "#e5f1f2"
51
+ },
52
+ "accent15": {
53
+ "value": "#d9ebec"
54
+ },
55
+ "accent25": {
56
+ "value": "#bfddde"
57
+ },
58
+ "accent60": {
59
+ "value": "#7fbbbd"
60
+ },
61
+ "accent100": {
62
+ "value": "#01797d"
63
+ },
64
+ "accent120": {
65
+ "value": "#016063"
66
+ },
67
+
68
+ "blue10": {
69
+ "value": "#e9f1f6"
70
+ },
71
+ "blue50": {
72
+ "value": "#92b8d4"
73
+ },
74
+ "blue100": {
75
+ "value": "#2673aa"
76
+ },
77
+ "blue120": {
78
+ "value": "#1a5178"
79
+ },
80
+
81
+ "green10": {
82
+ "value": "#ecf3ea"
83
+ },
84
+ "green50": {
85
+ "value": "#a0c29b"
86
+ },
87
+ "green100": {
88
+ "value": "#438538"
89
+ },
90
+ "green120": {
91
+ "value": "#295222"
92
+ },
93
+
94
+ "orange10": {
95
+ "value": "#fbf0e5"
96
+ },
97
+ "orange50": {
98
+ "value": "#ecb67f"
99
+ },
100
+ "orange100": {
101
+ "value": "#da6e00"
102
+ },
103
+ "orange120": {
104
+ "value": "#a65300"
105
+ },
106
+
107
+ "red10": {
108
+ "value": "#fbe9ea"
109
+ },
110
+ "red50": {
111
+ "value": "#df9e99"
112
+ },
113
+ "red100": {
114
+ "value": "#bf3f34"
115
+ },
116
+ "red120": {
117
+ "value": "#8c2e26"
118
+ },
119
+
120
+ "teal10": {
121
+ "value": "#e9f6f7"
122
+ },
123
+ "teal50": {
124
+ "value": "#94d1d5"
125
+ },
126
+ "teal100": {
127
+ "value": "#2ba3ab"
128
+ },
129
+ "teal120": {
130
+ "value": "#1e7278"
131
+ },
132
+
133
+ "pink10": {
134
+ "value": "#faebef"
135
+ },
136
+ "pink50": {
137
+ "value": "#e79eb0"
138
+ },
139
+ "pink100": {
140
+ "value": "#cf3f63"
141
+ },
142
+ "pink120": {
143
+ "value": "#9c2f4a"
144
+ },
145
+
146
+ "purple10": {
147
+ "value": "#f1ecf5"
148
+ },
149
+ "purple50": {
150
+ "value": "#bfa9d3"
151
+ },
152
+ "purple100": {
153
+ "value": "#8054a8"
154
+ },
155
+ "purple120": {
156
+ "value": "#593b75"
157
+ },
158
+
159
+ "yellow10": {
160
+ "value": "#fdfaf4"
161
+ },
162
+ "yellow50": {
163
+ "value": "#fdd9a3"
164
+ },
165
+ "yellow100": {
166
+ "value": "#faa600"
167
+ },
168
+ "yellow120": {
169
+ "value": "#c78500"
170
+ }
171
+ }
172
+ }
173
+ }
package/src/text.json ADDED
@@ -0,0 +1,92 @@
1
+ {
2
+ "color": {
3
+ "text": {
4
+ "white": {
5
+ "value": "{color.palette.white.value}"
6
+ },
7
+ "black": {
8
+ "value": "{color.palette.black.value}"
9
+ },
10
+
11
+ "gray50": {
12
+ "value": "{color.palette.gray50.value}"
13
+ },
14
+ "gray75": {
15
+ "value": "{color.palette.gray75.value}"
16
+ },
17
+
18
+ "primary60": {
19
+ "value": "{color.palette.primary60.value}"
20
+ },
21
+ "primary100": {
22
+ "value": "{color.palette.primary100.value}"
23
+ },
24
+ "primary120": {
25
+ "value": "{color.palette.primary120.value}"
26
+ },
27
+
28
+ "accent100": {
29
+ "value": "{color.palette.accent100.value}"
30
+ },
31
+ "accent120": {
32
+ "value": "{color.palette.accent120.value}"
33
+ },
34
+
35
+ "blue100": {
36
+ "value": "{color.palette.blue100.value}"
37
+ },
38
+ "blue120": {
39
+ "value": "{color.palette.blue120.value}"
40
+ },
41
+
42
+ "green100": {
43
+ "value": "{color.palette.green100.value}"
44
+ },
45
+ "green120": {
46
+ "value": "{color.palette.green120.value}"
47
+ },
48
+
49
+ "orange100": {
50
+ "value": "{color.palette.orange100.value}"
51
+ },
52
+ "orange120": {
53
+ "value": "{color.palette.orange120.value}"
54
+ },
55
+
56
+ "red100": {
57
+ "value": "{color.palette.red100.value}"
58
+ },
59
+ "red120": {
60
+ "value": "{color.palette.red120.value}"
61
+ },
62
+
63
+ "teal100": {
64
+ "value": "{color.palette.teal100.value}"
65
+ },
66
+ "teal120": {
67
+ "value": "{color.palette.teal120.value}"
68
+ },
69
+
70
+ "purple100": {
71
+ "value": "{color.palette.purple100.value}"
72
+ },
73
+ "purple120": {
74
+ "value": "{color.palette.purple120.value}"
75
+ },
76
+
77
+ "pink100": {
78
+ "value": "{color.palette.pink100.value}"
79
+ },
80
+ "pink120": {
81
+ "value": "{color.palette.pink120.value}"
82
+ },
83
+
84
+ "yellow100": {
85
+ "value": "{color.palette.yellow100.value}"
86
+ },
87
+ "yellow120": {
88
+ "value": "{color.palette.yellow120.value}"
89
+ }
90
+ }
91
+ }
92
+ }
@@ -1,92 +0,0 @@
1
- {
2
- "color": {
3
- "text": {
4
- "white": {
5
- "value": "{color.white.value}"
6
- },
7
- "black": {
8
- "value": "{color.black.value}"
9
- },
10
-
11
- "gray50": {
12
- "value": "{color.gray50.value}"
13
- },
14
- "gray75": {
15
- "value": "{color.gray75.value}"
16
- },
17
-
18
- "primary60": {
19
- "value": "{color.primary60.value}"
20
- },
21
- "primary100": {
22
- "value": "{color.primary100.value}"
23
- },
24
- "primary120": {
25
- "value": "{color.primary120.value}"
26
- },
27
-
28
- "accent100": {
29
- "value": "{color.accent100.value}"
30
- },
31
- "accent120": {
32
- "value": "{color.accent120.value}"
33
- },
34
-
35
- "blue100": {
36
- "value": "{color.blue100.value}"
37
- },
38
- "blue120": {
39
- "value": "{color.blue120.value}"
40
- },
41
-
42
- "green100": {
43
- "value": "{color.green100.value}"
44
- },
45
- "green120": {
46
- "value": "{color.green120.value}"
47
- },
48
-
49
- "orange100": {
50
- "value": "{color.orange100.value}"
51
- },
52
- "orange120": {
53
- "value": "{color.orange120.value}"
54
- },
55
-
56
- "red100": {
57
- "value": "{color.red100.value}"
58
- },
59
- "red120": {
60
- "value": "{color.red120.value}"
61
- },
62
-
63
- "teal100": {
64
- "value": "{color.teal100.value}"
65
- },
66
- "teal120": {
67
- "value": "{color.teal120.value}"
68
- },
69
-
70
- "purple100": {
71
- "value": "{color.purple100.value}"
72
- },
73
- "purple120": {
74
- "value": "{color.purple120.value}"
75
- },
76
-
77
- "pink100": {
78
- "value": "{color.pink100.value}"
79
- },
80
- "pink120": {
81
- "value": "{color.pink120.value}"
82
- },
83
-
84
- "yellow100": {
85
- "value": "{color.yellow100.value}"
86
- },
87
- "yellow120": {
88
- "value": "{color.yellow120.value}"
89
- }
90
- }
91
- }
92
- }