@new-ui/colors 0.2.0 → 1.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.
@@ -0,0 +1,198 @@
1
+ {
2
+ "$background": {
3
+ "value": "{$warm10}",
4
+ "type": "color"
5
+ },
6
+ "$background-secondary": {
7
+ "value": "{$warm9}",
8
+ "type": "color"
9
+ },
10
+ "$background-hover": {
11
+ "value": "{$warm9}",
12
+ "type": "color"
13
+ },
14
+ "$background-selected": {
15
+ "value": "{$warm8}",
16
+ "type": "color"
17
+ },
18
+ "$background-selected-hover": {
19
+ "value": "{$warm7}",
20
+ "type": "color"
21
+ },
22
+ "$background-red": {
23
+ "value": "{$red8}",
24
+ "type": "color"
25
+ },
26
+ "$background-orange": {
27
+ "value": "{$orange8}",
28
+ "type": "color"
29
+ },
30
+ "$background-yellow": {
31
+ "value": "{$yellow8}",
32
+ "type": "color"
33
+ },
34
+ "$background-green": {
35
+ "value": "{$green8}",
36
+ "type": "color"
37
+ },
38
+ "$background-mint": {
39
+ "value": "{$mint8}",
40
+ "type": "color"
41
+ },
42
+ "$background-teal": {
43
+ "value": "{$teal8}",
44
+ "type": "color"
45
+ },
46
+ "$background-cyan": {
47
+ "value": "{$cyan8}",
48
+ "type": "color"
49
+ },
50
+ "$background-blue": {
51
+ "value": "{$blue8}",
52
+ "type": "color"
53
+ },
54
+ "$background-indigo": {
55
+ "value": "{$indigo8}",
56
+ "type": "color"
57
+ },
58
+ "$background-purple": {
59
+ "value": "{$purple8}",
60
+ "type": "color"
61
+ },
62
+ "$background-pink": {
63
+ "value": "{$pink8}",
64
+ "type": "color"
65
+ },
66
+ "$background-brown": {
67
+ "value": "{$brown8}",
68
+ "type": "color"
69
+ },
70
+ "$border-muted": {
71
+ "value": "{$warm9}",
72
+ "type": "color"
73
+ },
74
+ "$border-default": {
75
+ "value": "{$warm7}",
76
+ "type": "color"
77
+ },
78
+ "$border-strong": {
79
+ "value": "{$warm5}",
80
+ "type": "color"
81
+ },
82
+ "$button-primary": {
83
+ "value": "{$blue4}",
84
+ "type": "color"
85
+ },
86
+ "$button-primary-hover": {
87
+ "value": "{$blue3}",
88
+ "type": "color"
89
+ },
90
+ "$button-primary-active": {
91
+ "value": "{$blue3}",
92
+ "type": "color"
93
+ },
94
+ "$button-secondary": {
95
+ "value": "{$warm1}",
96
+ "type": "color"
97
+ },
98
+ "$button-secondary-hover": {
99
+ "value": "{$warm2}",
100
+ "type": "color"
101
+ },
102
+ "$button-secondary-active": {
103
+ "value": "{$warm3}",
104
+ "type": "color"
105
+ },
106
+ "$button-danger": {
107
+ "value": "{$red4}",
108
+ "type": "color"
109
+ },
110
+ "$button-danger-hover": {
111
+ "value": "{$red3}",
112
+ "type": "color"
113
+ },
114
+ "$button-danger-active": {
115
+ "value": "{$red3}",
116
+ "type": "color"
117
+ },
118
+ "$button-disabled": {
119
+ "value": "{$warm6}",
120
+ "type": "color"
121
+ },
122
+ "$icon-primary": {
123
+ "value": "{$warm2}",
124
+ "type": "color"
125
+ },
126
+ "$icon-secondary": {
127
+ "value": "{$warm4}",
128
+ "type": "color"
129
+ },
130
+ "$icon-disabled": {
131
+ "value": "{$warm7}",
132
+ "type": "color"
133
+ },
134
+ "$icon-on-color": {
135
+ "value": "{$white}",
136
+ "type": "color"
137
+ },
138
+ "$link": {
139
+ "value": "{$blue4}",
140
+ "type": "color"
141
+ },
142
+ "$link-hover": {
143
+ "value": "{$blue3}",
144
+ "type": "color"
145
+ },
146
+ "$link-subtle": {
147
+ "value": "{$warm1}",
148
+ "type": "color"
149
+ },
150
+ "$link-visited": {
151
+ "value": "{$indigo4}",
152
+ "type": "color"
153
+ },
154
+ "$support-error": {
155
+ "value": "{$red4}",
156
+ "type": "color"
157
+ },
158
+ "$support-warning": {
159
+ "value": "{$yellow4}",
160
+ "type": "color"
161
+ },
162
+ "$support-success": {
163
+ "value": "{$green4}",
164
+ "type": "color"
165
+ },
166
+ "$support-info": {
167
+ "value": "{$blue4}",
168
+ "type": "color"
169
+ },
170
+ "$text-primary": {
171
+ "value": "{$warm1}",
172
+ "type": "color"
173
+ },
174
+ "$text-primary-alt": {
175
+ "value": "{$warm3}",
176
+ "type": "color"
177
+ },
178
+ "$text-secondary": {
179
+ "value": "{$warm5}",
180
+ "type": "color"
181
+ },
182
+ "$text-placeholder": {
183
+ "value": "{$warm6}",
184
+ "type": "color"
185
+ },
186
+ "$text-on-color": {
187
+ "value": "{$white}",
188
+ "type": "color"
189
+ },
190
+ "$text-error": {
191
+ "value": "{$red4}",
192
+ "type": "color"
193
+ },
194
+ "$text-success": {
195
+ "value": "{$green4}",
196
+ "type": "color"
197
+ }
198
+ }
@@ -4,19 +4,19 @@
4
4
  "type": "color"
