@new-ui/colors 1.1.0 → 1.2.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/README.md +7 -7
- package/build-tokens.js +1 -1
- package/dist/themes/dark-cold.css +2 -2
- package/dist/themes/dark-warm.css +2 -2
- package/dist/themes/dark.css +2 -2
- package/dist/themes/light-cold.css +2 -2
- package/dist/themes/light-warm.css +2 -2
- package/dist/themes/light.css +2 -2
- package/package.json +1 -1
- package/tokens/themes/dark/dark.json +1 -1
- package/tokens/themes/dark-cold/dark.json +1 -1
- package/tokens/themes/dark-warm/dark.json +1 -1
- package/tokens/themes/light/light.json +1 -1
- package/tokens/themes/light-cold/light.json +1 -1
- package/tokens/themes/light-warm/light.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
3
|
## Install
|
|
4
|
-
Install New UI Colors from your terminal via npm. Current version is 1.
|
|
4
|
+
Install New UI Colors from your terminal via npm. Current version is 1.2.0
|
|
5
5
|
|
|
6
6
|
```
|
|
7
7
|
npm i @new-ui/colors
|
|
@@ -11,24 +11,24 @@ To get started quickly, you can use the CDN files.
|
|
|
11
11
|
|
|
12
12
|
Light themes:
|
|
13
13
|
```html
|
|
14
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
14
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/light.min.css">
|
|
15
15
|
```
|
|
16
16
|
```html
|
|
17
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
17
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/light-warm.min.css">
|
|
18
18
|
```
|
|
19
19
|
```html
|
|
20
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
20
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/light-cold.min.css">
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
Dark themes:
|
|
24
24
|
```html
|
|
25
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
25
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/dark.min.css">
|
|
26
26
|
```
|
|
27
27
|
```html
|
|
28
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
28
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/dark-warm.min.css">
|
|
29
29
|
```
|
|
30
30
|
```html
|
|
31
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.
|
|
31
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@1.2.0/dist/themes/dark-cold.min.css">
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
## Build
|
package/build-tokens.js
CHANGED
|
@@ -2,7 +2,7 @@ const StyleDictionary = require("style-dictionary");
|
|
|
2
2
|
const args = require("minimist")(process.argv.slice(2));
|
|
3
3
|
const theme = args.theme ? args.theme : "primary";
|
|
4
4
|
|
|
5
|
-
console.log(
|
|
5
|
+
console.log(`Compiling tokens with the ${theme.toUpperCase()} theme ...`);
|
|
6
6
|
|
|
7
7
|
const getStyleDictionaryConfig = (theme) => {
|
|
8
8
|
return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:03:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue3);
|
|
163
163
|
--button-primary: var(--blue4);
|
|
164
164
|
--border-strong: var(--cold5);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--cold7);
|
|
166
166
|
--border-muted: var(--cold9);
|
|
167
167
|
--background-brown: var(--brown8);
|
|
168
168
|
--background-pink: var(--pink8);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:03:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue3);
|
|
163
163
|
--button-primary: var(--blue4);
|
|
164
164
|
--border-strong: var(--warm5);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--warm7);
|
|
166
166
|
--border-muted: var(--warm9);
|
|
167
167
|
--background-brown: var(--brown8);
|
|
168
168
|
--background-pink: var(--pink8);
|
package/dist/themes/dark.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:02:59 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue3);
|
|
163
163
|
--button-primary: var(--blue4);
|
|
164
164
|
--border-strong: var(--grey5);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--grey7);
|
|
166
166
|
--border-muted: var(--grey9);
|
|
167
167
|
--background-brown: var(--brown8);
|
|
168
168
|
--background-pink: var(--pink8);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:02:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue6);
|
|
163
163
|
--button-primary: var(--blue5);
|
|
164
164
|
--border-strong: var(--cold6);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--cold4);
|
|
166
166
|
--border-muted: var(--cold2);
|
|
167
167
|
--background-brown: var(--brown1);
|
|
168
168
|
--background-pink: var(--pink1);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:02:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue6);
|
|
163
163
|
--button-primary: var(--blue5);
|
|
164
164
|
--border-strong: var(--warm6);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--warm4);
|
|
166
166
|
--border-muted: var(--warm2);
|
|
167
167
|
--background-brown: var(--brown1);
|
|
168
168
|
--background-pink: var(--pink1);
|
package/dist/themes/light.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Dec 2022 09:02:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--button-primary-hover: var(--blue6);
|
|
163
163
|
--button-primary: var(--blue5);
|
|
164
164
|
--border-strong: var(--grey6);
|
|
165
|
-
--border
|
|
165
|
+
--border: var(--grey4);
|
|
166
166
|
--border-muted: var(--grey2);
|
|
167
167
|
--background-brown: var(--brown1);
|
|
168
168
|
--background-pink: var(--pink1);
|
package/package.json
CHANGED