@atlaskit/eslint-plugin-design-system 13.21.1 → 13.21.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.21.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.21.2
+
+### Patch Changes
+
+- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
+  Add explicit types to a number of DST components
+- Updated dependencies
+
 ## 13.21.1
 
 ### Patch Changes
@@ -1282,7 +1296,6 @@
 - [#86321](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86321)
   [`b353b26e22b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b353b26e22b6) -
   Improvements for `no-*-tagged-template-expression` rules:
-
   - Fixed a bug that could produce syntax errors when mixins were present in nested selectors.
   - Disabled autofixing styled components usages with mixins in nested selectors, as there is no
     general equivalent.
@@ -1326,7 +1339,6 @@
   functions will no longer be required to end with "Styles".
 
   [BREAKING] Some rule options have been changed:
-
   - `fixNamesOnly` and `autoFixNames` have been removed, as there is no longer an autofixer that
     enforces variable names.
     - If you use `fixNamesOnly: true`, we recommend switching to using `autoFix: false`.
@@ -1358,7 +1370,6 @@
 - [#80662](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80662)
   [`4833299b00d4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4833299b00d4) -
   For `no-css-tagged-template-expression` and `no-styled-tagged-template-expression`:
-
   - When importing from Emotion, stop applying autofixer when the styles contain `!important`.
   - When importing from any library, stop applying autofixer when a selector contains a tagged
     template interpolation (previously only styled-components).
@@ -1543,7 +1554,6 @@
   [`ec187f466e23`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ec187f466e23) -
   Update `consistent-css-prop-usage` to incorporate some updates previously made to the
   `@compiled/eslint-plugin` equivalent.
-
   1. Add autofixer to add the `css` function for the following scenario:
 
   ```
@@ -1555,25 +1565,20 @@
   `{ height: makeTaller ? '5px' : '2px' }`), or if there are spread elements, template literals, and
   other tricky-to-parse code. These continue to require fixing manually.
 
-  (This rule would previously only autofix if the file was originally `<div css={{ ... }} />`)
-
-  2. Add `import { css } from '@compiled/react'` (or `xcss`) automatically when fixing. The package
-     from which to import the `css` function can be specified through the `importSource` option.
-
-  3. Add `excludeReactComponents` to exclude linting React components (i.e. components that start
-     with uppercase). Sometimes it may not be desirable to have this rule apply to React components
-     (e.g. `@atlaskit/button`), which could either use the Emotion or Compiled APIs when they expose
-     a `css` prop. Passing a function from the wrong library can result in the styling erroneously
-     not being applied.
-
-  4. Treat `{ ... } as const` statements the same way as `{ ... }` objects.
-
-  5. Add `fixNamesOnly` to disable all autofixers _except_ the autofixer that adds `styles` to the
-     end of existing style variables. For example, in
-     `<div css={buttonComponent} />; const buttonComponent = css({ ... })`, `buttonComponent` will
-     continue to be renamed to `buttonComponentStyles`. Autofixers that will be _disabled_ include
-     hoisting the styles to the top-most scope, and adding the `css` function call around style
-     objects.
+  (This rule would previously only autofix if the file was originally `<div css={{ ... }} />`) 2.
+  Add `import { css } from '@compiled/react'` (or `xcss`) automatically when fixing. The package
+  from which to import the `css` function can be specified through the `importSource` option. 3. Add
+  `excludeReactComponents` to exclude linting React components (i.e. components that start with
+  uppercase). Sometimes it may not be desirable to have this rule apply to React components (e.g.
+  `@atlaskit/button`), which could either use the Emotion or Compiled APIs when they expose a `css`
+  prop. Passing a function from the wrong library can result in the styling erroneously not being
+  applied. 4. Treat `{ ... } as const` statements the same way as `{ ... }` objects. 5. Add
+  `fixNamesOnly` to disable all autofixers _except_ the autofixer that adds `styles` to the end of
+  existing style variables. For example, in
+  `<div css={buttonComponent} />; const buttonComponent = css({ ... })`, `buttonComponent` will
+  continue to be renamed to `buttonComponentStyles`. Autofixers that will be _disabled_ include
+  hoisting the styles to the top-most scope, and adding the `css` function call around style
+  objects.
 
 ## 8.26.0
 
@@ -1584,7 +1589,6 @@
   Add some ESLint rules from Compiled CSS-in-JS, and adapt them for the UI Styling Standard.
 
   Rules added:
-
   - `no-empty-styled-expression`: ban `styled({})` usages
   - `no-exported-css` and `no-exported-keyframes`: ban `css` and `keyframes` function calls that are
     exported
@@ -1592,7 +1596,6 @@
     not valid
 
   Changes made:
-
   - Add them to monorepo, modify to use the existing utility functions
   - Add support for CSS-in-JS libraries other than Compiled (styled-components, Emotion,
     `@atlaskit/css`, etc.) and `xcss` where appropriate
@@ -1823,7 +1826,6 @@
   [`0004d49c240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0004d49c240) - Adds a
   new argument `fallbackUsage` which replaces `shouldEnforceFallbacks`. This new argument is an enum
   which represents the three possible states this rule can be configured with.
