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

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

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/esm/rules/use-primitives-text/transformers/has-text-children-only.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { FunctionCall } from '../../../ast-nodes/function-call';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // The use of `<FormattedMessage ... />` component and `{formatMessage(...)}` are allowed as these are used for i18n
 export function hasTextChildrenOnly(node) {

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

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

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

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

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

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/esm/rules/use-primitives-text/transformers/update-test-id-attribute-fix.js

@@ -1,5 +1,5 @@
 import { JSXAttribute } from '../../../ast-nodes/jsx-attribute';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // Rename data-testid prop to testId if present
 export function updateTestIdAttributeFix(node, fixer) {

package/dist/esm/rules/use-should-render-to-parent/add-prop.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+var PROP_NAME = 'shouldRenderToParent';
+export var addProp = "Add `".concat(PROP_NAME, "` prop.");

package/dist/esm/rules/use-should-render-to-parent/index.js

@@ -1,12 +1,12 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { addProp } from './add-prop';
+import { setPropToTrue } from './set-prop-to-true';
 export var RULE_NAME = 'use-should-render-to-parent';
 var PROP_NAME = 'shouldRenderToParent';
 var message = "Setting the `".concat(PROP_NAME, "` prop to anything other than `true` causes accessibility issues. Only set to `false` as a last resort.");
-export var addProp = "Add `".concat(PROP_NAME, "` prop.");
-export var setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");
 var components = {
   '@atlaskit/popup': {
     default: true,
@@ -127,4 +127,6 @@ var rule = createLintRule({
     };
   }
 });
-export default rule;
+export default rule;
+export { addProp } from './add-prop';
+export { setPropToTrue } from './set-prop-to-true';

package/dist/esm/rules/use-should-render-to-parent/set-prop-to-true.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+var PROP_NAME = 'shouldRenderToParent';
+export var setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");

package/dist/esm/rules/use-simple-field/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var FORM_PACKAGE = '@atlaskit/form';
 var MESSAGE_COMPONENTS = ['ErrorMessage', 'HelperMessage', 'ValidMessage'];
 export var convertField = 'Convert field to simple field';

package/dist/esm/rules/use-simple-form/index.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { topLevelAttributeNames } from './top-level-attribute-names';
 var FORM_PACKAGE = '@atlaskit/form';
-export var topLevelAttributeNames = ['autocomplete', 'id', 'label', 'labelId', 'onKeyDown', 'onSubmit', 'name', 'noValidate', 'ref', 'xcss'];
 export var convertForm = 'Convert form to simple form';
 var rule = createLintRule({
   meta: {
@@ -153,4 +153,5 @@ var rule = createLintRule({
     };
   }
 });
-export default rule;
+export default rule;
+export { topLevelAttributeNames } from './top-level-attribute-names';

package/dist/esm/rules/use-simple-form/top-level-attribute-names.js

@@ -0,0 +1 @@
+export var topLevelAttributeNames = ['autocomplete', 'id', 'label', 'labelId', 'onKeyDown', 'onSubmit', 'name', 'noValidate', 'ref', 'xcss'];

package/dist/esm/rules/use-spotlight-package/index.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { ImportDeclaration } from './linters/import-declaration';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-tag-group-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-textfield-autocomplete/index.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 var TEXTFIELD_PACKAGE = '@atlaskit/textfield';
 var TYPE_PROP = 'type';
 var AUTOCOMPLETE_PROP = 'autoComplete';

package/dist/esm/rules/use-tokens-shape/index.js

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { StyleProperty } from './transformers';
 var rule = createLintRule({
   meta: {

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

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { StyleProperty } from './transformers/style-property';
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-tokens-typography/config/get-config.js

@@ -0,0 +1,10 @@
+/* eslint-disable @atlassian/tangerine/import/entry-points */
+
+var defaultConfig = {
+  failSilently: false,
+  enableUnsafeAutofix: false,
+  patterns: ['style-object', 'font-weight', 'font-family', 'untokenized-properties', 'banned-properties', 'restricted-capitalisation']
+};
+export var getConfig = function getConfig(overrides) {
+  return Object.assign({}, defaultConfig, overrides);
+};

package/dist/esm/rules/use-tokens-typography/config/{index.js → rule-schema.js}

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

package/dist/esm/rules/use-tokens-typography/default-font-weight.js

@@ -0,0 +1,2 @@
+import { fontWeightMap } from './font-weight-map';
+export var defaultFontWeight = fontWeightMap.regular;

package/dist/esm/rules/use-tokens-typography/find-font-weight-token-for-value.js

@@ -0,0 +1,15 @@
+import { fontWeightTokens } from './font-weight-tokens';
+export function findFontWeightTokenForValue(fontWeight) {
+  var tokens = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : fontWeightTokens;
+  if (fontWeight === 'normal') {
+    fontWeight = '400';
+  }
+
+  // Match bold and 700 to 653 to match with bold weight refreshed typography
+  if (fontWeight === 'bold' || fontWeight === '700') {
+    fontWeight = '653';
+  }
+  return tokens.find(function (token) {
+    return token.values.fontWeight === fontWeight;
+  });
+}

package/dist/esm/rules/use-tokens-typography/find-typography-token-for-values.js

@@ -0,0 +1,15 @@
+import { typographyValueToToken } from './typography-value-to-token';
+export function findTypographyTokenForValues(fontSize, lineHeight) {
+  // Match 11px to 12px as this is what happened when transitioning from legacy to refreshed typography
+  if (fontSize === '11px') {
+    fontSize = '12px';
+  }
+  var matchingTokens = typographyValueToToken.filter(function (token) {
+    return token.values.fontSize === fontSize;
+  })
+  // If lineHeight == 1, we don't match to a token
+  .filter(function () {
+    return lineHeight === '1' ? false : true;
+  });
+  return matchingTokens;
+}

package/dist/esm/rules/use-tokens-typography/font-weight-map.js

@@ -0,0 +1,6 @@
+export var fontWeightMap = {
+  regular: '400',
+  medium: '500',
+  semibold: '600',
+  bold: '700'
+};

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

@@ -0,0 +1,12 @@
+import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
+export var fontWeightTokens = typographyTokens.filter(function (token) {
+  return token.attributes.group === 'fontWeight';
+}).map(function (token) {
+  return {
+    tokenName: token.cleanName,
+    tokenValue: token.value,
+    values: {
+      fontWeight: token.value
+    }
+  };
+});

package/dist/esm/rules/use-tokens-typography/get-token-property.js

@@ -0,0 +1,35 @@
+import { callExpression, identifier, literal, memberExpression, property } from 'eslint-codemod-utils';
+function createMemberExpressionFromArray(array) {
+  if (array.length === 1) {
+    return identifier(array[0]);
+  }
+  var property = array.pop();
+  return memberExpression({
+    object: createMemberExpressionFromArray(array),
+    property: identifier(property)
+  });
+}
+function getTokenNode(tokenName, fallbackValue) {
+  var isFallbackMember = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var callExpressionArgs = [literal({
+    value: "'".concat(tokenName, "'")
+  })];
+  if (fallbackValue) {
+    var fallback = isFallbackMember ? createMemberExpressionFromArray(fallbackValue.split('.')) : literal(fallbackValue);
+    callExpressionArgs.push(fallback);
+  }
+  return callExpression({
+    callee: identifier({
+      name: 'token'
+    }),
+    arguments: callExpressionArgs,
+    optional: false
+  });
+}
+export function getTokenProperty(propertyName, tokenName, tokenFallback) {
+  var isFallbackMember = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return property({
+    key: identifier(propertyName),
+    value: getTokenNode(tokenName, tokenFallback, isFallbackMember)
+  });
+}

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, ruleSchema } from './config';
+import { getConfig } from './config/get-config';
+import { ruleSchema } from './config/rule-schema';
 import { BannedProperties } from './transformers/banned-properties';
 import { FontFamily } from './transformers/font-family';
 import { FontWeight } from './transformers/font-weight';

package/dist/esm/rules/use-tokens-typography/transformers/banned-properties.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 export var BannedProperties = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

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

@@ -4,8 +4,8 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 import { findFontFamilyTokenForValue } from '../find-font-family-token-for-value';
 import { insertTokensImport } from '../insert-tokens-import';
 export var FontFamily = {

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

@@ -4,10 +4,10 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
+import { findFontWeightTokenForValue } from '../find-font-weight-token-for-value';
 import { insertTokensImport } from '../insert-tokens-import';
-import { findFontWeightTokenForValue } from '../utils';
 export var FontWeight = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

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

@@ -8,18 +8,22 @@ import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Object as ASTObject } from '../../../ast-nodes/object';
 import { ObjectEntry } from '../../../ast-nodes/object-entry';
 import { Root } from '../../../ast-nodes/root';
+import { getValueForPropertyNode } from '../../ensure-design-token-usage/get-value-for-property-node';
 import { normaliseValue } from '../../ensure-design-token-usage/normalise-value';
-import { getValueForPropertyNode } from '../../ensure-design-token-usage/utils';
 import { isDecendantOfGlobalToken } from '../../utils/is-decendant-of-global-token';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 import { convertPropertyNodeToStringableNode } from '../convert-property-node-to-stringable-node';
+import { defaultFontWeight } from '../default-font-weight';
+import { findFontWeightTokenForValue } from '../find-font-weight-token-for-value';
+import { findTypographyTokenForValues } from '../find-typography-token-for-values';
+import { fontWeightMap } from '../font-weight-map';
 import { getLiteralProperty } from '../get-literal-property';
+import { getTokenProperty } from '../get-token-property';
 import { insertTokensImport } from '../insert-tokens-import';
 import { isValidPropertyNode } from '../is-valid-property-node';
 import { isValidTypographyToken } from '../is-valid-typography-token';
 import { notUndefined } from '../not-undefined';
-import { defaultFontWeight, findFontWeightTokenForValue, findTypographyTokenForValues, fontWeightMap, getTokenProperty } from '../utils';
 export var StyleObject = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

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

@@ -3,8 +3,8 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getNodeSource } from '../../utils/get-node-source';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 export var UntokenizedProperties = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

package/dist/esm/rules/use-tokens-typography/typography-value-to-token.js

@@ -0,0 +1,37 @@
+import { typographyPalette } from '@atlaskit/tokens/palettes-raw';
+import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
+export var typographyValueToToken = typographyTokens
+// we're filtering here to remove the `font` tokens.
+.filter(function (t) {
+  return t.attributes.group === 'typography';
+}).filter(function (t) {
+  return t.cleanName.includes('font.heading') || t.cleanName.includes('font.body');
+})
+// Filtering out UNSAFE tokens that were meant for migrations, these tokens are deprecated and will be removed in the future
+.filter(function (t) {
+  return !t.cleanName.includes('UNSAFE');
+}).map(function (currentToken) {
+  var _typographyPalette$fi, _typographyPalette$fi2, _typographyPalette$fi3;
+  var individualValues = {
+    fontSize: (_typographyPalette$fi = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.fontSize;
+    })) === null || _typographyPalette$fi === void 0 ? void 0 : _typographyPalette$fi.value,
+    fontWeight: (_typographyPalette$fi2 = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.fontWeight;
+    })) === null || _typographyPalette$fi2 === void 0 ? void 0 : _typographyPalette$fi2.value,
+    lineHeight: (_typographyPalette$fi3 = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.lineHeight;
+    })) === null || _typographyPalette$fi3 === void 0 ? void 0 : _typographyPalette$fi3.value
+  };
+  return {
+    tokenName: currentToken.cleanName,
+    tokenValue: currentToken.value,
+    values: individualValues
+  };
+});

