@atlaskit/eslint-plugin-design-system 8.33.0 → 8.36.0

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

@@ -0,0 +1,31 @@
+import type { Rule } from 'eslint';
+import { ImportDeclaration, ObjectExpression, Property, StringableASTNode } from 'eslint-codemod-utils';
+import { TokenValueMap } from '../utils';
+interface MetaData {
+    context: Rule.RuleContext;
+}
+interface Refs {
+    fontSizeNode: Property;
+    fontSizeRaw: string | number;
+    tokensImportNode: ImportDeclaration | undefined;
+}
+type Check = {
+    success: boolean;
+    refs?: Refs;
+};
+interface FixerRefs {
+    matchingToken: TokenValueMap;
+    nodesToReplace: Property[];
+    tokensImportNode: ImportDeclaration | undefined;
+    fontWeightReplacement: StringableASTNode<Property> | undefined;
+    fontFamilyReplacement: StringableASTNode<Property> | undefined;
+    fontStyleReplacement: StringableASTNode<Property> | undefined;
+}
+export declare const StyleObject: {
+    lint(node: Rule.Node, { context }: MetaData): {
+        success: boolean;
+    } | undefined;
+    _check(node: ObjectExpression & Rule.NodeParentExtension, { context }: MetaData): Check;
+    _fix(refs: FixerRefs, context: Rule.RuleContext): (fixer: Rule.RuleFixer) => Rule.Fix[];
+};
+export {};

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

@@ -0,0 +1,194 @@
+import { CallExpression, EslintNode, Property } 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;
+export declare const isFontSizeSmall: (node: EslintNode) => node is CallExpression;
+export declare const isFontFamily: (node: EslintNode) => node is CallExpression;
+export declare const isCodeFontFamily: (node: EslintNode) => node is CallExpression;
+export type TokenValueMap = {
+    tokenName: string;
+    tokenValue: string;
+    values: {
+        fontSize?: string;
+        fontWeight?: string;
+        lineHeight?: string;
+    };
+};
+export declare const typographyValueToToken: TokenValueMap[];
+export declare function findTypographyTokenForValues(fontSize: string, lineHeight?: string): TokenValueMap[];
+export declare const fontWeightTokens: {
+    tokenName: string;
+    tokenValue: string;
+    values: {};
+}[];
+export declare function findFontWeightTokenForValue(fontWeight: string): {
+    tokenName: string;
+    tokenValue: string;
+    values: {};
+} | undefined;
+export declare const fontWeightMap: FontWeightMap;
+export type FontWeightMap = {
+    regular: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+};
+export declare const defaultFontWeight: string;
+export declare const fontFamilyTokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        responsiveSmallerVariant?: undefined;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            responsiveSmallerVariant?: undefined;
+            deprecated?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        responsiveSmallerVariant: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            responsiveSmallerVariant: string;
+            deprecated?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        responsiveSmallerVariant?: undefined;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            responsiveSmallerVariant?: undefined;
+            deprecated?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        deprecated: string;
+        description: string;
+        responsiveSmallerVariant?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            deprecated: string;
+            description: string;
+            responsiveSmallerVariant?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated: string;
+        responsiveSmallerVariant?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated: string;
+            responsiveSmallerVariant?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export declare function findFontFamilyValueForToken(tokenName: string): string;
+export declare function notUndefined<V>(value: V | undefined): value is V;
+export declare function isValidPropertyNode(node: Property): boolean;
+export declare function getTokenProperty(propertyName: string, tokenName: string, tokenFallback: string): import("eslint-codemod-utils").StringableASTNode<Property>;
+export declare function getLiteralProperty(propertyName: string, propertyValue: string): import("eslint-codemod-utils").StringableASTNode<Property>;
+export declare function convertPropertyNodeToStringableNode(node: Property): import("eslint-codemod-utils").StringableASTNode<Property>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/eslint-plugin-design-system",
   "description": "The essential plugin for use with the Atlassian Design System.",
