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

package/dist/cjs/rules/ensure-design-token-usage/get-font-size-value-in-scope.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFontSizeValueInScope = getFontSizeValueInScope;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _getValueFromShorthand = require("./get-value-from-shorthand");
+function getFontSizeValueInScope(cssProperties) {
+  var fontSizeNode = cssProperties.find(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+      style = _ref2[0];
+    var _style$split = style.split(':'),
+      _style$split2 = (0, _slicedToArray2.default)(_style$split, 2),
+      rawProperty = _style$split2[0],
+      value = _style$split2[1];
+    return /font-size/.test(rawProperty) ? value : null;
+  });
+  if (!fontSizeNode) {
+    return undefined;
+  }
+  var _fontSizeNode$0$split = fontSizeNode[0].split(':'),
+    _fontSizeNode$0$split2 = (0, _slicedToArray2.default)(_fontSizeNode$0$split, 2),
+    _ = _fontSizeNode$0$split2[0],
+    fontSizeValue = _fontSizeNode$0$split2[1];
+  if (!fontSizeValue) {
+    return undefined;
+  }
+  return (0, _getValueFromShorthand.getValueFromShorthand)(fontSizeValue)[0];
+}

package/dist/cjs/rules/ensure-design-token-usage/get-property-node-from-parent.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPropertyNodeFromParent = getPropertyNodeFromParent;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+function getPropertyNodeFromParent(property, parentNode) {
+  var propertyNode = parentNode.properties.find(function (node) {
+    if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
+      return;
+    }
+    if (!(0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier')) {
+      return;
+    }
+    return node.key.name === property;
+  });
+  return propertyNode;
+}

package/dist/cjs/rules/ensure-design-token-usage/get-token-node-for-value.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTokenNodeForValue = getTokenNodeForValue;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _findTokenNameByPropertyValue = require("./find-token-name-by-property-value");
+/**
+ * Returns a token node for a given value including fallbacks.
+ * @param propertyName camelCase CSS property
+ * @param value string representing pixel value, or font family, or number representing font weight
+ * @example
+ * ```
+ * propertyName: padding, value: '8px' => token('space.100', '8px')
+ * propertyName: fontWeight, value: 400 => token('font.weight.regular', '400')
+ * ```
+ */
+function getTokenNodeForValue(propertyName, value) {
+  var token = (0, _findTokenNameByPropertyValue.findTokenNameByPropertyValue)(propertyName, value);
+  var fallbackValue = propertyName === 'fontFamily' ? {
+    value: "".concat(value),
+    raw: "`".concat(value, "`")
+  } : "".concat(value);
+  return (0, _eslintCodemodUtils.callExpression)({
+    callee: (0, _eslintCodemodUtils.identifier)({
+      name: 'token'
+    }),
+    arguments: [(0, _eslintCodemodUtils.literal)({
+      value: "'".concat(token !== null && token !== void 0 ? token : '', "'")
+    }), (0, _eslintCodemodUtils.literal)(fallbackValue)],
+    optional: false
+  });
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTokenReplacement = getTokenReplacement;
+var _findTokenNameByPropertyValue = require("./find-token-name-by-property-value");
+var _getTokenNodeForValue = require("./get-token-node-for-value");
+var _normaliseValue = require("./normalise-value");
+/**
+ * Returns a stringifiable node with the token expression corresponding to its matching token.
+ * If no token found for the pair the function returns undefined.
+ * @param propertyName string camelCased css property.
+ * @param value The computed value e.g '8px' -> '8'.
+ */
+function getTokenReplacement(propertyName, value) {
+  var tokenName = (0, _findTokenNameByPropertyValue.findTokenNameByPropertyValue)(propertyName, value);
+  if (!tokenName) {
+    return undefined;
+  }
+  var fallbackValue = (0, _normaliseValue.normaliseValue)(propertyName, value);
+  return (0, _getTokenNodeForValue.getTokenNodeForValue)(propertyName, fallbackValue);
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTokenSuggestion = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfGlobalToken = require("../utils/is-decendant-of-global-token");
+var filterSuggestion = function filterSuggestion(_ref) {
+  var shouldReturnSuggestion = _ref.shouldReturnSuggestion;
+  return shouldReturnSuggestion;
+};
+var getTokenSuggestion = exports.getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
+  return [{
+    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, _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, ")"));
+    }
+  }].filter(filterSuggestion);
+};

