@transferwise/neptune-tokens 8.7.0 → 8.8.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.
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 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 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/colors.json CHANGED
@@ -3714,6 +3714,60 @@
3714
3714
  "interactive",
3715
3715
  "contrast"
3716
3716
  ]
3717
+ },
3718
+ "contrast-hover": {
3719
+ "value": {
3720
+ "r": 0.803921568627451,
3721
+ "g": 1,
3722
+ "b": 0.6784313725490196
3723
+ },
3724
+ "theme": "personal--bright-green",
3725
+ "filePath": "tokens/colors/themes/personal--bright-green.json",
3726
+ "isSource": true,
3727
+ "original": {
3728
+ "value": "{color.personal.interactive.contrast-hover.value}",
3729
+ "theme": "personal--bright-green"
3730
+ },
3731
+ "name": "personalBrightGreenInteractiveContrastHover",
3732
+ "attributes": {
3733
+ "category": "color",
3734
+ "type": "personal--bright-green",
3735
+ "item": "interactive",
3736
+ "subitem": "contrast-hover"
3737
+ },
3738
+ "path": [
3739
+ "color",
3740
+ "personal--bright-green",
3741
+ "interactive",
3742
+ "contrast-hover"
3743
+ ]
3744
+ },
3745
+ "contrast-active": {
3746
+ "value": {
3747
+ "r": 0.9254901960784314,
3748
+ "g": 1,
3749
+ "b": 0.8784313725490196
3750
+ },
3751
+ "theme": "personal--bright-green",
3752
+ "filePath": "tokens/colors/themes/personal--bright-green.json",
3753
+ "isSource": true,
3754
+ "original": {
3755
+ "value": "{color.personal.interactive.contrast-active.value}",
3756
+ "theme": "personal--bright-green"
3757
+ },
3758
+ "name": "personalBrightGreenInteractiveContrastActive",
3759
+ "attributes": {
3760
+ "category": "color",
3761
+ "type": "personal--bright-green",
3762
+ "item": "interactive",
3763
+ "subitem": "contrast-active"
3764
+ },
3765
+ "path": [
3766
+ "color",
3767
+ "personal--bright-green",
3768
+ "interactive",
3769
+ "contrast-active"
3770
+ ]
3717
3771
  }
3718
3772
  },
3719
3773
  "border": {
@@ -5163,6 +5217,64 @@
5163
5217
  "interactive",
5164
5218
  "contrast"
5165
5219
  ]
5220
+ },
5221
+ "contrast-hover": {
5222
+ "value": {
5223
+ "r": 0.12941176470588237,
5224
+ "g": 0.30196078431372547,
5225
+ "b": 0
5226
+ },
5227
+ "theme": "personal--dark",
5228
+ "filePath": "tokens/colors/themes/personal--dark.json",
5229
+ "isSource": true,
5230
+ "original": {
5231
+ "value": {
5232
+ "hex": "#214D00"
5233
+ },
5234
+ "theme": "personal--dark"
5235
+ },
5236
+ "name": "personalDarkInteractiveContrastHover",
5237
+ "attributes": {
5238
+ "category": "color",
5239
+ "type": "personal--dark",
5240
+ "item": "interactive",
5241
+ "subitem": "contrast-hover"
5242
+ },
5243
+ "path": [
5244
+ "color",
5245
+ "personal--dark",
5246
+ "interactive",
5247
+ "contrast-hover"
5248
+ ]
5249
+ },
5250
+ "contrast-active": {
5251
+ "value": {
5252
+ "r": 0.17254901960784313,
5253
+ "g": 0.4,
5254
+ "b": 0
5255
+ },
5256
+ "theme": "personal--dark",
5257
+ "filePath": "tokens/colors/themes/personal--dark.json",
5258
+ "isSource": true,
5259
+ "original": {
5260
+ "value": {
5261
+ "hex": "#2C6600"
5262
+ },
5263
+ "theme": "personal--dark"
5264
+ },
5265
+ "name": "personalDarkInteractiveContrastActive",
5266
+ "attributes": {
5267
+ "category": "color",
5268
+ "type": "personal--dark",
5269
+ "item": "interactive",
5270
+ "subitem": "contrast-active"
5271
+ },
5272
+ "path": [
5273
+ "color",
5274
+ "personal--dark",
5275
+ "interactive",
5276
+ "contrast-active"
5277
+ ]
5166
5278
  }
5167
5279
  },
5168
5280
  "border": {
@@ -6596,6 +6708,60 @@
6596
6708
  "interactive",
6597
6709
  "contrast"
6598
6710
  ]
