@atlaskit/eslint-plugin-design-system 3.2.0 → 4.1.1

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 4.1.1
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
+## 4.1.0
+
+### Minor Changes
+
+- [`52fbe80eeb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52fbe80eeb5) - Moved logic for detecting deprecated tokens out of no-unsafe-design-token-usage and moves it into a new rule: no-deprecated-token-usage. This rule is solely reponsible for catching usage of deprecated tokens. In most cases this allows consumers to set this rule to "warn", allowing iterative migration to new token names rather than in a big bang.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.0.1
+
+### Patch Changes
+
+- [`7da1a30902a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7da1a30902a) - Adds missing meta to `ensure-design-token-usage` rule.
+
+## 4.0.0
+
+### Major Changes
+
+- [`a2f953f3814`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2f953f3814) - Previously the `ensure-design-token-usage` eslint rule contained all checks relating to token use. This has now been split up into two separate rules:
+
+  `ensure-design-token-usage` now covers:
+
+  - `legacyElevation` — warns about old usages of the elevation mixins or styles, which instead should use the `card` or `overlay` tokens.
+  - `hardCodedColor` — warns about use of hard-coded colors such as `color: colors.B100`, which instead should be wrapped in a `token()` call. This covers the majority of cases in existing codebases when first adopting tokens.
+
+  `no-unsafe-design-token-usage` (new) covers the remaining rules:
+
+  - `directTokenUsage` — warns against using the CSS Custom Property name that is output in the browser by the `token()` call.
+    Eg. directly using `var(--ds-accent-subtleBlue)` is bad.
+  - `staticToken` — warns when tokens aren't used inline. Inlining the token usages helps with static analysis, which unlocks future improvements.
+    Eg. pulling the token out into a const like `css={ color: token(primaryButtonText) }` is bad.
+  - `invalidToken` — warns when using a token that doesn't exist (not one that's been renamed, see the next point).
+  - `tokenRenamed` — warns when using a token that's been renamed in a subsequent release.
+  - `tokenFallbackEnforced` — warns if a fallback for the token call is not provided.
+    Eg. call with the fallback like this `token('color.background.disabled', N10)` instead of `token('color.background.disabled')`.
+  - `tokenFallbackRestricted` — the opposite of `tokenFallbackEnforced`.
+    Eg. do not pass in a fallback like this `token('color.background.disabled', N10)` and instead only include the token `token('color.background.disabled')`.
+
+  Upgrading — some instances of `\\eslint-disable` may need to be changed to the new rule. If you have failing lint rules after only bumping this package then switch those ignores to use `no-unsafe-design-token-usage` instead.
+
+### Patch Changes
+
+- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- [`26719f5b7b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/26719f5b7b0) - Update @atlaskit tokens dependency from a devDependency to a regular dependency
+- [`a66711cd58c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a66711cd58c) - Remove `@atlaskit/tokens` from peer dependency.
+- Updated dependencies
+
 ## 3.2.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -5,14 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.configs = exports.rules = void 0;
+exports.rules = exports.configs = void 0;
 
 var _ensureDesignTokenUsage = _interopRequireDefault(require("./rules/ensure-design-token-usage"));
 
+var _noDeprecatedDesignTokenUsage = _interopRequireDefault(require("./rules/no-deprecated-design-token-usage"));
+
 var _noDeprecatedImports = _interopRequireDefault(require("./rules/no-deprecated-imports"));
 
+var _noUnsafeDesignTokenUsage = _interopRequireDefault(require("./rules/no-unsafe-design-token-usage"));
+
 var rules = {
   'ensure-design-token-usage': _ensureDesignTokenUsage.default,
+  'no-unsafe-design-token-usage': _noUnsafeDesignTokenUsage.default,
+  'no-deprecated-design-token-usage': _noDeprecatedDesignTokenUsage.default,
   'no-deprecated-imports': _noDeprecatedImports.default
 };
 exports.rules = rules;

package/dist/cjs/rules/ensure-design-token-usage/index.js

@@ -1,23 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _renameMapping = _interopRequireDefault(require("@atlaskit/tokens/rename-mapping"));
-
-var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
-
-var _isColor = require("./utils/is-color");
-
-var _isElevation = require("./utils/is-elevation");
+var _isColor = require("../utils/is-color");
 
-var _isNode = require("./utils/is-node");
+var _isElevation = require("../utils/is-elevation");
 
