@new-ui/colors 1.0.0 → 1.1.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 (16) hide show
  1. package/README.md +16 -16
  2. package/dist/themes/dark-cold.css +3 -3
  3. package/dist/themes/dark-warm.css +3 -3
  4. package/dist/themes/dark.css +3 -3
  5. package/dist/themes/light-cold.css +4 -4
  6. package/dist/themes/light-warm.css +4 -4
  7. package/dist/themes/light.css +4 -4
  8. package/help/cover.png +0 -0
  9. package/package.json +1 -1
  10. package/tokens/themes/dark/dark.json +2 -2
  11. package/tokens/themes/dark-cold/dark.json +2 -2
  12. package/tokens/themes/dark-warm/dark.json +2 -2
  13. package/tokens/themes/light/light.json +3 -3
  14. package/tokens/themes/light-cold/light.json +3 -3
  15. package/tokens/themes/light-warm/light.json +3 -3
  16. package/help/dark.png +0 -0
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
- ![](help/dark.png)
1
+ ![](help/cover.png)
2
2
 
3
3
  ## Install
4
- Install New UI Colors from your terminal via npm. Current version is 1.0.0
4
+ Install New UI Colors from your terminal via npm. Current version is 1.1.0
5
5
 
6
6
  ```
7
7
  npm i @new-ui/colors
@@ -10,25 +10,25 @@ npm i @new-ui/colors
10
10
  To get started quickly, you can use the CDN files.
11
11
 
12
12
  Light themes:
13
+ ```html
14
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/light.min.css">
13
15
  ```
14
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/light.css">
16
+ ```html
17
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/light-warm.min.css">
15
18
  ```
16
- ```
17
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/light-warm.css">
18
- ```
19
- ```
20
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/light-cold.css">
19
+ ```html
20
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/light-cold.min.css">
21
21
  ```
22
22
 
23
23
  Dark themes:
24
+ ```html
25
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/dark.min.css">
24
26
  ```
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/dark.css">
26
- ```
27
- ```
28
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/dark-warm.css">
29
- ```
27
+ ```html
28
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/dark-warm.min.css">
30
29
  ```
31
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.0.0/dist/themes/dark-cold.css">
30
+ ```html
31
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.1.0/dist/themes/dark-cold.min.css">
32
32
  ```
33
33
 
34
34
  ## Build
@@ -53,7 +53,7 @@ npm run build:tokens -- --theme=dark-warm
53
53
  npm run build:tokens -- --theme=dark-cold
54
54
  ```
55
55
 
56
- ## Get a Figma copy
56
+ ## Recommended Defaults
57
57
  Refer to the Figma file for the color tokens cheatsheet.
58
58
 
59
- [New UI Colors](https://www.figma.com/community/file/1179503548902179413)
59
+ [Get a Figma copy](https://www.figma.com/community/file/1179503548902179413)
package/dist/themes/dark-cold.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:49:40 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:53:22 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -148,10 +148,10 @@
148
148
  --link-hover: var(--blue3);
149
149
  --link: var(--blue4);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--cold7);
151
+ --icon-disabled: var(--cold8);
152
152
  --icon-secondary: var(--cold4);
153
153
  --icon-primary: var(--cold2);
154
- --button-disabled: var(--cold6);
154
+ --button-disabled: var(--cold9);
155
155
  --button-danger-active: var(--red3);
156
156
  --button-danger-hover: var(--red3);
157
157
  --button-danger: var(--red4);
package/dist/themes/dark-warm.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:49:35 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:53:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -148,10 +148,10 @@
148
148
  --link-hover: var(--blue3);
149
149
  --link: var(--blue4);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--warm7);
151
+ --icon-disabled: var(--warm8);
152
152
  --icon-secondary: var(--warm4);
153
153
  --icon-primary: var(--warm2);
154
- --button-disabled: var(--warm6);
154
+ --button-disabled: var(--warm9);
155
155
  --button-danger-active: var(--red3);
156
156
  --button-danger-hover: var(--red3);
157
157
  --button-danger: var(--red4);
package/dist/themes/dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:49:29 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:53:11 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -148,10 +148,10 @@
148
148
  --link-hover: var(--blue3);
149
149
  --link: var(--blue4);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--grey7);
151
+ --icon-disabled: var(--grey8);
152
152
  --icon-secondary: var(--grey4);
153
153
  --icon-primary: var(--grey2);
154
- --button-disabled: var(--grey6);
154
+ --button-disabled: var(--grey9);
155
155
  --button-danger-active: var(--red3);
156
156
  --button-danger-hover: var(--red3);
157
157
  --button-danger: var(--red4);
package/dist/themes/light-cold.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:49:20 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:53:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -144,12 +144,12 @@
144
144
  --support-warning: var(--yellow5);
145
145
  --support-error: var(--red5);
146
146
  --link-visited: var(--indigo5);
147
- --link-subtle: var(--cold7);
147
+ --link-subtle: var(--cold8);
148
148
  --link-hover: var(--blue6);
149
149
  --link: var(--blue5);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--cold7);