package/dist/cjs/rules/ensure-design-token-usage/get-value-for-property-node.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValueForPropertyNode = getValueForPropertyNode;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _getValue = require("./get-value");
+function getValueForPropertyNode(propertyNode, context) {
+  var propertyValueRaw = (0, _eslintCodemodUtils.isNodeOfType)(propertyNode, 'Property') ? (0, _getValue.getValue)(propertyNode.value, context) : null;
+  var propertyValue = Array.isArray(propertyValueRaw) ? propertyValueRaw[0] : propertyValueRaw;
+  return propertyValue;
+}

package/dist/cjs/rules/ensure-design-token-usage/get-value-from-shorthand.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValueFromShorthand = void 0;
+var _removePixelSuffix = require("./remove-pixel-suffix");
+var _splitShorthandValues = require("./split-shorthand-values");
+var getValueFromShorthand = exports.getValueFromShorthand = function getValueFromShorthand(str) {
+  var valueString = String(str);
+  var fontFamily = /(Charlie)|(sans-serif$)|(monospace$)/;
+  var fontWeightString = /(regular$)|(medium$)|(semibold$)|(bold$)/;
+  var fontStyleString = /(inherit$)|(normal$)|(italic$)/;
+  if (fontFamily.test(valueString) || fontWeightString.test(valueString) || fontStyleString.test(valueString)) {
+    return [valueString];
+  }
+  // If we want to filter out NaN just add .filter(Boolean)
+  return (0, _splitShorthandValues.splitShorthandValues)(String(str).trim()).map(_removePixelSuffix.removePixelSuffix);
+};

