@transferwise/neptune-tokens 8.6.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 10:56:40 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 10:56:40 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
@@ -3687,6 +3687,87 @@
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
+ ]
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
+ ]
3690
3771
  }
3691
3772
  },
3692
3773
  "border": {
@@ -5109,6 +5190,91 @@
5109
5190
  "interactive",
5110
5191
  "control-active"
5111
5192
  ]
5193
+ },
5194
+ "contrast": {
5195
+ "value": {
5196
+ "r": 0.08627450980392157,
5197
+ "g": 0.2,
5198
+ "b": 0
5199
+ },
5200
+ "theme": "personal--dark",
5201
+ "filePath": "tokens/colors/themes/personal--dark.json",
5202
+ "isSource": true,
5203
+ "original": {
5204
+ "value": "{color.personal--dark.forest-green.value}",
5205
+ "theme": "personal--dark"
5206
+ },
5207
+ "name": "personalDarkInteractiveContrast",
5208
+ "attributes": {
5209
+ "category": "color",
5210
+ "type": "personal--dark",
5211
+ "item": "interactive",
5212
+ "subitem": "contrast"
5213
+ },
5214
+ "path": [
5215
+ "color",
5216
+ "personal--dark",
5217
+ "interactive",
5218
+ "contrast"
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
+ ]
5112
5278
  }
5113
5279
  },
5114
5280
  "border": {
@@ -6515,6 +6681,87 @@
6515
6681
  "interactive",
6516
6682
  "control-active"
6517
6683
  ]
6684
+ },
6685
+ "contrast": {
6686
+ "value": {
6687
+ "r": 0.08627450980392157,
6688
+ "g": 0.2,
6689
+ "b": 0
6690
+ },
6691
+ "theme": "personal--forest-green",
6692
+ "filePath": "tokens/colors/themes/personal--forest-green.json",
6693
+ "isSource": true,
6694
+ "original": {
6695
+ "value": "{color.personal--forest-green.forest-green.value}",
6696
+ "theme": "personal--forest-green"
6697
+ },
6698
+ "name": "personalForestGreenInteractiveContrast",
6699
+ "attributes": {
6700
+ "category": "color",
6701
+ "type": "personal--forest-green",
6702
+ "item": "interactive",
6703
+ "subitem": "contrast"
6704
+ },
6705
+ "path": [
6706
+ "color",
6707
+ "personal--forest-green",
6708
+ "interactive",
6709
+ "contrast"
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
+ ]
6518
6765
  }
6519
6766
  },
6520
6767
  "border": {
@@ -7953,6 +8200,91 @@
7953
8200
  "interactive",
7954
8201
  "control-active"
7955
8202
  ]
8203
+ },
8204
+ "contrast": {
8205
+ "value": {
8206
+ "r": 0.6235294117647059,
8207
+ "g": 0.9098039215686274,
8208
+ "b": 0.4392156862745098
8209
+ },
8210
+ "theme": "personal",
8211
+ "filePath": "tokens/colors/themes/personal.json",
8212
+ "isSource": true,
8213
+ "original": {
8214
+ "value": "{color.personal.bright-green.value}",
8215
+ "theme": "personal"
8216
+ },
8217
+ "name": "personalInteractiveContrast",
8218
+ "attributes": {
8219
+ "category": "color",
8220
+ "type": "personal",
8221
+ "item": "interactive",
8222
+ "subitem": "contrast"
8223
+ },
8224
+ "path": [
8225
+ "color",
8226
+ "personal",
8227
+ "interactive",
8228
+ "contrast"
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
+ ]
7956
8288
  }
7957
8289
  },
7958
8290
  "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.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 10:56:40 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 10:56:40 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 10:56:40 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 10:56:40 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 10:56:40 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 10:56:40 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 10:56:40 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
@@ -34,6 +34,9 @@
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;
38
+ --color-interactive-contrast-hover: #cdffad;
39
+ --color-interactive-contrast-active: #ecffe0;
37
40
  --color-border-neutral: #0e0f0c1f;
38
41
  --color-border-overlay: #0e0f0c1f;
39
42
  --color-background-screen: #ffffff;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -32,6 +32,9 @@
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;
36
+ @color-interactive-contrast-hover: #cdffad;
37
+ @color-interactive-contrast-active: #ecffe0;
35
38
  @color-border-neutral: #0e0f0c1f;
36
39
  @color-border-overlay: #0e0f0c1f;
37
40
  @color-background-screen: #ffffff;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--bright-green {
@@ -58,6 +58,13 @@
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;
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;
61
68
  --color-border-neutral: #ffffff00;
62
69
  --color-border-overlay: #ffffff00;
63
70
  --color-background-screen: #9fe870;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,13 @@
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;
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;
59
66
  @color-border-neutral: #ffffff00;
60
67
  @color-border-overlay: #ffffff00;
61
68
  @color-background-screen: #9fe870;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
@@ -58,6 +58,13 @@
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;
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;
61
68
  --color-border-neutral: #ffffff33;
62
69
  --color-border-overlay: #ffffff33;
63
70
  --color-background-screen: #121511;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,13 @@
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;
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;
59
66
  @color-border-neutral: #ffffff33;
60
67
  @color-border-overlay: #ffffff33;
61
68
  @color-background-screen: #121511;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
@@ -58,6 +58,13 @@
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;
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;
61
68
  --color-border-neutral: #ffffff33;
62
69
  --color-border-overlay: #ffffff33;
63
70
  --color-background-screen: #163300;
@@ -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 Wed, 06 Dec 2023 12:40:57 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -56,6 +56,13 @@
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;
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;
59
66
  @color-border-neutral: #ffffff33;
60
67
  @color-border-overlay: #ffffff33;
61
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 10:56:40 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 10:56:40 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;