@transferwise/neptune-tokens 6.0.0 → 6.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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/colors-base.css +2 -2
  3. package/colors-base.less +2 -2
  4. package/colors.json +79 -4
  5. package/package.json +1 -1
  6. package/themes/dark/tokens.css +2 -1
  7. package/themes/dark/tokens.less +2 -1
  8. package/themes/light/tokens.css +2 -1
  9. package/themes/light/tokens.less +2 -1
  10. package/themes/navy/tokens.css +2 -1
  11. package/themes/navy/tokens.less +2 -1
  12. package/tokens.css +2 -1
  13. package/tokens.less +4 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ # v6.1.0
2
+
3
+ ## Add tertiary content token
4
+
5
+ We're adding a new tertiary content token for text that should be deemphasised further than secondary, like placeholders in inputs and inactive components.
6
+
1
7
  # v6.0.0
2
8
 
3
9
  ## Remove themed CSS custom properties (variables) from :root
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ * Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -29,7 +29,7 @@
29
29
  --color-base-navy-dark: #253655;
30
30
  --color-base-navy-fade: #849cc51a;
31
31
  --color-base-grey-light: #829ca9;
32
- --color-base-grey-mid: #6f8691;
32
+ --color-base-grey-mid: #768e9c;
33
33
  --color-base-grey-dark: #5d7079;
34
34
  --color-base-grey-fade: #829ca91a;
35
35
  --color-base-white-light: #ffffff;
package/colors-base.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ // Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
@@ -27,7 +27,7 @@
27
27
  @color-base-navy-dark: #253655;
28
28
  @color-base-navy-fade: #849cc51a;
29
29
  @color-base-grey-light: #829ca9;
30
- @color-base-grey-mid: #6f8691;
30
+ @color-base-grey-mid: #768e9c;
31
31
  @color-base-grey-dark: #5d7079;
32
32
  @color-base-grey-fade: #829ca91a;
33
33
  @color-base-white-light: #ffffff;
package/colors.json CHANGED
@@ -703,15 +703,15 @@
703
703
  },
704
704
  "mid": {
705
705
  "value": {
706
- "r": 0.43529411764705883,
707
- "g": 0.5254901960784314,
708
- "b": 0.5686274509803921
706
+ "r": 0.4627450980392157,
707
+ "g": 0.5568627450980392,
708
+ "b": 0.611764705882353
709
709
  },
710
710
  "filePath": "tokens/colors/base.json",
711
711
  "isSource": true,
712
712
  "original": {
713
713
  "value": {
714
- "hex": "#6f8691"
714
+ "hex": "#768e9c"
715
715
  }
716
716
  },
717
717
  "name": "baseGreyMid",
@@ -1145,6 +1145,31 @@
1145
1145
  "secondary"
1146
1146
  ]
1147
1147
  },
1148
+ "tertiary": {
1149
+ "value": {
1150
+ "r": 0.6588235294117647,
1151
+ "g": 0.6666666666666666,
1152
+ "b": 0.6745098039215687
1153
+ },
1154
+ "filePath": "tokens/colors/themes/dark.json",
1155
+ "isSource": true,
1156
+ "original": {
1157
+ "value": "{color.base.smoke.dark.value}"
1158
+ },
1159
+ "name": "darkContentTertiary",
1160
+ "attributes": {
1161
+ "category": "color",
1162
+ "type": "dark",
1163
+ "item": "content",
1164
+ "subitem": "tertiary"
1165
+ },
1166
+ "path": [
1167
+ "color",
1168
+ "dark",
1169
+ "content",
1170
+ "tertiary"
1171
+ ]
1172
+ },
1148
1173
  "accent": {
1149
1174
  "value": {
1150
1175
  "r": 0,
@@ -1765,6 +1790,31 @@
1765
1790
  "secondary"
1766
1791
  ]
1767
1792
  },
1793
+ "tertiary": {
1794
+ "value": {
1795
+ "r": 0.4627450980392157,
1796
+ "g": 0.5568627450980392,
1797
+ "b": 0.611764705882353
1798
+ },
1799
+ "filePath": "tokens/colors/themes/light.json",
1800
+ "isSource": true,
1801
+ "original": {
1802
+ "value": "{color.base.grey.mid.value}"
1803
+ },
1804
+ "name": "lightContentTertiary",
1805
+ "attributes": {
1806
+ "category": "color",
1807
+ "type": "light",
1808
+ "item": "content",
1809
+ "subitem": "tertiary"
1810
+ },
1811
+ "path": [
1812
+ "color",
1813
+ "light",
1814
+ "content",
1815
+ "tertiary"
1816
+ ]
1817
+ },
1768
1818
  "accent": {
1769
1819
  "value": {
1770
1820
  "r": 0,
@@ -2385,6 +2435,31 @@
2385
2435
  "secondary"
2386
2436
  ]
2387
2437
  },
