@transferwise/neptune-tokens 8.4.0 → 8.5.1

package/README.md

@@ -1,6 +1,6 @@
 # Neptune Tokens [![npm](https://img.shields.io/npm/v/@transferwise/neptune-tokens.svg)](https://www.npmjs.com/package/@transferwise/neptune-tokens)
 
-Design tokens for [Neptune](https://github.com/transferwise/neptune), TransferWise's design system. Currently includes colours, radiuses, and sizes.
+Design tokens for [Neptune](https://github.com/transferwise/neptune), Wise's design system. Currently includes colours, radiuses, and sizes.
 
 Tokens always start with a `base` layer that directly accesses the values, and can be extended with a semantic layer that describes the token's intended purpose, rather than how it looks.
 

package/colors-base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 :root {

package/colors-base.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/colors.json

@@ -4192,17 +4192,13 @@
           "value": {
             "r": 1,
             "g": 1,
-            "b": 1,
-            "opacity": 0
+            "b": 1
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
-            "value": {
-              "hex": "#FFFFFF",
-              "opacity": 0
-            },
+            "value": "{color.personal--bright-green.white.value}",
             "theme": "personal--bright-green"
           },
           "name": "personalBrightGreenBaseLight",
@@ -4221,19 +4217,15 @@
         },
         "dark": {
           "value": {
-            "r": 1,
-            "g": 1,
-            "b": 1,
-            "opacity": 0
+            "r": 0.08627450980392157,
+            "g": 0.2,
+            "b": 0
           },
           "theme": "personal--bright-green",
           "filePath": "tokens/colors/themes/personal--bright-green.json",
           "isSource": true,
           "original": {
-            "value": {
-              "hex": "#FFFFFF",
-              "opacity": 0
-            },
+            "value": "{color.personal--bright-green.forest-green.value}",
             "theme": "personal--bright-green"
           },
           "name": "personalBrightGreenBaseDark",
@@ -4250,6 +4242,62 @@
             "dark"
           ]
         }
+      },
+      "contrast": {
+        "overlay": {
+          "value": {
+            "r": 0.08627450980392157,
+            "g": 0.2,
+            "b": 0
+          },
+          "theme": "personal--bright-green",
+          "filePath": "tokens/colors/themes/personal--bright-green.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal--bright-green.forest-green.value}",
+            "theme": "personal--bright-green"
+          },
+          "name": "personalBrightGreenContrastOverlay",
+          "attributes": {
+            "category": "color",
+            "type": "personal--bright-green",
+            "item": "contrast",
+            "subitem": "overlay"
+          },
+          "path": [
+            "color",
+            "personal--bright-green",
+            "contrast",
+            "overlay"
+          ]
+        },
+        "theme": {
+          "value": {
+            "r": 1,
+            "g": 1,
+            "b": 1
+          },
+          "theme": "personal--bright-green",
+          "filePath": "tokens/colors/themes/personal--bright-green.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal--bright-green.white.value}",
+            "theme": "personal--bright-green"
+          },
+          "name": "personalBrightGreenContrastTheme",
+          "attributes": {
+            "category": "color",
+            "type": "personal--bright-green",
+            "item": "contrast",
+            "subitem": "theme"
+          },
+          "path": [
+            "color",
+            "personal--bright-green",
+            "contrast",
+            "theme"
+          ]
+        }
       }
     },
     "personal--dark": {
@@ -5602,6 +5650,62 @@
             "dark"
           ]
         }
