@atlaskit/tokens 0.10.3 → 0.10.6

package/.eslintrc.js

@@ -0,0 +1,35 @@
+module.exports = {
+  overrides: [
+    {
+      // Lint documentation to ensure usage examples are up-to-date
+      files: ['./examples/**', './docs/**'],
+      rules: {
+        '@atlaskit/design-system/no-deprecated-design-token-usage': ['warn'],
+        '@atlaskit/design-system/ensure-design-token-usage': [
+          'error',
+          { shouldEnforceFallbacks: true },
+        ],
+      },
+    },
+    {
+      // Constellation examples, and docs, include fallbacks for now
+      files: ['./examples/constellation/**', './docs/**'],
+      rules: {
+        '@atlaskit/design-system/no-unsafe-design-token-usage': [
+          'error',
+          { shouldEnforceFallbacks: true },
+        ],
+      },
+    },
+    {
+      // Atlaskit examples don't all have fallbacks
+      files: ['./examples/**.tsx'],
+      rules: {
+        '@atlaskit/design-system/no-unsafe-design-token-usage': [
+          'error',
+          { shouldEnforceFallbacks: false },
+        ],
+      },
+    },
+  ],
+};

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/tokens
 
+## 0.10.6
+
+### Patch Changes
+
+- [`04fc3d5c658`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04fc3d5c658) - Run token transform earlier by hooking into Program visitor
+
+## 0.10.5
+
+### Patch Changes
+
+- [`1124fa435ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1124fa435ed) - Moves the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens are removed from your application, they will be completely removed in the next major version:
+
+  - `color.background.brand.hovered` => `color.background.selected.hovered`
+  - `color.background.brand.pressed` => `color.background.selected.pressed`
+  - `color.background.brand` => `color.background.selected`
+  - `color.background.inverse` => `color.background.inverse.subtle`
+  - `color.background.selected.hover` => `color.background.selected.hovered`
+  - `color.background.selected.resting` => `color.background.selected`
+  - `color.background.subtleBrand.hover` => `color.background.selected.hovered`
+  - `color.background.subtleBrand.pressed` => `color.background.selected.pressed`
+  - `color.background.subtleBrand.resting` => `color.background.selected`
+
+  If you have configured the design token eslint rules, running `eslint --fix` will resolve these changes automatically.
+
+## 0.10.4
+
+### Patch Changes
+
+- [`7b9be57869b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b9be57869b) - ED-14905 made fallback token name work for production
+
 ## 0.10.3
 
 ### Patch Changes

package/README.md

@@ -67,6 +67,6 @@ Add the plugin to your babel configuration:
 ### Options
 
 Currently the plugin supports one option, `shouldUseAutoFallback`. When enabled, the plugin will fetch the token's value in the default
-Atlassian theme (currently `atlassian-light`) and use it as the fallback value. 
+Atlassian theme (currently `atlassian-light`) and use it as the fallback value.
 
 This is useful for cases where tokens are in use, but token definitions aren't present in the top-level page CSS.

package/dist/cjs/artifacts/rename-mapping.js

@@ -19,7 +19,7 @@ exports.default = void 0;
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
+ * @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
  * @codegenCommand yarn build tokens
  */
 var renameMapper = [{
@@ -124,27 +124,27 @@ var renameMapper = [{
   "replacement": "color.background.accent.magenta.subtle"
 }, {
   "path": "color.background.inverse.[default]",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.inverse.subtle.[default]"
 }, {
   "path": "color.background.brand.[default].[default]",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].[default]"
 }, {
   "path": "color.background.brand.[default].hovered",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].hovered"
 }, {
   "path": "color.background.brand.[default].pressed",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].pressed"
 }, {
   "path": "color.background.selected.resting",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].[default]"
 }, {
   "path": "color.background.selected.hover",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].hovered"
 }, {
   "path": "color.background.blanket",
@@ -244,15 +244,15 @@ var renameMapper = [{
   "replacement": "color.background.input.[default]"
 }, {
   "path": "color.background.subtleBrand.hover",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].hovered"
 }, {
   "path": "color.background.subtleBrand.pressed",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].pressed"
 }, {
   "path": "color.background.subtleBrand.resting",
-  "state": "deprecated",
+  "state": "deleted",
   "replacement": "color.background.selected.[default].[default]"
 }, {
   "path": "color.background.subtleDanger.hover",

package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
+ * @codegen <<SignedSource::2790b3e5387d05c20675eb77bb4ec986>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -2893,9 +2893,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.8.3",
+    "deleted": "0.10.5",
     "replacement": "color.background.inverse.subtle.[default]",
     "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
   },
@@ -2905,9 +2906,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.8.3",
+      "deleted": "0.10.5",
       "replacement": "color.background.inverse.subtle.[default]",
       "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
     },
@@ -3233,9 +3235,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for the background of elements used to reinforce our brand."
   },
@@ -3245,9 +3248,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for the background of elements used to reinforce our brand."
     },
@@ -3258,9 +3262,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
@@ -3270,9 +3275,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
@@ -3283,9 +3289,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
@@ -3295,9 +3302,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
@@ -3434,9 +3442,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for backgrounds of elements in a selected state"
   },
@@ -3446,9 +3455,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for backgrounds of elements in a selected state"
     },
@@ -3459,9 +3469,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for color.background.selected"
   },
@@ -3471,9 +3482,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for color.background.selected"
     },
@@ -4762,9 +4774,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for background.subtleBrand"
   },
@@ -4774,9 +4787,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
@@ -4787,9 +4801,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for background.subtleBrand"
   },
@@ -4799,9 +4814,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
@@ -4812,9 +4828,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
   },
@@ -4824,9 +4841,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },

package/dist/cjs/artifacts/tokens-raw/atlassian-light.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
+ * @codegen <<SignedSource::7cdaec19ecd5c921bc01bf32e95ed909>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -2893,9 +2893,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.8.3",
+    "deleted": "0.10.5",
     "replacement": "color.background.inverse.subtle.[default]",
     "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
   },
@@ -2905,9 +2906,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.8.3",
+      "deleted": "0.10.5",
       "replacement": "color.background.inverse.subtle.[default]",
       "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
     },
@@ -3233,9 +3235,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for the background of elements used to reinforce our brand."
   },
@@ -3245,9 +3248,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for the background of elements used to reinforce our brand."
     },
@@ -3258,9 +3262,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
@@ -3270,9 +3275,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
@@ -3283,9 +3289,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.6.0",
     "deprecated": "0.6.2",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
@@ -3295,9 +3302,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.6.0",
       "deprecated": "0.6.2",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
@@ -3434,9 +3442,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for backgrounds of elements in a selected state"
   },
@@ -3446,9 +3455,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for backgrounds of elements in a selected state"
     },
@@ -3459,9 +3469,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.1.0",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for color.background.selected"
   },
@@ -3471,9 +3482,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.1.0",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for color.background.selected"
     },
@@ -4762,9 +4774,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for background.subtleBrand"
   },
@@ -4774,9 +4787,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
@@ -4787,9 +4801,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for background.subtleBrand"
   },
@@ -4799,9 +4814,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
@@ -4812,9 +4828,10 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "deprecated",
+    "state": "deleted",
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
+    "deleted": "0.10.5",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
   },
@@ -4824,9 +4841,10 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "deprecated",
+      "state": "deleted",
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
+      "deleted": "0.10.5",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },