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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.21.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.21.2
 
 ### Patch Changes
@@ -1290,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.
@@ -1334,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`.
@@ -1366,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).
@@ -1551,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:
 
   ```
@@ -1563,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
 
@@ -1592,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
@@ -1600,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
@@ -1831,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
@@ -2181,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']`:
 
@@ -2382,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
@@ -2886,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
@@ -2986,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
@@ -2994,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
@@ -3054,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.
 
@@ -3144,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`
@@ -3159,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/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-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/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.2",
+	"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.8.0",
-		"@atlaskit/tokens": "^6.4.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",