@transferwise/neptune-tokens 5.1.0 → 6.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +13 -9
  2. package/colors-base.css +1 -1
  3. package/colors-base.less +1 -1
  4. package/package.json +1 -1
  5. package/themes/dark/tokens.css +1 -1
  6. package/themes/dark/tokens.less +1 -1
  7. package/themes/light/tokens.css +1 -1
  8. package/themes/light/tokens.less +1 -1
  9. package/themes/navy/tokens.css +1 -1
  10. package/themes/navy/tokens.less +1 -1
  11. package/tokens.css +1 -43
  12. package/tokens.less +43 -1
package/CHANGELOG.md CHANGED
@@ -1,28 +1,32 @@
1
+ # v6.0.0
2
+
3
+ ## Remove themed CSS custom properties (variables) from :root
4
+
5
+ To avoid further confusion with our upcoming theming changes, we are dropping the color theme name from CSS variables assigned to the `:root` pseudo-class.
6
+
1
7
  # v5.1.0
2
8
 
3
9
  ## Add font-family token
4
10
 
5
-
6
11
  # v5.0.0
7
12
 
8
13
  ## Add Navy color tokens to default bundle
9
14
 
10
- Navy tokens addes with `-navy-` part in file, e.g
15
+ Navy tokens added with `-navy-` part in file, e.g
11
16
 
12
17
  ```css
13
- --color-navy-content-primary: #...;
14
- --color-navy-content-secondary: #...;
18
+ --color-navy-content-primary: #...;
19
+ --color-navy-content-secondary: #...;
15
20
  ```
16
21
 
17
-
18
22
  ## and make path to default bundle same as in v1 (breaking change)
19
23
 
20
- ```js
24
+ ```css
21
25
  // old
22
- @transferwise/neptune-tokens/themes/default/tokens.css
26
+ @import "@transferwise/neptune-tokens/themes/default/tokens.css";
23
27
 
24
28
  // new
