@atlaskit/eslint-plugin-design-system 10.3.0 → 10.4.0

package/dist/esm/rules/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b934590b0ff7880e962fa4dd73bdb0b>>
+ * @codegen <<SignedSource::5eacfe26cc2ae11b81dfad5719b90959>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -33,6 +33,7 @@ import useDrawerLabel from './use-drawer-label';
 import useHeading from './use-heading';
 import useHeadingLevelInSpotlightCard from './use-heading-level-in-spotlight-card';
 import useHrefInLinkItem from './use-href-in-link-item';
+import useLatestXcssSyntax from './use-latest-xcss-syntax';
 import usePopupLabel from './use-popup-label';
 import usePrimitives from './use-primitives';
 import usePrimitivesText from './use-primitives-text';
@@ -70,6 +71,7 @@ export default {
   'use-heading': useHeading,
   'use-heading-level-in-spotlight-card': useHeadingLevelInSpotlightCard,
   'use-href-in-link-item': useHrefInLinkItem,
+  'use-latest-xcss-syntax': useLatestXcssSyntax,
   'use-popup-label': usePopupLabel,
   'use-primitives': usePrimitives,
   'use-primitives-text': usePrimitivesText,

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

@@ -0,0 +1,29 @@
+import { createLintRule } from '../utils/create-rule';
+import { StyleProperty } from './transformers';
+export var noRawSpacingValues = "Don't use non-token values in padding or margin. There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway. Atlassians: See https://go.atlassian.com/xcss-spacing for details.";
+var rule = createLintRule({
+  meta: {
+    name: 'use-latest-xcss-syntax',
+    type: 'problem',
+    fixable: 'code',
+    hasSuggestions: false,
+    docs: {
+      description: 'Enforces usage of space design tokens rather than hard-coded values in xcss.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noRawSpacingValues: noRawSpacingValues
+    }
+  },
+  create: function create(context) {
+    return {
+      'CallExpression[callee.name="xcss"] ObjectExpression Property': function CallExpressionCalleeNameXcssObjectExpressionProperty(node) {
+        return StyleProperty.lint(node, {
+          context: context
+        });
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/rules/use-latest-xcss-syntax/transformers/index.js

@@ -0,0 +1 @@
+export { StyleProperty } from './style-property';

package/dist/esm/rules/use-latest-xcss-syntax/transformers/style-property/index.js

@@ -0,0 +1,95 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import * as ast from '../../../../ast-nodes';
+import { styleMap } from './style-map';
+import supported from './supported';
+var messageId = 'noRawSpacingValues';
+export var StyleProperty = {
+  lint: function lint(node, _ref) {
+    var context = _ref.context;
+    var _StyleProperty$_check = StyleProperty._check(node, {
+        context: context
+      }),
+      success = _StyleProperty$_check.success,
+      ref = _StyleProperty$_check.ref;
+    if (!success) {
+      return;
+    }
+    context.report({
+      node: ref,
+      messageId: messageId
+    });
+  },
+  _check: function _check(node, _ref2) {
+    var context = _ref2.context;
+    if (!isNodeOfType(node, 'Property')) {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+    var importDeclarations = ast.Root.findImportsByModule(context.sourceCode.ast.body, '@atlaskit/primitives');
+    var isXcssImported = importDeclarations.some(function (importDeclaration) {
+      return ast.Import.containsNamedSpecifier(importDeclaration, 'xcss');
+    });
+    if (!isXcssImported) {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+
+    /**
+     * Currently, we support values like:
+     * ```
+     * xcss({
+     *   margin: '8px', // value.type is Literal
+     * })
+     * ```
+     *
+     * More complex code, like:
+     * ```
+     * xcss({
+     *   margin: condition ? 'space.100' : 'space.200',
+     * })
+     * ```
+     * is too difficult to lint
+     */
+    if (!isNodeOfType(node.value, 'Literal')) {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+    var _ast$ObjectEntry$getP = ast.ObjectEntry.getProperty(node),
+      property = _ast$ObjectEntry$getP.value;
+
+    // Bail if the property is not `padding`, `margin`, etc
+    if (!property || !styleMap.includes(property)) {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+    var value = ast.ObjectEntry.getValue(node);
+    if (typeof value !== 'string') {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+
+    // There are valid values to ignore, such as tokens, or `margin: auto`
+    if (supported.values.ignore.includes(value)) {
+      return {
+        success: false,
+        ref: undefined
+      };
+    }
+    return {
+      success: true,
+      ref: node
+    };
+  }
+};

package/dist/esm/rules/use-latest-xcss-syntax/transformers/style-property/style-map.js

@@ -0,0 +1 @@
+export var styleMap = ['margin-block-end', 'margin-block-start', 'margin-block', 'margin-bottom', 'margin-inline-end', 'margin-inline-start', 'margin-inline', 'margin-left', 'margin-right', 'margin-top', 'padding-block-end', 'padding-block-start', 'padding-block', 'padding-bottom', 'padding-inline-end', 'padding-inline-start', 'padding-inline', 'padding-left', 'padding-right', 'padding-top', 'margin', 'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginBottom', 'marginInline', 'marginInlineEnd', 'marginInlineStart', 'marginLeft', 'marginRight', 'marginTop', 'padding', 'paddingBlock', 'paddingBlockEnd', 'paddingBlockStart', 'paddingBottom', 'paddingInline', 'paddingInlineEnd', 'paddingInlineStart', 'paddingLeft', 'paddingRight', 'paddingTop'];

package/dist/esm/rules/use-latest-xcss-syntax/transformers/style-property/supported.js

@@ -0,0 +1,7 @@
+export default {
+  values: {
+    ignore: ['auto', 'initial', 'inherit', 'unset', 'revert', 'revert-layer',
+    // Currently the DST opinion is that 0 is valid. It doesn't need to be converted to `space.0`
+    '0', 'space.negative.025', 'space.negative.050', 'space.negative.075', 'space.negative.100', 'space.negative.150', 'space.negative.200', 'space.negative.250', 'space.negative.300', 'space.negative.400', 'space.025', 'space.050', 'space.075', 'space.100', 'space.150', 'space.200', 'space.250', 'space.300', 'space.400', 'space.500', 'space.600', 'space.800', 'space.1000']
+  }
+};

package/dist/esm/rules/use-latest-xcss-syntax/utils/index.js

@@ -0,0 +1 @@
+export { isStringOrNumber } from './is-string-or-number';

package/dist/esm/rules/use-latest-xcss-syntax/utils/is-string-or-number.js

@@ -0,0 +1,3 @@
+export var isStringOrNumber = function isStringOrNumber(value) {
+  return typeof value === 'string' || typeof value === 'number';
+};

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

@@ -38,6 +38,17 @@ export var StyleObject = {
     var fontWeightNode = ASTObject.getEntryByPropertyName(node, 'fontWeight');
     var fontWeightRaw = fontWeightNode && getValueForPropertyNode(fontWeightNode, context);
 
+    // If fontWeightRaw is a token we find the token name and treat it like a raw value for simplicity.
+    // e.g. token('font.weight.bold', '700') ends up as '700' after this if-block.
+    // That way the token matching logic still runs and the font weight declaration can be removed and re-added after the main font token.
+    if (fontWeightRaw && typeof fontWeightRaw === 'string' && fontWeightRaw.includes('font.weight.')) {
+      var _fontWeightRaw$match;
+      var fontWeightTokenSuffix = ((_fontWeightRaw$match = fontWeightRaw.match(/font\.weight\.(\w*)/)) === null || _fontWeightRaw$match === void 0 ? void 0 : _fontWeightRaw$match[1]) || 'regular'; // ${token('font.weight.bold', '700')} -> 'bold'
+      if (Object.keys(fontWeightMap).includes(fontWeightTokenSuffix)) {
+        fontWeightRaw = fontWeightMap[fontWeightTokenSuffix];
+      }
+    }
+
     // If no fontWeight value exists, default to 400 to avoid matching with a bolder token resulting in a visual change
     var fontWeightValue = fontWeightRaw && normaliseValue('fontWeight', fontWeightRaw) || defaultFontWeight;
     fontWeightValue = fontWeightValue.length === 3 ? fontWeightValue : fontWeightMap[fontWeightValue] || defaultFontWeight;

package/dist/types/ast-nodes/function-call.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { CallExpression, ObjectExpression } from 'eslint-codemod-utils';
+import { type CallExpression, type ObjectExpression } from 'eslint-codemod-utils';
 export declare const FunctionCall: {
     getName(node: CallExpression): string | undefined;
     updateName(node: CallExpression, newName: string, fixer: Rule.RuleFixer): Rule.Fix;

package/dist/types/ast-nodes/jsx-attribute.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { JSXAttribute } from 'eslint-codemod-utils';
+import { type JSXAttribute } from 'eslint-codemod-utils';
 declare const HelperJSXAttribute: {
     getName(node: JSXAttribute): string;
     updateName(node: JSXAttribute, name: string, fixer: Rule.RuleFixer): Rule.Fix;

package/dist/types/ast-nodes/jsx-element.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { JSXAttribute, JSXElement, JSXFragment, JSXSpreadAttribute } from 'eslint-codemod-utils';
+import { type JSXAttribute, type JSXElement, type JSXFragment, type JSXSpreadAttribute } from 'eslint-codemod-utils';
 export declare const JSXElementHelper: {
     /**
      * Names of JSXElements can be any of:

package/dist/types/ast-nodes/object-entry.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { Property, SpreadElement } from 'eslint-codemod-utils';
+import { type Property, type SpreadElement } from 'eslint-codemod-utils';
 export declare const ObjectEntry: {
     getProperty(node: Property): {
         type: 'Identifier';

package/dist/types/ast-nodes/object.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { ObjectExpression, Property, SpreadElement } from 'eslint-codemod-utils';
+import { type ObjectExpression, type Property, type SpreadElement } from 'eslint-codemod-utils';
 declare const ASTObjectExpression: {
     /**
      * Returns `true` if an object contains a property with the specified name, `false` otherwise.

package/dist/types/ast-nodes/root.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type { Rule } from 'eslint';
-import { Directive, ImportDeclaration, insertImportDeclaration, ModuleDeclaration, Statement } from 'eslint-codemod-utils';
+import { type Directive, type ImportDeclaration, insertImportDeclaration, type ModuleDeclaration, type Statement } from 'eslint-codemod-utils';
 type ImportData = Parameters<typeof insertImportDeclaration>[1];
 export declare const Root: {
     /**

package/dist/types/index.codegen.d.ts

@@ -33,6 +33,7 @@ export declare const configs: {
             '@atlaskit/design-system/use-heading': string;
             '@atlaskit/design-system/use-heading-level-in-spotlight-card': string;
             '@atlaskit/design-system/use-href-in-link-item': string;
+            '@atlaskit/design-system/use-latest-xcss-syntax': string;
             '@atlaskit/design-system/use-popup-label': string;
             '@atlaskit/design-system/use-primitives': string;
             '@atlaskit/design-system/use-primitives-text': string;
@@ -64,6 +65,7 @@ export declare const configs: {
             '@atlaskit/design-system/use-drawer-label': string;
             '@atlaskit/design-system/use-heading-level-in-spotlight-card': string;
             '@atlaskit/design-system/use-href-in-link-item': string;
+            '@atlaskit/design-system/use-latest-xcss-syntax': string;
             '@atlaskit/design-system/use-popup-label': string;
             '@atlaskit/design-system/use-visually-hidden': string;
         };

package/dist/types/presets/all.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0be7639a95bf4c9bbfe00154d8193477>>
+ * @codegen <<SignedSource::8453f9be2d12c65323a70743b71f7474>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -36,6 +36,7 @@ declare const _default: {
         '@atlaskit/design-system/use-heading': string;
         '@atlaskit/design-system/use-heading-level-in-spotlight-card': string;
         '@atlaskit/design-system/use-href-in-link-item': string;
+        '@atlaskit/design-system/use-latest-xcss-syntax': string;
         '@atlaskit/design-system/use-popup-label': string;
         '@atlaskit/design-system/use-primitives': string;
         '@atlaskit/design-system/use-primitives-text': string;

package/dist/types/presets/recommended.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::73a3666b244b58cc221eebcda071161d>>
+ * @codegen <<SignedSource::c67c53656bcdaedb72953c8026a01c24>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -26,6 +26,7 @@ declare const _default: {
         '@atlaskit/design-system/use-drawer-label': string;
         '@atlaskit/design-system/use-heading-level-in-spotlight-card': string;
         '@atlaskit/design-system/use-href-in-link-item': string;
+        '@atlaskit/design-system/use-latest-xcss-syntax': string;
         '@atlaskit/design-system/use-popup-label': string;
         '@atlaskit/design-system/use-visually-hidden': string;
     };

package/dist/types/rules/ensure-design-token-usage/color.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { Property } from 'eslint-codemod-utils';
+import { type Property } from 'eslint-codemod-utils';
 import { isLegacyElevation } from '../utils/is-elevation';
 import type { RuleConfig } from './types';
 type Suggestion = {

package/dist/types/rules/ensure-design-token-usage/error-boundary.d.ts

@@ -1,4 +1,4 @@
-import { RuleConfig } from './types';
+import { type RuleConfig } from './types';
 /**
  * ESLint rules should NEVER throw exceptions, because that breaks the VSCode ESLint server
  * (and probably the IntelliJ one too), which causes linting to fail in a file.

package/dist/types/rules/ensure-design-token-usage/shape.d.ts

@@ -1,4 +1,4 @@
-import { EslintNode } from 'eslint-codemod-utils';
+import { type EslintNode } from 'eslint-codemod-utils';
 export declare const radiusValueToToken: any;
 export declare const borderWidthValueToToken: any;
 export declare function isRadiusProperty(propertyName: string): boolean;

package/dist/types/rules/ensure-design-token-usage/spacing.d.ts

@@ -1,4 +1,4 @@
 import type { Rule } from 'eslint';
-import { ImportDeclaration, Property } from 'eslint-codemod-utils';
+import { type ImportDeclaration, type Property } from 'eslint-codemod-utils';
 import type { RuleConfig } from './types';
 export declare const lintObjectForSpacing: (node: Property, context: Rule.RuleContext, ruleConfig: RuleConfig, fontSize: any, tokenNode: ImportDeclaration | null) => void;

package/dist/types/rules/ensure-design-token-usage/utils.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
-import { EslintNode, ObjectExpression, Property, SpreadElement, TaggedTemplateExpression } from 'eslint-codemod-utils';
-import { Domains } from './types';
+import { type EslintNode, type ObjectExpression, type Property, type SpreadElement, type TaggedTemplateExpression } from 'eslint-codemod-utils';
+import { type Domains } from './types';
 export type ProcessedCSSLines = [string, string][];
 export declare function insertTokensImport(fixer: Rule.RuleFixer): Rule.Fix;
 export declare const isSpacingProperty: (propertyName: string) => boolean;

package/dist/types/rules/index.codegen.d.ts

@@ -33,6 +33,7 @@ declare const _default: {
     'use-heading': import("eslint").Rule.RuleModule;
     'use-heading-level-in-spotlight-card': import("eslint").Rule.RuleModule;
     'use-href-in-link-item': import("eslint").Rule.RuleModule;
+    'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
     'use-popup-label': import("eslint").Rule.RuleModule;
     'use-primitives': import("eslint").Rule.RuleModule;
     'use-primitives-text': import("eslint").Rule.RuleModule;

package/dist/types/rules/no-deprecated-apis/index.d.ts

@@ -1,5 +1,5 @@
-import { TSESLint } from '@typescript-eslint/utils';
-import { DeprecatedConfig } from '../utils/types';
+import { type TSESLint } from '@typescript-eslint/utils';
+import { type DeprecatedConfig } from '../utils/types';
 export declare const noDeprecatedJSXAttributeMessageId = "noDeprecatedJSXAttributes";
 export declare const name = "no-deprecated-apis";
 declare const rule: TSESLint.RuleModule<string, [{

package/dist/types/rules/no-deprecated-imports/index.d.ts

@@ -24,8 +24,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-import { TSESLint } from '@typescript-eslint/utils';
-import { DeprecatedConfig } from '../utils/types';
+import { type TSESLint } from '@typescript-eslint/utils';
+import { type DeprecatedConfig } from '../utils/types';
 export declare const name = "no-deprecated-imports";
 export declare const importNameWithCustomMessageId = "importNameWithCustomMessage";
 export declare const pathWithCustomMessageId = "pathWithCustomMessage";

package/dist/types/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-add-event-listener.d.ts

@@ -1,2 +1,2 @@
-import { CallExpression } from 'eslint-codemod-utils';
+import { type CallExpression } from 'eslint-codemod-utils';
 export declare function isBlockedAddEventListener(node: CallExpression): boolean;

package/dist/types/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
-import { CallExpression } from 'eslint-codemod-utils';
+import { type CallExpression } from 'eslint-codemod-utils';
 export declare function isBlockedBindAll(context: Rule.RuleContext, node: CallExpression): boolean;

package/dist/types/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
-import { CallExpression } from 'eslint-codemod-utils';
+import { type CallExpression } from 'eslint-codemod-utils';
 export declare function isBlockedBind(context: Rule.RuleContext, node: CallExpression): boolean;

package/dist/types/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-jsx-attribute.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
-import { JSXAttribute } from 'eslint-codemod-utils';
+import { type JSXAttribute } from 'eslint-codemod-utils';
 export declare function isBlockedJSXAttribute(context: Rule.RuleContext, node: JSXAttribute): boolean;

package/dist/types/rules/no-direct-use-of-web-platform-drag-and-drop/shared/is-blocked-event-binding.d.ts

@@ -1,2 +1,2 @@
-import { Property, SpreadElement } from 'eslint-codemod-utils';
+import { type Property, type SpreadElement } from 'eslint-codemod-utils';
 export declare function isBlockedEventBinding(property: Property | SpreadElement): boolean;

package/dist/types/rules/use-heading/transformers/common.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-import { RuleConfig } from '../config';
+import { type JSXElement } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../config';
 export type MetaData = {
     context: Rule.RuleContext;
     config: RuleConfig;

package/dist/types/rules/use-href-in-link-item/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Rule, Scope } from 'eslint';
-import { ImportDeclaration, JSXAttribute } from 'eslint-codemod-utils';
+import { type ImportDeclaration, type JSXAttribute } from 'eslint-codemod-utils';
 export declare const hrefHasInvalidValue: (scope: Scope.Scope, href: JSXAttribute | undefined) => boolean;
 export declare const hasImportOfName: (node: ImportDeclaration, name: string) => boolean;
 export declare const insertButtonItemDefaultImport: (fixer: Rule.RuleFixer, node: ImportDeclaration) => Rule.Fix;

package/dist/types/rules/use-latest-xcss-syntax/index.d.ts

@@ -0,0 +1,4 @@
+import type { Rule } from 'eslint';
+export declare const noRawSpacingValues = "Don't use non-token values in padding or margin. There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway. Atlassians: See https://go.atlassian.com/xcss-spacing for details.";
+declare const rule: Rule.RuleModule;
+export default rule;

package/dist/types/rules/use-latest-xcss-syntax/transformers/index.d.ts

@@ -0,0 +1 @@
+export { StyleProperty } from './style-property';

package/dist/types/rules/use-latest-xcss-syntax/transformers/style-property/index.d.ts

@@ -0,0 +1,18 @@
+import type { Rule } from 'eslint';
+import { type Property as ObjectEntry } from 'eslint-codemod-utils';
+type Check = {
+    success: false;
+    ref: undefined;
+} | {
+    success: true;
+    ref: ObjectEntry;
+};
+export declare const StyleProperty: {
+    lint(node: Rule.Node, { context }: {
+        context: Rule.RuleContext;
+    }): void;
+    _check(node: Rule.Node, { context }: {
+        context: Rule.RuleContext;
+    }): Check;
+};
+export {};

package/dist/types/rules/use-latest-xcss-syntax/transformers/style-property/style-map.d.ts

@@ -0,0 +1 @@
+export declare const styleMap: string[];

package/dist/types/rules/use-latest-xcss-syntax/transformers/style-property/supported.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    values: {
+        ignore: string[];
+    };
+};
+export default _default;

package/dist/types/rules/use-latest-xcss-syntax/utils/index.d.ts

@@ -0,0 +1 @@
+export { isStringOrNumber } from './is-string-or-number';

package/dist/types/rules/use-latest-xcss-syntax/utils/is-string-or-number.d.ts

@@ -0,0 +1 @@
+export declare const isStringOrNumber: (value: string | number | bigint | true | RegExp | undefined) => value is string | number;

package/dist/types/rules/use-primitives/transformers/compiled-styled/convert-jsx-call-site.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
+import { type JSXElement } from 'eslint-codemod-utils';
 /**
  * Transforms a JSXElement from:
  * ```

package/dist/types/rules/use-primitives/transformers/compiled-styled/convert-styled-component-call-to-jsx.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { VariableDeclarator } from 'eslint-codemod-utils';
+import { type VariableDeclarator } from 'eslint-codemod-utils';
 /**
  * Transforms a variable like:
  * ```

package/dist/types/rules/use-primitives/transformers/compiled-styled/find-valid-jsx-usage-to-transform.d.ts

@@ -1,5 +1,5 @@
 import type { Rule, Scope } from 'eslint';
-import { JSXOpeningElement } from 'eslint-codemod-utils';
+import { type JSXOpeningElement } from 'eslint-codemod-utils';
 /**
  * Given a component name finds its JSX usages and performs some
  * additional validations to ensure transformation can be done correctly

package/dist/types/rules/use-primitives/transformers/compiled-styled/index.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
-import { JSXElement, VariableDeclarator } from 'eslint-codemod-utils';
-import { RuleConfig } from '../../config';
+import { type JSXElement, type VariableDeclarator } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../../config';
 interface MetaData {
     context: Rule.RuleContext;
     config: RuleConfig;

package/dist/types/rules/use-primitives/transformers/emotion-css/index.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-import { RuleConfig } from '../../config';
+import { type JSXElement } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../../config';
 interface MetaData {
     context: Rule.RuleContext;
     config: RuleConfig;

package/dist/types/rules/use-primitives/utils/convert-ast-object-expression-to-js-object.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'react';
 import type { Rule } from 'eslint';
-import { ObjectExpression } from 'eslint-codemod-utils';
+import { type ObjectExpression } from 'eslint-codemod-utils';
 export declare const SPREAD_SYNTAX: unique symbol;
 type Token = {
     tokenName: string;

package/dist/types/rules/use-primitives/utils/get-attribute-value-identifier.d.ts

@@ -1,4 +1,4 @@
-import { JSXAttribute } from 'eslint-codemod-utils';
+import { type JSXAttribute } from 'eslint-codemod-utils';
 /**
  * Bit of a weird name, but the functionality is quite specific, so this is the best I could do.
  * This function looks at a JSXAttribute, and returns the string representation

package/dist/types/rules/use-primitives/utils/get-jsx-attribute-by-name.d.ts

@@ -1,2 +1,2 @@
-import { JSXAttribute, JSXOpeningElement } from 'eslint-codemod-utils';
+import { type JSXAttribute, type JSXOpeningElement } from 'eslint-codemod-utils';
 export declare const getJSXAttributeByName: (node: JSXOpeningElement, attrName: string) => JSXAttribute | undefined;

package/dist/types/rules/use-primitives/utils/is-valid-css-properties-to-transform.d.ts

@@ -1,4 +1,4 @@
 import type { Rule } from 'eslint';
-import { SimpleCallExpression } from 'eslint-codemod-utils';
-import { RuleConfig } from '../config';
+import { type SimpleCallExpression } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../config';
 export declare const isValidCssPropertiesToTransform: (node: SimpleCallExpression & Rule.NodeParentExtension, config: RuleConfig) => boolean;

package/dist/types/rules/use-primitives/utils/update-jsx-attribute-by-name.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
+import { type JSXElement } from 'eslint-codemod-utils';
 export declare const updateJSXAttributeByName: (oldName: string, newName: string, node: JSXElement, fixer: Rule.RuleFixer) => Rule.Fix | never[];

package/dist/types/rules/use-primitives/utils/validate-styles.d.ts

@@ -1,3 +1,3 @@
-import { CallExpression } from 'eslint-codemod-utils';
-import { RuleConfig } from '../config';
+import { type CallExpression } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../config';
 export declare const validateStyles: (node: CallExpression, config: RuleConfig) => boolean;

package/dist/types/rules/use-primitives-text/transformers/common.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
-import { JSXElement } from 'eslint-codemod-utils';
-import { RuleConfig } from '../config';
+import { type JSXElement } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../config';
 export type MetaData = {
     context: Rule.RuleContext;
     config: RuleConfig;

package/dist/types/rules/use-tokens-space/transformers/style-property/index.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { Property } from 'eslint-codemod-utils';
+import { type Property } from 'eslint-codemod-utils';
 type Ref = {
     node: Property;
     token?: string;

package/dist/types/rules/use-tokens-typography/config/index.d.ts

@@ -1,4 +1,4 @@
-import { JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
+import { type JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
 export type RuleConfig = {
     failSilently?: boolean;
     shouldEnforceFallbacks?: boolean;

package/dist/types/rules/use-tokens-typography/error-boundary.d.ts

@@ -1,4 +1,4 @@
-import { RuleConfig } from './config';
+import { type RuleConfig } from './config';
 /**
  * ESLint rules should NEVER throw exceptions, because that breaks the VSCode ESLint server
  * (and probably the IntelliJ one too), which causes linting to fail in a file.

package/dist/types/rules/use-tokens-typography/transformers/style-object.d.ts

@@ -1,7 +1,7 @@
 import type { Rule } from 'eslint';
-import { ImportDeclaration, ObjectExpression, Property, StringableASTNode } from 'eslint-codemod-utils';
-import { RuleConfig } from '../config';
-import { TokenValueMap } from '../utils';
+import { type ImportDeclaration, type ObjectExpression, type Property, type StringableASTNode } from 'eslint-codemod-utils';
+import { type RuleConfig } from '../config';
+import { type TokenValueMap } from '../utils';
 interface MetaData {
     context: Rule.RuleContext;
     config: RuleConfig;

package/dist/types/rules/use-tokens-typography/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { CallExpression, Directive, EslintNode, ImportDeclaration, ModuleDeclaration, Property, Statement, StringableASTNode } from 'eslint-codemod-utils';
+import { type CallExpression, type Directive, type EslintNode, type ImportDeclaration, type ModuleDeclaration, type Property, type Statement, type StringableASTNode } from 'eslint-codemod-utils';
 export declare const typographyProperties: string[];
 export declare const isTypographyProperty: (propertyName: string) => boolean;
 export declare const isFontSize: (node: EslintNode) => node is CallExpression;

package/dist/types/rules/use-visually-hidden/utils.d.ts

@@ -1,5 +1,5 @@
 import type { SourceCode } from 'eslint';
-import { ObjectExpression } from 'eslint-codemod-utils';
+import { type ObjectExpression } from 'eslint-codemod-utils';
 declare const referenceObject: {
     width: string;
     height: string;