package/dist/cjs/rules/ensure-design-token-usage/get-value-from-template-literal-raw.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValueFromTemplateLiteralRaw = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _getValue = require("./get-value");
+/**
+ * @example
+ * ```js
+ * `2 ${variable} 0`
+ *
+ * // results in [2, NaN, 0]
+ * ```
+ * ```js
+ * const variable = 4;
+ * `2 ${variable} 0`
+ *
+ * // results in [2, 4, 0]
+ * ```
+ */
+var getValueFromTemplateLiteralRaw = exports.getValueFromTemplateLiteralRaw = function getValueFromTemplateLiteralRaw(node, context) {
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(node, "TemplateLiteral")) {
+    return null;
+  }
+  var combinedString = node.quasis.map(function (q, i) {
+    return "".concat(q.value.raw).concat(node.expressions[i] ? (0, _getValue.getValue)(node.expressions[i], context) : '');
+  }).join('').trim();
+  var fontFamily = /(sans-serif$)|(monospace$)/;
+  if (fontFamily.test(combinedString)) {
+    return combinedString;
+  }
+  return combinedString.split(' ');
+};

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

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValue = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var _findInParent = require("../utils/find-in-parent");
+var _getValueFromShorthand = require("./get-value-from-shorthand");
+var _getValueFromTemplateLiteralRaw = require("./get-value-from-template-literal-raw");
+var _isBorderRadius = require("./is-border-radius");
+var _removePixelSuffix = require("./remove-pixel-suffix");
+var isGridSize = function isGridSize(node) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'gridSize' || node.callee.name === 'getGridSize') &&
+  // If there are arguments we know it's a custom gridSize function and cannot be certain what it returns
+  node.arguments.length === 0;
+};
+var isToken = function isToken(node) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && node.callee.name === 'token';
+};
+var getRawExpressionForToken = function getRawExpressionForToken(node, context) {
+  var args = node.arguments;
+  var call = "${token(".concat(args.map(function (argNode) {
+    if ((0, _eslintCodemodUtils.isNodeOfType)(argNode, 'Literal')) {
+      return argNode.raw;
+    }
+    if ((0, _eslintCodemodUtils.isNodeOfType)(argNode, 'Identifier')) {
+      return argNode.name;
+    }
+    if ((0, _eslintCodemodUtils.isNodeOfType)(argNode, 'MemberExpression')) {
+      return getValue(argNode, context);
+    }
+  }).join(', '), ")}");
+  return call;
+};
+var isFontSize = function isFontSize(node) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
+};
+var isFontSizeSmall = function isFontSizeSmall(node) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
+};
+var getValueFromCallExpression = function getValueFromCallExpression(node, context) {
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) {
+    return null;
+  }
+  if (isGridSize(node)) {
+    return 8;
+  }
+  if ((0, _isBorderRadius.isBorderRadius)(node)) {
+    return 3;
+  }
+  if (isFontSize(node)) {
+    return 14;
+  }
+  if (isFontSizeSmall(node)) {
+    return 11;
+  }
+  if (isToken(node)) {
+    return getRawExpressionForToken(node, context);
+  }
+  return null;
+};
+var getValueFromUnaryExpression = function getValueFromUnaryExpression(node, context) {
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'UnaryExpression')) {
+    return null;
+  }
+  var value = getValue(node.argument, context);
+  if (!value) {
+    return null;
+  }
+
+  // eslint-disable-next-line no-eval
+  return eval("".concat(node.operator, "(").concat(value, ")"));
+};
+var getValueFromBinaryExpression = function getValueFromBinaryExpression(node, context) {
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'BinaryExpression')) {
+    return null;
+  }
+  var left = node.left,
+    right = node.right,
+    operator = node.operator;
+  var leftValue = getValue(left, context);
+  var rightValue = getValue(right, context);
+  var final = rightValue && leftValue ?
+  // eslint-disable-next-line no-eval
+  eval("".concat(leftValue).concat(operator).concat(rightValue)) : null;
+  return final;
+};
+var getValueFromIdentifier = function getValueFromIdentifier(node, context) {
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier')) {
+    return null;
+  }
+  if (node.name === 'gridSize') {
+    return 8;
+  }
+  var scope = (0, _contextCompat.getScope)(context, node);
+  var variable = (0, _findInParent.findIdentifierInParentScope)({
+    scope: scope,
+    identifierName: node.name
+  });
+  if (!variable) {
+    return null;
+  }
+  var definition = variable.defs[0];
+  if ((0, _eslintCodemodUtils.isNodeOfType)(definition.node, 'ImportSpecifier') && (0, _eslintCodemodUtils.isNodeOfType)(definition.node.parent, 'ImportDeclaration') && definition.node.parent.source.value === '@atlassian/jira-common-styles/src/main.tsx') {
+    return definition.node.imported.type === 'Identifier' && definition.node.imported.name === 'gridSize' ? 8 : null;
+  }
+  if (!(0, _eslintCodemodUtils.isNodeOfType)(definition.node, 'VariableDeclarator')) {
+    return null;
+  }
+  if (!definition.node.init) {
+    return null;
+  }
+  return getValue(definition.node.init, context);
+};
+var getValueFromTemplateLiteral = function getValueFromTemplateLiteral(node, context) {
+  var value = (0, _getValueFromTemplateLiteralRaw.getValueFromTemplateLiteralRaw)(node, context);
+  return Array.isArray(value) ? value.map(_removePixelSuffix.removePixelSuffix) : value;
+};
+var getValue = exports.getValue = function getValue(node, context) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Literal')) {
+    return (0, _getValueFromShorthand.getValueFromShorthand)(node.value);
+  }
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'BinaryExpression')) {
+    return getValueFromBinaryExpression(node, context);
+  }
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'UnaryExpression')) {
+    return getValueFromUnaryExpression(node, context);
+  }
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) {
+    return getValueFromCallExpression(node, context);
+  }
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier')) {
+    return getValueFromIdentifier(node, context);
+  }
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'TemplateLiteral')) {
+    return getValueFromTemplateLiteral(node, context);
+  }
+  return null;
+};

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

@@ -9,24 +9,38 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
 var _errorBoundary = require("../utils/error-boundary");
-var _isColor = require("../utils/is-color");
+var _includesHardCodedColor = require("../utils/includes-hard-coded-color");
 var _isDecendantOfGlobalToken = require("../utils/is-decendant-of-global-token");
+var _isDecendantOfStyleBlock = require("../utils/is-decendant-of-style-block");
 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 _emToPixels = require("./em-to-pixels");