2438
+ "tertiary": {
2439
+ "value": {
2440
+ "r": 0.6588235294117647,
2441
+ "g": 0.6666666666666666,
2442
+ "b": 0.6745098039215687
2443
+ },
2444
+ "filePath": "tokens/colors/themes/navy.json",
2445
+ "isSource": true,
2446
+ "original": {
2447
+ "value": "{color.base.smoke.dark.value}"
2448
+ },
2449
+ "name": "navyContentTertiary",
2450
+ "attributes": {
2451
+ "category": "color",
2452
+ "type": "navy",
2453
+ "item": "content",
2454
+ "subitem": "tertiary"
2455
+ },
2456
+ "path": [
2457
+ "color",
2458
+ "navy",
2459
+ "content",
2460
+ "tertiary"
2461
+ ]
2462
+ },
2388
2463
  "accent": {
2389
2464
  "value": {
2390
2465
  "r": 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "6.0.0",
3
+ "version": "6.1.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,11 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ * Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
7
7
  --color-content-primary: #e2e6e8;
8
8
  --color-content-secondary: #c9cbce;
9
+ --color-content-tertiary: #a8aaac;
9
10
  --color-content-accent: #00b9ff;
10
11
  --color-content-accent-hover: #00a6ea;
11
12
  --color-content-accent-active: #0097db;
package/themes/dark/tokens.less CHANGED
@@ -1,9 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ // Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
7
+ @color-content-tertiary: #a8aaac;
7
8
  @color-content-accent: #00b9ff;
8
9
  @color-content-accent-hover: #00a6ea;
9
10
  @color-content-accent-active: #0097db;
package/themes/light/tokens.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ * Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
7
7
  --color-content-primary: #37517e;
8
8
  --color-content-secondary: #5d7079;
9
+ --color-content-tertiary: #768e9c;
9
10
  --color-content-accent: #0097c7;
10
11
  --color-content-accent-hover: #0084b3;
11
12
  --color-content-accent-active: #0077a5;
package/themes/light/tokens.less CHANGED
@@ -1,9 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ // Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
7
+ @color-content-tertiary: #768e9c;
7
8
  @color-content-accent: #0097c7;
8
9
  @color-content-accent-hover: #0084b3;
9
10
  @color-content-accent-active: #0077a5;
package/themes/navy/tokens.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ * Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
7
7
  --color-content-primary: #ffffff;
8
8
  --color-content-secondary: #c9cbce;
9
+ --color-content-tertiary: #a8aaac;
9
10
  --color-content-accent: #00b9ff;
10
11
  --color-content-accent-hover: #00a6ea;
11
12
  --color-content-accent-active: #0097db;
package/themes/navy/tokens.less CHANGED
@@ -1,9 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ // Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
7
+ @color-content-tertiary: #a8aaac;
7
8
  @color-content-accent: #00b9ff;
8
9
  @color-content-accent-hover: #00a6ea;
9
10
  @color-content-accent-active: #0097db;
package/tokens.css CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ * Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
  */
5
5
 
6
6
  :root {
7
7
  --color-content-primary: #37517e;
8
8
  --color-content-secondary: #5d7079;
9
+ --color-content-tertiary: #768e9c;
9
10
  --color-content-accent: #0097c7;
10
11
  --color-content-accent-hover: #0084b3;
11
12
  --color-content-accent-active: #0077a5;
package/tokens.less CHANGED
@@ -1,9 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Nov 2021 13:23:31 GMT
3
+ // Generated on Fri, 03 Dec 2021 12:38:48 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
7
+ @color-dark-content-tertiary: #a8aaac;
7
8
  @color-dark-content-accent: #00b9ff;
8
9
  @color-dark-content-accent-hover: #00a6ea;
9
10
  @color-dark-content-accent-active: #0097db;
@@ -46,6 +47,7 @@
46
47
  @color-dark-core-contrast: #ffffff;
47
48
  @color-content-primary: #37517e;
48
49
  @color-content-secondary: #5d7079;
50
+ @color-content-tertiary: #768e9c;
49
51
  @color-content-accent: #0097c7;
50
52
  @color-content-accent-hover: #0084b3;
51
53
  @color-content-accent-active: #0077a5;
@@ -88,6 +90,7 @@
88
90
  @color-core-contrast: #000000;
89
91
  @color-navy-content-primary: #ffffff;
90
92
  @color-navy-content-secondary: #c9cbce;
93
+ @color-navy-content-tertiary: #a8aaac;
91
94
  @color-navy-content-accent: #00b9ff;
92
95
  @color-navy-content-accent-hover: #00a6ea;
93
96
  @color-navy-content-accent-active: #0097db;