@atlaskit/eslint-plugin-design-system 10.4.3 → 10.4.4

package/constellation/no-nested-styles/usage.mdx

@@ -11,17 +11,17 @@ This rule checks for nested styles inside `css` objects. This rule has no option
 
 ```js
 css({
-    div: {
-        color: 'red',
-    },
+	div: {
+		color: 'red',
+	},
 });
 ```
 
 ```js
 css({
-    '@media (min-width: 480px)': {
-        color: 'red',
-    },
+	'@media (min-width: 480px)': {
+		color: 'red',
+	},
 });
 ```
 
@@ -29,10 +29,10 @@ css({
 
 ```js
 css({
-    color: 'red',
-    ':hover': {
-        color: 'black',
-    },
+	color: 'red',
+	':hover': {
+		color: 'black',
+	},
 });
 ```
 
@@ -40,8 +40,8 @@ css({
 import { media } from '@atlaskit/primitives';
 
 css({
-    [media.above.xs]: {
-        color: 'red',
-    },
+	[media.above.xs]: {
+		color: 'red',
+	},
 });
 ```

package/constellation/no-physical-properties/usage.mdx

@@ -13,22 +13,22 @@ This rule checks for physical property usage inside of `css` function calls.
 
 ```js
 css({
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
+	left: 0,
+	right: 0,
+	top: 0,
+	bottom: 0,
 });
 ```
 
 ```js
 css({
-    marginLeft: 0,
+	marginLeft: 0,
 });
 ```
 
 ```js
 css({
-    textAlign: 'left',
+	textAlign: 'left',
 });
 ```
 
@@ -36,18 +36,18 @@ css({
 
 ```js
 css({
-    inset: 0,
+	inset: 0,
 });
 ```
 
 ```js
 css({
-    marginInlineStart: 0,
+	marginInlineStart: 0,
 });
 ```
 
 ```js
 css({
-    textAlign: 'start',
+	textAlign: 'start',
 });
 ```

package/constellation/no-styled-tagged-template-expression/usage.mdx

@@ -17,21 +17,21 @@ The `--fix` option on the command line automatically fixes problems reported by
 import { styled } from '@compiled/react';
 
 const InlinedStyles = styled.div`
-    color: blue;
+	color: blue;
 `;
 
 const MultilineStyles = styled.div`
-    color: blue;
-    font-weight: 500;
+	color: blue;
+	font-weight: 500;
 `;
 
 const ComposedStyles = styled(InlinedStyles)`
-    font-weight: 500;
+	font-weight: 500;
 `;
 
 const DynamicStyles = styled.div`
-    color: ${(props) => props.color};
-    ${(props) => (props.disabled ? 'opacity: 0.8' : 'opacity: 1')}
+	color: ${(props) => props.color};
+	${(props) => (props.disabled ? 'opacity: 0.8' : 'opacity: 1')}
 `;
 ```
 
@@ -41,23 +41,23 @@ const DynamicStyles = styled.div`
 import { styled } from '@compiled/react';
 
 const InlinedStyles = styled.div({
-    color: 'blue',
+	color: 'blue',
 });
 
 const MultilineStyles = styled.div({
-    color: 'blue',
-    fontWeight: 500,
+	color: 'blue',
+	fontWeight: 500,
 });
 
 const ComposedStyles = styled(InlinedStyles)({
-    fontWeight: 500,
+	fontWeight: 500,
 });
 
 const DynamicStyles = styled.div(
-    {
-        color: (props) => props.color,
-    },
-    (props) => (props.disabled ? 'opacity: 0.8' : 'opacity: 1'),
+	{
+		color: (props) => props.color,
+	},
+	(props) => (props.disabled ? 'opacity: 0.8' : 'opacity: 1'),
 );
 ```
 
@@ -67,13 +67,13 @@ const DynamicStyles = styled.div(
 
 By default, this rule will check `styled` usages from:
 
--   `@atlaskit/css`
--   `@atlaskit/primitives`
--   `@compiled/react`
--   `@emotion/react`
--   `@emotion/core`
--   `@emotion/styled`
--   `styled-components`
+- `@atlaskit/css`
+- `@atlaskit/primitives`
+- `@compiled/react`
+- `@emotion/react`
+- `@emotion/core`
+- `@emotion/styled`
+- `styled-components`
 
 To change this list of libraries, you can define a custom set of `importSources`, which accepts an
 array of package names (strings).
@@ -89,8 +89,8 @@ export const Component = styled.div``;
 
 ## Limitations
 
--   Comments are not fixable.
--   Component selectors are not fixable for `styled-components`.
+- Comments are not fixable.
+- Component selectors are not fixable for `styled-components`.
 
 Do not migrate to this object syntax manually, it is invalid `styled-components`.
 
@@ -110,11 +110,11 @@ Instead, style the button directly—make it clear that you're styling that butt
 ```tsx
 const buttonStyles = css({ color: 'blue' });
 const Wrapper = styled.div({
-    color: 'red',
+	color: 'red',
 });
 
 <Wrapper>
-    <button css={buttonStyles} />
+	<button css={buttonStyles} />
 </Wrapper>;
 ```
 
@@ -123,13 +123,13 @@ Standard around nested styles, pushing the error down the road.
 
 ```tsx
 const Wrapper = styled.div({
-    color: 'red',
-    '[data-component-selector="my.button"]': {
-        color: 'blue',
-    },
+	color: 'red',
+	'[data-component-selector="my.button"]': {
+		color: 'blue',
+	},
 });
 
 <Wrapper>
-    <button data-component-selector="my.button" />
+	<button data-component-selector="my.button" />
 </Wrapper>;
 ```

package/constellation/no-unsafe-design-token-usage/usage.mdx

@@ -30,7 +30,7 @@ import { token } from '@atlaskit/tokens';
 css({ boxShadow: token('elevation.shadow.card') });
 
 css`
-    color: ${(token('color.text.highemphasis'), N20)};
+	color: ${(token('color.text.highemphasis'), N20)};
 `;
 ```
 
@@ -40,9 +40,9 @@ This rule comes with options to aid in migrating to design tokens.
 
 ### fallbackUsage
 
--   `forced`: Fallback values must always be provided
--   `none`: Fallback values must never be provided. (Fixer will remove if provided)
--   `optional`: Fallbacks are optional
+- `forced`: Fallback values must always be provided
+- `none`: Fallback values must never be provided. (Fixer will remove if provided)
+- `optional`: Fallbacks are optional
 
 ### shouldEnforceFallbacks (deprecated)
 

package/constellation/no-unsafe-style-overrides/usage.mdx

@@ -36,7 +36,7 @@ import { ButtonItem } from '@atlaskit/side-navigation';
 
 ```tsx
 <Button>
-    <strong>foo</strong>
+	<strong>foo</strong>
 </Button>
 ```
 
@@ -44,9 +44,9 @@ import { ButtonItem } from '@atlaskit/side-navigation';
 const styles = css({ padding: 'var(--ds-space-100)' });
 
 <Box as="a" xcss={styles}>
-    <Stack>
-        <Inline />
-        <Inline />
-    </Stack>
+	<Stack>
+		<Inline />
+		<Inline />
+	</Stack>
 </Box>;
 ```

package/constellation/prefer-primitives/usage.mdx

@@ -27,6 +27,6 @@ This rule marks code as violations when it may be able to be replaced with a pri
 
 ```js
 <Component>
-    <Box xcss={someStyles}></Box>
+	<Box xcss={someStyles}></Box>
 </Component>
 ```

package/constellation/use-heading/usage.mdx

@@ -21,8 +21,8 @@ This rule marks code as violations when it can be replaced 1:1 with a heading co
 
 ```jsx
 <div>
-    <Heading size="xlarge">text</Heading>
-    <p>content</p>
+	<Heading size="xlarge">text</Heading>
+	<p>content</p>
 </div>
 ```
 

package/constellation/use-heading-level-in-spotlight-card/usage.mdx

@@ -16,6 +16,6 @@ future releases.
 
 ```tsx
 <SpotlightCard heading="Heading" headingLevel={2}>
-    Spotlight card contents
+	Spotlight card contents
 </SpotlightCard>
 ```

package/constellation/use-latest-xcss-syntax/usage.mdx

@@ -29,5 +29,5 @@ See the list of available space tokens on the
 
 For Atlassians:
 
--   See [go/xcss-spacing](https://go.atlassian.com/xcss-spacing) for context on why this is
-    happening, and how you can prepare.
+- See [go/xcss-spacing](https://go.atlassian.com/xcss-spacing) for context on why this is happening,
+  and how you can prepare.

package/constellation/use-primitives/usage.mdx

@@ -34,45 +34,45 @@ const someStyles = xcss({
 
 Currently, the rule is extremely defensive, only reporting on `css` styles that contain:
 
--   one, and only one, style property from this list:
+- one, and only one, style property from this list:
 
-    -   padding
-    -   paddingBlock
-    -   paddingBlockEnd
-    -   paddingBlockStart
-    -   paddingBottom
-    -   paddingInline
-    -   paddingInlineEnd
-    -   paddingInlineStart
-    -   paddingLeft
-    -   paddingRight
-    -   paddingTop
-    -   margin
-    -   marginBlock
-    -   marginBlockEnd
-    -   marginBlockStart
-    -   marginBottom
-    -   marginInline
-    -   marginInlineEnd
-    -   marginInlineStart
-    -   marginLeft
-    -   marginRight
-    -   marginTop
+  - padding
+  - paddingBlock
+  - paddingBlockEnd
+  - paddingBlockStart
+  - paddingBottom
+  - paddingInline
+  - paddingInlineEnd
+  - paddingInlineStart
+  - paddingLeft
+  - paddingRight
+  - paddingTop
+  - margin
+  - marginBlock
+  - marginBlockEnd
+  - marginBlockStart
+  - marginBottom
+  - marginInline
+  - marginInlineEnd
+  - marginInlineStart
+  - marginLeft
+  - marginRight
+  - marginTop
 
--   and where the style value is one of:
-    -   0px
-    -   2px
-    -   4px
-    -   6px
-    -   8px
-    -   12px
-    -   16px
-    -   20px
-    -   24px
-    -   32px
-    -   40px
-    -   48px
-    -   64px
-    -   80px
+- and where the style value is one of:
+  - 0px
+  - 2px
+  - 4px
+  - 6px
+  - 8px
+  - 12px
+  - 16px
+  - 20px
+  - 24px
+  - 32px
+  - 40px
+  - 48px
+  - 64px
+  - 80px
 
 If these conditions are not met, then no violation will be reported.

package/constellation/use-tokens-space/usage.mdx

@@ -30,5 +30,5 @@ See the list of available space tokens on the
 
 For Atlassians:
 
--   See the [Token Migration Guide](https://go.atlassian.com/space-token-migration) for instructions
-    on how to migrate to tokens when a suggestion is not provided by the ESLint rule.
+- See the [Token Migration Guide](https://go.atlassian.com/space-token-migration) for instructions
+  on how to migrate to tokens when a suggestion is not provided by the ESLint rule.

package/dist/cjs/index.codegen.js

@@ -16,7 +16,7 @@ var _recommended = _interopRequireDefault(require("./presets/recommended.codegen
 var _index = _interopRequireDefault(require("./rules/index.codegen"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a1bb0f17560603fa4895326b1d50744e>>
+ * @codegen <<SignedSource::abdb6f8b0dfdc4e2489691c04488f46e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 

package/dist/cjs/presets/all.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9547e0088a838147f4c53a0d8d021909>>
+ * @codegen <<SignedSource::ed09a41b825250124299d53a17b16b74>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {

package/dist/cjs/presets/recommended.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aeb378113df7f1734ff3940f2d1ed3bb>>
+ * @codegen <<SignedSource::f5a2e39689cb7db642a65999cdc6f03a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -23,6 +23,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',
+    '@atlaskit/design-system/no-html-button': 'warn',
     '@atlaskit/design-system/no-invalid-css-map': 'error',
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',

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

@@ -44,7 +44,7 @@ var _useTokensTypography = _interopRequireDefault(require("./use-tokens-typograp
 var _useVisuallyHidden = _interopRequireDefault(require("./use-visually-hidden"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5eacfe26cc2ae11b81dfad5719b90959>>
+ * @codegen <<SignedSource::920113eedc2218488bff48b528364867>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {

package/dist/cjs/rules/no-html-button/index.js

@@ -12,7 +12,7 @@ var rule = (0, _createRule.createLintRule)({
     type: 'suggestion',
     docs: {
       description: 'Discourage direct usage of HTML button elements in favor of Atlassian Design System button components.',
-      recommended: false,
+      recommended: true,
       severity: 'warn'
     },
     messages: {

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::a1bb0f17560603fa4895326b1d50744e>>
+ * @codegen <<SignedSource::abdb6f8b0dfdc4e2489691c04488f46e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import all from './presets/all.codegen';

package/dist/es2019/presets/all.codegen.js

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

package/dist/es2019/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aeb378113df7f1734ff3940f2d1ed3bb>>
+ * @codegen <<SignedSource::f5a2e39689cb7db642a65999cdc6f03a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -17,6 +17,7 @@ export default {
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',
+    '@atlaskit/design-system/no-html-button': 'warn',
     '@atlaskit/design-system/no-invalid-css-map': 'error',
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5eacfe26cc2ae11b81dfad5719b90959>>
+ * @codegen <<SignedSource::920113eedc2218488bff48b528364867>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';

package/dist/es2019/rules/no-html-button/index.js

@@ -6,7 +6,7 @@ const rule = createLintRule({
     type: 'suggestion',
     docs: {
       description: 'Discourage direct usage of HTML button elements in favor of Atlassian Design System button components.',
-      recommended: false,
+      recommended: true,
       severity: 'warn'
     },
     messages: {

package/dist/esm/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a1bb0f17560603fa4895326b1d50744e>>
+ * @codegen <<SignedSource::abdb6f8b0dfdc4e2489691c04488f46e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import all from './presets/all.codegen';

package/dist/esm/presets/all.codegen.js

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

package/dist/esm/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aeb378113df7f1734ff3940f2d1ed3bb>>
+ * @codegen <<SignedSource::f5a2e39689cb7db642a65999cdc6f03a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -17,6 +17,7 @@ export default {
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',
+    '@atlaskit/design-system/no-html-button': 'warn',
     '@atlaskit/design-system/no-invalid-css-map': 'error',
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',

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::5eacfe26cc2ae11b81dfad5719b90959>>
+ * @codegen <<SignedSource::920113eedc2218488bff48b528364867>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';

package/dist/esm/rules/no-html-button/index.js

@@ -6,7 +6,7 @@ var rule = createLintRule({
     type: 'suggestion',
     docs: {
       description: 'Discourage direct usage of HTML button elements in favor of Atlassian Design System button components.',
-      recommended: false,
+      recommended: true,
       severity: 'warn'
     },
     messages: {

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

@@ -56,6 +56,7 @@ export declare const configs: {
             '@atlaskit/design-system/no-empty-styled-expression': string;
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
+            '@atlaskit/design-system/no-html-button': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': 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::9547e0088a838147f4c53a0d8d021909>>
+ * @codegen <<SignedSource::ed09a41b825250124299d53a17b16b74>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {

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::aeb378113df7f1734ff3940f2d1ed3bb>>
+ * @codegen <<SignedSource::f5a2e39689cb7db642a65999cdc6f03a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -17,6 +17,7 @@ declare const _default: {
         '@atlaskit/design-system/no-empty-styled-expression': string;
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
+        '@atlaskit/design-system/no-html-button': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;

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

@@ -56,6 +56,7 @@ export declare const configs: {
             '@atlaskit/design-system/no-empty-styled-expression': string;
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
+            '@atlaskit/design-system/no-html-button': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;

package/dist/types-ts4.5/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::9547e0088a838147f4c53a0d8d021909>>
+ * @codegen <<SignedSource::ed09a41b825250124299d53a17b16b74>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {

package/dist/types-ts4.5/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::aeb378113df7f1734ff3940f2d1ed3bb>>
+ * @codegen <<SignedSource::f5a2e39689cb7db642a65999cdc6f03a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -17,6 +17,7 @@ declare const _default: {
         '@atlaskit/design-system/no-empty-styled-expression': string;
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
+        '@atlaskit/design-system/no-html-button': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;