@transferwise/neptune-tokens 6.1.0 → 7.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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/colors-base.css +1 -1
  3. package/colors-base.less +1 -1
  4. package/colors.json +0 -150
  5. package/package.json +1 -1
  6. package/themes/dark/tokens.css +1 -3
  7. package/themes/dark/tokens.less +1 -3
  8. package/themes/light/tokens.css +1 -3
  9. package/themes/light/tokens.less +1 -3
  10. package/themes/navy/tokens.css +1 -3
  11. package/themes/navy/tokens.less +1 -3
  12. package/tokens.css +1 -3
  13. package/tokens.less +1 -7
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ # v7.0.0
2
+
3
+ ## Remove disabled colour tokens
4
+
5
+ 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.
6
+
1
7
  # v6.1.0
2
8
 
3
9
  ## Add tertiary content token
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ * Generated on Mon, 17 Jan 2022 12:49:22 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 Fri, 03 Dec 2021 12:38:48 GMT
3
+ // Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/colors.json CHANGED
@@ -1269,31 +1269,6 @@
1269
1269
  "content",
1270
1270
  "warning"
1271
1271
  ]
1272
- },
1273
- "disabled": {
1274
- "value": {
1275
- "r": 0.6588235294117647,
1276
- "g": 0.6666666666666666,
1277
- "b": 0.6745098039215687
1278
- },
1279
- "filePath": "tokens/colors/themes/dark.json",
1280
- "isSource": true,
1281
- "original": {
1282
- "value": "{color.base.smoke.dark.value}"
1283
- },
1284
- "name": "darkContentDisabled",
1285
- "attributes": {
1286
- "category": "color",
1287
- "type": "dark",
1288
- "item": "content",
1289
- "subitem": "disabled"
1290
- },
1291
- "path": [
1292
- "color",
1293
- "dark",
1294
- "content",
1295
- "disabled"
1296
- ]
1297
1272
  }
1298
1273
  },
1299
1274
  "interactive": {
@@ -1421,31 +1396,6 @@
1421
1396
  "interactive",
1422
1397
  "secondary"
1423
1398
  ]
1424
- },
1425
- "disabled": {
1426
- "value": {
1427
- "r": 0.6588235294117647,
1428
- "g": 0.6666666666666666,
1429
- "b": 0.6745098039215687
1430
- },
1431
- "filePath": "tokens/colors/themes/dark.json",
1432
- "isSource": true,
1433
- "original": {
1434
- "value": "{color.base.smoke.dark.value}"
1435
- },
1436
- "name": "darkInteractiveDisabled",
1437
- "attributes": {
1438
- "category": "color",
1439
- "type": "dark",
1440
- "item": "interactive",
1441
- "subitem": "disabled"
1442
- },
1443
- "path": [
1444
- "color",
1445
- "dark",
1446
- "interactive",
1447
- "disabled"
1448
- ]
1449
1399
  }
1450
1400
  },
1451
1401
  "background": {
@@ -1914,31 +1864,6 @@
1914
1864
  "content",
1915
1865
  "warning"
1916
1866
  ]
1917
- },
1918
- "disabled": {
1919
- "value": {
1920
- "r": 0.6588235294117647,
1921
- "g": 0.6666666666666666,
1922
- "b": 0.6745098039215687
1923
- },
1924
- "filePath": "tokens/colors/themes/light.json",
1925
- "isSource": true,
1926
- "original": {
1927
- "value": "{color.base.smoke.dark.value}"
1928
- },
1929
- "name": "lightContentDisabled",
1930
- "attributes": {
1931
- "category": "color",
1932
- "type": "light",
1933
- "item": "content",
1934
- "subitem": "disabled"
1935
- },
1936
- "path": [
1937
- "color",
1938
- "light",
1939
- "content",
1940
- "disabled"
1941
- ]
1942
1867
  }
1943
1868
  },
1944
1869
  "interactive": {
@@ -2066,31 +1991,6 @@
2066
1991
  "interactive",
2067
1992
  "secondary"
2068
1993
  ]