package/dist/esm/rules/use-visually-hidden/count-matching-key-values.js

@@ -0,0 +1,21 @@
+var referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+export var countMatchingKeyValues = function countMatchingKeyValues(styleEntries) {
+  var matchingStyleEntries = styleEntries.filter(function (entry) {
+    return entry.key in referenceObject;
+  });
+  if (styleEntries.length < 5) {
+    return 0;
+  }
+  return matchingStyleEntries.reduce(function (acc, curr) {
+    return acc + (referenceObject[curr === null || curr === void 0 ? void 0 : curr.key] === (curr === null || curr === void 0 ? void 0 : curr.value) ? 1.5 : 0.75);
+  }, 0) / styleEntries.length;
+};

package/dist/esm/rules/use-visually-hidden/get-object-likeness.js

@@ -0,0 +1,27 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { countMatchingKeyValues } from './count-matching-key-values';
+/**
+ * Given a node, translate the node into css key-value pairs and
+ * compare the output to the reference styles required to make a
+ * visually hidden element.
+ *
+ * @returns {number} A fraction between 0-1 depending on the object's likeness.
+ */
+export var getObjectLikeness = function getObjectLikeness(node) {
+  var styleEntries = node.properties.filter(function (node) {
+    return isNodeOfType(node, 'Property');
+  }).map(function (_ref) {
+    var key = _ref.key,
+      value = _ref.value;
+    if (key.type === 'Identifier') {
+      return {
+        key: key.name,
+        value: value.type === 'Literal' && value.value
+      };
+    }
+    return null;
+  }).filter(function (node) {
+    return Boolean(node);
+  });
+  return countMatchingKeyValues(styleEntries);
+};

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

