@transferwise/neptune-tokens 8.14.0 → 8.15.0

package/colors-base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
  */
 
 :root {

package/colors-base.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/colors.json

@@ -3410,14 +3410,16 @@
           "value": {
             "r": 1,
             "g": 1,
-            "b": 1
+            "b": 1,
+            "opacity": 0
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#FFFFFF"
+              "hex": "#FFFFFF",
+              "opacity": 0
             },
             "theme": "personal--bright-green"
           },
@@ -6194,14 +6196,16 @@
           "value": {
             "r": 0.6235294117647059,
             "g": 0.9098039215686274,
-            "b": 0.4392156862745098
+            "b": 0.4392156862745098,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#9FE87033"
+              "hex": "#9FE870",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },
@@ -6223,14 +6227,16 @@
           "value": {
             "r": 0.803921568627451,
             "g": 1,
-            "b": 0.6784313725490196
+            "b": 0.6784313725490196,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#CDFFAD33"
+              "hex": "#CDFFAD",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },
@@ -6252,14 +6258,16 @@
           "value": {
             "r": 0.9254901960784314,
             "g": 1,
-            "b": 0.8784313725490196
+            "b": 0.8784313725490196,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#ECFFE033"
+              "hex": "#ECFFE0",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },
@@ -6765,14 +6773,16 @@
           "value": {
             "r": 1,
             "g": 0.7686274509803922,
-            "b": 0.7607843137254902
+            "b": 0.7607843137254902,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#FFC4C233"
+              "hex": "#FFC4C2",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },
@@ -6794,14 +6804,16 @@
           "value": {
             "r": 1,
             "g": 0.8627450980392157,
-            "b": 0.8588235294117647
+            "b": 0.8588235294117647,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#FFDCDB33"
+              "hex": "#FFDCDB",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },
@@ -6823,14 +6835,16 @@
           "value": {
             "r": 1,
             "g": 0.9215686274509803,
-            "b": 0.9215686274509803
+            "b": 0.9215686274509803,
+            "opacity": 0.2
           },
           "theme": "personal--forest-green",
           "filePath": "tokens/colors/themes/personal--forest-green.json",
           "isSource": true,
           "original": {
             "value": {
-              "hex": "#FFEBEB33"
+              "hex": "#FFEBEB",
+              "opacity": 0.2
             },
             "theme": "personal--forest-green"
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/neptune-tokens",
-  "version": "8.14.0",
+  "version": "8.15.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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -61,7 +61,7 @@
   --color-sentiment-negative-secondary-active: #761709;
   --color-sentiment-positive: #ffffff00;
   --color-sentiment-warning: #ffffff00;
-  --color-contrast: #ffffff;
+  --color-contrast: #ffffff00;
   --color-light: #ffffff;
   --color-dark: #163300;
   --color-contrast-overlay: #163300;
@@ -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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -59,7 +59,7 @@
 @color-sentiment-negative-secondary-active: #761709;
 @color-sentiment-positive: #ffffff00;
 @color-sentiment-warning: #ffffff00;
-@color-contrast: #ffffff;
+@color-contrast: #ffffff00;
 @color-light: #ffffff;
 @color-dark: #163300;
 @color-contrast-overlay: #163300;
@@ -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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -37,9 +37,9 @@
   --color-interactive-contrast: #163300;
   --color-interactive-contrast-hover: #214d00;
   --color-interactive-contrast-active: #2c6600;
-  --color-interactive-neutral: #9fe870;
-  --color-interactive-neutral-hover: #cdffad;
-  --color-interactive-neutral-active: #ecffe0;
+  --color-interactive-neutral: #9fe87033;
+  --color-interactive-neutral-hover: #cdffad33;
+  --color-interactive-neutral-active: #ecffe033;
   --color-border-neutral: #ffffff33;
   --color-border-overlay: #ffffff33;
   --color-background-screen: #163300;
@@ -56,9 +56,9 @@
   --color-sentiment-negative-primary: #ffc4c2;
   --color-sentiment-negative-primary-hover: #ffdcdb;
   --color-sentiment-negative-primary-active: #ffebeb;
-  --color-sentiment-negative-secondary: #ffc4c2;
-  --color-sentiment-negative-secondary-hover: #ffdcdb;
-  --color-sentiment-negative-secondary-active: #ffebeb;
+  --color-sentiment-negative-secondary: #ffc4c233;
+  --color-sentiment-negative-secondary-hover: #ffdcdb33;
+  --color-sentiment-negative-secondary-active: #ffebeb33;
   --color-sentiment-positive: #a0e5ae;
   --color-sentiment-warning: #edd272;
   --color-contrast: #163300;
@@ -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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -35,9 +35,9 @@
 @color-interactive-contrast: #163300;
 @color-interactive-contrast-hover: #214d00;
 @color-interactive-contrast-active: #2c6600;
-@color-interactive-neutral: #9fe870;
-@color-interactive-neutral-hover: #cdffad;
-@color-interactive-neutral-active: #ecffe0;
+@color-interactive-neutral: #9fe87033;
+@color-interactive-neutral-hover: #cdffad33;
+@color-interactive-neutral-active: #ecffe033;
 @color-border-neutral: #ffffff33;
 @color-border-overlay: #ffffff33;
 @color-background-screen: #163300;
@@ -54,9 +54,9 @@
 @color-sentiment-negative-primary: #ffc4c2;
 @color-sentiment-negative-primary-hover: #ffdcdb;
 @color-sentiment-negative-primary-active: #ffebeb;
-@color-sentiment-negative-secondary: #ffc4c2;
-@color-sentiment-negative-secondary-hover: #ffdcdb;
-@color-sentiment-negative-secondary-active: #ffebeb;
+@color-sentiment-negative-secondary: #ffc4c233;
+@color-sentiment-negative-secondary-hover: #ffdcdb33;
+@color-sentiment-negative-secondary-active: #ffebeb33;
 @color-sentiment-positive: #a0e5ae;
 @color-sentiment-warning: #edd272;
 @color-contrast: #163300;
@@ -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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+ * Generated on Wed, 22 Jan 2025 20:31:30 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 Mon, 23 Dec 2024 13:07:00 GMT
+// Generated on Wed, 22 Jan 2025 20:31:30 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;