@transferwise/neptune-tokens 8.6.0 → 8.7.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 (20) hide show
  1. package/colors-base.css +1 -1
  2. package/colors-base.less +1 -1
  3. package/colors.json +108 -0
  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/themes/personal/tokens.css +2 -1
  12. package/themes/personal/tokens.less +2 -1
  13. package/themes/personal--bright-green/tokens.css +2 -1
  14. package/themes/personal--bright-green/tokens.less +2 -1
  15. package/themes/personal--dark/tokens.css +2 -1
  16. package/themes/personal--dark/tokens.less +2 -1
  17. package/themes/personal--forest-green/tokens.css +2 -1
  18. package/themes/personal--forest-green/tokens.less +2 -1
  19. package/tokens.css +1 -1
  20. package/tokens.less +1 -1
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/colors.json CHANGED
@@ -3687,6 +3687,33 @@
3687
3687
  "interactive",
3688
3688
  "control-active"
3689
3689
  ]
3690
+ },
3691
+ "contrast": {
3692
+ "value": {
3693
+ "r": 0.6235294117647059,
3694
+ "g": 0.9098039215686274,
3695
+ "b": 0.4392156862745098
3696
+ },
3697
+ "theme": "personal--bright-green",
3698
+ "filePath": "tokens/colors/themes/personal--bright-green.json",
3699
+ "isSource": true,
3700
+ "original": {
3701
+ "value": "{color.personal--bright-green.bright-green.value}",
3702
+ "theme": "personal--bright-green"
3703
+ },
3704
+ "name": "personalBrightGreenInteractiveContrast",
3705
+ "attributes": {
3706
+ "category": "color",
3707
+ "type": "personal--bright-green",
3708
+ "item": "interactive",
3709
+ "subitem": "contrast"
3710
+ },
3711
+ "path": [
3712
+ "color",
3713
+ "personal--bright-green",
3714
+ "interactive",
3715
+ "contrast"
3716
+ ]
3690
3717
  }
3691
3718
  },
3692
3719
  "border": {
@@ -5109,6 +5136,33 @@
5109
5136
  "interactive",
5110
5137
  "control-active"
5111
5138
  ]
5139
+ },
5140
+ "contrast": {
5141
+ "value": {
5142
+ "r": 0.08627450980392157,
5143
+ "g": 0.2,
5144
+ "b": 0
5145
+ },
5146
+ "theme": "personal--dark",
5147
+ "filePath": "tokens/colors/themes/personal--dark.json",
5148
+ "isSource": true,
5149
+ "original": {
5150
+ "value": "{color.personal--dark.forest-green.value}",
5151
+ "theme": "personal--dark"
5152
+ },
5153
+ "name": "personalDarkInteractiveContrast",
5154
+ "attributes": {
5155
+ "category": "color",
5156
+ "type": "personal--dark",
5157
+ "item": "interactive",
5158
+ "subitem": "contrast"
5159
+ },
5160
+ "path": [
5161
+ "color",
5162
+ "personal--dark",
5163
+ "interactive",
5164
+ "contrast"
5165
+ ]
5112
5166
  }
5113
5167
  },
5114
5168
  "border": {
@@ -6515,6 +6569,33 @@
6515
6569
  "interactive",
6516
6570
  "control-active"
6517
6571
  ]
6572
+ },
6573
+ "contrast": {
6574
+ "value": {
6575
+ "r": 0.08627450980392157,
6576
+ "g": 0.2,
6577
+ "b": 0
6578
+ },
6579
+ "theme": "personal--forest-green",
6580
+ "filePath": "tokens/colors/themes/personal--forest-green.json",
6581
+ "isSource": true,
6582
+ "original": {
6583
+ "value": "{color.personal--forest-green.forest-green.value}",
6584
+ "theme": "personal--forest-green"
6585
+ },
6586
+ "name": "personalForestGreenInteractiveContrast",
6587
+ "attributes": {
6588
+ "category": "color",
6589
+ "type": "personal--forest-green",
6590
+ "item": "interactive",
6591
+ "subitem": "contrast"
6592
+ },
6593
+ "path": [
6594
+ "color",
6595
+ "personal--forest-green",
6596
+ "interactive",
6597
+ "contrast"
6598
+ ]
6518
6599
  }
6519
6600
  },
6520
6601
  "border": {
@@ -7953,6 +8034,33 @@
7953
8034
  "interactive",
7954
8035
  "control-active"
7955
8036
  ]
