@new-ui/colors 1.2.0 → 1.2.1-beta.2

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 (27) hide show
  1. package/.github/workflows/ci.yml +19 -0
  2. package/README.md +28 -36
  3. package/assets/cover.png +0 -0
  4. package/dist/index.css +2 -0
  5. package/dist/index.css.map +1 -0
  6. package/package.json +11 -4
  7. package/parcel.config.js +3 -0
  8. package/src/_theme-light--cold.scss +123 -0
  9. package/src/_theme-light--warm.scss +123 -0
  10. package/src/_theme-light.scss +123 -0
  11. package/src/_utilities.scss +304 -0
  12. package/src/index.scss +4 -0
  13. package/build-tokens.js +0 -34
  14. package/dist/themes/dark-cold.css +0 -184
  15. package/dist/themes/dark-warm.css +0 -184
  16. package/dist/themes/dark.css +0 -184
  17. package/dist/themes/light-cold.css +0 -184
  18. package/dist/themes/light-warm.css +0 -184
  19. package/dist/themes/light.css +0 -184
  20. package/help/cover.png +0 -0
  21. package/tokens/global/global.json +0 -515
  22. package/tokens/themes/dark/dark.json +0 -198
  23. package/tokens/themes/dark-cold/dark.json +0 -198
  24. package/tokens/themes/dark-warm/dark.json +0 -198
  25. package/tokens/themes/light/light.json +0 -198
  26. package/tokens/themes/light-cold/light.json +0 -198
  27. package/tokens/themes/light-warm/light.json +0 -198
package/tokens/themes/light-cold/light.json DELETED
@@ -1,198 +0,0 @@
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": {
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": "{$cold7}",
128
- "type": "color"
129
- },
130
- "$icon-disabled": {
131
- "value": "{$cold4}",
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": "{$cold8}",
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
- }
package/tokens/themes/light-warm/light.json DELETED
@@ -1,198 +0,0 @@
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": {
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": "{$warm7}",
128
- "type": "color"
129
- },
130
- "$icon-disabled": {
131
- "value": "{$warm4}",
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": "{$warm8}",
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
- }