@volue/design-colors 1.4.0-next.2 → 2.0.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 (15) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +2 -1
  3. package/dist/index.common.d.ts +84 -57
  4. package/dist/index.common.js +82 -58
  5. package/dist/index.custom-properties.css +1 -1
  6. package/dist/index.map.scss +1 -1
  7. package/dist/index.module.d.ts +84 -57
  8. package/dist/index.module.js +83 -57
  9. package/dist/index.scss +1 -1
  10. package/package.json +3 -2
  11. package/src/backgroundFills.json +54 -54
  12. package/src/palette.json +173 -0
  13. package/src/text.json +92 -0
  14. package/src/textColors.json +0 -92
  15. package/src/tokens.json +0 -171
package/dist/index.module.js CHANGED
@@ -1,57 +1,83 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 15 Feb 2023 21:33:33 GMT
4
- */
5
-
6
- export const colorBlack = "#000000";
7
- export const colorWhite = "#ffffff";
8
- export const colorGray5 = "#f2f2f2";
9
- export const colorGray10 = "#e5e5e5";
10
- export const colorGray15 = "#d9d9d9";
11
- export const colorGray25 = "#b2b2b2";
12
- export const colorGray50 = "#666666";
13
- export const colorGray75 = "#333333";
14
- export const colorPrimary5 = "#f2f4f5";
15
- export const colorPrimary10 = "#e6e9ea";
16
- export const colorPrimary60 = "#6b8085";
17
- export const colorPrimary100 = "#082b33";
18
- export const colorPrimary120 = "#062228";
19
- export const colorAccent5 = "#f2f8f8";
20
- export const colorAccent10 = "#e5f1f2";
21
- export const colorAccent15 = "#d9ebec";
22
- export const colorAccent25 = "#bfddde";
23
- export const colorAccent60 = "#7fbbbd";
24
- export const colorAccent100 = "#01797d";
25
- export const colorAccent120 = "#016063";
26
- export const colorBlue10 = "#e9f1f6";
27
- export const colorBlue50 = "#92b8d4";
28
- export const colorBlue100 = "#2673aa";
29
- export const colorBlue120 = "#1a5178";
30
- export const colorGreen10 = "#ecf3ea";
31
- export const colorGreen50 = "#a0c29b";
32
- export const colorGreen100 = "#438538";
33
- export const colorGreen120 = "#295222";
34
- export const colorOrange10 = "#fbf0e5";
35
- export const colorOrange50 = "#ecb67f";
36
- export const colorOrange100 = "#da6e00";
37
- export const colorOrange120 = "#a65300";
38
- export const colorRed10 = "#fbe9ea";
39
- export const colorRed50 = "#df9e99";
40
- export const colorRed100 = "#bf3f34";
41
- export const colorRed120 = "#8c2e26";
42
- export const colorTeal10 = "#e9f6f7";
43
- export const colorTeal50 = "#94d1d5";
44
- export const colorTeal100 = "#2ba3ab";
45
- export const colorTeal120 = "#1e7278";
46
- export const colorPink10 = "#faebef";
47
- export const colorPink50 = "#e79eb0";
48
- export const colorPink100 = "#cf3f63";
49
- export const colorPink120 = "#9c2f4a";
50
- export const colorPurple10 = "#f1ecf5";
51
- export const colorPurple50 = "#bfa9d3";
52
- export const colorPurple100 = "#8054a8";
53
- export const colorPurple120 = "#593b75";
54
- export const colorYellow10 = "#fdfaf4";
55
- export const colorYellow50 = "#fdd9a3";
56
- export const colorYellow100 = "#faa600";
57
- export const colorYellow120 = "#c78500";
1
+ export default {
2
+ "palette": {
3
+ "colorBlack": "#000000",
4
+ "colorWhite": "#ffffff",
5
+ "colorGray5": "#f2f2f2",
6
+ "colorGray10": "#e5e5e5",
7
+ "colorGray15": "#d9d9d9",
8
+ "colorGray25": "#b2b2b2",
9
+ "colorGray50": "#666666",
10
+ "colorGray75": "#333333",
11
+ "colorPrimary5": "#f2f4f5",
12
+ "colorPrimary10": "#e6e9ea",
13
+ "colorPrimary60": "#6b8085",
14
+ "colorPrimary100": "#082b33",
15
+ "colorPrimary120": "#062228",
16
+ "colorAccent5": "#f2f8f8",
17
+ "colorAccent10": "#e5f1f2",
18
+ "colorAccent15": "#d9ebec",
19
+ "colorAccent25": "#bfddde",
20
+ "colorAccent60": "#7fbbbd",
21
+ "colorAccent100": "#01797d",
22
+ "colorAccent120": "#016063",
23
+ "colorBlue10": "#e9f1f6",
24
+ "colorBlue50": "#92b8d4",
25
+ "colorBlue100": "#2673aa",
26
+ "colorBlue120": "#1a5178",
27
+ "colorGreen10": "#ecf3ea",
28
+ "colorGreen50": "#a0c29b",
29
+ "colorGreen100": "#438538",
30
+ "colorGreen120": "#295222",
31
+ "colorOrange10": "#fbf0e5",
32
+ "colorOrange50": "#ecb67f",
33
+ "colorOrange100": "#da6e00",
34
+ "colorOrange120": "#a65300",
35
+ "colorRed10": "#fbe9ea",
36
+ "colorRed50": "#df9e99",
37
+ "colorRed100": "#bf3f34",
38
+ "colorRed120": "#8c2e26",
39
+ "colorTeal10": "#e9f6f7",
40
+ "colorTeal50": "#94d1d5",
41
+ "colorTeal100": "#2ba3ab",
42
+ "colorTeal120": "#1e7278",
43
+ "colorPink10": "#faebef",
44
+ "colorPink50": "#e79eb0",
45
+ "colorPink100": "#cf3f63",
46
+ "colorPink120": "#9c2f4a",
47
+ "colorPurple10": "#f1ecf5",
48
+ "colorPurple50": "#bfa9d3",
49
+ "colorPurple100": "#8054a8",
50
+ "colorPurple120": "#593b75",
51
+ "colorYellow10": "#fdfaf4",
52
+ "colorYellow50": "#fdd9a3",
53
+ "colorYellow100": "#faa600",
54
+ "colorYellow120": "#c78500"
55
+ },
56
+ "text": {
57
+ "colorWhite": "#ffffff",
58
+ "colorBlack": "#000000",
59
+ "colorGray50": "#666666",
60
+ "colorGray75": "#333333",
61
+ "colorPrimary60": "#6b8085",
62
+ "colorPrimary100": "#082b33",
63
+ "colorPrimary120": "#062228",
64
+ "colorAccent100": "#01797d",
65
+ "colorAccent120": "#016063",
66
+ "colorBlue100": "#2673aa",
67
+ "colorBlue120": "#1a5178",
68
+ "colorGreen100": "#438538",
69
+ "colorGreen120": "#295222",
70
+ "colorOrange100": "#da6e00",
71
+ "colorOrange120": "#a65300",
72
+ "colorRed100": "#bf3f34",
73
+ "colorRed120": "#8c2e26",
74
+ "colorTeal100": "#2ba3ab",
75
+ "colorTeal120": "#1e7278",
76
+ "colorPurple100": "#8054a8",
77
+ "colorPurple120": "#593b75",
78
+ "colorPink100": "#cf3f63",
79
+ "colorPink120": "#9c2f4a",
80
+ "colorYellow100": "#faa600",
81
+ "colorYellow120": "#c78500"
82
+ }
83
+ }
package/dist/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 15 Feb 2023 21:33:33 GMT
3
+ // Generated on Wed, 01 Mar 2023 08:39:31 GMT
4
4
 
5
5
  $color-black: #000000;
6
6
  $color-white: #ffffff;
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",
4
4
  "description": "Color primitives for Volue design primitives",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -36,11 +36,12 @@
36
36
  "@fantasy-color/from-hex": "2.1.0",
37
37
  "@fantasy-color/luminance-rgb": "2.1.0",
38
38
  "change-case": "4.1.2",
39
- "eslint": "8.34.0",
39
+ "eslint": "8.35.0",
40
40
  "eslint-config-powel": "14.2.1",
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",
package/src/backgroundFills.json CHANGED
@@ -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
  }
package/src/palette.json ADDED
@@ -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
+ }