8037
+ },
8038
+ "contrast": {
8039
+ "value": {
8040
+ "r": 0.6235294117647059,
8041
+ "g": 0.9098039215686274,
8042
+ "b": 0.4392156862745098
8043
+ },
8044
+ "theme": "personal",
8045
+ "filePath": "tokens/colors/themes/personal.json",
8046
+ "isSource": true,
8047
+ "original": {
8048
+ "value": "{color.personal.bright-green.value}",
8049
+ "theme": "personal"
8050
+ },
8051
+ "name": "personalInteractiveContrast",
8052
+ "attributes": {
8053
+ "category": "color",
8054
+ "type": "personal",
8055
+ "item": "interactive",
8056
+ "subitem": "contrast"
8057
+ },
8058
+ "path": [
8059
+ "color",
8060
+ "personal",
8061
+ "interactive",
8062
+ "contrast"
8063
+ ]
7956
8064
  }
7957
8065
  },
7958
8066
  "border": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "8.6.0",
3
+ "version": "8.7.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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 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 Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
package/themes/personal/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
@@ -34,6 +34,7 @@
34
34
  --color-interactive-control: #163300;
35
35
  --color-interactive-control-hover: #0d1f00;
36
36
  --color-interactive-control-active: #0e0f0c;
37
+ --color-interactive-contrast: #9fe870;
37
38
  --color-border-neutral: #0e0f0c1f;
38
39
  --color-border-overlay: #0e0f0c1f;
39
40
  --color-background-screen: #ffffff;
package/themes/personal/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -32,6 +32,7 @@
32
32
  @color-interactive-control: #163300;
33
33
  @color-interactive-control-hover: #0d1f00;
34
34
  @color-interactive-control-active: #0e0f0c;
35
+ @color-interactive-contrast: #9fe870;
35
36
  @color-border-neutral: #0e0f0c1f;
36
37
  @color-border-overlay: #0e0f0c1f;
37
38
  @color-background-screen: #ffffff;
package/themes/personal--bright-green/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--bright-green {
@@ -58,6 +58,7 @@
58
58
  --color-interactive-control-active: #d9f6c6;
59
59
  --color-interactive-control-active-hover: #c5e1b2;
60
60
  --color-interactive-control-active-active: #b6d2a4;
61
+ --color-interactive-contrast: #9fe870;
61
62
  --color-border-neutral: #ffffff00;
62
63
  --color-border-overlay: #ffffff00;
63
64
  --color-background-screen: #9fe870;
package/themes/personal--bright-green/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,7 @@
56
56
  @color-interactive-control-active: #d9f6c6;
57
57
  @color-interactive-control-active-hover: #c5e1b2;
58
58
  @color-interactive-control-active-active: #b6d2a4;
59
+ @color-interactive-contrast: #9fe870;
59
60
  @color-border-neutral: #ffffff00;
60
61
  @color-border-overlay: #ffffff00;
61
62
  @color-background-screen: #9fe870;
package/themes/personal--dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
@@ -58,6 +58,7 @@
58
58
  --color-interactive-control-active: #2c6600;
59
59
  --color-interactive-control-active-hover: #175400;
60
60
  --color-interactive-control-active-active: #064700;
61
+ --color-interactive-contrast: #163300;
61
62
  --color-border-neutral: #ffffff33;
62
63
  --color-border-overlay: #ffffff33;
63
64
  --color-background-screen: #121511;
package/themes/personal--dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,7 @@
56
56
  @color-interactive-control-active: #2c6600;
57
57
  @color-interactive-control-active-hover: #175400;
58
58
  @color-interactive-control-active-active: #064700;
59
+ @color-interactive-contrast: #163300;
59
60
  @color-border-neutral: #ffffff33;
60
61
  @color-border-overlay: #ffffff33;
61
62
  @color-background-screen: #121511;
package/themes/personal--forest-green/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
@@ -58,6 +58,7 @@
58
58
  --color-interactive-control-active: #2c6600;
59
59
  --color-interactive-control-active-hover: #175400;
60
60
  --color-interactive-control-active-active: #064700;
61
+ --color-interactive-contrast: #163300;
61
62
  --color-border-neutral: #ffffff33;
62
63
  --color-border-overlay: #ffffff33;
63
64
  --color-background-screen: #163300;
package/themes/personal--forest-green/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,7 @@
56
56
  @color-interactive-control-active: #2c6600;
57
57
  @color-interactive-control-active-hover: #175400;
58
58
  @color-interactive-control-active-active: #064700;
59
+ @color-interactive-contrast: #163300;
59
60
  @color-border-neutral: #ffffff33;
60
61
  @color-border-overlay: #ffffff33;
61
62
  @color-background-screen: #163300;
package/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ * Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
  */
5
5
 
6
6
  :root {
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 10:56:40 GMT
3
+ // Generated on Thu, 16 Nov 2023 16:38:15 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;