25
- @transferwise/neptune-tokens/tokens.css
29
+ @import "@transferwise/neptune-tokens/tokens.css";
26
30
  ```
27
31
 
28
- This is necessary because most people still use v1 and it will be less of a breaking change in upcoming Neptune release with new colors.
32
+ This is necessary because most people still use v1 and it will be less of a breaking change in upcoming Neptune release with new colors.
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ * Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
  */
5
5
 
6
6
  :root {
package/colors-base.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ // Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "5.1.0",
3
+ "version": "6.0.0",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/themes/dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ * Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ // Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ * Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ // Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ * Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ // Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
package/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ * Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -46,48 +46,6 @@
46
46
  --color-border-neutral: #0000001a;
47
47
  --color-border-overlay: #0000001a;
48
48
  --color-core-contrast: #000000;
49
- --color-navy-content-primary: #ffffff;
50
- --color-navy-content-secondary: #c9cbce;
51
- --color-navy-content-accent: #00b9ff;
52
- --color-navy-content-accent-hover: #00a6ea;
53
- --color-navy-content-accent-active: #0097db;
54
- --color-navy-content-positive: #6fd698;
55
- --color-navy-content-positive-hover: #5ac285;
56
- --color-navy-content-positive-active: #4bb377;
57
- --color-navy-content-negative: #ffa6a9;
58
- --color-navy-content-negative-hover: #ea9396;
59
- --color-navy-content-negative-active: #da8488;
60
- --color-navy-content-warning: #ffd184;
61
- --color-navy-content-warning-hover: #e9bd71;
62
- --color-navy-content-warning-active: #daae63;
63
- --color-navy-content-disabled: #a8aaac;
64
- --color-navy-interactive-accent: #00a2dd;
65
- --color-navy-interactive-accent-hover: #008fc9;
66
- --color-navy-interactive-accent-active: #0081ba;
67
- --color-navy-interactive-positive: #2ead4b;
68
- --color-navy-interactive-positive-hover: #069939;
69
- --color-navy-interactive-positive-active: #008b2b;
70
- --color-navy-interactive-negative: #e74848;
71
- --color-navy-interactive-negative-hover: #d03238;
72
- --color-navy-interactive-negative-active: #bf1e2c;
73
- --color-navy-interactive-warning: #df8700;
74
- --color-navy-interactive-warning-hover: #c97500;
75
- --color-navy-interactive-warning-active: #b86700;
76
- --color-navy-interactive-secondary: #a8aaac;
77
- --color-navy-interactive-secondary-hover: #959799;
78
- --color-navy-interactive-secondary-active: #87898b;
79
- --color-navy-interactive-disabled: #a8aaac;
80
- --color-navy-background-screen: #2e4369;
81
- --color-navy-background-elevated: #37517e;
82
- --color-navy-background-neutral: #86a7bd1a;
83
- --color-navy-background-accent: #38c8ff1a;
84
- --color-navy-background-positive: #36c7971a;
85
- --color-navy-background-negative: #ff87871a;
86
- --color-navy-background-warning: #ffac001a;
87
- --color-navy-background-overlay: #ffffff1a;
88
- --color-navy-border-neutral: #ffffff1a;
89
- --color-navy-border-overlay: #ffffff1a;
90
- --color-navy-core-contrast: #ffffff;
91
49
  --radius-small: 3px;
92
50
  --radius-medium: 10px;
93
51
  --size-4: 4px;
package/tokens.less CHANGED
@@ -1,7 +1,49 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Nov 2021 15:37:36 GMT
3
+ // Generated on Wed, 24 Nov 2021 13:23:31 GMT
4
4
 
5
+ @color-dark-content-primary: #e2e6e8;
6
+ @color-dark-content-secondary: #c9cbce;
7
+ @color-dark-content-accent: #00b9ff;
8
+ @color-dark-content-accent-hover: #00a6ea;
9
+ @color-dark-content-accent-active: #0097db;
10
+ @color-dark-content-positive: #6fd698;
11
+ @color-dark-content-positive-hover: #5ac285;
12
+ @color-dark-content-positive-active: #4bb377;
13
+ @color-dark-content-negative: #ffa6a9;
14
+ @color-dark-content-negative-hover: #ea9396;
15
+ @color-dark-content-negative-active: #da8488;
16
+ @color-dark-content-warning: #ffd184;
17
+ @color-dark-content-warning-hover: #e9bd71;
18
+ @color-dark-content-warning-active: #daae63;
19
+ @color-dark-content-disabled: #a8aaac;
20
+ @color-dark-interactive-accent: #00a2dd;
21
+ @color-dark-interactive-accent-hover: #008fc9;
22
+ @color-dark-interactive-accent-active: #0081ba;
23
+ @color-dark-interactive-positive: #2ead4b;
24
+ @color-dark-interactive-positive-hover: #069939;
25
+ @color-dark-interactive-positive-active: #008b2b;
26
+ @color-dark-interactive-negative: #e74848;
27
+ @color-dark-interactive-negative-hover: #d03238;
28
+ @color-dark-interactive-negative-active: #bf1e2c;
29
+ @color-dark-interactive-warning: #df8700;
30
+ @color-dark-interactive-warning-hover: #c97500;
31
+ @color-dark-interactive-warning-active: #b86700;
32
+ @color-dark-interactive-secondary: #a8aaac;
33
+ @color-dark-interactive-secondary-hover: #959799;
34
+ @color-dark-interactive-secondary-active: #87898b;
35
+ @color-dark-interactive-disabled: #a8aaac;
36
+ @color-dark-background-screen: #181818;
37
+ @color-dark-background-elevated: #202020;
38
+ @color-dark-background-neutral: #86a7bd1a;
39
+ @color-dark-background-accent: #38c8ff1a;
40
+ @color-dark-background-positive: #36c7971a;
41
+ @color-dark-background-negative: #ff87871a;
42
+ @color-dark-background-warning: #ffac001a;
43
+ @color-dark-background-overlay: #ffffff1a;
44
+ @color-dark-border-neutral: #ffffff1a;
45
+ @color-dark-border-overlay: #ffffff1a;
46
+ @color-dark-core-contrast: #ffffff;
5
47
  @color-content-primary: #37517e;
6
48
  @color-content-secondary: #5d7079;
7
49
  @color-content-accent: #0097c7;