@transferwise/neptune-tokens 6.0.0 → 7.0.0-beta.1
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/CHANGELOG.md +21 -0
- package/package.json +1 -1
- package/colors-base.css +0 -46
- package/colors-base.less +0 -43
- package/colors.json +0 -2957
- package/themes/dark/tokens.css +0 -83
- package/themes/dark/tokens.less +0 -80
- package/themes/light/tokens.css +0 -83
- package/themes/light/tokens.less +0 -80
- package/themes/navy/tokens.css +0 -83
- package/themes/navy/tokens.less +0 -80
- package/tokens.css +0 -83
- package/tokens.less +0 -164
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
# v7.0.0-beta.1
|
|
2
|
+
|
|
3
|
+
## Building new token files
|
|
4
|
+
|
|
5
|
+
# v7.0.0-beta.0
|
|
6
|
+
|
|
7
|
+
## New personal theme
|
|
8
|
+
|
|
9
|
+
## Remove disabled colour tokens
|
|
10
|
+
# v7.0.0
|
|
11
|
+
|
|
12
|
+
## Remove disabled colour tokens
|
|
13
|
+
|
|
14
|
+
Disabled colours were simulating transparency and desaturation, and were encouraging us to create a larger palette than we needed, and more prone to mistakes. We're now removing those tokens and encouraging consumers to use opacity and blend modes to achieve the same effect.
|
|
15
|
+
|
|
16
|
+
# v6.1.0
|
|
17
|
+
|
|
18
|
+
## Add tertiary content token
|
|
19
|
+
|
|
20
|
+
We're adding a new tertiary content token for text that should be deemphasised further than secondary, like placeholders in inputs and inactive components.
|
|
21
|
+
|
|
1
22
|
# v6.0.0
|
|
2
23
|
|
|
3
24
|
## Remove themed CSS custom properties (variables) from :root
|
package/package.json
CHANGED
package/colors-base.css
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 24 Nov 2021 13:23:31 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
:root {
|
|
7
|
-
--color-base-blue-light: #00b9ff;
|
|
8
|
-
--color-base-blue-mid: #00a2dd;
|
|
9
|
-
--color-base-blue-dark: #0097c7;
|
|
10
|
-
--color-base-blue-fade: #38c8ff1a;
|
|
11
|
-
--color-base-green-light: #6fd698;
|
|
12
|
-
--color-base-green-mid: #2ead4b;
|
|
13
|
-
--color-base-green-dark: #008026;
|
|
14
|
-
--color-base-green-fade: #36c7971a;
|
|
15
|
-
--color-base-red-light: #ffa6a9;
|
|
16
|
-
--color-base-red-mid: #e74848;
|
|
17
|
-
--color-base-red-dark: #cf2929;
|
|
18
|
-
--color-base-red-fade: #ff87871a;
|
|
19
|
-
--color-base-orange-light: #ffd184;
|
|
20
|
-
--color-base-orange-mid: #df8700;
|
|
21
|
-
--color-base-orange-dark: #9a6500;
|
|
22
|
-
--color-base-orange-fade: #ffac001a;
|
|
23
|
-
--color-base-smoke-light: #e2e6e8;
|
|
24
|
-
--color-base-smoke-mid: #c9cbce;
|
|
25
|
-
--color-base-smoke-dark: #a8aaac;
|
|
26
|
-
--color-base-smoke-fade: #86a7bd1a;
|
|
27
|
-
--color-base-navy-light: #37517e;
|
|
28
|
-
--color-base-navy-mid: #2e4369;
|
|
29
|
-
--color-base-navy-dark: #253655;
|
|
30
|
-
--color-base-navy-fade: #849cc51a;
|
|
31
|
-
--color-base-grey-light: #829ca9;
|
|
32
|
-
--color-base-grey-mid: #6f8691;
|
|
33
|
-
--color-base-grey-dark: #5d7079;
|
|
34
|
-
--color-base-grey-fade: #829ca91a;
|
|
35
|
-
--color-base-white-light: #ffffff;
|
|
36
|
-
--color-base-white-mid: #ebebeb;
|
|
37
|
-
--color-base-white-fade: #ffffff1a;
|
|
38
|
-
--color-base-black-light: #202020;
|
|
39
|
-
--color-base-black-mid: #181818;
|
|
40
|
-
--color-base-black-dark: #000000;
|
|
41
|
-
--color-base-black-fade: #0000001a;
|
|
42
|
-
--color-base-brand-blue: #00b9ff;
|
|
43
|
-
--color-base-brand-purple: #485cc7;
|
|
44
|
-
--color-base-brand-amber: #ffb619;
|
|
45
|
-
--color-base-brand-borderless: #44ee70;
|
|
46
|
-
}
|
package/colors-base.less
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 24 Nov 2021 13:23:31 GMT
|
|
4
|
-
|
|
5
|
-
@color-base-blue-light: #00b9ff;
|
|
6
|
-
@color-base-blue-mid: #00a2dd;
|
|
7
|
-
@color-base-blue-dark: #0097c7;
|
|
8
|
-
@color-base-blue-fade: #38c8ff1a;
|
|
9
|
-
@color-base-green-light: #6fd698;
|
|
10
|
-
@color-base-green-mid: #2ead4b;
|
|
11
|
-
@color-base-green-dark: #008026;
|
|
12
|
-
@color-base-green-fade: #36c7971a;
|
|
13
|
-
@color-base-red-light: #ffa6a9;
|
|
14
|
-
@color-base-red-mid: #e74848;
|
|
15
|
-
@color-base-red-dark: #cf2929;
|
|
16
|
-
@color-base-red-fade: #ff87871a;
|
|
17
|
-
@color-base-orange-light: #ffd184;
|
|
18
|
-
@color-base-orange-mid: #df8700;
|
|
19
|
-
@color-base-orange-dark: #9a6500;
|
|
20
|
-
@color-base-orange-fade: #ffac001a;
|
|
21
|
-
@color-base-smoke-light: #e2e6e8;
|
|
22
|
-
@color-base-smoke-mid: #c9cbce;
|
|
23
|
-
@color-base-smoke-dark: #a8aaac;
|
|
24
|
-
@color-base-smoke-fade: #86a7bd1a;
|
|
25
|
-
@color-base-navy-light: #37517e;
|
|
26
|
-
@color-base-navy-mid: #2e4369;
|
|
27
|
-
@color-base-navy-dark: #253655;
|
|
28
|
-
@color-base-navy-fade: #849cc51a;
|
|
29
|
-
@color-base-grey-light: #829ca9;
|
|
30
|
-
@color-base-grey-mid: #6f8691;
|
|
31
|
-
@color-base-grey-dark: #5d7079;
|
|
32
|
-
@color-base-grey-fade: #829ca91a;
|
|
33
|
-
@color-base-white-light: #ffffff;
|
|
34
|
-
@color-base-white-mid: #ebebeb;
|
|
35
|
-
@color-base-white-fade: #ffffff1a;
|
|
36
|
-
@color-base-black-light: #202020;
|
|
37
|
-
@color-base-black-mid: #181818;
|
|
38
|
-
@color-base-black-dark: #000000;
|
|
39
|
-
@color-base-black-fade: #0000001a;
|
|
40
|
-
@color-base-brand-blue: #00b9ff;
|
|
41
|
-
@color-base-brand-purple: #485cc7;
|
|
42
|
-
@color-base-brand-amber: #ffb619;
|
|
43
|
-
@color-base-brand-borderless: #44ee70;
|