6711
+ },
6712
+ "contrast-hover": {
6713
+ "value": {
6714
+ "r": 0.12941176470588237,
6715
+ "g": 0.30196078431372547,
6716
+ "b": 0
6717
+ },
6718
+ "theme": "personal--forest-green",
6719
+ "filePath": "tokens/colors/themes/personal--forest-green.json",
6720
+ "isSource": true,
6721
+ "original": {
6722
+ "value": "{color.personal--dark.interactive.contrast-hover.value}",
6723
+ "theme": "personal--forest-green"
6724
+ },
6725
+ "name": "personalForestGreenInteractiveContrastHover",
6726
+ "attributes": {
6727
+ "category": "color",
6728
+ "type": "personal--forest-green",
6729
+ "item": "interactive",
6730
+ "subitem": "contrast-hover"
6731
+ },
6732
+ "path": [
6733
+ "color",
6734
+ "personal--forest-green",
6735
+ "interactive",
6736
+ "contrast-hover"
6737
+ ]
6738
+ },
6739
+ "contrast-active": {
6740
+ "value": {
6741
+ "r": 0.17254901960784313,
6742
+ "g": 0.4,
6743
+ "b": 0
6744
+ },
6745
+ "theme": "personal--forest-green",
6746
+ "filePath": "tokens/colors/themes/personal--forest-green.json",
6747
+ "isSource": true,
6748
+ "original": {
6749
+ "value": "{color.personal--dark.interactive.contrast-active.value}",
6750
+ "theme": "personal--forest-green"
6751
+ },
6752
+ "name": "personalForestGreenInteractiveContrastActive",
6753
+ "attributes": {
6754
+ "category": "color",
6755
+ "type": "personal--forest-green",
6756
+ "item": "interactive",
6757
+ "subitem": "contrast-active"
6758
+ },
6759
+ "path": [
6760
+ "color",
6761
+ "personal--forest-green",
6762
+ "interactive",
6763
+ "contrast-active"
6764
+ ]
6599
6765
  }
6600
6766
  },
6601
6767
  "border": {
@@ -8061,6 +8227,64 @@
8061
8227
  "interactive",
8062
8228
  "contrast"
8063
8229
  ]
8230
+ },
8231
+ "contrast-hover": {
8232
+ "value": {
8233
+ "r": 0.803921568627451,
8234
+ "g": 1,
8235
+ "b": 0.6784313725490196
8236
+ },
8237
+ "theme": "personal",
8238
+ "filePath": "tokens/colors/themes/personal.json",
8239
+ "isSource": true,
8240
+ "original": {
8241
+ "value": {
8242
+ "hex": "#CDFFAD"
8243
+ },
8244
+ "theme": "personal"
8245
+ },
8246
+ "name": "personalInteractiveContrastHover",
8247
+ "attributes": {
8248
+ "category": "color",
8249
+ "type": "personal",
8250
+ "item": "interactive",
8251
+ "subitem": "contrast-hover"
8252
+ },
8253
+ "path": [
8254
+ "color",
8255
+ "personal",
8256
+ "interactive",
8257
+ "contrast-hover"
8258
+ ]
8259
+ },
8260
+ "contrast-active": {
8261
+ "value": {
8262
+ "r": 0.9254901960784314,
8263
+ "g": 1,
8264
+ "b": 0.8784313725490196
8265
+ },
8266
+ "theme": "personal",
8267
+ "filePath": "tokens/colors/themes/personal.json",
8268
+ "isSource": true,
8269
+ "original": {
8270
+ "value": {
8271
+ "hex": "#ECFFE0"
8272
+ },
8273
+ "theme": "personal"
8274
+ },
8275
+ "name": "personalInteractiveContrastActive",
8276
+ "attributes": {
8277
+ "category": "color",
8278
+ "type": "personal",
8279
+ "item": "interactive",
8280
+ "subitem": "contrast-active"
8281
+ },
8282
+ "path": [
8283
+ "color",
8284
+ "personal",
8285
+ "interactive",
8286
+ "contrast-active"
8287
+ ]
8064
8288
  }
8065
8289
  },
8066
8290
  "border": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "8.7.0",
3
+ "version": "8.8.0",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
@@ -35,6 +35,8 @@
35
35
  --color-interactive-control-hover: #0d1f00;
36
36
  --color-interactive-control-active: #0e0f0c;
37
37
  --color-interactive-contrast: #9fe870;
38
+ --color-interactive-contrast-hover: #cdffad;
39
+ --color-interactive-contrast-active: #ecffe0;
38
40
  --color-border-neutral: #0e0f0c1f;
39
41
  --color-border-overlay: #0e0f0c1f;
40
42
  --color-background-screen: #ffffff;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -33,6 +33,8 @@
33
33
  @color-interactive-control-hover: #0d1f00;
34
34
  @color-interactive-control-active: #0e0f0c;
35
35
  @color-interactive-contrast: #9fe870;
36
+ @color-interactive-contrast-hover: #cdffad;
37
+ @color-interactive-contrast-active: #ecffe0;
36
38
  @color-border-neutral: #0e0f0c1f;
