@transferwise/neptune-tokens 8.14.1 → 8.16.0

package/colors-base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 :root {

package/colors-base.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/colors.json

@@ -2680,14 +2680,16 @@
           "value": {
             "r": 0.08627450980392157,
             "g": 0.2,
-            "b": 0
+            "b": 0,
+            "opacity": 0.2
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#163300"
+              "hex": "#163300",
+              "opacity": 0.2
             },
             "theme": "personal--bright-green"
           },
@@ -2709,14 +2711,16 @@
           "value": {
             "r": 0.050980392156862744,
             "g": 0.12156862745098039,
-            "b": 0
+            "b": 0,
+            "opacity": 0.2
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#0D1F00"
+              "hex": "#0D1F00",
+              "opacity": 0.2
             },
             "theme": "personal--bright-green"
           },
@@ -2738,14 +2742,16 @@
           "value": {
             "r": 0.054901960784313725,
             "g": 0.058823529411764705,
-            "b": 0.047058823529411764
+            "b": 0.047058823529411764,
+            "opacity": 0.2
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#0E0F0C"
+              "hex": "#0E0F0C",
+              "opacity": 0.2
             },
             "theme": "personal--bright-green"
           },
@@ -2985,7 +2991,7 @@
             "r": 1,
             "g": 1,
             "b": 1,
-            "opacity": 0
+            "opacity": 0.4
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
@@ -2993,7 +2999,7 @@
           "original": {
             "value": {
               "hex": "#FFFFFF",
-              "opacity": 0
+              "opacity": 0.4
             },
             "theme": "personal--bright-green"
           },
@@ -3016,7 +3022,7 @@
             "r": 1,
             "g": 1,
             "b": 1,
-            "opacity": 0
+            "opacity": 0.5
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
@@ -3024,7 +3030,7 @@
           "original": {
             "value": {
               "hex": "#FFFFFF",
-              "opacity": 0
+              "opacity": 0.5
             },
             "theme": "personal--bright-green"
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/neptune-tokens",
-  "version": "8.14.1",
+  "version": "8.16.0",
   "description": "Design tokens for the Neptune Design System",
   "license": "UNLICENSED",
   "type": "module",

package/themes/dark/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-dark {
@@ -54,6 +54,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/themes/dark/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-content-primary: #e2e6e8;
 @color-content-secondary: #c9cbce;
@@ -52,6 +52,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/light/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-light {
@@ -54,6 +54,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/themes/light/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-content-primary: #37517e;
 @color-content-secondary: #5d7079;
@@ -52,6 +52,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/navy/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-navy {
@@ -54,6 +54,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/themes/navy/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-content-primary: #ffffff;
 @color-content-secondary: #c9cbce;
@@ -52,6 +52,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/personal/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-personal {
@@ -75,6 +75,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;
@@ -168,6 +169,7 @@
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
+    --size-5: calc(5px / var(--delta));
     --size-8: calc(8px / var(--delta));
     --size-10: calc(10px / var(--delta));
     --size-12: calc(12px / var(--delta));

package/themes/personal/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -73,6 +73,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/personal--bright-green/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -37,9 +37,9 @@
   --color-interactive-contrast: #9fe870;
   --color-interactive-contrast-hover: #cdffad;
   --color-interactive-contrast-active: #ecffe0;
-  --color-interactive-neutral: #163300;
-  --color-interactive-neutral-hover: #0d1f00;
-  --color-interactive-neutral-active: #0e0f0c;
+  --color-interactive-neutral: #16330033;
+  --color-interactive-neutral-hover: #0d1f0033;
+  --color-interactive-neutral-active: #0e0f0c33;
   --color-border-neutral: #1633001f;
   --color-border-overlay: #ffffff00;
   --color-background-screen: #9fe870;
@@ -47,8 +47,8 @@
   --color-background-screen-active: #ffffff66;
   --color-background-elevated: #ffffff00;
   --color-background-neutral: #ffffff4d;
-  --color-background-neutral-hover: #ffffff00;
-  --color-background-neutral-active: #ffffff00;
+  --color-background-neutral-hover: #ffffff66;
+  --color-background-neutral-active: #ffffff80;
   --color-background-overlay: #ffffff00;
   --color-sentiment-negative: #ffffff00;
   --color-sentiment-negative-hover: #ffffff00;
@@ -75,6 +75,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;
@@ -168,6 +169,7 @@
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
+    --size-5: calc(5px / var(--delta));
     --size-8: calc(8px / var(--delta));
     --size-10: calc(10px / var(--delta));
     --size-12: calc(12px / var(--delta));

package/themes/personal--bright-green/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -35,9 +35,9 @@
 @color-interactive-contrast: #9fe870;
 @color-interactive-contrast-hover: #cdffad;
 @color-interactive-contrast-active: #ecffe0;
-@color-interactive-neutral: #163300;
-@color-interactive-neutral-hover: #0d1f00;
-@color-interactive-neutral-active: #0e0f0c;
+@color-interactive-neutral: #16330033;
+@color-interactive-neutral-hover: #0d1f0033;
+@color-interactive-neutral-active: #0e0f0c33;
 @color-border-neutral: #1633001f;
 @color-border-overlay: #ffffff00;
 @color-background-screen: #9fe870;
@@ -45,8 +45,8 @@
 @color-background-screen-active: #ffffff66;
 @color-background-elevated: #ffffff00;
 @color-background-neutral: #ffffff4d;
-@color-background-neutral-hover: #ffffff00;
-@color-background-neutral-active: #ffffff00;
+@color-background-neutral-hover: #ffffff66;
+@color-background-neutral-active: #ffffff80;
 @color-background-overlay: #ffffff00;
 @color-sentiment-negative: #ffffff00;
 @color-sentiment-negative-hover: #ffffff00;
@@ -73,6 +73,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/personal--dark/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-personal--dark {
@@ -75,6 +75,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;
@@ -168,6 +169,7 @@
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
+    --size-5: calc(5px / var(--delta));
     --size-8: calc(8px / var(--delta));
     --size-10: calc(10px / var(--delta));
     --size-12: calc(12px / var(--delta));

package/themes/personal--dark/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -73,6 +73,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/personal--forest-green/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -75,6 +75,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;
@@ -168,6 +169,7 @@
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
+    --size-5: calc(5px / var(--delta));
     --size-8: calc(8px / var(--delta));
     --size-10: calc(10px / var(--delta));
     --size-12: calc(12px / var(--delta));

package/themes/personal--forest-green/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -73,6 +73,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/platform/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-platform {
@@ -94,6 +94,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/themes/platform/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -92,6 +92,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/themes/platform--forest-green/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -94,6 +94,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/themes/platform--forest-green/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -92,6 +92,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;

package/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 19:57:07 GMT
+ * Generated on Fri, 14 Feb 2025 09:19:52 GMT
  */
 
 :root {
@@ -54,6 +54,7 @@
   --radius-medium: 16px;
   --radius-large: 24px;
   --size-4: 4px;
+  --size-5: 5px;
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;

package/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 10 Jan 2025 19:57:07 GMT
+// Generated on Fri, 14 Feb 2025 09:19:52 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -134,6 +134,7 @@
 @radius-medium: 16px;
 @radius-large: 24px;
 @size-4: 4px;
+@size-5: 5px;
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;