2069
- },
2070
- "disabled": {
2071
- "value": {
2072
- "r": 0.6588235294117647,
2073
- "g": 0.6666666666666666,
2074
- "b": 0.6745098039215687
2075
- },
2076
- "filePath": "tokens/colors/themes/light.json",
2077
- "isSource": true,
2078
- "original": {
2079
- "value": "{color.base.smoke.dark.value}"
2080
- },
2081
- "name": "lightInteractiveDisabled",
2082
- "attributes": {
2083
- "category": "color",
2084
- "type": "light",
2085
- "item": "interactive",
2086
- "subitem": "disabled"
2087
- },
2088
- "path": [
2089
- "color",
2090
- "light",
2091
- "interactive",
2092
- "disabled"
2093
- ]
2094
1994
  }
2095
1995
  },
2096
1996
  "background": {
@@ -2559,31 +2459,6 @@
2559
2459
  "content",
2560
2460
  "warning"
2561
2461
  ]
2562
- },
2563
- "disabled": {
2564
- "value": {
2565
- "r": 0.6588235294117647,
2566
- "g": 0.6666666666666666,
2567
- "b": 0.6745098039215687
2568
- },
2569
- "filePath": "tokens/colors/themes/navy.json",
2570
- "isSource": true,
2571
- "original": {
2572
- "value": "{color.base.smoke.dark.value}"
2573
- },
2574
- "name": "navyContentDisabled",
2575
- "attributes": {
2576
- "category": "color",
2577
- "type": "navy",
2578
- "item": "content",
2579
- "subitem": "disabled"
2580
- },
2581
- "path": [
2582
- "color",
2583
- "navy",
2584
- "content",
2585
- "disabled"
2586
- ]
2587
2462
  }
2588
2463
  },
2589
2464
  "interactive": {
@@ -2711,31 +2586,6 @@
2711
2586
  "interactive",
2712
2587
  "secondary"
2713
2588
  ]
2714
- },
2715
- "disabled": {
2716
- "value": {
2717
- "r": 0.6588235294117647,
2718
- "g": 0.6666666666666666,
2719
- "b": 0.6745098039215687
2720
- },
2721
- "filePath": "tokens/colors/themes/navy.json",
2722
- "isSource": true,
2723
- "original": {
2724
- "value": "{color.base.smoke.dark.value}"
2725
- },
2726
- "name": "navyInteractiveDisabled",
2727
- "attributes": {
2728
- "category": "color",
2729
- "type": "navy",
2730
- "item": "interactive",
2731
- "subitem": "disabled"
2732
- },
2733
- "path": [
2734
- "color",
2735
- "navy",
2736
- "interactive",
2737
- "disabled"
2738
- ]
2739
2589
  }
2740
2590
  },
2741
2591
  "background": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "6.1.0",
3
+ "version": "7.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 Fri, 03 Dec 2021 12:38:48 GMT
3
+ * Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -19,7 +19,6 @@
19
19
  --color-content-warning: #ffd184;
20
20
  --color-content-warning-hover: #e9bd71;
21
21
  --color-content-warning-active: #daae63;
22
- --color-content-disabled: #a8aaac;
23
22
  --color-interactive-accent: #00a2dd;
24
23
  --color-interactive-accent-hover: #008fc9;
25
24
  --color-interactive-accent-active: #0081ba;
@@ -35,7 +34,6 @@
35
34
  --color-interactive-secondary: #a8aaac;
36
35
  --color-interactive-secondary-hover: #959799;
37
36
  --color-interactive-secondary-active: #87898b;
38
- --color-interactive-disabled: #a8aaac;
39
37
  --color-background-screen: #181818;
40
38
  --color-background-elevated: #202020;
41
39
  --color-background-neutral: #86a7bd1a;
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ // Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -17,7 +17,6 @@
17
17
  @color-content-warning: #ffd184;
18
18
  @color-content-warning-hover: #e9bd71;
19
19
  @color-content-warning-active: #daae63;