+      },
+      "contrast": {
+        "overlay": {
+          "value": {
+            "r": 0.07058823529411765,
+            "g": 0.08235294117647059,
+            "b": 0.06666666666666667
+          },
+          "theme": "dark",
+          "filePath": "tokens/colors/themes/personal--dark.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal.base.dark.value}",
+            "theme": "dark"
+          },
+          "name": "personalDarkContrastOverlay",
+          "attributes": {
+            "category": "color",
+            "type": "personal--dark",
+            "item": "contrast",
+            "subitem": "overlay"
+          },
+          "path": [
+            "color",
+            "personal--dark",
+            "contrast",
+            "overlay"
+          ]
+        },
+        "theme": {
+          "value": {
+            "r": 1,
+            "g": 1,
+            "b": 1
+          },
+          "theme": "dark",
+          "filePath": "tokens/colors/themes/personal--dark.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal.white.value}",
+            "theme": "dark"
+          },
+          "name": "personalDarkContrastTheme",
+          "attributes": {
+            "category": "color",
+            "type": "personal--dark",
+            "item": "contrast",
+            "subitem": "theme"
+          },
+          "path": [
+            "color",
+            "personal--dark",
+            "contrast",
+            "theme"
+          ]
+        }
       }
     },
     "personal--forest-green": {
@@ -6950,6 +7054,62 @@
             "dark"
           ]
         }
+      },
+      "contrast": {
+        "overlay": {
+          "value": {
+            "r": 0.08627450980392157,
+            "g": 0.2,
+            "b": 0
+          },
+          "theme": "personal--forest-green",
+          "filePath": "tokens/colors/themes/personal--forest-green.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal--forest-green.forest-green.value}",
+            "theme": "personal--forest-green"
+          },
+          "name": "personalForestGreenContrastOverlay",
+          "attributes": {
+            "category": "color",
+            "type": "personal--forest-green",
+            "item": "contrast",
+            "subitem": "overlay"
+          },
+          "path": [
+            "color",
+            "personal--forest-green",
+            "contrast",
+            "overlay"
+          ]
+        },
+        "theme": {
+          "value": {
+            "r": 1,
+            "g": 1,
+            "b": 1
+          },
+          "theme": "personal--forest-green",
+          "filePath": "tokens/colors/themes/personal--forest-green.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal--forest-green.white.value}",
+            "theme": "personal--forest-green"
+          },
+          "name": "personalForestGreenContrastTheme",
+          "attributes": {
+            "category": "color",
+            "type": "personal--forest-green",
+            "item": "contrast",
+            "subitem": "theme"
+          },
+          "path": [
+            "color",
+            "personal--forest-green",
+            "contrast",
+            "theme"
+          ]
+        }
       }
     },
     "personal": {
@@ -8332,6 +8492,62 @@
             "dark"
           ]
         }
+      },
+      "contrast": {
+        "overlay": {
+          "value": {
+            "r": 1,
+            "g": 1,
+            "b": 1
+          },
+          "theme": "personal",
+          "filePath": "tokens/colors/themes/personal.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal.white.value}",
+            "theme": "personal"
+          },
+          "name": "personalContrastOverlay",
+          "attributes": {
+            "category": "color",
+            "type": "personal",
+            "item": "contrast",
+            "subitem": "overlay"
+          },
+          "path": [
+            "color",
+            "personal",
+            "contrast",
+            "overlay"
+          ]
+        },
+        "theme": {
+          "value": {
+            "r": 0.07058823529411765,
+            "g": 0.08235294117647059,
+            "b": 0.06666666666666667
+          },
+          "theme": "personal",
+          "filePath": "tokens/colors/themes/personal.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.personal.base.dark.value}",
+            "theme": "personal"
+          },
+          "name": "personalContrastTheme",
+          "attributes": {
+            "category": "color",
+            "type": "personal",
+            "item": "contrast",
+            "subitem": "theme"
+          },
+          "path": [
+            "color",
+            "personal",
+            "contrast",
+            "theme"
+          ]
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/neptune-tokens",
-  "version": "8.4.0",
+  "version": "8.5.1",
   "description": "Design tokens for the Neptune Design System",
   "license": "UNLICENSED",
   "type": "module",
