@atlaskit/eslint-plugin-design-system 11.9.0 → 12.0.0

package/dist/cjs/rules/use-latest-xcss-syntax-typography/index.js

@@ -15,6 +15,24 @@ var rule = (0, _createRule.createLintRule)({
     type: 'problem',
     fixable: 'code',
     hasSuggestions: false,
+    schema: [{
+      type: 'object',
+      properties: {
+        failSilently: {
+          type: 'boolean'
+        },
+        patterns: {
+          maxLength: _config.PATTERNS.length,
+          type: 'array',
+          items: {
+            type: 'string',
+            enum: _config.PATTERNS
+          },
+          uniqueItems: true
+        }
+      },
+      additionalProperties: false
+    }],
     docs: {
       description: 'Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead.',
       recommended: true,
@@ -30,37 +48,37 @@ var rule = (0, _createRule.createLintRule)({
   create: function create(context) {
     var config = (0, _config.getConfig)(context.options[0]);
     return (0, _errorBoundary.errorBoundary)({
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyIdentifierNameFontSizeLineHeightFontWeightLetterSpacing(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontSizeLineHeightFontWeightLetterSpacing_(node) {
         return _linters.RestrictedProperty.lint(node, {
           context: context,
           config: config
         });
       },
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyLiteralValueFontSizeLineHeightFontWeightLetterSpacing(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValue_FontSizeLineHeightFontWeightLetterSpacing_(node) {
         return _linters.RestrictedProperty.lint(node, {
           context: context,
           config: config
         });
       },
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=textTransform]': function CallExpressionCalleeNameXcssObjectExpressionPropertyIdentifierNameTextTransform(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=textTransform]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierNameTextTransform(node) {
         return _linters.RestrictedCapitalisation.lint(node, {
           context: context,
           config: config
         });
       },
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=textTransform]': function CallExpressionCalleeNameXcssObjectExpressionPropertyLiteralValueTextTransform(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=textTransform]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValueTextTransform(node) {
         return _linters.RestrictedCapitalisation.lint(node, {
           context: context,
           config: config
         });
       },
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyIdentifierNameFontFontFamilyFontWeight(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontFontFamilyFontWeight_(node) {
         return _linters.WrappedTokenValue.lint(node, {
           context: context,
           config: config
         });
       },
-      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcssObjectExpressionPropertyLiteralValueFontFontFamilyFontWeight(node) {
+      'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValue_FontFontFamilyFontWeight_(node) {
         return _linters.WrappedTokenValue.lint(node, {
           context: context,
           config: config

package/dist/cjs/rules/use-primitives/config/index.js

@@ -3,7 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConfig = void 0;
+exports.getConfig = exports.VALID_PATTERNS = void 0;
+var VALID_PATTERNS = exports.VALID_PATTERNS = [
+// this enables the rule to look for a pattern like:
+// const myStyles = css({...})
+'compiled-css-function',
+// this enables the rule to look for a pattern like:
+// const MyComponent = styled.div({...})
+'compiled-styled-object',
+// this enables the rule to look for a pattern like:
+// css({ padding: `I AM A TEMPLATE LITERAL` })
+// or styled.div({ padding: `I AM A TEMPLATE LITERAL` })
+'css-template-literal',
+// this enables the rule to look for a pattern like:
+// css({ padding: token(...) })
+// or styled.div({ padding: token(...) })
+'css-property-with-tokens',
+// this enables the rule to look for a pattern like:
+// css({ padding: '8px 16px' })
+// or styled.div({ padding: css({ padding: '8px 16px' }) })
+// ... and they could be tokenised
+// ... and they could be using template literals
+'css-property-multiple-values',
+// This enables the rule to look for a pattern like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+// })
+'multiple-properties',
+// This enables the rule to look for supported dimension properties set as 100% like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+//   width: '100%',
+// })
+'dimension-properties',
+// This enables the rule to look for JSX elements that are defined before the styles
+'jsx-order-fix',
+// This enables a fix for string style properties being incorrectly transformed
+'string-style-property-fix'];
 var defaults = {
   patterns: ['compiled-css-function']
 };

package/dist/cjs/rules/use-primitives/index.js

@@ -19,6 +19,20 @@ var rule = (0, _createRule.createLintRule)({
       recommended: false,
       severity: 'warn'
     },
+    schema: [{
+      type: 'object',
+      properties: {
+        patterns: {
+          type: 'array',
+          maxLength: _config.VALID_PATTERNS.length,
+          items: {
+            type: 'string',
+            enum: _config.VALID_PATTERNS
+          }
+        }
+      },
+      additionalProperties: false
+    }],
     messages: {
       preferPrimitivesBox: "This element can be replaced with a \"Box\" primitive. See ".concat(boxDocsUrl, " for additional guidance.")
     }

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.CompiledStyled = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
-var _contextCompat = require("../../../utils/context-compat");
 var _utils = require("../../utils");
 var _validateStyles = require("../../utils/validate-styles");
 var _convertJsxCallSite = require("./convert-jsx-call-site");

package/dist/cjs/rules/use-primitives/transformers/css-to-xcss.js

@@ -8,8 +8,8 @@ exports.supportedStylesMap = exports.supportedDimensionAttributesMap = exports.s
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _tokenMaps = require("../../../common/token-maps.partial");
-var _contextCompat = require("../../utils/context-compat");
 var _utils = require("../utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/cjs/rules/use-primitives/transformers/emotion-css/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmotionCSS = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
-var _contextCompat = require("../../../utils/context-compat");
 var _utils = require("../../utils");
 var _validateStyles = require("../../utils/validate-styles");
 var _cssToXcss = require("../css-to-xcss");

package/dist/cjs/rules/use-primitives/utils/get-variable-usage-count.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getVariableUsagesCount = void 0;
-var _contextCompat = require("../../utils/context-compat");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 /**
  * TODO: Update this logic: https://product-fabric.atlassian.net/browse/DSP-16059
  * Using Regex here because otherwise we'd need to traverse the entire AST

package/dist/cjs/rules/use-primitives-text/config/index.js

@@ -3,13 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConfig = void 0;
+exports.getConfig = exports.PATTERNS = void 0;
+var PATTERNS = exports.PATTERNS = [
+// <p>text</p>
+'paragraph-elements',
+// <span>text</span>
+'span-elements',
+// <strong>text</strong>
+'strong-elements',
+// <em>text</em>
+'emphasis-elements'];
 var defaults = {
   failSilently: false,
   patterns: ['paragraph-elements', 'span-elements', 'strong-elements', 'emphasis-elements'],
   inheritColor: false,
   enableUnsafeAutofix: false,
-  enableUnsafeReport: false
+  enableUnsafeReport: true
 };
 var getConfig = exports.getConfig = function getConfig(overrides) {
   return Object.assign({}, defaults, overrides);

package/dist/cjs/rules/use-primitives-text/index.js

@@ -15,6 +15,33 @@ var rule = (0, _createRule.createLintRule)({
     type: 'suggestion',
     fixable: 'code',
     hasSuggestions: true,
+    schema: [{
+      type: 'object',
+      properties: {
+        failSilently: {
+          type: 'boolean'
+        },
+        inheritColor: {
+          type: 'boolean'
+        },
+        enableUnsafeAutofix: {
+          type: 'boolean'
+        },
+        enableUnsafeReport: {
+          type: 'boolean'
+        },
+        patterns: {
+          maxLength: _config.PATTERNS.length,
+          type: 'array',
+          items: {
+            type: 'string',
+            enum: _config.PATTERNS
+          },
+          uniqueItems: true
+        }
+      },
+      additionalProperties: false
+    }],
     docs: {
       description: 'Encourage the usage of text components.',
       recommended: false,

package/dist/cjs/rules/use-primitives-text/transformers/emphasis-elements.js

@@ -9,8 +9,8 @@ exports.EmphasisElements = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../ast-nodes"));
-var _contextCompat = require("../../utils/context-compat");
 var _common = require("./common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/rules/use-primitives-text/transformers/paragraph-elements.js

@@ -9,8 +9,8 @@ exports.ParagraphElements = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../ast-nodes"));
-var _contextCompat = require("../../utils/context-compat");
 var _common = require("./common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/rules/use-primitives-text/transformers/span-elements.js

@@ -9,8 +9,8 @@ exports.SpanElements = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../ast-nodes"));
-var _contextCompat = require("../../utils/context-compat");
 var _common = require("./common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/rules/use-primitives-text/transformers/strong-elements.js

@@ -9,8 +9,8 @@ exports.StrongElements = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../../ast-nodes"));
-var _contextCompat = require("../../utils/context-compat");
 var _common = require("./common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/rules/use-tokens-space/index.js

@@ -23,27 +23,27 @@ var rule = (0, _createRule.createLintRule)({
   },
   create: function create(context) {
     return {
-      'CallExpression[callee.name="css"] ObjectExpression Property': function CallExpressionCalleeNameCssObjectExpressionProperty(node) {
+      'CallExpression[callee.name="css"] ObjectExpression Property': function CallExpressionCalleeNameCss_ObjectExpression_Property(node) {
         return _transformers.StyleProperty.lint(node, {
           context: context
         });
       },
-      'CallExpression[callee.name="keyframes"] ObjectExpression Property': function CallExpressionCalleeNameKeyframesObjectExpressionProperty(node) {
+      'CallExpression[callee.name="keyframes"] ObjectExpression Property': function CallExpressionCalleeNameKeyframes_ObjectExpression_Property(node) {
         return _transformers.StyleProperty.lint(node, {
           context: context
         });
       },
-      'CallExpression[callee.name="cssMap"] ObjectExpression Property': function CallExpressionCalleeNameCssMapObjectExpressionProperty(node) {
+      'CallExpression[callee.name="cssMap"] ObjectExpression Property': function CallExpressionCalleeNameCssMap_ObjectExpression_Property(node) {
         return _transformers.StyleProperty.lint(node, {
           context: context
         });
       },
-      'CallExpression[callee.object.name=styled] ObjectExpression Property': function CallExpressionCalleeObjectNameStyledObjectExpressionProperty(node) {
+      'CallExpression[callee.object.name=styled] ObjectExpression Property': function CallExpressionCalleeObjectNameStyled_ObjectExpression_Property(node) {
         return _transformers.StyleProperty.lint(node, {
           context: context
         });
       },
-      'CallExpression[callee.object.name=styled2] ObjectExpression Property': function CallExpressionCalleeObjectNameStyled2ObjectExpressionProperty(node) {
+      'CallExpression[callee.object.name=styled2] ObjectExpression Property': function CallExpressionCalleeObjectNameStyled2_ObjectExpression_Property(node) {
         return _transformers.StyleProperty.lint(node, {
           context: context
         });

package/dist/cjs/rules/use-tokens-typography/config/index.js

@@ -34,7 +34,7 @@ var defaultConfig = {
   failSilently: false,
   shouldEnforceFallbacks: false,
   enableUnsafeAutofix: false,
-  patterns: ['style-object']
+  patterns: ['style-object', 'font-weight', 'font-family', 'untokenized-properties', 'banned-properties', 'restricted-capitalisation']
 };
 var getConfig = exports.getConfig = function getConfig(overrides) {
   return Object.assign({}, defaultConfig, overrides);

package/dist/cjs/rules/use-tokens-typography/index.js

@@ -24,35 +24,35 @@ var create = function create(context) {
       });
     },
     // const styles = css({ fontWeight: 600, 'bold', ... })
-    'ObjectExpression > Property > Identifier[name=/^fontWeight$/]': function ObjectExpressionPropertyIdentifierNameFontWeight$(node) {
+    'ObjectExpression > Property > Identifier[name=/^fontWeight$/]': function ObjectExpression__Property__IdentifierName_FontWeight$_(node) {
       return _fontWeight.FontWeight.lint(node.parent, {
         context: context,
         config: config
       });
     },
     // const styles = css({ fontFamily: 'Arial, sans-serif', ... })
-    'ObjectExpression > Property > Identifier[name=/^fontFamily$/]': function ObjectExpressionPropertyIdentifierNameFontFamily$(node) {
+    'ObjectExpression > Property > Identifier[name=/^fontFamily$/]': function ObjectExpression__Property__IdentifierName_FontFamily$_(node) {
       return _fontFamily.FontFamily.lint(node.parent, {
         context: context,
         config: config
       });
     },
     // const styles = css({ font: 'bold 36px Helvetica, Arial', ... })
-    'ObjectExpression > Property > Identifier[name=/^font$/]': function ObjectExpressionPropertyIdentifierNameFont$(node) {
+    'ObjectExpression > Property > Identifier[name=/^font$/]': function ObjectExpression__Property__IdentifierName_Font$_(node) {
       return _untokenizedProperties.UntokenizedProperties.lint(node.parent, {
         context: context,
         config: config
       });
     },
     // const styles = css({ lineHeight: 1.2, letterSpacing: 0.003, ... })
-    'ObjectExpression > Property > Identifier[name=/^(lineHeight|letterSpacing)$/]': function ObjectExpressionPropertyIdentifierNameLineHeightLetterSpacing$(node) {
+    'ObjectExpression > Property > Identifier[name=/^(lineHeight|letterSpacing)$/]': function ObjectExpression__Property__IdentifierName_LineHeightLetterSpacing$_(node) {
       return _bannedProperties.BannedProperties.lint(node.parent, {
         context: context,
         config: config
       });
     },
     // const styles = css({ textTransform: 'uppercase', ... })
-    'ObjectExpression > Property > Identifier[name=/^textTransform$/]': function ObjectExpressionPropertyIdentifierNameTextTransform$(node) {
+    'ObjectExpression > Property > Identifier[name=/^textTransform$/]': function ObjectExpression__Property__IdentifierName_TextTransform$_(node) {
       return _restrictedCapitalisation.RestrictedCapitalisation.lint(node.parent, {
         context: context,
         config: config
@@ -72,7 +72,8 @@ var rule = (0, _createRule.createLintRule)({
       severity: 'warn'
     },
     messages: {
-      noRawTypographyValues: 'Typography primitives or tokens should be used instead of hard-coded values.\n\n@meta <<{{payload}}>>.\n\nNOTE: Using tokens with the `fontSize` property is invalid. Any `font.heading` or `font.body` tokens must use the CSS `font` property.',
+      noRawTypographyValues: 'Typography primitives or tokens should be used instead of hard-coded values.',
+      noFontSizeTypographyToken: 'Using tokens with the `fontSize` property is invalid. Any `font.heading` or `font.body` tokens must use the CSS `font` property.',
       noRawFontWeightValues: 'Font weight tokens should be used instead of hard-coded values.',
       noRawFontFamilyValues: 'Font family tokens should be used instead of hard-coded values.',
       noUntokenizedProperties: 'Use typography tokens for `{{property}}`.',

package/dist/cjs/rules/use-tokens-typography/transformers/font-family.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FontFamily = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _astNodes = require("../../../ast-nodes");
 var _getNodeSource = require("../../utils/get-node-source");
 var _isNode = require("../../utils/is-node");
@@ -41,7 +42,7 @@ var FontFamily = exports.FontFamily = {
       return false;
     }
     var isFontFamilyProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontFamily';
-    var valueNodeSource = (0, _getNodeSource.getNodeSource)(context.sourceCode, node.value);
+    var valueNodeSource = (0, _getNodeSource.getNodeSource)((0, _contextCompat.getSourceCode)(context), node.value);
     if (isFontFamilyProperty && valueNodeSource.match(/(font\.family.|inherit)/)) {
       return false;
     }
@@ -68,7 +69,7 @@ var FontFamily = exports.FontFamily = {
       fixes.push(fontWeightValueFix);
 
       // Add import if it doesn't exist
-      var body = context.sourceCode.ast.body;
+      var body = (0, _contextCompat.getSourceCode)(context).ast.body;
       var tokensImportDeclarations = _astNodes.Root.findImportsByModule(body, '@atlaskit/tokens');
 
       // If there is more than one `@atlaskit/tokens` import, then it becomes difficult to determine which import to transform

package/dist/cjs/rules/use-tokens-typography/transformers/font-weight.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FontWeight = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _astNodes = require("../../../ast-nodes");
 var _getNodeSource = require("../../utils/get-node-source");
 var _isNode = require("../../utils/is-node");
@@ -41,7 +42,7 @@ var FontWeight = exports.FontWeight = {
       return false;
     }
     var isFontWeightProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontWeight';
-    var valueNodeSource = (0, _getNodeSource.getNodeSource)(context.sourceCode, node.value);
+    var valueNodeSource = (0, _getNodeSource.getNodeSource)((0, _contextCompat.getSourceCode)(context), node.value);
     if (isFontWeightProperty && valueNodeSource.match(/(font\.weight.|inherit)/)) {
       return false;
     }
@@ -69,7 +70,7 @@ var FontWeight = exports.FontWeight = {
       fixes.push(fontWeightValueFix);
 
       // Add import if it doesn't exist
-      var body = context.sourceCode.ast.body;
+      var body = (0, _contextCompat.getSourceCode)(context).ast.body;
       var tokensImportDeclarations = _astNodes.Root.findImportsByModule(body, '@atlaskit/tokens');
 
       // If there is more than one `@atlaskit/tokens` import, then it becomes difficult to determine which import to transform

package/dist/cjs/rules/use-tokens-typography/transformers/style-object.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyleObject = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _astNodes = require("../../../ast-nodes");
 var _utils = require("../../ensure-design-token-usage/utils");
-var _contextCompat = require("../../utils/context-compat");
 var _isNode = require("../../utils/is-node");
 var _utils2 = require("../utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -179,10 +179,7 @@ var StyleObject = exports.StyleObject = {
       var fix = StyleObject._fix(fixerRefs, context);
       context.report(_objectSpread({
         node: fontSizeNode,
-        messageId: 'noRawTypographyValues',
-        data: {
-          payload: "fontSize:".concat(fontSizeRaw)
-        }
+        messageId: isFontSizeAToken ? 'noFontSizeTypographyToken' : 'noRawTypographyValues'
       }, config.enableUnsafeAutofix ? {
         fix: fix
       } : {
@@ -194,10 +191,7 @@ var StyleObject = exports.StyleObject = {
     } else if (!matchingTokens.length) {
       context.report({
         node: fontSizeNode,
-        messageId: 'noRawTypographyValues',
-        data: {
-          payload: "fontSize:".concat(fontSizeRaw)
-        }
+        messageId: 'noRawTypographyValues'
       });
     }
     return;
@@ -226,7 +220,7 @@ var StyleObject = exports.StyleObject = {
     var fontSizeRaw = (0, _utils.getValueForPropertyNode)(fontSizeNode, context);
 
     // Without a valid fontSize value we can't be certain what token should be used; exit
-    if (!fontSizeRaw) {
+    if (fontSizeRaw === undefined || fontSizeRaw === null) {
       return {
         success: false
       };

package/dist/cjs/rules/use-tokens-typography/transformers/untokenized-properties.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UntokenizedProperties = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _getNodeSource = require("../../utils/get-node-source");
 var _isNode = require("../../utils/is-node");
 /* eslint-disable @repo/internal/react/require-jsdoc */
@@ -41,7 +42,7 @@ var UntokenizedProperties = exports.UntokenizedProperties = {
       return false;
     }
     var isFontProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'font';
-    var valueNodeSource = (0, _getNodeSource.getNodeSource)(context.sourceCode, node.value);
+    var valueNodeSource = (0, _getNodeSource.getNodeSource)((0, _contextCompat.getSourceCode)(context), node.value);
     if (isFontProperty && valueNodeSource.match(/(font\.(body|heading|code)|inherit)/)) {
       return false;
     }

package/dist/cjs/rules/use-visually-hidden/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _contextCompat = require("../utils/context-compat");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
 var _isNode = require("../utils/is-node");
 var _fixJsx = _interopRequireDefault(require("./fix-jsx"));
@@ -48,7 +48,7 @@ var rule = (0, _createRule.createLintRule)({
         if (!visuallyHiddenOrAssistive) {
           return;
         }
-        context.getDeclaredVariables(visuallyHiddenOrAssistive).forEach(function (someNode) {
+        (0, _contextCompat.getDeclaredVariables)(context, visuallyHiddenOrAssistive).forEach(function (someNode) {
           someNode.references.map(function (innerNode) {
             return innerNode.identifier;
           }).forEach(function (idNode) {

package/dist/cjs/rules/utils/create-no-exported-rule/check-if-supported-export.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkIfSupportedExport = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _contextCompat = require("../context-compat");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isStyledComponent = require("./is-styled-component");
 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; } }
@@ -83,7 +83,7 @@ var matches = function matches(defs, refs) {
     return false;
   });
 };
-var checkIfSupportedExport = exports.checkIfSupportedExport = function checkIfSupportedExport(context, node, importSources) {
+var _checkIfSupportedExport = exports.checkIfSupportedExport = function checkIfSupportedExport(context, node, importSources) {
   var _resolved$references;
   var scope = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (0, _contextCompat.getScope)(context, node);
   // Ignore any expression defined outside of the global or module scope as we have no way of statically analysing them
@@ -142,7 +142,7 @@ var checkIfSupportedExport = exports.checkIfSupportedExport = function checkIfSu
       // Only validate the resolved reference if it accesses the definition node
       if (matches(nodes, refs.reverse())) {
         // Now validate the identifier reference as a definition
-        var validity = checkIfSupportedExport(context, identifier, importSources, nextScope);
+        var validity = _checkIfSupportedExport(context, identifier, importSources, nextScope);
         if (validity.isExport) {
           return validity;
         }

package/dist/cjs/rules/utils/create-no-exported-rule/main.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createNoExportedRule = void 0;
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
-var _contextCompat = require("../context-compat");
 var _checkIfSupportedExport = require("./check-if-supported-export");
 /**
  * Creates a new ESLint rule for banning exporting certain function calls, e.g.

package/dist/cjs/rules/utils/create-no-tagged-template-expression-rule/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.noTaggedTemplateExpressionRuleSchema = exports.createNoTaggedTemplateExpressionRule = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _esquery = _interopRequireDefault(require("esquery"));
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
-var _contextCompat = require("../context-compat");
 var _generate = require("./generate");
 var _getTaggedTemplateExpressionOffset = require("./get-tagged-template-expression-offset");
 var _toArguments = require("./to-arguments");

package/dist/cjs/rules/utils/get-first-supported-import.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFirstSupportedImport = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _contextCompat = require("./context-compat");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 /**
  * Get the first import declaration in the file that matches any of the packages
  * in `importSources`.

package/dist/cjs/rules/utils/get-is-exception.js

@@ -30,7 +30,7 @@ var getIsException = exports.getIsException = function getIsException(exceptions
   var exceptionsSet = new Set(exceptions.map(function (x) {
     return x.toLowerCase();
   }));
-  var isException = function isException(node) {
+  var _isException = function isException(node) {
     var value = getNodeValue(node);
     if (value) {
       var splitValues = value.split(/[-_\s]+/);
@@ -41,9 +41,9 @@ var getIsException = exports.getIsException = function getIsException(exceptions
       }
     }
     if (node.parent) {
-      return isException(node.parent);
+      return _isException(node.parent);
     }
     return false;
   };
-  return isException;
+  return _isException;
 };