-
   - `forced`: Fallbacks must always been in use
   - `none`: Fallbacks must never been in use. (Fixer will remove any value provided )
   - `optional`: (new) Fallbacks are optional
@@ -2173,7 +2175,6 @@
   This rule defaults to `error`.
 
   To update to this version:
-
   - If you are using the `ensure-design-token-usage` rule, add the `domains` property with a value
     of `['color']`:
 
@@ -2374,14 +2375,12 @@
 - [#32576](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32576)
   [`b910bbe6130`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b910bbe6130) - The
   following rules are now included in the recommended preset as errors:
-
   - ensure-design-token-usage
   - no-deprecated-apis
   - no-deprecated-imports
   - no-unsafe-design-token-usage
 
   The following rules are now included in the recommended preset as warnings:
-
   - no-deprecated-design-token-usage
 
 ### Minor Changes
@@ -2878,7 +2877,6 @@
   as hardcoded color usage. This affected Styled Components and Emotion CSS prop syntaxes.
 
   These color types have been fixed:
-
   - rgb
   - rgba
   - hsl
@@ -2978,7 +2976,6 @@
   This has now been split up into two separate rules:
 
   `ensure-design-token-usage` now covers:
-
   - `legacyElevation` — warns about old usages of the elevation mixins or styles, which instead
     should use the `card` or `overlay` tokens.
   - `hardCodedColor` — warns about use of hard-coded colors such as `color: colors.B100`, which
@@ -2986,7 +2983,6 @@
     codebases when first adopting tokens.
 
   `no-unsafe-design-token-usage` (new) covers the remaining rules:
-
   - `directTokenUsage` — warns against using the CSS Custom Property name that is output in the
     browser by the `token()` call. Eg. directly using `var(--ds-accent-subtleBlue)` is bad.
   - `staticToken` — warns when tokens aren't used inline. Inlining the token usages helps with
@@ -3046,20 +3042,17 @@
 - [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319)
   [`b6a55ffa092`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6a55ffa092) -
   Introduces fixes for various edge-cases and false positives:
-
   - Objects that are not considered "style blocks" are now ignored. Style blocks are considered as
     objects assigned to variables with names containing either "style", "css", or "theme" and type
     annotations including "CSSProperties" or "CSSObject".
   - Hexadecimal colors using the `0x` notation are now ignored
 
   Increasing the linting surface-area:
-
   - Colors used in shorthand css property values will now be linted against. (ie
     `border: solid 1px red`)
   - Strings passed directly into JSX attributes (props) are now linted (ie `<Button color="red" />`)
 
   General improvements:
-
   - Color names will now only match against "whole" words. Meaning strings that inadvertently
     include color names like the "tan" in "standard" will no longer fail.
 
@@ -3136,11 +3129,9 @@
   removes & renames tokens
 
   Adds:
-
   - `color.backgroundSelect`
 
   Renames:
-
   - `color.borderTextHighlighted` to `color.bordertextSelected`
   - `elevation.base` to `evelation.backgroundDefault`
   - `elevation.flatSecondary` to `elevation.backgroundSunken`
@@ -3151,11 +3142,9 @@
   - `elevation.shadowOverlay` to `shadow.overlay`
 
   Removes:
-
   - `elevation.boarderFlatPrimary`
 
   Updates:
-
   - `elevation.shadowOverlay` value to `DN100`
   - `color.textWarning` in light mode to `O800`
   - `color.iconBorderWarning` in light mode to `O600`

package/dist/cjs/index.codegen.js

@@ -20,7 +20,7 @@ var _index = require("./rules/index.codegen");
 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; } /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::891a7e1d667de46cfe89cad670005f2c>>
