@atlaskit/eslint-plugin-design-system 14.0.0 → 14.2.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 14.2.0
+
+### Minor Changes
+
+- [`ec906640e3e00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec906640e3e00) -
+  Add new components to the `use-should-render-to-parent` rule.
+
+## 14.1.0
+
+### Minor Changes
+
+- [`06a50a4e30a01`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06a50a4e30a01) -
+  Add rule to discourage usage of disabled and readonly inputs.
+
 ## 14.0.0
 
 ### Major Changes

package/README.md

@@ -88,6 +88,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-nested-styles/README.md">no-nested-styles</a>                                                         | Disallows use of nested styles in `css` functions.                                                                                                                                                                                                                                                                  | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-physical-properties/README.md">no-physical-properties</a>                                             | Disallow physical properties and values in `css` and `cssMap` function calls.                                                                                                                                                                                                                                       |             | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-placeholder/README.md">no-placeholder</a>                                                             | Placeholders should not be used. If information should be given to the user about the proper type or formatting of a value, this should be included using a helper message that is associated to the input instead.                                                                                                 | Yes         |         |             |
+| <a href="./packages/design-system/eslint-plugin/src/rules/no-readonly-or-disabled-inputs/README.md">no-readonly-or-disabled-inputs</a>                             | Inputs should almost always be interactive. Disabled and read-only inputs can usually be replaced by a more user-friendly design pattern.                                                                                                                                                                           | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-separator-with-list-elements/README.md">no-separator-with-list-elements</a>                           | Warn when the `separator` prop is used with `as="li"`, `as="ol"`, or `as="dl"` in the Inline component.                                                                                                                                                                                                             | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-styled-tagged-template-expression/README.md">no-styled-tagged-template-expression</a>                 | Disallows any `styled` tagged template expressions that originate from Emotion, Styled Components or Compiled                                                                                                                                                                                                       |             | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-to-match-snapshot/README.md">no-to-match-snapshot</a>                                                 | Disallow using toMatchSnapshot() in favor of toMatchInlineSnapshot(). See https://hello.atlassian.net/wiki/spaces/DST/pages/6105892000/DSTRFC-038+-+Removal+of+.toMatchSnapshot for rationale.                                                                                                                      |             |         |             |

package/dist/cjs/presets/all-flat.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1fe99d63747ac78f0ea9e747af54bc76>>
+ * @codegen <<SignedSource::80fbc23d43d39baa6c31e19dfe79680c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -52,6 +52,7 @@ var rules = {
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-physical-properties': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-styled-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-to-match-snapshot': 'error',

package/dist/cjs/presets/all.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4a4e27095e18b4c1f42c12cbc9f4af5e>>
+ * @codegen <<SignedSource::e7c368ed33d7a7522f63adf34dd26857>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -51,6 +51,7 @@ var rules = {
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-physical-properties': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-styled-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-to-match-snapshot': 'error',

package/dist/cjs/presets/recommended-flat.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e38fe36e83da94463de0e055c45eac02>>
+ * @codegen <<SignedSource::aeb24552f4292e3b6cdfe02b769d3e8d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -41,6 +41,7 @@ var rules = {
     }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/cjs/presets/recommended.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a12b7837d2a4105c5d20b49d5b9b54ab>>
+ * @codegen <<SignedSource::6253104ce58f3dc6759e4088b85171c3>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -40,6 +40,7 @@ var rules = {
     }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/cjs/rules/consistent-css-prop-usage/index.js

@@ -15,10 +15,10 @@ var _assign = _interopRequireDefault(require("lodash/assign"));
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _findVariable = require("@atlaskit/eslint-utils/find-variable");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
-var _astNodes = require("../../ast-nodes");
+var _import = require("../../ast-nodes/import");
 var _createRule = require("../utils/create-rule");
 var _getFirstSupportedImport = require("../utils/get-first-supported-import");
-var _getImportNodeBySource = require("../utils/get-import-node-by-source");
+var _getModuleOfIdentifier = require("../utils/get-module-of-identifier");
 var isDOMElementName = function isDOMElementName(elementName) {
   return elementName.charAt(0) !== elementName.charAt(0).toUpperCase() && elementName.charAt(0) === elementName.charAt(0).toLowerCase();
 };
@@ -27,7 +27,7 @@ function isCssCallExpression(node, cssFunctions, context) {
   if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') || !(0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier')) {
     return false;
   }
-  var module = (0, _getImportNodeBySource.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), node.callee.name);
+  var module = (0, _getModuleOfIdentifier.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), node.callee.name);
   if (!module) {
     return false;
   }
@@ -223,7 +223,7 @@ var JSXExpressionLinter = /*#__PURE__*/function () {
       // Add the `import { css } from 'my-css-in-js-library';` statement
       var packageImport = (0, _getFirstSupportedImport.getFirstSupportedImport)(this.context, [importSource]);
       if (packageImport) {
-        var addCssImport = _astNodes.Import.insertNamedSpecifiers(packageImport, [this.cssAttributeName], fixer);
+        var addCssImport = _import.Import.insertNamedSpecifiers(packageImport, [this.cssAttributeName], fixer);
         if (addCssImport) {
           return addCssImport;
         }
@@ -306,7 +306,7 @@ var JSXExpressionLinter = /*#__PURE__*/function () {
       }
       var hasPotentiallyLocalVariable = false;
       var isImportedVariable = function isImportedVariable(identifier) {
-        return !!(0, _getImportNodeBySource.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(_this2.context), identifier);
+        return !!(0, _getModuleOfIdentifier.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(_this2.context), identifier);
       };
       _estraverse.default.traverse(node, {
         fallback: 'iteration',

package/dist/cjs/rules/ensure-design-token-usage/border-width-value-to-token.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.borderWidthValueToToken = void 0;
+var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
+var borderWidthValueToToken = exports.borderWidthValueToToken = Object.fromEntries(_tokensRaw.shape.filter(function (t) {
+  return t.name.startsWith('border.width');
+}).map(function (t) {
+  return [t.value, t.cleanName];
+}).concat([['2px', 'border.width']]));

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanComments = cleanComments;
+/**
+ * Function that removes JS comments from a string of code,
+ * sometimes makers will have single or multiline comments in their tagged template literals styles, this can mess with our parsing logic.
+ */
+function cleanComments(str) {
+  return str.replace(/\/\*([\s\S]*?)\*\//g, '').replace(/\/\/(.*)/g, '');
+}

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

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.lintTemplateIdentifierForColor = exports.lintObjectForColor = exports.lintJSXMemberForColor = exports.lintJSXLiteralForColor = exports.lintJSXIdentifierForColor = exports.getTokenSuggestion = exports.getElevationTokenExample = void 0;
+exports.lintTemplateIdentifierForColor = exports.lintObjectForColor = exports.lintJSXMemberForColor = exports.lintJSXLiteralForColor = exports.lintJSXIdentifierForColor = exports.getTokenSuggestion = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _getIsException = require("../utils/get-is-exception");
+var _isChildOfType = require("../utils/is-child-of-type");
 var _isColor = require("../utils/is-color");
+var _isDecendantOfGlobalToken = require("../utils/is-decendant-of-global-token");
+var _isDecendantOfPrimitive = require("../utils/is-decendant-of-primitive");
+var _isDecendantOfSvgElement = require("../utils/is-decendant-of-svg-element");
 var _isElevation = require("../utils/is-elevation");
 var _isNode = require("../utils/is-node");
+var _getElevationTokenExample = require("./get-elevation-token-example");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -107,7 +112,7 @@ var lintTemplateIdentifierForColor = exports.lintTemplateIdentifierForColor = fu
   if (node.type !== 'Identifier') {
     return;
   }
-  if ((0, _isNode.isDecendantOfGlobalToken)(node) || !(0, _isNode.isDecendantOfStyleBlock)(node)) {
+  if ((0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(node) || !(0, _isNode.isDecendantOfStyleBlock)(node)) {
     return;
   }
   var elevation = (0, _isElevation.isLegacyElevation)(node.name);
@@ -116,10 +121,10 @@ var lintTemplateIdentifierForColor = exports.lintTemplateIdentifierForColor = fu
       messageId: 'legacyElevation',
       node: node,
       data: {
-        example: getElevationTokenExample(elevation)
+        example: (0, _getElevationTokenExample.getElevationTokenExample)(elevation)
       },
       fix: function fix(fixer) {
-        if ((0, _isNode.isChildOfType)(node, 'TemplateLiteral') && node.range) {
+        if ((0, _isChildOfType.isChildOfType)(node, 'TemplateLiteral') && node.range) {
           return fixer.replaceTextRange([node.range[0] - 2, node.range[1] + 1], "background-color: ${token('".concat(elevation.background, "')};\n").concat(' '.repeat(getNodeColumn(node) - 2), "box-shadow: ${token('").concat(elevation.shadow, "')}"));
         }
         return null;
@@ -231,12 +236,12 @@ var lintJSXLiteralForColor = exports.lintJSXLiteralForColor = function lintJSXLi
   if (!(0, _eslintCodemodUtils.isNodeOfType)(parent, 'JSXAttribute')) {
     return;
   }
-  if ((0, _isNode.isDecendantOfSvgElement)(parent)) {
+  if ((0, _isDecendantOfSvgElement.isDecendantOfSvgElement)(parent)) {
     return;
   }
 
   // Box backgroundColor prop accepts token names directly - don't lint against this
-  if ((0, _isNode.isDecendantOfPrimitive)(parent, context)) {
+  if ((0, _isDecendantOfPrimitive.isDecendantOfPrimitive)(parent, context)) {
     return;
   }
   if (['alt', 'src', 'label', 'key', 'appearance'].includes(typeof parent.name.name === 'string' ? parent.name.name : parent.name.name.name)) {
@@ -304,18 +309,15 @@ var lintJSXIdentifierForColor = exports.lintJSXIdentifierForColor = function lin
     return;
   }
 };
-var getElevationTokenExample = exports.getElevationTokenExample = function getElevationTokenExample(elevation) {
-  return "```\nimport { token } from '@atlaskit/tokens';\n\ncss({\n  backgroundColor: token('".concat(elevation.background, "');\n  boxShadow: token('").concat(elevation.shadow, "');\n});\n```");
-};
 var getTokenSuggestion = exports.getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
   return [{
-    shouldReturnSuggestion: !(0, _isNode.isDecendantOfGlobalToken)(node) && config.shouldEnforceFallbacks === false,
+    shouldReturnSuggestion: !(0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(node) && config.shouldEnforceFallbacks === false,
     desc: "Convert to token",
     fix: function fix(fixer) {
       return fixer.replaceText((0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'MemberExpression') ? node.parent : node, (0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'JSXAttribute') ? "{token('')}" : "token('')");
     }
   }, {
-    shouldReturnSuggestion: !(0, _isNode.isDecendantOfGlobalToken)(node) && config.shouldEnforceFallbacks === true,
+    shouldReturnSuggestion: !(0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(node) && config.shouldEnforceFallbacks === true,
     desc: "Convert to token with fallback",
     fix: function fix(fixer) {
       return fixer.replaceText((0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'MemberExpression') ? node.parent : node, (0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'JSXAttribute') ? "{token('', ".concat(reference, ")}") : "token('', ".concat(reference, ")"));

package/dist/cjs/rules/ensure-design-token-usage/convert-hyphenated-name-to-camel-case.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertHyphenatedNameToCamelCase = void 0;
+// convert line-height to lineHeight
+var convertHyphenatedNameToCamelCase = exports.convertHyphenatedNameToCamelCase = function convertHyphenatedNameToCamelCase(prop) {
+  return prop.replace(/-./g, function (m) {
+    return m[1].toUpperCase();
+  });
+};

package/dist/cjs/rules/ensure-design-token-usage/find-parent-node-for-line.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findParentNodeForLine = void 0;
+/**
+ * @param node
+ * @returns The furthest parent node that is on the same line as the input node.
+ */
+var _findParentNodeForLine = exports.findParentNodeForLine = function findParentNodeForLine(node) {
+  var _node$loc, _node$parent$loc;
+  if (!node.parent) {
+    return node;
+  }
+  if (((_node$loc = node.loc) === null || _node$loc === void 0 ? void 0 : _node$loc.start.line) !== ((_node$parent$loc = node.parent.loc) === null || _node$parent$loc === void 0 ? void 0 : _node$parent$loc.start.line)) {
+    return node;
+  } else {
+    return _findParentNodeForLine(node.parent);
+  }
+};

package/dist/cjs/rules/ensure-design-token-usage/get-elevation-token-example.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getElevationTokenExample = void 0;
+var getElevationTokenExample = exports.getElevationTokenExample = function getElevationTokenExample(elevation) {
+  return "```\nimport { token } from '@atlaskit/tokens';\n\ncss({\n  backgroundColor: token('".concat(elevation.background, "');\n  boxShadow: token('").concat(elevation.shadow, "');\n});\n```");
+};

package/dist/cjs/rules/ensure-design-token-usage/get-raw-expression.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRawExpression = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var getRawExpression = exports.getRawExpression = function getRawExpression(node, context) {
+  if (!(
+  // if not one of our recognized types or doesn't have a range prop, early return
+
+  (0, _eslintCodemodUtils.isNodeOfType)(node, 'Literal') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'BinaryExpression') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'UnaryExpression') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'TemplateLiteral') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) || !Array.isArray(node.range)) {
+    return null;
+  }
+  var _node$range = (0, _slicedToArray2.default)(node.range, 2),
+    start = _node$range[0],
+    end = _node$range[1];
+  return (0, _contextCompat.getSourceCode)(context).getText().substring(start, end).replaceAll('\n', '');
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.includesTokenString = includesTokenString;
+function includesTokenString(originalValue) {
+  return originalValue.includes('${token(');
+}

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

@@ -12,10 +12,20 @@ var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
 var _createRule = require("../utils/create-rule");
 var _errorBoundary = require("../utils/error-boundary");
 var _isColor = require("../utils/is-color");
+var _isDecendantOfGlobalToken = require("../utils/is-decendant-of-global-token");
+var _isDecendantOfType = require("../utils/is-decendant-of-type");
+var _isDecendantOfXcssBlock = require("../utils/is-decendant-of-xcss-block");
 var _isNode = require("../utils/is-node");
 var _color = require("./color");
+var _convertHyphenatedNameToCamelCase = require("./convert-hyphenated-name-to-camel-case");
+var _includesTokenString = require("./includes-token-string");
+var _insertTokensImport = require("./insert-tokens-import");
+var _isAuto = require("./is-auto");
+var _isTokenValueString = require("./is-token-value-string");
+var _isZero = require("./is-zero");
 var _ruleMeta = _interopRequireDefault(require("./rule-meta"));
 var _spacing = require("./spacing");
+var _splitShorthandValues = require("./split-shorthand-values");
 var _utils = require("./utils");
 var defaultConfig = {
   domains: ['color', 'spacing'],
@@ -76,10 +86,10 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
         if (parentNode.parent.type === 'Property') {
           return;
         }
-        if ((0, _isNode.isDecendantOfXcssBlock)(parentNode, references, importSources)) {
+        if ((0, _isDecendantOfXcssBlock.isDecendantOfXcssBlock)(parentNode, references, importSources)) {
           return;
         }
-        if (!(0, _isNode.isDecendantOfStyleBlock)(parentNode) && !(0, _isNode.isDecendantOfType)(parentNode, 'JSXExpressionContainer')) {
+        if (!(0, _isNode.isDecendantOfStyleBlock)(parentNode) && !(0, _isDecendantOfType.isDecendantOfType)(parentNode, 'JSXExpressionContainer')) {
           return;
         }
         function findObjectStyles(node) {
@@ -96,7 +106,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
 
           // Returns which domains to lint against based on rule's config and current property
           var domains = (0, _utils.getDomainsForProperty)(propertyName, config.domains);
-          if (domains.length === 0 || (0, _isNode.isDecendantOfGlobalToken)(node.value)) {
+          if (domains.length === 0 || (0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(node.value)) {
             return;
           }
           if ((0, _eslintCodemodUtils.isNodeOfType)(node.value, 'TemplateLiteral')) {
@@ -110,7 +120,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
                 }
               });
             }
-            if (node.value.expressions.some(_isNode.isDecendantOfGlobalToken)) {
+            if (node.value.expressions.some(_isDecendantOfGlobalToken.isDecendantOfGlobalToken)) {
               return;
             }
           }
@@ -156,7 +166,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             _originalCssLine$spli2 = (0, _slicedToArray2.default)(_originalCssLine$spli, 2),
             _ = _originalCssLine$spli2[0],
             originalCssValues = _originalCssLine$spli2[1];
-          var propertyName = (0, _utils.convertHyphenatedNameToCamelCase)(originalProperty);
+          var propertyName = (0, _convertHyphenatedNameToCamelCase.convertHyphenatedNameToCamelCase)(originalProperty);
           var isFontFamily = /fontFamily/.test(propertyName);
           var replacedValuesPerProperty = [originalProperty];
           var domains = (0, _utils.getDomainsForProperty)(propertyName, config.domains);
@@ -165,7 +175,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             return currentSource;
           }
           if (domains.includes('color')) {
-            if ((0, _utils.includesTokenString)(resolvedCssValues.trim())) {
+            if ((0, _includesTokenString.includesTokenString)(resolvedCssValues.trim())) {
               return currentSource;
             }
             if ((0, _isColor.includesHardCodedColor)(resolvedCssValues)) {
@@ -184,9 +194,9 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
 
             // gets the values from the associated property, numeric values or NaN
             var processedNumericValues = (0, _utils.getValueFromShorthand)(resolvedCssValues);
-            var processedValues = (0, _utils.splitShorthandValues)(resolvedCssValues);
+            var processedValues = (0, _splitShorthandValues.splitShorthandValues)(resolvedCssValues);
             // only splits shorthand values but it does not transform NaNs so tokens are preserved
-            var originalValues = (0, _utils.splitShorthandValues)(originalCssValues);
+            var originalValues = (0, _splitShorthandValues.splitShorthandValues)(originalCssValues);
 
             // reconstructing the string
             // should replace what it can and preserve the raw value for everything else
@@ -215,13 +225,13 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
                 });
                 return originalValue;
               }
-              if ((0, _utils.isTokenValueString)(originalValue)) {
+              if ((0, _isTokenValueString.isTokenValueString)(originalValue)) {
                 // if the value is already valid, nothing to report or replace
                 return originalValue;
               }
 
               // do not replace 0 or auto with tokens
-              if ((0, _utils.isZero)(pxValue) || (0, _utils.isAuto)(pxValue)) {
+              if ((0, _isZero.isZero)(pxValue) || (0, _isAuto.isAuto)(pxValue)) {
                 return originalValue;
               }
               if (isNaN(numericOrNanValue) && !isFontFamily) {
@@ -269,7 +279,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             node: node,
             messageId: 'autofixesPossible',
             fix: function fix(fixer) {
-              return (!tokenNode && config.applyImport ? [(0, _utils.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node.quasi, completeSource)]);
+              return (!tokenNode && config.applyImport ? [(0, _insertTokensImport.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node.quasi, completeSource)]);
             }
           });
         }

package/dist/cjs/rules/ensure-design-token-usage/insert-tokens-import.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertTokensImport = insertTokensImport;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+function insertTokensImport(fixer) {
+  return (0, _eslintCodemodUtils.insertAtStartOfFile)(fixer, "".concat((0, _eslintCodemodUtils.insertImportDeclaration)('@atlaskit/tokens', ['token']), "\n"));
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isAuto = void 0;
+var isAuto = exports.isAuto = function isAuto(value) {
+  if (typeof value === 'string') {
+    if (value === 'auto') {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/cjs/rules/ensure-design-token-usage/is-border-radius.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBorderRadius = isBorderRadius;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+function isBorderRadius(node) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'borderRadius' || node.callee.name === 'getBorderRadius');
+}

package/dist/cjs/rules/ensure-design-token-usage/is-token-value-string.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTokenValueString = isTokenValueString;
+/**
+ * Returns whether the current string is a token value.
+ * @param originalVaue string representing a css property value e.g 1em, 12px.
+ */
+function isTokenValueString(originalValue) {
+  return originalValue.startsWith('${token(') && originalValue.endsWith('}');
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isZero = void 0;
+var isZero = exports.isZero = function isZero(value) {
+  if (typeof value === 'string') {
+    if (value === '0px' || value === '0') {
+      return true;
+    }
+  }
+  if (typeof value === 'number') {
+    if (value === 0) {
+      return true;
+    }
+  }
+  return false;
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normaliseValue = normaliseValue;
+/**
+ * Translate a raw value into the same value format for further parsing:
+ *
+ * -> for pixels this '8px'
+ * -> for weights     '400'
+ * -> for family      'Arial'.
+ *
+ * @internal
+ */
+function normaliseValue(propertyName, value) {
+  var isFontStringProperty = /fontWeight|fontFamily|fontStyle/.test(propertyName);
+  var isLineHeight = /lineHeight/.test(propertyName);
+  var propertyValue = typeof value === 'string' ? value.trim() : value;
+  var lookupValue;
+  if (isFontStringProperty) {
+    lookupValue = "".concat(propertyValue);
+  } else if (isLineHeight) {
+    lookupValue = value === 1 ? "".concat(propertyValue) : "".concat(propertyValue, "px");
+  } else {
+    lookupValue = typeof propertyValue === 'string' ? propertyValue : "".concat(propertyValue, "px");
+  }
+  return lookupValue;
+}

package/dist/cjs/rules/ensure-design-token-usage/radius-value-to-token.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.radiusValueToToken = void 0;
+var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
+var radiusValueToToken = exports.radiusValueToToken = Object.fromEntries(_tokensRaw.shape.filter(function (t) {
+  return t.name.startsWith('radius');
+}).map(function (t) {
+  return [t.value, t.cleanName];
+})
+// add in extra entries to resolve 3px, 50%, and 100% to tokens
+.concat([['3px', 'radius.small'], ['50%', 'radius.full'], ['100%', 'radius.full']]));

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

@@ -3,28 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.borderWidthValueToToken = void 0;
-exports.isBorderRadius = isBorderRadius;
 exports.isBorderSizeProperty = isBorderSizeProperty;
 exports.isRadiusProperty = isRadiusProperty;
 exports.isShapeProperty = isShapeProperty;
-exports.radiusValueToToken = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
 var shapeProperties = ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius', 'borderRadius', 'borderStartStartRadius', 'borderStartEndRadius', 'borderEndStartRadius', 'borderEndEndRadius'];
 var borderSizeProperties = ['borderWidth', 'outlineWidth', 'borderRightWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBottomWidth', 'borderInlineWidth', 'borderBlockWidth'];
-var radiusValueToToken = exports.radiusValueToToken = Object.fromEntries(_tokensRaw.shape.filter(function (t) {
-  return t.name.startsWith('radius');
-}).map(function (t) {
-  return [t.value, t.cleanName];
-})
-// add in extra entries to resolve 3px, 50%, and 100% to tokens
-.concat([['3px', 'radius.small'], ['50%', 'radius.full'], ['100%', 'radius.full']]));
-var borderWidthValueToToken = exports.borderWidthValueToToken = Object.fromEntries(_tokensRaw.shape.filter(function (t) {
-  return t.name.startsWith('border.width');
-}).map(function (t) {
-  return [t.value, t.cleanName];
-}).concat([['2px', 'border.width']]));
 function isRadiusProperty(propertyName) {
   return shapeProperties.includes(propertyName);
 }
@@ -33,7 +16,4 @@ function isBorderSizeProperty(propertyName) {
 }
 function isShapeProperty(propertyName) {
   return isRadiusProperty(propertyName) || isBorderSizeProperty(propertyName);
-}
-function isBorderRadius(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'borderRadius' || node.callee.name === 'getBorderRadius');
 }