-  "version": "8.33.0",
+  "version": "8.36.0",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.typographyValueToToken = exports.isTypographyProperty = exports.isFontSizeSmall = exports.isFontSize = exports.isFontFamily = exports.isCodeFontFamily = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
-var typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-var isTypographyProperty = exports.isTypographyProperty = function isTypographyProperty(propertyName) {
-  return typographyProperties.includes(propertyName);
-};
-var isFontSize = exports.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 = exports.isFontSizeSmall = function isFontSizeSmall(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-};
-var isFontFamily = exports.isFontFamily = function isFontFamily(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-};
-var isCodeFontFamily = exports.isCodeFontFamily = function isCodeFontFamily(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
-};
-var typographyValueToToken = exports.typographyValueToToken = Object.fromEntries(_tokensRaw.typographyAdg3
-// we're filtering here to remove the `font` tokens.
-.filter(function (t) {
-  return t.attributes.group !== 'typography';
-}).map(function (currentToken) {
-  // Group tokens by property name (e.g. fontSize, fontFamily, lineHeight)
-  // This allows us to look up values specific to a property
-  // (so as not to mix tokens with overlapping values e.g. font size and line height both have tokens for 16px)
-  var tokenGroup = currentToken.attributes.group;
-  return [tokenGroup, Object.fromEntries(_tokensRaw.typographyAdg3.map(function (token) {
-    return token.attributes.group === tokenGroup ? [token.value.replaceAll("\"", "'"), token.name] : [];
-  }).filter(function (token) {
-    return token.length;
-  }))];
-}));

package/dist/es2019/rules/ensure-design-token-usage/typography.js

@@ -1,19 +0,0 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { typographyAdg3 as typographyTokens } from '@atlaskit/tokens/tokens-raw';
-const typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-export const isTypographyProperty = propertyName => {
-  return typographyProperties.includes(propertyName);
-};
-export const isFontSize = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
-export const isFontSizeSmall = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-export const isFontFamily = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-export const isCodeFontFamily = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
-export const typographyValueToToken = Object.fromEntries(typographyTokens
-// we're filtering here to remove the `font` tokens.
-.filter(t => t.attributes.group !== 'typography').map(currentToken => {
-  // Group tokens by property name (e.g. fontSize, fontFamily, lineHeight)
-  // This allows us to look up values specific to a property
-  // (so as not to mix tokens with overlapping values e.g. font size and line height both have tokens for 16px)
-  const tokenGroup = currentToken.attributes.group;
-  return [tokenGroup, Object.fromEntries(typographyTokens.map(token => token.attributes.group === tokenGroup ? [token.value.replaceAll(`"`, `'`), token.name] : []).filter(token => token.length))];
-}));

package/dist/esm/rules/ensure-design-token-usage/typography.js

@@ -1,33 +0,0 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { typographyAdg3 as typographyTokens } from '@atlaskit/tokens/tokens-raw';
-var typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-export var isTypographyProperty = function isTypographyProperty(propertyName) {
-  return typographyProperties.includes(propertyName);
-};
-export var isFontSize = function isFontSize(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
-};
-export var isFontSizeSmall = function isFontSizeSmall(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-};
-export var isFontFamily = function isFontFamily(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-};
-export var isCodeFontFamily = function isCodeFontFamily(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
-};
-export var typographyValueToToken = Object.fromEntries(typographyTokens
-// we're filtering here to remove the `font` tokens.
-.filter(function (t) {
-  return t.attributes.group !== 'typography';
-}).map(function (currentToken) {
-  // Group tokens by property name (e.g. fontSize, fontFamily, lineHeight)
-  // This allows us to look up values specific to a property
-  // (so as not to mix tokens with overlapping values e.g. font size and line height both have tokens for 16px)
-  var tokenGroup = currentToken.attributes.group;
-  return [tokenGroup, Object.fromEntries(typographyTokens.map(function (token) {
-    return token.attributes.group === tokenGroup ? [token.value.replaceAll("\"", "'"), token.name] : [];
-  }).filter(function (token) {
-    return token.length;
-  }))];
-}));

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

@@ -1,9 +0,0 @@
-import { CallExpression, EslintNode } from 'eslint-codemod-utils';
-export declare const isTypographyProperty: (propertyName: string) => boolean;
-export declare const isFontSize: (node: EslintNode) => node is CallExpression;
-export declare const isFontSizeSmall: (node: EslintNode) => node is CallExpression;
-export declare const isFontFamily: (node: EslintNode) => node is CallExpression;
-export declare const isCodeFontFamily: (node: EslintNode) => node is CallExpression;
-export declare const typographyValueToToken: {
-    [k: string]: any;
-};

package/dist/types-ts4.5/rules/ensure-design-token-usage/typography.d.ts

@@ -1,9 +0,0 @@
-import { CallExpression, EslintNode } from 'eslint-codemod-utils';
-export declare const isTypographyProperty: (propertyName: string) => boolean;
-export declare const isFontSize: (node: EslintNode) => node is CallExpression;
-export declare const isFontSizeSmall: (node: EslintNode) => node is CallExpression;
-export declare const isFontFamily: (node: EslintNode) => node is CallExpression;
-export declare const isCodeFontFamily: (node: EslintNode) => node is CallExpression;
-export declare const typographyValueToToken: {
-    [k: string]: any;
-};