+ * @codegen <<SignedSource::095a43b3637f01bf6b70a07041528ef7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 // this uses require because not all node versions this package supports use the same import assertions/attributes

package/dist/es2019/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::891a7e1d667de46cfe89cad670005f2c>>
+ * @codegen <<SignedSource::095a43b3637f01bf6b70a07041528ef7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 

package/dist/esm/index.codegen.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::891a7e1d667de46cfe89cad670005f2c>>
+ * @codegen <<SignedSource::095a43b3637f01bf6b70a07041528ef7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 

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

@@ -10,7 +10,7 @@ import { getCreateLintRule, getPathSafeName } from '@atlaskit/eslint-utils/creat
  * @private
  * @deprecated
  */
-export var createRule = ESLintUtils.RuleCreator(function (name) {
+var createRule = ESLintUtils.RuleCreator(function (name) {
   return getRuleUrl(name);
 });
 
@@ -19,6 +19,7 @@ export var createRule = ESLintUtils.RuleCreator(function (name) {
  * there is a docs link to our ESLint plugin documentation page,
  * as well as improving type support.
  */
+export { createRule };
 export var createLintRule = getCreateLintRule(getRuleUrl);
 function getRuleUrl(ruleName) {
   var name = getPathSafeName(ruleName);

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::891a7e1d667de46cfe89cad670005f2c>>
+ * @codegen <<SignedSource::095a43b3637f01bf6b70a07041528ef7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';
@@ -10,6 +10,6 @@ declare const meta: {
     version: string;
 };
 export declare const plugin: ESLint.Plugin;
-declare const configs: Record<string, import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord> | ESLint.ConfigData<import("eslint").Linter.RulesRecord> | import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[]> | undefined;
+declare const configs: ESLint.Plugin['configs'];
 export { configs, meta, rules };
 export default plugin;

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

@@ -1,2 +1,3 @@
-declare const rule: import("eslint").Rule.RuleModule;
+import type { Rule } from 'eslint';
+declare const rule: Rule.RuleModule;
 export default rule;

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

@@ -1,5 +1,6 @@
 import type { Rule } from 'eslint';
 import { type CallExpression, type Directive, type EslintNode, type ImportDeclaration, type ModuleDeclaration, type Property, type Statement, type StringableASTNode } from 'eslint-codemod-utils';
+import { typographyAdg3 as typographyTokens } from '@atlaskit/tokens/tokens-raw';
 export declare const typographyProperties: string[];
 export declare const isTypographyProperty: (propertyName: string) => boolean;
 export declare const isFontSize: (node: EslintNode) => node is CallExpression;
@@ -69,40 +70,7 @@ export type FontWeightMap = {
     bold: string;
 };
 export declare const defaultFontWeight: string;
-export declare const fontFamilyTokens: {
-    value: string;
-    filePath: string;
-    isSource: boolean;
-    attributes: {
-        group: string;
-        state: string;
-        introduced: string;
-        description: string;
-        suggest?: string[];
-        deprecated?: string;
-    };
-    original: {
-        value: string | {
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            fontFamily: string;
-            fontStyle: string;
-            letterSpacing: string;
-        };
-        attributes: {
-            group: string;
-            state: string;
-            introduced: string;
-            description: string;
-            suggest?: string[];
-            deprecated?: string;
-        };
-    };
-    name: string;
-    path: string[];
-    cleanName: string;
-}[];
+export declare const fontFamilyTokens: typeof typographyTokens;
 export declare function findFontFamilyValueForToken(tokenName: string): string;
 export declare function findFontFamilyTokenForValue(value: string): "font.family.brand.heading" | "font.family.brand.body" | "font.family.body" | "font.family.code" | undefined;
 export declare function notUndefined<V>(value: V | undefined): value is V;

package/dist/types/rules/utils/create-rule.d.ts

@@ -1,4 +1,6 @@
 import { ESLintUtils } from '@typescript-eslint/utils';
+import type { Rule } from 'eslint';
+import { type LintRule } from '@atlaskit/eslint-utils/create-rule';
 /**
  * We are moving to our own small abstraction to create a lint rule that we have the power
  * to change and mold to our own needs.
@@ -14,4 +16,4 @@ export declare const createRule: <Options extends readonly unknown[], MessageIds
  * there is a docs link to our ESLint plugin documentation page,
  * as well as improving type support.
  */
-export declare const createLintRule: (rule: import("@atlaskit/eslint-utils/create-rule").LintRule) => import("eslint").Rule.RuleModule;
+export declare const createLintRule: (rule: LintRule) => Rule.RuleModule;

package/dist/types-ts4.5/index.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::891a7e1d667de46cfe89cad670005f2c>>
+ * @codegen <<SignedSource::095a43b3637f01bf6b70a07041528ef7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';
@@ -10,6 +10,6 @@ declare const meta: {
     version: string;
 };
 export declare const plugin: ESLint.Plugin;
-declare const configs: Record<string, import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord> | ESLint.ConfigData<import("eslint").Linter.RulesRecord> | import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[]> | undefined;
+declare const configs: ESLint.Plugin['configs'];
 export { configs, meta, rules };
 export default plugin;

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

@@ -1,2 +1,3 @@
-declare const rule: import("eslint").Rule.RuleModule;
+import type { Rule } from 'eslint';
+declare const rule: Rule.RuleModule;
 export default rule;

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

@@ -1,5 +1,6 @@
 import type { Rule } from 'eslint';
 import { type CallExpression, type Directive, type EslintNode, type ImportDeclaration, type ModuleDeclaration, type Property, type Statement, type StringableASTNode } from 'eslint-codemod-utils';
+import { typographyAdg3 as typographyTokens } from '@atlaskit/tokens/tokens-raw';
 export declare const typographyProperties: string[];
 export declare const isTypographyProperty: (propertyName: string) => boolean;
 export declare const isFontSize: (node: EslintNode) => node is CallExpression;
@@ -69,40 +70,7 @@ export type FontWeightMap = {
     bold: string;
 };
 export declare const defaultFontWeight: string;
-export declare const fontFamilyTokens: {
-    value: string;
-    filePath: string;
-    isSource: boolean;
-    attributes: {
-        group: string;
-        state: string;
-        introduced: string;
-        description: string;
-        suggest?: string[];
-        deprecated?: string;
-    };
-    original: {
-        value: string | {
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            fontFamily: string;
-            fontStyle: string;
-            letterSpacing: string;
-        };
-        attributes: {
-            group: string;
-            state: string;
-            introduced: string;
-            description: string;
-            suggest?: string[];
-            deprecated?: string;
-        };
-    };
-    name: string;
-    path: string[];
-    cleanName: string;
-}[];
+export declare const fontFamilyTokens: typeof typographyTokens;
 export declare function findFontFamilyValueForToken(tokenName: string): string;
 export declare function findFontFamilyTokenForValue(value: string): "font.family.brand.heading" | "font.family.brand.body" | "font.family.body" | "font.family.code" | undefined;
 export declare function notUndefined<V>(value: V | undefined): value is V;

package/dist/types-ts4.5/rules/utils/create-rule.d.ts

@@ -1,4 +1,6 @@
 import { ESLintUtils } from '@typescript-eslint/utils';
+import type { Rule } from 'eslint';
+import { type LintRule } from '@atlaskit/eslint-utils/create-rule';
 /**
  * We are moving to our own small abstraction to create a lint rule that we have the power
  * to change and mold to our own needs.
@@ -14,4 +16,4 @@ export declare const createRule: <Options extends readonly unknown[], MessageIds
  * there is a docs link to our ESLint plugin documentation page,
  * as well as improving type support.
  */
-export declare const createLintRule: (rule: import("@atlaskit/eslint-utils/create-rule").LintRule) => import("eslint").Rule.RuleModule;
+export declare const createLintRule: (rule: LintRule) => Rule.RuleModule;

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": "13.21.1",
+	"version": "13.21.3",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -39,9 +39,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/eslint-utils": "^2.0.0",
-		"@atlaskit/icon": "^28.3.0",
-		"@atlaskit/icon-lab": "^5.7.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon-lab": "^5.10.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@typescript-eslint/utils": "^7.1.0",
 		"ajv": "^6.12.6",