152
- --icon-secondary: var(--cold8);
151
+ --icon-disabled: var(--cold4);
152
+ --icon-secondary: var(--cold7);
153
153
  --icon-primary: var(--cold9);
154
154
  --button-disabled: var(--cold4);
155
155
  --button-danger-active: var(--red7);
package/dist/themes/light-warm.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:49:04 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:53:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -144,12 +144,12 @@
144
144
  --support-warning: var(--yellow5);
145
145
  --support-error: var(--red5);
146
146
  --link-visited: var(--indigo5);
147
- --link-subtle: var(--warm7);
147
+ --link-subtle: var(--warm8);
148
148
  --link-hover: var(--blue6);
149
149
  --link: var(--blue5);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--warm7);
152
- --icon-secondary: var(--warm8);
151
+ --icon-disabled: var(--warm4);
152
+ --icon-secondary: var(--warm7);
153
153
  --icon-primary: var(--warm9);
154
154
  --button-disabled: var(--warm4);
155
155
  --button-danger-active: var(--red7);
package/dist/themes/light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Dec 2022 16:48:49 GMT
3
+ * Generated on Wed, 21 Dec 2022 20:52:56 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -144,12 +144,12 @@
144
144
  --support-warning: var(--yellow5);
145
145
  --support-error: var(--red5);
146
146
  --link-visited: var(--indigo5);
147
- --link-subtle: var(--grey7);
147
+ --link-subtle: var(--grey8);
148
148
  --link-hover: var(--blue6);
149
149
  --link: var(--blue5);
150
150
  --icon-on-color: var(--white);
151
- --icon-disabled: var(--grey7);
152
- --icon-secondary: var(--grey8);
151
+ --icon-disabled: var(--grey4);
152
+ --icon-secondary: var(--grey7);
153
153
  --icon-primary: var(--grey9);
154
154
  --button-disabled: var(--grey4);
155
155
  --button-danger-active: var(--red7);
package/help/cover.png ADDED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@new-ui/colors",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Colors are now one less thing to worry about.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/tokens/themes/dark/dark.json CHANGED
@@ -116,7 +116,7 @@
116
116
  "type": "color"
117
117
  },
118
118
  "$button-disabled": {
119
- "value": "{$grey6}",
119
+ "value": "{$grey9}",
120
120
  "type": "color"
121
121
  },
122
122
  "$icon-primary": {
@@ -128,7 +128,7 @@
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$grey7}",
131
+ "value": "{$grey8}",
132
132
  "type": "color"
133
133
  },
134
134
  "$icon-on-color": {
package/tokens/themes/dark-cold/dark.json CHANGED
@@ -116,7 +116,7 @@
116
116
  "type": "color"
117
117
  },
118
118
  "$button-disabled": {
119
- "value": "{$cold6}",
119
+ "value": "{$cold9}",
120
120
  "type": "color"
121
121
  },
122
122
  "$icon-primary": {
@@ -128,7 +128,7 @@
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$cold7}",
131
+ "value": "{$cold8}",
132
132
  "type": "color"
133
133
  },
134
134
  "$icon-on-color": {
package/tokens/themes/dark-warm/dark.json CHANGED
@@ -116,7 +116,7 @@
116
116
  "type": "color"
117
117
  },
118
118
  "$button-disabled": {
119
- "value": "{$warm6}",
119
+ "value": "{$warm9}",
120
120
  "type": "color"
121
121
  },
122
122
  "$icon-primary": {
@@ -128,7 +128,7 @@
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$warm7}",
131
+ "value": "{$warm8}",
132
132
  "type": "color"
133
133
  },
134
134
  "$icon-on-color": {
package/tokens/themes/light/light.json CHANGED
@@ -124,11 +124,11 @@
124
124
  "type": "color"
125
125
  },
126
126
  "$icon-secondary": {
127
- "value": "{$grey8}",
127
+ "value": "{$grey7}",
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$grey7}",
131
+ "value": "{$grey4}",
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": "{$grey7}",
147
+ "value": "{$grey8}",
148
148
  "type": "color"
149
149
  },
150
150
  "$link-visited": {
package/tokens/themes/light-cold/light.json CHANGED
@@ -124,11 +124,11 @@
124
124
  "type": "color"
125
125
  },
126
126
  "$icon-secondary": {
127
- "value": "{$cold8}",
127
+ "value": "{$cold7}",
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$cold7}",
131
+ "value": "{$cold4}",
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": "{$cold7}",
147
+ "value": "{$cold8}",
148
148
  "type": "color"
149
149
  },
150
150
  "$link-visited": {
package/tokens/themes/light-warm/light.json CHANGED
@@ -124,11 +124,11 @@
124
124
  "type": "color"
125
125
  },
126
126
  "$icon-secondary": {
127
- "value": "{$warm8}",
127
+ "value": "{$warm7}",
128
128
  "type": "color"
129
129
  },
130
130
  "$icon-disabled": {
131
- "value": "{$warm7}",
131
+ "value": "{$warm4}",
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": "{$warm8}",
148
148
  "type": "color"
149
149
  },
150
150
  "$link-visited": {
package/help/dark.png DELETED
Binary file