+var _getDomainsForProperty = require("./get-domains-for-property");
+var _getFontSizeValueInScope = require("./get-font-size-value-in-scope");
+var _getPropertyNodeFromParent = require("./get-property-node-from-parent");
+var _getTokenReplacement = require("./get-token-replacement");
+var _getValueForPropertyNode = require("./get-value-for-property-node");
+var _getValueFromShorthand = require("./get-value-from-shorthand");
+var _getValueFromTemplateLiteralRaw = require("./get-value-from-template-literal-raw");
 var _includesTokenString = require("./includes-token-string");
 var _insertTokensImport = require("./insert-tokens-import");
 var _isAuto = require("./is-auto");
+var _isCalc = require("./is-calc");
 var _isTokenValueString = require("./is-token-value-string");
+var _isValidSpacingValue = require("./is-valid-spacing-value");
 var _isZero = require("./is-zero");
+var _lintJsxIdentifierForColor = require("./lint-jsx-identifier-for-color");
+var _lintJsxLiteralForColor = require("./lint-jsx-literal-for-color");
+var _lintJsxMemberForColor = require("./lint-jsx-member-for-color");
+var _lintObjectForColor = require("./lint-object-for-color");
+var _lintTemplateIdentifierForColor = require("./lint-template-identifier-for-color");
+var _processCssNode = require("./process-css-node");
 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'],
   applyImport: true,
@@ -55,7 +69,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
       // For expressions within template literals (e.g. `color: ${red}`) - color only
       'TemplateLiteral > Identifier': function TemplateLiteral__Identifier(node) {
         if (config.domains.includes('color')) {
-          return (0, _color.lintTemplateIdentifierForColor)(node, context, config);
+          return (0, _lintTemplateIdentifierForColor.lintTemplateIdentifierForColor)(node, context, config);
         }
         return;
       },
@@ -89,7 +103,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
         if ((0, _isDecendantOfXcssBlock.isDecendantOfXcssBlock)(parentNode, references, importSources)) {
           return;
         }