5
5
  },
6
6
  "$background-secondary": {
7
- "value": "{$warm1}",
7
+ "value": "{$grey1}",
8
8
  "type": "color"
9
9
  },
10
10
  "$background-hover": {
11
- "value": "{$warm1}",
11
+ "value": "{$grey1}",
12
12
  "type": "color"
13
13
  },
14
14
  "$background-selected": {
15
- "value": "{$warm2}",
15
+ "value": "{$grey2}",
16
16
  "type": "color"
17
17
  },
18
18
  "$background-selected-hover": {
19
- "value": "{$warm3}",
19
+ "value": "{$grey3}",
20
20
  "type": "color"
21
21
  },
22
22
  "$background-red": {
@@ -68,15 +68,15 @@
68
68
  "type": "color"
69
69
  },
70
70
  "$border-muted": {
71
- "value": "{$warm2}",
71
+ "value": "{$grey2}",
72
72
  "type": "color"
73
73
  },
74
74
  "$border-default": {
75
- "value": "{$warm4}",
75
+ "value": "{$grey4}",
76
76
  "type": "color"
77
77
  },
78
78
  "$border-strong": {
79
- "value": "{$warm6}",
79
+ "value": "{$grey6}",
80
80
  "type": "color"
81
81
  },
82
82
  "$button-primary": {
@@ -92,15 +92,15 @@
92
92
  "type": "color"
93
93
  },
94
94
  "$button-secondary": {
95
- "value": "{$warm8}",
95
+ "value": "{$grey8}",
96
96
  "type": "color"
97
97
  },
98
98
  "$button-secondary-hover": {
99
- "value": "{$warm7}",
99
+ "value": "{$grey7}",
100
100
  "type": "color"
101
101
  },
102
102
  "$button-secondary-active": {
103
- "value": "{$warm6}",
103
+ "value": "{$grey6}",
104
104
  "type": "color"
105
105
  },
106
106
  "$button-danger": {
@@ -116,19 +116,19 @@
116
116
  "type": "color"
117
117
  },
118
118
  "$button-disabled": {
119
- "value": "{$warm4}",
119
+ "value": "{$grey4}",
120
120
  "type": "color"
121
121
  },
122
122
  "$icon-primary": {
123
- "value": "{$warm9}",
123
+ "value": "{$grey9}",
124
124
  "type": "color"
125
125
  },
126
126
  "$icon-secondary": {
127
- "value": "{$warm8}",
127
+ "value": "{$grey8}",
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$warm7}",
131
+ "value": "{$grey7}",
132
132
  "type": "color"
133
133
  },