37
39
  @color-border-overlay: #0e0f0c1f;
38
40
  @color-background-screen: #ffffff;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--bright-green {
@@ -59,6 +59,12 @@
59
59
  --color-interactive-control-active-hover: #c5e1b2;
60
60
  --color-interactive-control-active-active: #b6d2a4;
61
61
  --color-interactive-contrast: #9fe870;
62
+ --color-interactive-contrast-hover: #cdffad;
63
+ --color-interactive-contrast-hover-hover: #b9ea9a;
64
+ --color-interactive-contrast-hover-active: #aadb8b;
65
+ --color-interactive-contrast-active: #ecffe0;
66
+ --color-interactive-contrast-active-hover: #d8eacc;
67
+ --color-interactive-contrast-active-active: #c8dbbd;
62
68
  --color-border-neutral: #ffffff00;
63
69
  --color-border-overlay: #ffffff00;
64
70
  --color-background-screen: #9fe870;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -57,6 +57,12 @@
57
57
  @color-interactive-control-active-hover: #c5e1b2;
58
58
  @color-interactive-control-active-active: #b6d2a4;
59
59
  @color-interactive-contrast: #9fe870;
60
+ @color-interactive-contrast-hover: #cdffad;
61
+ @color-interactive-contrast-hover-hover: #b9ea9a;
62
+ @color-interactive-contrast-hover-active: #aadb8b;
63
+ @color-interactive-contrast-active: #ecffe0;
64
+ @color-interactive-contrast-active-hover: #d8eacc;
65
+ @color-interactive-contrast-active-active: #c8dbbd;
60
66
  @color-border-neutral: #ffffff00;
61
67
  @color-border-overlay: #ffffff00;
62
68
  @color-background-screen: #9fe870;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
@@ -59,6 +59,12 @@
59
59
  --color-interactive-control-active-hover: #175400;
60
60
  --color-interactive-control-active-active: #064700;
61
61
  --color-interactive-contrast: #163300;
62
+ --color-interactive-contrast-hover: #214d00;
63
+ --color-interactive-contrast-hover-hover: #103c00;
64
+ --color-interactive-contrast-hover-active: #093000;
65
+ --color-interactive-contrast-active: #2c6600;
66
+ --color-interactive-contrast-active-hover: #175400;
67
+ --color-interactive-contrast-active-active: #064700;
62
68
  --color-border-neutral: #ffffff33;
63
69
  --color-border-overlay: #ffffff33;
64
70
  --color-background-screen: #121511;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -57,6 +57,12 @@
57
57
  @color-interactive-control-active-hover: #175400;
58
58
  @color-interactive-control-active-active: #064700;
59
59
  @color-interactive-contrast: #163300;
60
+ @color-interactive-contrast-hover: #214d00;
61
+ @color-interactive-contrast-hover-hover: #103c00;
62
+ @color-interactive-contrast-hover-active: #093000;
63
+ @color-interactive-contrast-active: #2c6600;
64
+ @color-interactive-contrast-active-hover: #175400;
65
+ @color-interactive-contrast-active-active: #064700;
60
66
  @color-border-neutral: #ffffff33;
61
67
  @color-border-overlay: #ffffff33;
62
68
  @color-background-screen: #121511;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
@@ -59,6 +59,12 @@
59
59
  --color-interactive-control-active-hover: #175400;
60
60
  --color-interactive-control-active-active: #064700;
61
61
  --color-interactive-contrast: #163300;
62
+ --color-interactive-contrast-hover: #214d00;
63
+ --color-interactive-contrast-hover-hover: #103c00;
64
+ --color-interactive-contrast-hover-active: #093000;
65
+ --color-interactive-contrast-active: #2c6600;
66
+ --color-interactive-contrast-active-hover: #175400;
67
+ --color-interactive-contrast-active-active: #064700;
62
68
  --color-border-neutral: #ffffff33;
63
69
  --color-border-overlay: #ffffff33;
64
70
  --color-background-screen: #163300;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Nov 2023 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -57,6 +57,12 @@
57
57
  @color-interactive-control-active-hover: #175400;
58
58
  @color-interactive-control-active-active: #064700;
59
59
  @color-interactive-contrast: #163300;
60
+ @color-interactive-contrast-hover: #214d00;
61
+ @color-interactive-contrast-hover-hover: #103c00;
62
+ @color-interactive-contrast-hover-active: #093000;
63
+ @color-interactive-contrast-active: #2c6600;
64
+ @color-interactive-contrast-active-hover: #175400;
65
+ @color-interactive-contrast-active-active: #064700;
60
66
  @color-border-neutral: #ffffff33;
61
67
  @color-border-overlay: #ffffff33;
62
68
  @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 16:38:15 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 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 16:38:15 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;