-        if (!(0, _isNode.isDecendantOfStyleBlock)(parentNode) && !(0, _isDecendantOfType.isDecendantOfType)(parentNode, 'JSXExpressionContainer')) {
+        if (!(0, _isDecendantOfStyleBlock.isDecendantOfStyleBlock)(parentNode) && !(0, _isDecendantOfType.isDecendantOfType)(parentNode, 'JSXExpressionContainer')) {
           return;
         }
         function findObjectStyles(node) {
@@ -105,13 +119,13 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
           var propertyName = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') ? node.key.name : String(node.key.value);
 
           // Returns which domains to lint against based on rule's config and current property
-          var domains = (0, _utils.getDomainsForProperty)(propertyName, config.domains);
+          var domains = (0, _getDomainsForProperty.getDomainsForProperty)(propertyName, config.domains);
           if (domains.length === 0 || (0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(node.value)) {
             return;
           }
           if ((0, _eslintCodemodUtils.isNodeOfType)(node.value, 'TemplateLiteral')) {
-            var value = (0, _utils.getValueFromTemplateLiteralRaw)(node.value, context);
-            if (Array.isArray(value) && value.some(_utils.isCalc)) {
+            var value = (0, _getValueFromTemplateLiteralRaw.getValueFromTemplateLiteralRaw)(node.value, context);
+            if (Array.isArray(value) && value.some(_isCalc.isCalc)) {
               return context.report({
                 node: node,
                 messageId: 'noCalcUsage',
@@ -125,14 +139,14 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             }
           }
           if (domains.includes('color')) {
-            return (0, _color.lintObjectForColor)(node, context, config);
+            return (0, _lintObjectForColor.lintObjectForColor)(node, context, config);
           }
           if (domains.includes('spacing') || domains.includes('shape')) {
             /**
              * We do this in case the fontSize for a style object is declared alongside the `em` or `lineHeight` declaration.
              */
-            var fontSizeNode = (0, _utils.getPropertyNodeFromParent)('fontSize', parentNode);
-            var fontSize = fontSizeNode && (0, _utils.getValueForPropertyNode)(fontSizeNode, context);
+            var fontSizeNode = (0, _getPropertyNodeFromParent.getPropertyNodeFromParent)('fontSize', parentNode);
+            var fontSize = fontSizeNode && (0, _getValueForPropertyNode.getValueForPropertyNode)(fontSizeNode, context);
             return (0, _spacing.lintObjectForSpacing)(node, context, config, fontSize, tokenNode);
           }
         }
@@ -146,12 +160,12 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
         if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'TaggedTemplateExpression')) {
           return;
         }
-        var processedCssLines = (0, _utils.processCssNode)(node, context);
+        var processedCssLines = (0, _processCssNode.processCssNode)(node, context);
         if (!processedCssLines) {
           // if we can't get a processed css we bail
           return;
         }
-        var globalFontSize = (0, _utils.getFontSizeValueInScope)(processedCssLines);
+        var globalFontSize = (0, _getFontSizeValueInScope.getFontSizeValueInScope)(processedCssLines);
         var textForSource = (0, _contextCompat.getSourceCode)(context).getText(node.quasi);
         var allReplacedValues = [];
         var completeSource = processedCssLines.reduce(function (currentSource, _ref) {
@@ -169,7 +183,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
           var propertyName = (0, _convertHyphenatedNameToCamelCase.convertHyphenatedNameToCamelCase)(originalProperty);
           var isFontFamily = /fontFamily/.test(propertyName);
           var replacedValuesPerProperty = [originalProperty];
-          var domains = (0, _utils.getDomainsForProperty)(propertyName, config.domains);
+          var domains = (0, _getDomainsForProperty.getDomainsForProperty)(propertyName, config.domains);
           if (domains.length === 0 || !resolvedCssValues) {
             // in both of these cases no changes should be made to the current property
             return currentSource;
@@ -178,7 +192,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             if ((0, _includesTokenString.includesTokenString)(resolvedCssValues.trim())) {
               return currentSource;
             }
-            if ((0, _isColor.includesHardCodedColor)(resolvedCssValues)) {
+            if ((0, _includesHardCodedColor.includesHardCodedColor)(resolvedCssValues)) {
               context.report({
                 messageId: 'hardCodedColor',
                 node: node
@@ -187,13 +201,13 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             }
           }
           if (domains.includes('spacing') || domains.includes('shape')) {
-            if (!(0, _utils.isValidSpacingValue)(resolvedCssValues, globalFontSize)) {
+            if (!(0, _isValidSpacingValue.isValidSpacingValue)(resolvedCssValues, globalFontSize)) {
               // no changes should be made to the current property
               return currentSource;
             }
 
             // gets the values from the associated property, numeric values or NaN
-            var processedNumericValues = (0, _utils.getValueFromShorthand)(resolvedCssValues);
+            var processedNumericValues = (0, _getValueFromShorthand.getValueFromShorthand)(resolvedCssValues);
             var processedValues = (0, _splitShorthandValues.splitShorthandValues)(resolvedCssValues);
             // only splits shorthand values but it does not transform NaNs so tokens are preserved
             var originalValues = (0, _splitShorthandValues.splitShorthandValues)(originalCssValues);
@@ -206,7 +220,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
             .map(function (value, index) {
               return [
               // if emToPX conversion fails we'll default to original value
-              (0, _utils.emToPixels)(value, globalFontSize) || value, processedValues[index], originalValues[index]];
+              (0, _emToPixels.emToPixels)(value, globalFontSize) || value, processedValues[index], originalValues[index]];
             }).map(function (_ref3) {
               var _ref4 = (0, _slicedToArray2.default)(_ref3, 3),
                 numericOrNanValue = _ref4[0],
@@ -215,7 +229,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
               if (!originalValue) {
                 return originalValue;
               }
-              if ((0, _utils.isCalc)(originalValue)) {
+              if ((0, _isCalc.isCalc)(originalValue)) {
                 context.report({
                   node: node,
                   messageId: 'noCalcUsage',
@@ -249,7 +263,7 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
               });
 
               // from here on we know value is numeric or a font family, so it might or might not have a token equivalent
-              var replacementNode = (0, _utils.getTokenReplacement)(propertyName, numericOrNanValue);
+              var replacementNode = (0, _getTokenReplacement.getTokenReplacement)(propertyName, numericOrNanValue);
               if (!replacementNode) {
                 return originalValue;
               }
@@ -287,35 +301,35 @@ var createWithConfig = exports.createWithConfig = function createWithConfig(init
       // For inline JSX styles - literals (e.g. <Test color="red"/>) - color only
       'JSXAttribute > Literal': function JSXAttribute__Literal(node) {
         if (config.domains.includes('color')) {
-          return (0, _color.lintJSXLiteralForColor)(node, context, config);
+          return (0, _lintJsxLiteralForColor.lintJSXLiteralForColor)(node, context, config);
         }
         return;
       },
       // Add handling for JSXExpressionContainer with string literals
       'JSXAttribute > JSXExpressionContainer > Literal': function JSXAttribute__JSXExpressionContainer__Literal(node) {
         if (config.domains.includes('color')) {
-          return (0, _color.lintJSXLiteralForColor)(node, context, config);
+          return (0, _lintJsxLiteralForColor.lintJSXLiteralForColor)(node, context, config);
         }
         return;
       },
       // For inline JSX styles - members (e.g. <Test color={color.red}/>) - color only
       'JSXExpressionContainer > MemberExpression': function JSXExpressionContainer__MemberExpression(node) {
         if (config.domains.includes('color')) {
-          return (0, _color.lintJSXMemberForColor)(node, context, config);
+          return (0, _lintJsxMemberForColor.lintJSXMemberForColor)(node, context, config);
         }
         return;
       },
       // For inline JSX styles - identifiers (e.g. <Test color={red}/>) - color only
       'JSXExpressionContainer > Identifier': function JSXExpressionContainer__Identifier(node) {
         if (config.domains.includes('color')) {
-          return (0, _color.lintJSXIdentifierForColor)(node, context, config);
+          return (0, _lintJsxIdentifierForColor.lintJSXIdentifierForColor)(node, context, config);
         }
         return;
       }
     }, config);
   };
 };
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: _ruleMeta.default,
   create: createWithConfig(defaultConfig)
 });

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBorderSizeProperty = isBorderSizeProperty;
+var borderSizeProperties = ['borderWidth', 'outlineWidth', 'borderRightWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBottomWidth', 'borderInlineWidth', 'borderBlockWidth'];
+function isBorderSizeProperty(propertyName) {
+  return borderSizeProperties.includes(propertyName);
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isCalc = void 0;
+var calcRegex = /(^calc)/;
+var isCalc = exports.isCalc = function isCalc(value) {
+  if (typeof value === 'string') {
+    if (calcRegex.test(value)) {
+      return true;
+    }
+  }
+  return false;
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRadiusProperty = isRadiusProperty;
+var shapeProperties = ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius', 'borderRadius', 'borderStartStartRadius', 'borderStartEndRadius', 'borderEndStartRadius', 'borderEndEndRadius'];
+function isRadiusProperty(propertyName) {
+  return shapeProperties.includes(propertyName);
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isShapeProperty = isShapeProperty;
+var _isBorderSizeProperty = require("./is-border-size-property");
+var _isRadiusProperty = require("./is-radius-property");
+function isShapeProperty(propertyName) {
+  return (0, _isRadiusProperty.isRadiusProperty)(propertyName) || (0, _isBorderSizeProperty.isBorderSizeProperty)(propertyName);
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSpacingProperty = void 0;
+var properties = ['padding', 'paddingBlock', 'paddingInline', 'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'marginLeft', 'marginTop', 'marginRight', 'marginBottom', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'margin', 'gap', 'rowGap', 'gridRowGap', 'columnGap', 'gridColumnGap', 'top', 'left', 'right', 'bottom', 'inlineStart', 'inlineEnd', 'blockStart', 'blockEnd', 'outline-offset'];
+var isSpacingProperty = exports.isSpacingProperty = function isSpacingProperty(propertyName) {
+  return properties.includes(propertyName);
+};

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidSpacingValue = void 0;
+var emRegex = /(.*\d+)em$/;
+var invalidSpacingUnitRegex = /(\d+rem$)|(vw$)|(vh$)/;
+var isValidSpacingValue = exports.isValidSpacingValue = function isValidSpacingValue(value, fontSize) {
+  if (typeof value === 'string') {
+    if (invalidSpacingUnitRegex.test(value)) {
+      return false;
+    }
+  } else if (Array.isArray(value)) {
+    // could be array due to shorthand
+    for (var val in value) {
+      if (invalidSpacingUnitRegex.test(val)) {
+        return false;
+      }
+    }
+  }
+  if (emRegex.test(value) && typeof fontSize !== 'number') {
+    return false;
+  }
+  return true;
+};