@transferwise/neptune-tokens 5.1.0 → 7.0.0-beta.0

package/CHANGELOG.md

@@ -1,28 +1,49 @@
+# v7.0.0-beta.0
+
+## New personal theme
+
+## Remove disabled colour tokens
+# v7.0.0
+
+## Remove disabled colour tokens
+
+Disabled colours were simulating transparency and desaturation, and were encouraging us to create a larger palette than we needed, and more prone to mistakes. We're now removing those tokens and encouraging consumers to use opacity and blend modes to achieve the same effect.
+
+# v6.1.0
+
+## Add tertiary content token
+
+We're adding a new tertiary content token for text that should be deemphasised further than secondary, like placeholders in inputs and inactive components.
+
+# v6.0.0
+
+## Remove themed CSS custom properties (variables) from :root
+
+To avoid further confusion with our upcoming theming changes, we are dropping the color theme name from CSS variables assigned to the `:root` pseudo-class.
+
 # v5.1.0
 
 ## Add font-family token
 
-
 # v5.0.0
 
 ## Add Navy color tokens to default bundle
 
-Navy tokens addes with `-navy-` part in file, e.g
+Navy tokens added with `-navy-` part in file, e.g
 
 ```css
-  --color-navy-content-primary: #...;
-  --color-navy-content-secondary: #...;
+--color-navy-content-primary: #...;
+--color-navy-content-secondary: #...;
 ```
 
-
 ## and make path to default bundle same as in v1 (breaking change)
 
-```js
+```css
 // old
-@transferwise/neptune-tokens/themes/default/tokens.css
+@import "@transferwise/neptune-tokens/themes/default/tokens.css";
 
 // new
-@transferwise/neptune-tokens/tokens.css
+@import "@transferwise/neptune-tokens/tokens.css";
 ```
 
-This is necessary because most people still use v1 and it will be less of a breaking change in upcoming Neptune release with new colors.
+This is necessary because most people still use v1 and it will be less of a breaking change in upcoming Neptune release with new colors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/neptune-tokens",
-  "version": "5.1.0",
+  "version": "7.0.0-beta.0",
   "description": "Design tokens for the Neptune Design System",
   "license": "UNLICENSED",
   "type": "module",

package/colors-base.css

@@ -1,46 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Wed, 17 Nov 2021 15:37:36 GMT
- */
-
-:root {
-  --color-base-blue-light: #00b9ff;
-  --color-base-blue-mid: #00a2dd;
-  --color-base-blue-dark: #0097c7;
-  --color-base-blue-fade: #38c8ff1a;
-  --color-base-green-light: #6fd698;
-  --color-base-green-mid: #2ead4b;
-  --color-base-green-dark: #008026;
-  --color-base-green-fade: #36c7971a;
-  --color-base-red-light: #ffa6a9;
-  --color-base-red-mid: #e74848;
-  --color-base-red-dark: #cf2929;
-  --color-base-red-fade: #ff87871a;
-  --color-base-orange-light: #ffd184;
-  --color-base-orange-mid: #df8700;
-  --color-base-orange-dark: #9a6500;
-  --color-base-orange-fade: #ffac001a;
-  --color-base-smoke-light: #e2e6e8;
-  --color-base-smoke-mid: #c9cbce;
-  --color-base-smoke-dark: #a8aaac;
-  --color-base-smoke-fade: #86a7bd1a;
-  --color-base-navy-light: #37517e;
-  --color-base-navy-mid: #2e4369;
-  --color-base-navy-dark: #253655;
-  --color-base-navy-fade: #849cc51a;
-  --color-base-grey-light: #829ca9;
-  --color-base-grey-mid: #6f8691;
-  --color-base-grey-dark: #5d7079;
-  --color-base-grey-fade: #829ca91a;
-  --color-base-white-light: #ffffff;
-  --color-base-white-mid: #ebebeb;
-  --color-base-white-fade: #ffffff1a;
-  --color-base-black-light: #202020;
-  --color-base-black-mid: #181818;
-  --color-base-black-dark: #000000;
-  --color-base-black-fade: #0000001a;
-  --color-base-brand-blue: #00b9ff;
-  --color-base-brand-purple: #485cc7;
-  --color-base-brand-amber: #ffb619;
-  --color-base-brand-borderless: #44ee70;
-}

package/colors-base.less

@@ -1,43 +0,0 @@
-
-// Do not edit directly
-// Generated on Wed, 17 Nov 2021 15:37:36 GMT
-
-@color-base-blue-light: #00b9ff;
-@color-base-blue-mid: #00a2dd;
-@color-base-blue-dark: #0097c7;
-@color-base-blue-fade: #38c8ff1a;
-@color-base-green-light: #6fd698;
-@color-base-green-mid: #2ead4b;
-@color-base-green-dark: #008026;
-@color-base-green-fade: #36c7971a;
-@color-base-red-light: #ffa6a9;
-@color-base-red-mid: #e74848;
-@color-base-red-dark: #cf2929;
-@color-base-red-fade: #ff87871a;
-@color-base-orange-light: #ffd184;
-@color-base-orange-mid: #df8700;
-@color-base-orange-dark: #9a6500;
-@color-base-orange-fade: #ffac001a;
-@color-base-smoke-light: #e2e6e8;
-@color-base-smoke-mid: #c9cbce;
-@color-base-smoke-dark: #a8aaac;
-@color-base-smoke-fade: #86a7bd1a;
-@color-base-navy-light: #37517e;
-@color-base-navy-mid: #2e4369;
-@color-base-navy-dark: #253655;
-@color-base-navy-fade: #849cc51a;
-@color-base-grey-light: #829ca9;
-@color-base-grey-mid: #6f8691;
-@color-base-grey-dark: #5d7079;
-@color-base-grey-fade: #829ca91a;
-@color-base-white-light: #ffffff;
-@color-base-white-mid: #ebebeb;
-@color-base-white-fade: #ffffff1a;
-@color-base-black-light: #202020;
-@color-base-black-mid: #181818;
-@color-base-black-dark: #000000;
-@color-base-black-fade: #0000001a;
-@color-base-brand-blue: #00b9ff;
-@color-base-brand-purple: #485cc7;
-@color-base-brand-amber: #ffb619;
-@color-base-brand-borderless: #44ee70;