-var _isToken = require("./utils/is-token");
+var _isNode = require("../utils/is-node");
 
 var defaultConfig = {
   shouldEnforceFallbacks: false
@@ -51,6 +43,9 @@ var filterSuggestion = function filterSuggestion(_ref) {
 
 var rule = {
   meta: {
+    // We need to upgrade the version of ESLint.
+    // @ts-expect-error
+    hasSuggestions: true,
     docs: {
       recommended: true
     },
@@ -58,13 +53,7 @@ var rule = {
     type: 'problem',
     messages: {
       legacyElevation: "Elevations can be sourced from the global theme using the token function made of both a background and shadow. Use \"card\" for card elevations, and \"overlay\" for anything else that should appear elevated.\n\n{{example}}\n",
-      directTokenUsage: "Access the global theme using the token function.\n\n```\nimport { token } from '@atlaskit/tokens';\n\ntoken('{{tokenKey}}');\n```\n",
-      hardCodedColor: "Colors can be sourced from the global theme using the token function.\n\n```\nimport { token } from '@atlaskit/tokens';\n\ntoken('color.background.blanket');\n```\n",
-      staticToken: "Token string should be inlined directly into the function call.\n\n```\ntoken('color.background.blanket');\n```\n",
-      invalidToken: 'The token "{{name}}" does not exist.',
-      tokenRenamed: 'The token "{{name}}" has been renamed.',
-      tokenFallbackEnforced: "Token function requires a fallback, preferably something that best matches the light/default theme in case tokens aren't present.\n\n```\ntoken('color.background.blanket', N500A);\n```\n      ",
-      tokenFallbackRestricted: "Token function must not use a fallback.\n\n```\ntoken('color.background.blanket');\n```\n      "
+      hardCodedColor: "Colors can be sourced from the global theme using the token function.\n\n```\nimport { token } from '@atlaskit/tokens';\n\ntoken('color.background.blanket');\n```\n"
     }
   },
   create: function create(context) {
@@ -134,25 +123,12 @@ var rule = {
         var value = node.quasi.quasis.map(function (q) {
           return q.value.raw;
         }).join('');
-        var tokenKey = (0, _isToken.isToken)(value, _tokenNames.default);
-
-        if (tokenKey) {
-          context.report({
-            messageId: 'directTokenUsage',
-            node: node,
-            data: {
-              tokenKey: tokenKey
-            }
-          });
-          return;
-        }
         /**
          * Attempts to remove all non-essential words & characters from a style block.
          * Including selectors, queries and property names, leaving only values
          * This is necessary to avoid cases where a property might have a color in its name ie. "white-space"
          */
 
-
         var cssProperties = value.replace(/\n/g, '').split(/;|{|}/).filter(function (el) {
           return !el.match(/\.|\@|\(|\)/);
         }).map(function (el) {
@@ -181,23 +157,6 @@ var rule = {
           return;
         }
 
-        var tokenKey = (0, _isToken.isToken)(node.value, _tokenNames.default);
-        var isCSSVar = node.value.startsWith('var(');
-
-        if (tokenKey) {
-          context.report({
-            messageId: 'directTokenUsage',
-            node: node,
-            data: {
-              tokenKey: tokenKey
-            },
-            fix: function fix(fixer) {
-              return isCSSVar ? fixer.replaceText(node, "token('".concat(tokenKey, "')")) : null;
-            }
-          });
-          return;
-        }
-
         if ((0, _isColor.isHardCodedColor)(node.value) || (0, _isColor.includesHardCodedColor)(node.value)) {
           context.report({
             messageId: 'hardCodedColor',
@@ -226,73 +185,6 @@ var rule = {
           suggest: getTokenSuggestion(node, "".concat(node.callee.name, "()"), config)
         });
       },
-      'CallExpression[callee.name="token"]': function CallExpressionCalleeNameToken(node) {
-        if (node.type !== 'CallExpression') {
-          return;
-        }
-
-        if (node.arguments.length < 2 && config.shouldEnforceFallbacks === true) {
-          context.report({
-            messageId: 'tokenFallbackEnforced',
-            node: node
-          });
-        } else if (node.arguments.length > 1 && config.shouldEnforceFallbacks === false) {
-          if (node.arguments[0].type === 'Literal') {
-            var value = node.arguments[0].value;
-            context.report({
-              messageId: 'tokenFallbackRestricted',
-              node: node.arguments[1],
-              fix: function fix(fixer) {
-                return fixer.replaceText(node, "token('".concat(value, "')"));
-              }
-            });
-          } else {
-            context.report({
-              messageId: 'tokenFallbackRestricted',
-              node: node.arguments[1]
-            });
-          }
-        }
-
-        if (node.arguments[0] && node.arguments[0].type !== 'Literal') {
-          context.report({
-            messageId: 'staticToken',
-            node: node
-          });
-          return;
-        }
-
-        var tokenKey = node.arguments[0].value;
-
-        if (!tokenKey) {
-          return;
-        }
-
-        if (typeof tokenKey === 'string' && tokenKey in _renameMapping.default) {
-          context.report({
-            messageId: 'tokenRenamed',
-            node: node,
-            data: {
-              name: tokenKey
-            },
-            fix: function fix(fixer) {
-              return fixer.replaceText(node.arguments[0], "'".concat(_renameMapping.default[tokenKey], "'"));
-            }
-          });
-          return;
-        }
-
-        if (typeof tokenKey !== 'string' || typeof tokenKey === 'string' && !_tokenNames.default[tokenKey]) {
-          context.report({
-            messageId: 'invalidToken',
-            node: node,
-            data: {
-              name: tokenKey.toString()
-            }
-          });
-          return;
-        }
-      },
       JSXAttribute: function JSXAttribute(node) {
         if (!node.value) {
           return;

package/dist/cjs/rules/no-deprecated-design-token-usage/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renameMapping = _interopRequireDefault(require("@atlaskit/tokens/rename-mapping"));
+
+var getCleanPathId = function getCleanPathId(path) {
+  return path.split('.').filter(function (el) {
+    return el !== '[default]';
+  }).join('.');
+};
+
+var rule = {
+  meta: {
+    docs: {
+      recommended: true
+    },
+    fixable: 'code',
+    type: 'problem',
+    messages: {
+      tokenRenamed: 'The token "{{name}}" is deprecated in favour of "{{replacement}}".'
+    }
+  },
+  create: function create(context) {
+    return {
+      'CallExpression[callee.name="token"]': function CallExpressionCalleeNameToken(node) {
+        if (node.type !== 'CallExpression') {
+          return;
+        }
+
+        if (node.arguments[0].type !== 'Literal') {
+          return;
+        }
+
+        var tokenKey = node.arguments[0].value;
+
+        if (!tokenKey) {
+          return;
+        }
+
+        if (typeof tokenKey !== 'string') {
+          return;
+        }
+
+        var migrationMeta = _renameMapping.default.filter(function (t) {
+          return t.state === 'deprecated';
+        }).find(function (t) {
+          return t.path === tokenKey;
+        });
+
+        if (migrationMeta) {
+          var cleanTokenKey = getCleanPathId(migrationMeta.replacement);
+          context.report({
+            messageId: 'tokenRenamed',
+            node: node,
+            data: {
+              name: tokenKey,
+              replacement: cleanTokenKey
+            },
+            fix: function fix(fixer) {
+              return fixer.replaceText(node.arguments[0], "'".concat(cleanTokenKey, "'"));
+            }
+          });
+          return;
+        }
+      }
+    };
+  }
+};
+var _default = rule;
+exports.default = _default;

package/dist/cjs/rules/no-unsafe-design-token-usage/index.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renameMapping = _interopRequireDefault(require("@atlaskit/tokens/rename-mapping"));
+
+var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
+
+var _isNode = require("../utils/is-node");
+
+var _isToken = require("../utils/is-token");
+
+var getCleanPathId = function getCleanPathId(path) {
+  return path.split('.').filter(function (el) {
+    return el !== '[default]';
+  }).join('.');
+};
+
+var defaultConfig = {
+  shouldEnforceFallbacks: false
+};
+var rule = {
+  meta: {
+    docs: {
+      recommended: true
+    },
+    fixable: 'code',
+    type: 'problem',
+    messages: {
+      directTokenUsage: "Access the global theme using the token function.\n\n```\nimport { token } from '@atlaskit/tokens';\n\ntoken('{{tokenKey}}');\n```\n",
+      staticToken: "Token string should be inlined directly into the function call.\n\n```\ntoken('color.background.blanket');\n```\n",
+      invalidToken: 'The token "{{name}}" does not exist.',
+      tokenRemoved: 'The token "{{name}}" is removed in favour of "{{replacement}}".',
+      tokenFallbackEnforced: "Token function requires a fallback, preferably something that best matches the light/default theme in case tokens aren't present.\n\n```\ntoken('color.background.blanket', N500A);\n```\n      ",
+      tokenFallbackRestricted: "Token function must not use a fallback.\n\n```\ntoken('color.background.blanket');\n```\n      "
+    }
+  },
+  create: function create(context) {
+    var config = context.options[0] || defaultConfig;
+    return {
+      'TaggedTemplateExpression[tag.name="css"],TaggedTemplateExpression[tag.object.name="styled"]': function TaggedTemplateExpressionTagNameCssTaggedTemplateExpressionTagObjectNameStyled(node) {
+        if (node.type !== 'TaggedTemplateExpression') {
+          return;
+        }
+
+        var value = node.quasi.quasis.map(function (q) {
+          return q.value.raw;
+        }).join('');
+        var tokenKey = (0, _isToken.isToken)(value, _tokenNames.default);
+
+        if (tokenKey) {
+          context.report({
+            messageId: 'directTokenUsage',
+            node: node,
+            data: {
+              tokenKey: tokenKey
+            }
+          });
+          return;
+        }
+      },
+      'ObjectExpression > Property > Literal': function ObjectExpressionPropertyLiteral(node) {
+        if (node.type !== 'Literal') {
+          return;
+        }
+
+        if (typeof node.value !== 'string') {
+          return;
+        }
+
+        if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isNode.isDecendantOfStyleJsxAttribute)(node)) {
+          return;
+        }
+
+        var tokenKey = (0, _isToken.isToken)(node.value, _tokenNames.default);
+        var isCSSVar = node.value.startsWith('var(');
+
+        if (tokenKey) {
+          context.report({
+            messageId: 'directTokenUsage',
+            node: node,
+            data: {
+              tokenKey: tokenKey
+            },
+            fix: function fix(fixer) {
+              return isCSSVar ? fixer.replaceText(node, "token('".concat(tokenKey, "')")) : null;
+            }
+          });
+          return;
+        }
+      },
+      'CallExpression[callee.name="token"]': function CallExpressionCalleeNameToken(node) {
+        if (node.type !== 'CallExpression') {
+          return;
+        }
+
+        if (node.arguments.length < 2 && config.shouldEnforceFallbacks === true) {
+          context.report({
+            messageId: 'tokenFallbackEnforced',
+            node: node
+          });
+        } else if (node.arguments.length > 1 && config.shouldEnforceFallbacks === false) {
+          if (node.arguments[0].type === 'Literal') {
+            var value = node.arguments[0].value;
+            context.report({
+              messageId: 'tokenFallbackRestricted',
+              node: node.arguments[1],
+              fix: function fix(fixer) {
+                return fixer.replaceText(node, "token('".concat(value, "')"));
+              }
+            });
+          } else {
+            context.report({
+              messageId: 'tokenFallbackRestricted',
+              node: node.arguments[1]
+            });
+          }
+        }
+
+        if (node.arguments[0] && node.arguments[0].type !== 'Literal') {
+          context.report({
+            messageId: 'staticToken',
+            node: node
+          });
+          return;
+        }
+
+        var tokenKey = node.arguments[0].value;
+
+        if (!tokenKey) {
+          return;
+        }
+
+        var migrationMeta = _renameMapping.default.filter(function (t) {
+          return t.state === 'deleted';
+        }).find(function (t) {
+          return t.path === tokenKey;
+        });
+
+        if (typeof tokenKey === 'string' && migrationMeta) {
+          var cleanTokenKey = getCleanPathId(migrationMeta.replacement);
+          context.report({
+            messageId: 'tokenRemoved',
+            node: node,
+            data: {
+              name: tokenKey,
+              replacement: cleanTokenKey
+            },
+            fix: function fix(fixer) {
+              return fixer.replaceText(node.arguments[0], "'".concat(cleanTokenKey, "'"));
+            }
+          });
+          return;
+        }
+
+        if (typeof tokenKey !== 'string' || typeof tokenKey === 'string' && !_tokenNames.default[tokenKey]) {
+          context.report({
+            messageId: 'invalidToken',
+            node: node,
+            data: {
+              name: tokenKey.toString()
+            }
+          });
+          return;
+        }
+      }
+    };
+  }
+};
+var _default = rule;
+exports.default = _default;

package/dist/cjs/rules/{ensure-design-token-usage/utils → utils}/is-color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isHardCodedColor = exports.includesHardCodedColor = exports.isLegacyNamedColor = exports.isLegacyColor = void 0;
+exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.includesHardCodedColor = void 0;
 var namedColors = ['black', 'silver', 'gray', 'white', 'maroon', 'red', 'purple', 'fuchsia', 'green', 'lime', 'olive', 'yellow', 'navy', 'blue', 'teal', 'aqua', 'orange', 'aliceblue', 'antiquewhite', 'aquamarine', 'azure', 'beige', 'bisque', 'blanchedalmond', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkgrey', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'greenyellow', 'grey', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightslategrey', 'lightsteelblue', 'lightyellow', 'limegreen', 'linen', 'magenta', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'oldlace', 'olivedrab', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'skyblue', 'slateblue', 'slategray', 'slategrey', 'snow', 'springgreen', 'steelblue', 'tan', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'whitesmoke', 'yellowgreen', 'rebeccapurple'];
 var legacyColors = ['R50', 'R75', 'R100', 'R200', 'R300', 'R400', 'R500', 'Y50', 'Y75', 'Y100', 'Y200', 'Y300', 'Y400', 'Y500', 'G50', 'G75', 'G100', 'G200', 'G300', 'G400', 'G500', 'B50', 'B75', 'B100', 'B200', 'B300', 'B400', 'B500', 'P50', 'P75', 'P100', 'P200', 'P300', 'P400', 'P500', 'T50', 'T75', 'T100', 'T200', 'T300', 'T400', 'T500', 'N0', 'N10', 'N20', 'N30', 'N40', 'N50', 'N60', 'N70', 'N80', 'N90', 'N100', 'N200', 'N300', 'N400', 'N500', 'N600', 'N700', 'N800', 'N900', 'N10A', 'N20A', 'N30A', 'N40A', 'N50A', 'N60A', 'N70A', 'N80A', 'N90A', 'N100A', 'N200A', 'N300A', 'N400A', 'N500A', 'N600A', 'N700A', 'N800A', 'DN900', 'DN800', 'DN700', 'DN600', 'DN500', 'DN400', 'DN300', 'DN200', 'DN100', 'DN90', 'DN80', 'DN70', 'DN60', 'DN50', 'DN40', 'DN30', 'DN20', 'DN10', 'DN0', 'DN800A', 'DN700A', 'DN600A', 'DN500A', 'DN400A', 'DN300A', 'DN200A', 'DN100A', 'DN90A', 'DN80A', 'DN70A', 'DN60A', 'DN50A', 'DN40A', 'DN30A', 'DN20A', 'DN10A'];
 var legacyColorMixins = ['background', 'backgroundActive', 'backgroundHover', 'backgroundOnLayer', 'text', 'textHover', 'textActive', 'subtleText', 'placeholderText', 'heading', 'subtleHeading', 'codeBlock', 'link', 'linkHover', 'linkActive', 'linkOutline', 'primary', 'blue', 'teal', 'purple', 'red', 'yellow', 'green', 'skeleton'];
@@ -56,7 +56,8 @@ var isHardCodedColor = function isHardCodedColor(value) {
     return true;
   }
 
-  if (value.startsWith('#') && (value.length === 4 || value.length === 7 || value.length === 9)) {
+  if (value.startsWith('#') && ( // short hex, hex, or hex with alpha
+  value.length === 4 || value.length === 7 || value.length === 9)) {
     return true;
   }
 

package/dist/cjs/rules/{ensure-design-token-usage/utils → utils}/is-node.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isChildOfType = exports.isDecendantOfStyleBlock = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfType = exports.isDecendantOfGlobalToken = void 0;
+exports.isDecendantOfType = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfGlobalToken = exports.isChildOfType = void 0;
 
 var isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
   if (node.type === 'CallExpression' && node.callee.type === 'Identifier' && node.callee.name === 'token') {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
-	"version": "3.2.0",
+	"version": "4.1.1",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -1,7 +1,11 @@
 import ensureTokenUsage from './rules/ensure-design-token-usage';
+import noDeprecatedUsage from './rules/no-deprecated-design-token-usage';
 import noDeprecatedImports from './rules/no-deprecated-imports';
+import noUnsafeUsage from './rules/no-unsafe-design-token-usage';
 export const rules = {
   'ensure-design-token-usage': ensureTokenUsage,
+  'no-unsafe-design-token-usage': noUnsafeUsage,
+  'no-deprecated-design-token-usage': noDeprecatedUsage,
   'no-deprecated-imports': noDeprecatedImports
 };
 export const configs = {