20
- @color-content-disabled: #a8aaac;
21
20
  @color-interactive-accent: #00a2dd;
22
21
  @color-interactive-accent-hover: #008fc9;
23
22
  @color-interactive-accent-active: #0081ba;
@@ -33,7 +32,6 @@
33
32
  @color-interactive-secondary: #a8aaac;
34
33
  @color-interactive-secondary-hover: #959799;
35
34
  @color-interactive-secondary-active: #87898b;
36
- @color-interactive-disabled: #a8aaac;
37
35
  @color-background-screen: #181818;
38
36
  @color-background-elevated: #202020;
39
37
  @color-background-neutral: #86a7bd1a;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ * Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -19,7 +19,6 @@
19
19
  --color-content-warning: #9a6500;
20
20
  --color-content-warning-hover: #855400;
21
21
  --color-content-warning-active: #764700;
22
- --color-content-disabled: #a8aaac;
23
22
  --color-interactive-accent: #00a2dd;
24
23
  --color-interactive-accent-hover: #008fc9;
25
24
  --color-interactive-accent-active: #0081ba;
@@ -35,7 +34,6 @@
35
34
  --color-interactive-secondary: #c9cbce;
36
35
  --color-interactive-secondary-hover: #b5b7ba;
37
36
  --color-interactive-secondary-active: #a7a9ab;
38
- --color-interactive-disabled: #a8aaac;
39
37
  --color-background-screen: #ffffff;
40
38
  --color-background-elevated: #ffffff;
41
39
  --color-background-neutral: #86a7bd1a;
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ // Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -17,7 +17,6 @@
17
17
  @color-content-warning: #9a6500;
18
18
  @color-content-warning-hover: #855400;
19
19
  @color-content-warning-active: #764700;
20
- @color-content-disabled: #a8aaac;
21
20
  @color-interactive-accent: #00a2dd;
22
21
  @color-interactive-accent-hover: #008fc9;
23
22
  @color-interactive-accent-active: #0081ba;
@@ -33,7 +32,6 @@
33
32
  @color-interactive-secondary: #c9cbce;
34
33
  @color-interactive-secondary-hover: #b5b7ba;
35
34
  @color-interactive-secondary-active: #a7a9ab;
36
- @color-interactive-disabled: #a8aaac;
37
35
  @color-background-screen: #ffffff;
38
36
  @color-background-elevated: #ffffff;
39
37
  @color-background-neutral: #86a7bd1a;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ * Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -19,7 +19,6 @@
19
19
  --color-content-warning: #ffd184;
20
20
  --color-content-warning-hover: #e9bd71;
21
21
  --color-content-warning-active: #daae63;
22
- --color-content-disabled: #a8aaac;
23
22
  --color-interactive-accent: #00a2dd;
24
23
  --color-interactive-accent-hover: #008fc9;
25
24
  --color-interactive-accent-active: #0081ba;
@@ -35,7 +34,6 @@
35
34
  --color-interactive-secondary: #a8aaac;
36
35
  --color-interactive-secondary-hover: #959799;
37
36
  --color-interactive-secondary-active: #87898b;
38
- --color-interactive-disabled: #a8aaac;
39
37
  --color-background-screen: #2e4369;
40
38
  --color-background-elevated: #37517e;
41
39
  --color-background-neutral: #86a7bd1a;
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ // Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -17,7 +17,6 @@
17
17
  @color-content-warning: #ffd184;
18
18
  @color-content-warning-hover: #e9bd71;
19
19
  @color-content-warning-active: #daae63;
20
- @color-content-disabled: #a8aaac;
21
20
  @color-interactive-accent: #00a2dd;
22
21
  @color-interactive-accent-hover: #008fc9;
23
22
  @color-interactive-accent-active: #0081ba;
@@ -33,7 +32,6 @@
33
32
  @color-interactive-secondary: #a8aaac;
34
33
  @color-interactive-secondary-hover: #959799;
35
34
  @color-interactive-secondary-active: #87898b;
36
- @color-interactive-disabled: #a8aaac;
37
35
  @color-background-screen: #2e4369;
38
36
  @color-background-elevated: #37517e;
39
37
  @color-background-neutral: #86a7bd1a;
package/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ * Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -19,7 +19,6 @@
19
19
  --color-content-warning: #9a6500;
20
20
  --color-content-warning-hover: #855400;
21
21
  --color-content-warning-active: #764700;
22
- --color-content-disabled: #a8aaac;
23
22
  --color-interactive-accent: #00a2dd;
24
23
  --color-interactive-accent-hover: #008fc9;
25
24
  --color-interactive-accent-active: #0081ba;
@@ -35,7 +34,6 @@
35
34
  --color-interactive-secondary: #c9cbce;
36
35
  --color-interactive-secondary-hover: #b5b7ba;
37
36
  --color-interactive-secondary-active: #a7a9ab;
38
- --color-interactive-disabled: #a8aaac;
39
37
  --color-background-screen: #ffffff;
40
38
  --color-background-elevated: #ffffff;
41
39
  --color-background-neutral: #86a7bd1a;
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 03 Dec 2021 12:38:48 GMT
3
+ // Generated on Mon, 17 Jan 2022 12:49:22 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -17,7 +17,6 @@
17
17
  @color-dark-content-warning: #ffd184;
18
18
  @color-dark-content-warning-hover: #e9bd71;
19
19
  @color-dark-content-warning-active: #daae63;
20
- @color-dark-content-disabled: #a8aaac;
21
20
  @color-dark-interactive-accent: #00a2dd;
22
21
  @color-dark-interactive-accent-hover: #008fc9;
23
22
  @color-dark-interactive-accent-active: #0081ba;
@@ -33,7 +32,6 @@
33
32
  @color-dark-interactive-secondary: #a8aaac;
34
33
  @color-dark-interactive-secondary-hover: #959799;
35
34
  @color-dark-interactive-secondary-active: #87898b;
36
- @color-dark-interactive-disabled: #a8aaac;
37
35
  @color-dark-background-screen: #181818;
38
36
  @color-dark-background-elevated: #202020;
39
37
  @color-dark-background-neutral: #86a7bd1a;
@@ -60,7 +58,6 @@
60
58
  @color-content-warning: #9a6500;
61
59
  @color-content-warning-hover: #855400;
62
60
  @color-content-warning-active: #764700;
63
- @color-content-disabled: #a8aaac;
64
61
  @color-interactive-accent: #00a2dd;
65
62
  @color-interactive-accent-hover: #008fc9;
66
63
  @color-interactive-accent-active: #0081ba;
@@ -76,7 +73,6 @@
76
73
  @color-interactive-secondary: #c9cbce;
77
74
  @color-interactive-secondary-hover: #b5b7ba;
78
75
  @color-interactive-secondary-active: #a7a9ab;
79
- @color-interactive-disabled: #a8aaac;
80
76
  @color-background-screen: #ffffff;
81
77
  @color-background-elevated: #ffffff;
82
78
  @color-background-neutral: #86a7bd1a;
@@ -103,7 +99,6 @@
103
99
  @color-navy-content-warning: #ffd184;
104
100
  @color-navy-content-warning-hover: #e9bd71;
105
101
  @color-navy-content-warning-active: #daae63;
106
- @color-navy-content-disabled: #a8aaac;
107
102
  @color-navy-interactive-accent: #00a2dd;
108
103
  @color-navy-interactive-accent-hover: #008fc9;
109
104
  @color-navy-interactive-accent-active: #0081ba;
@@ -119,7 +114,6 @@
119
114
  @color-navy-interactive-secondary: #a8aaac;
120
115
  @color-navy-interactive-secondary-hover: #959799;
121
116
  @color-navy-interactive-secondary-active: #87898b;
122
- @color-navy-interactive-disabled: #a8aaac;
123
117
  @color-navy-background-screen: #2e4369;
124
118
  @color-navy-background-elevated: #37517e;
125
119
  @color-navy-background-neutral: #86a7bd1a;