134
134
  "$icon-on-color": {
@@ -144,7 +144,7 @@
144
144
  "type": "color"
145
145
  },
146
146
  "$link-subtle": {
147
- "value": "{$warm7}",
147
+ "value": "{$grey7}",
148
148
  "type": "color"
149
149
  },
150
150
  "$link-visited": {
@@ -168,19 +168,19 @@
168
168
  "type": "color"
169
169
  },
170
170
  "$text-primary": {
171
- "value": "{$warm10}",
171
+ "value": "{$grey10}",
172
172
  "type": "color"
173
173
  },
174
174
  "$text-primary-alt": {
175
- "value": "{$warm8}",
175
+ "value": "{$grey8}",
176
176
  "type": "color"
177
177
  },
178
178
  "$text-secondary": {
179
- "value": "{$warm7}",
179
+ "value": "{$grey7}",
180
180
  "type": "color"
181
181
  },
182
182
  "$text-placeholder": {
183
- "value": "{$warm4}",
183
+ "value": "{$grey4}",
184
184
  "type": "color"
185
185
  },
186
186
  "$text-on-color": {
@@ -0,0 +1,198 @@
1
+ {
2
+ "$background": {
3
+ "value": "{$white}",
4
+ "type": "color"
5
+ },
6
+ "$background-secondary": {
7
+ "value": "{$cold1}",
8
+ "type": "color"
9
+ },
10
+ "$background-hover": {
11
+ "value": "{$cold1}",
12
+ "type": "color"
13
+ },
14
+ "$background-selected": {
15
+ "value": "{$cold2}",
16
+ "type": "color"
17
+ },
18
+ "$background-selected-hover": {
19
+ "value": "{$cold3}",
20
+ "type": "color"
21
+ },
22
+ "$background-red": {
23
+ "value": "{$red1}",
24
+ "type": "color"
25
+ },
26
+ "$background-orange": {
27
+ "value": "{$orange1}",
28
+ "type": "color"
29
+ },
30
+ "$background-yellow": {
31
+ "value": "{$yellow1}",
32
+ "type": "color"
33
+ },
34
+ "$background-green": {
35
+ "value": "{$green1}",
36
+ "type": "color"
37
+ },
38
+ "$background-mint": {
39
+ "value": "{$mint1}",
40
+ "type": "color"
41
+ },
42
+ "$background-teal": {
43
+ "value": "{$teal1}",
44
+ "type": "color"
45
+ },
46
+ "$background-cyan": {
47
+ "value": "{$cyan1}",
48
+ "type": "color"
49
+ },
50
+ "$background-blue": {
51
+ "value": "{$blue1}",
52
+ "type": "color"
53
+ },
54
+ "$background-indigo": {
55
+ "value": "{$indigo1}",
56
+ "type": "color"
57
+ },
58
+ "$background-purple": {
59
+ "value": "{$purple1}",
60
+ "type": "color"
61
+ },
62
+ "$background-pink": {
63
+ "value": "{$pink1}",
64
+ "type": "color"
65
+ },
66
+ "$background-brown": {
67
+ "value": "{$brown1}",
68
+ "type": "color"
69
+ },
70
+ "$border-muted": {
71
+ "value": "{$cold2}",
72
+ "type": "color"
73
+ },
74
+ "$border-default": {
75
+ "value": "{$cold4}",
76
+ "type": "color"
77
+ },
78
+ "$border-strong": {
79
+ "value": "{$cold6}",
80
+ "type": "color"
81
+ },
82
+ "$button-primary": {
83
+ "value": "{$blue5}",
84
+ "type": "color"
85
+ },
86
+ "$button-primary-hover": {
87
+ "value": "{$blue6}",
88
+ "type": "color"
89
+ },
90
+ "$button-primary-active": {
91
+ "value": "{$blue7}",
92
+ "type": "color"
93
+ },
94
+ "$button-secondary": {
95
+ "value": "{$cold8}",
96
+ "type": "color"
97
+ },
98
+ "$button-secondary-hover": {
99
+ "value": "{$cold7}",
100
+ "type": "color"
101
+ },
102
+ "$button-secondary-active": {
103
+ "value": "{$cold6}",
104
+ "type": "color"
105
+ },
106
+ "$button-danger": {
107
+ "value": "{$red5}",
108
+ "type": "color"
109
+ },
110
+ "$button-danger-hover": {
111
+ "value": "{$red6}",
112
+ "type": "color"
113
+ },
114
+ "$button-danger-active": {
115
+ "value": "{$red7}",
116
+ "type": "color"
117
+ },
118
+ "$button-disabled": {
119
+ "value": "{$cold4}",
120
+ "type": "color"
121
+ },
122
+ "$icon-primary": {
123
+ "value": "{$cold9}",
124
+ "type": "color"
125
+ },
126
+ "$icon-secondary": {
127
+ "value": "{$cold8}",
128
+ "type": "color"
129
+ },
130
+ "$icon-disabled": {
131
+ "value": "{$cold7}",
132
+ "type": "color"
133
+ },
134
+ "$icon-on-color": {
135
+ "value": "{$white}",
136
+ "type": "color"
137
+ },
138
+ "$link": {
139
+ "value": "{$blue5}",
140
+ "type": "color"
141
+ },
142
+ "$link-hover": {
143
+ "value": "{$blue6}",
144
+ "type": "color"
145
+ },
146
+ "$link-subtle": {
147
+ "value": "{$cold7}",
148
+ "type": "color"
149
+ },
150
+ "$link-visited": {
151
+ "value": "{$indigo5}",
152
+ "type": "color"
153
+ },
154
+ "$support-error": {
155
+ "value": "{$red5}",
156
+ "type": "color"
157
+ },
158
+ "$support-warning": {
159
+ "value": "{$yellow5}",
160
+ "type": "color"
161
+ },
162
+ "$support-success": {
163
+ "value": "{$green5}",
164
+ "type": "color"
165
+ },
166
+ "$support-info": {
167
+ "value": "{$blue5}",
168
+ "type": "color"
169
+ },
170
+ "$text-primary": {
171
+ "value": "{$cold10}",
172
+ "type": "color"
173
+ },
174
+ "$text-primary-alt": {
175
+ "value": "{$cold8}",
176
+ "type": "color"
177
+ },
178
+ "$text-secondary": {
179
+ "value": "{$cold7}",
180
+ "type": "color"
181
+ },
182
+ "$text-placeholder": {
183
+ "value": "{$cold4}",
184
+ "type": "color"
185
+ },
186
+ "$text-on-color": {
187
+ "value": "{$white}",
188
+ "type": "color"
189
+ },
190
+ "$text-error": {
191
+ "value": "{$red6}",
192
+ "type": "color"
193
+ },
194
+ "$text-success": {
195
+ "value": "{$green6}",
196
+ "type": "color"
197
+ }
198
+ }
@@ -0,0 +1,198 @@
1
+ {
2
+ "$background": {
3
+ "value": "{$white}",
4
+ "type": "color"
5
+ },
6
+ "$background-secondary": {
7
+ "value": "{$warm1}",
8
+ "type": "color"
9
+ },
10
+ "$background-hover": {
11
+ "value": "{$warm1}",
12
+ "type": "color"
13
+ },
14
+ "$background-selected": {
15
+ "value": "{$warm2}",
16
+ "type": "color"
17
+ },
18
+ "$background-selected-hover": {
19
+ "value": "{$warm3}",
20
+ "type": "color"
21
+ },
22
+ "$background-red": {
23
+ "value": "{$red1}",
24
+ "type": "color"
25
+ },
26
+ "$background-orange": {
27
+ "value": "{$orange1}",
28
+ "type": "color"
29
+ },
30
+ "$background-yellow": {
31
+ "value": "{$yellow1}",
32
+ "type": "color"
33
+ },
34
+ "$background-green": {
35
+ "value": "{$green1}",
36
+ "type": "color"
37
+ },
38
+ "$background-mint": {
39
+ "value": "{$mint1}",
40
+ "type": "color"
41
+ },
42
+ "$background-teal": {
43
+ "value": "{$teal1}",
44
+ "type": "color"
45
+ },
46
+ "$background-cyan": {
47
+ "value": "{$cyan1}",
48
+ "type": "color"
49
+ },
50
+ "$background-blue": {
51
+ "value": "{$blue1}",
52
+ "type": "color"
53
+ },
54
+ "$background-indigo": {
55
+ "value": "{$indigo1}",
56
+ "type": "color"
57
+ },
58
+ "$background-purple": {
59
+ "value": "{$purple1}",
60
+ "type": "color"
61
+ },
62
+ "$background-pink": {
63
+ "value": "{$pink1}",
64
+ "type": "color"
65
+ },
66
+ "$background-brown": {
67
+ "value": "{$brown1}",
68
+ "type": "color"
69
+ },
70
+ "$border-muted": {
71
+ "value": "{$warm2}",
72
+ "type": "color"
73
+ },
74
+ "$border-default": {
75
+ "value": "{$warm4}",
76
+ "type": "color"
77
+ },
78
+ "$border-strong": {
79
+ "value": "{$warm6}",
80
+ "type": "color"
81
+ },
82
+ "$button-primary": {
83
+ "value": "{$blue5}",
84
+ "type": "color"
85
+ },
86
+ "$button-primary-hover": {
87
+ "value": "{$blue6}",
88
+ "type": "color"
89
+ },
90
+ "$button-primary-active": {
91
+ "value": "{$blue7}",
92
+ "type": "color"
93
+ },
94
+ "$button-secondary": {
95
+ "value": "{$warm8}",
96
+ "type": "color"
97
+ },
98
+ "$button-secondary-hover": {
99
+ "value": "{$warm7}",
100
+ "type": "color"
101
+ },
102
+ "$button-secondary-active": {
103
+ "value": "{$warm6}",
104
+ "type": "color"
105
+ },
106
+ "$button-danger": {
107
+ "value": "{$red5}",
108
+ "type": "color"
109
+ },
110
+ "$button-danger-hover": {
111
+ "value": "{$red6}",
112
+ "type": "color"
113
+ },
114
+ "$button-danger-active": {
115
+ "value": "{$red7}",
116
+ "type": "color"
117
+ },
118
+ "$button-disabled": {
119
+ "value": "{$warm4}",
120
+ "type": "color"
121
+ },
122
+ "$icon-primary": {
123
+ "value": "{$warm9}",
124
+ "type": "color"
125
+ },
126
+ "$icon-secondary": {
127
+ "value": "{$warm8}",
128
+ "type": "color"
129
+ },
130
+ "$icon-disabled": {
131
+ "value": "{$warm7}",
132
+ "type": "color"
133
+ },
134
+ "$icon-on-color": {
135
+ "value": "{$white}",
136
+ "type": "color"
137
+ },
138
+ "$link": {
139
+ "value": "{$blue5}",
140
+ "type": "color"
141
+ },
142
+ "$link-hover": {
143
+ "value": "{$blue6}",
144
+ "type": "color"
145
+ },
146
+ "$link-subtle": {
147
+ "value": "{$warm7}",
148
+ "type": "color"
149
+ },
150
+ "$link-visited": {
151
+ "value": "{$indigo5}",
152
+ "type": "color"
153
+ },
154
+ "$support-error": {
155
+ "value": "{$red5}",
156
+ "type": "color"
157
+ },
158
+ "$support-warning": {
159
+ "value": "{$yellow5}",
160
+ "type": "color"
161
+ },
162
+ "$support-success": {
163
+ "value": "{$green5}",
164
+ "type": "color"
165
+ },
166
+ "$support-info": {
167
+ "value": "{$blue5}",
168
+ "type": "color"
169
+ },
170
+ "$text-primary": {
171
+ "value": "{$warm10}",
172
+ "type": "color"
173
+ },
174
+ "$text-primary-alt": {
175
+ "value": "{$warm8}",
176
+ "type": "color"
177
+ },
178
+ "$text-secondary": {
179
+ "value": "{$warm7}",
180
+ "type": "color"
181
+ },
182
+ "$text-placeholder": {
183
+ "value": "{$warm4}",
184
+ "type": "color"
185
+ },
186
+ "$text-on-color": {
187
+ "value": "{$white}",
188
+ "type": "color"
189
+ },
190
+ "$text-error": {
191
+ "value": "{$red6}",
192
+ "type": "color"
193
+ },
194
+ "$text-success": {
195
+ "value": "{$green6}",
196
+ "type": "color"
197
+ }
198
+ }
package/help/light.png DELETED
Binary file