@@ -36,5 +36,8 @@
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/themes/dark/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-dark {
@@ -49,7 +49,7 @@
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

package/themes/dark/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-content-primary: #e2e6e8;
 @color-content-secondary: #c9cbce;
@@ -47,7 +47,7 @@
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

package/themes/light/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-light {
@@ -49,7 +49,7 @@
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

package/themes/light/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-content-primary: #37517e;
 @color-content-secondary: #5d7079;
@@ -47,7 +47,7 @@
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

package/themes/navy/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-navy {
@@ -49,7 +49,7 @@
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

package/themes/navy/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-content-primary: #ffffff;
 @color-content-secondary: #c9cbce;
@@ -47,7 +47,7 @@
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

package/themes/personal/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-personal {
@@ -52,11 +52,13 @@
   --color-contrast: #ffffff;
   --color-light: #ffffff;
   --color-dark: #121511;
+  --color-contrast-overlay: #ffffff;
+  --color-contrast-theme: #121511;
   --padding-x-small: 8px;
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

package/themes/personal/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -50,11 +50,13 @@
 @color-contrast: #ffffff;
 @color-light: #ffffff;
 @color-dark: #121511;
+@color-contrast-overlay: #ffffff;
+@color-contrast-theme: #121511;
 @padding-x-small: 8px;
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -74,13 +74,15 @@
   --color-sentiment-positive: #ffffff00;
   --color-sentiment-warning: #ffffff00;
   --color-contrast: #ffffff00;
-  --color-light: #ffffff00;
-  --color-dark: #ffffff00;
+  --color-light: #ffffff;
+  --color-dark: #163300;
+  --color-contrast-overlay: #163300;
+  --color-contrast-theme: #ffffff;
   --padding-x-small: 8px;
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -72,13 +72,15 @@
 @color-sentiment-positive: #ffffff00;
 @color-sentiment-warning: #ffffff00;
 @color-contrast: #ffffff00;
-@color-light: #ffffff00;
-@color-dark: #ffffff00;
+@color-light: #ffffff;
+@color-dark: #163300;
+@color-contrast-overlay: #163300;
+@color-contrast-theme: #ffffff;
 @padding-x-small: 8px;
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-personal--dark {
@@ -76,11 +76,13 @@
   --color-contrast: #121511;
   --color-light: #ffffff;
   --color-dark: #121511;
+  --color-contrast-overlay: #121511;
+  --color-contrast-theme: #ffffff;
   --padding-x-small: 8px;
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -74,11 +74,13 @@
 @color-contrast: #121511;
 @color-light: #ffffff;
 @color-dark: #121511;
+@color-contrast-overlay: #121511;
+@color-contrast-theme: #ffffff;
 @padding-x-small: 8px;
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -76,11 +76,13 @@
   --color-contrast: #163300;
   --color-light: #ffffff;
   --color-dark: #163300;
+  --color-contrast-overlay: #163300;
+  --color-contrast-theme: #ffffff;
   --padding-x-small: 8px;
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-bright-yellow: #ffeb69;
 @color-bright-orange: #ffc091;
@@ -74,11 +74,13 @@
 @color-contrast: #163300;
 @color-light: #ffffff;
 @color-dark: #163300;
+@color-contrast-overlay: #163300;
+@color-contrast-theme: #ffffff;
 @padding-x-small: 8px;
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;

package/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 Feb 2023 10:44:58 GMT
+ * Generated on Mon, 02 Oct 2023 12:07:17 GMT
  */
 
 :root {
@@ -49,7 +49,7 @@
   --padding-small: 16px;
   --padding-medium: 24px;
   --padding-large: 32px;
-  --radius-full: 50%;
+  --radius-full: 9999px;
   --radius-small: 10px;
   --radius-medium: 16px;
   --radius-large: 24px;

package/tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 23 Feb 2023 10:44:58 GMT
+// Generated on Mon, 02 Oct 2023 12:07:17 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -129,7 +129,7 @@
 @padding-small: 16px;
 @padding-medium: 24px;
 @padding-large: 32px;
-@radius-full: 50%;
+@radius-full: 9999px;
 @radius-small: 10px;
 @radius-medium: 16px;
 @radius-large: 24px;