@@ -1,13 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { closestOfType, hasImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
 import { getDeclaredVariables, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { isCssInJsObjectNode } from '../utils/is-css-in-js-object-node';
 import { isCssInJsTemplateNode } from '../utils/is-css-in-js-template-node';
-import { isCssInJsObjectNode } from '../utils/is-node';
+import { countMatchingKeyValues } from './count-matching-key-values';
 import fixJsx from './fix-jsx';
 import fixVanilla from './fix-vanilla';
+import { getObjectLikeness } from './get-object-likeness';
 import { makeTemplateLiteralIntoEntries } from './make-template-literal-into-entries';
-import { countMatchingKeyValues, getObjectLikeness } from './utils';
 var THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
 var rule = createLintRule({
   meta: {

package/dist/esm/rules/use-visually-hidden/reference-object.js

@@ -0,0 +1,10 @@
+export var referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};

package/dist/esm/rules/utils/create-lint-rule.js

@@ -0,0 +1,9 @@
+import { getCreateLintRule } from '@atlaskit/eslint-utils/create-rule';
+import { getRuleUrl } from './get-rule-url';
+
+/**
+ * Tiny wrapped over the ESLint rule module type that ensures
+ * there is a docs link to our ESLint plugin documentation page,
+ * as well as improving type support.
+ */
+export var createLintRule = getCreateLintRule(getRuleUrl);