npm - @atlaskit/eslint-plugin-design-system - Versions diffs - 10.23.2 → 10.24.1 - Mend

@atlaskit/eslint-plugin-design-system 10.23.2 → 10.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,22 @@
 # @atlaskit/eslint-plugin-design-system
+## 10.24.1
+### Patch Changes
+- [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
+  [`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+## 10.24.0
+### Minor Changes
+- [#165462](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165462)
+  [`a9c04a2aaf7e4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a9c04a2aaf7e4) -
+  Introducing new rule to encourage adding/referencing accessible name to a Onboarding spotlight
+  dialog component.
 ## 10.23.2
 ### Patch Changes

package/README.md CHANGED Viewed

@@ -87,6 +87,7 @@ module.exports = {
 | <a href="./src/rules/use-latest-xcss-syntax/README.md">use-latest-xcss-syntax</a>                                           | Enforces usage of space design tokens rather than hard-coded values in xcss.                                                                                                                                                                                                                                        | Yes         | Yes     |             |
 | <a href="./src/rules/use-latest-xcss-syntax-typography/README.md">use-latest-xcss-syntax-typography</a>                     | Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead.                                                                                                                                                                                                                     | Yes         | Yes     |             |
 | <a href="./src/rules/use-menu-section-title/README.md">use-menu-section-title</a>                                           | Encourages makers to provide accessible title for Atlassian Design System Menu Section component.                                                                                                                                                                                                                   | Yes         |         | Yes         |
+| <a href="./src/rules/use-onboarding-spotlight-label/README.md">use-onboarding-spotlight-label</a>                           | Ensures onboarding spotlight dialogs are described to assistive technology by a direct label or by another element.                                                                                                                                                                                                 | Yes         |         | Yes         |
 | <a href="./src/rules/use-popup-label/README.md">use-popup-label</a>                                                         | Encourages to provide accessible name for Atlassian Design System Popup component.                                                                                                                                                                                                                                  | Yes         |         | Yes         |
 | <a href="./src/rules/use-primitives/README.md">use-primitives</a>                                                           | Encourage the usage of primitives components.                                                                                                                                                                                                                                                                       |             | Yes     | Yes         |
 | <a href="./src/rules/use-primitives-text/README.md">use-primitives-text</a>                                                 | Encourage the usage of text components.                                                                                                                                                                                                                                                                             |             | Yes     | Yes         |

package/dist/cjs/presets/all-flat.codegen.js CHANGED Viewed

@@ -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::56a9d309ec6f548dce4a4f6e99059a15>>
+ * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -50,6 +50,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

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

@@ -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::47f018ad98455be31dc522bcf5360adf>>
+ * @codegen <<SignedSource::d52bbfc25021c62c92de1956f1673f30>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -49,6 +49,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

package/dist/cjs/presets/recommended-flat.codegen.js CHANGED Viewed

@@ -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::9c6dda34a88386c4fa5b931ab4baf929>>
+ * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -38,6 +38,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -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::f1b4aa9e656294739485e62ba4a33f9d>>
+ * @codegen <<SignedSource::a5d8dbdad2b84370a6e6889312752a98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -37,6 +37,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -43,6 +43,7 @@ var _useHrefInLinkItem = _interopRequireDefault(require("./use-href-in-link-item
 var _useLatestXcssSyntax = _interopRequireDefault(require("./use-latest-xcss-syntax"));
 var _useLatestXcssSyntaxTypography = _interopRequireDefault(require("./use-latest-xcss-syntax-typography"));
 var _useMenuSectionTitle = _interopRequireDefault(require("./use-menu-section-title"));
+var _useOnboardingSpotlightLabel = _interopRequireDefault(require("./use-onboarding-spotlight-label"));
 var _usePopupLabel = _interopRequireDefault(require("./use-popup-label"));
 var _usePrimitives = _interopRequireDefault(require("./use-primitives"));
 var _usePrimitivesText = _interopRequireDefault(require("./use-primitives-text"));
@@ -52,7 +53,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::2ab06b34c4e08cd70b0f67f5915f12c9>>
+ * @codegen <<SignedSource::4a19c51d51547e8f4e27f3785242c226>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
@@ -95,6 +96,7 @@ var rules = exports.rules = {
   'use-latest-xcss-syntax': _useLatestXcssSyntax.default,
   'use-latest-xcss-syntax-typography': _useLatestXcssSyntaxTypography.default,
   'use-menu-section-title': _useMenuSectionTitle.default,
+  'use-onboarding-spotlight-label': _useOnboardingSpotlightLabel.default,
   'use-popup-label': _usePopupLabel.default,
   'use-primitives': _usePrimitives.default,
   'use-primitives-text': _usePrimitivesText.default,

package/dist/cjs/rules/use-onboarding-spotlight-label/index.js ADDED Viewed

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _createRule = require("../utils/create-rule");
+// eslint-disable-next-line import/no-extraneous-dependencies
+var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
+var rule = (0, _createRule.createLintRule)({
+  meta: {
+    name: 'use-onboarding-spotlight-label',
+    type: 'suggestion',
+    docs: {
+      description: 'Ensures onboarding spotlight dialogs are described to assistive technology by a direct label or by another element.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      missingAccessibleName: 'Missing accessible name. Either specify `heading` or if there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.',
+      labelPropShouldHaveContent: 'The Spotlight component requires a non-empty label.',
+      headingPropShouldHaveContent: 'The Spotlight component requires a non-empty heading.',
+      titleIdShouldHaveValue: '`titleId` should reference the id of the element that defines accessible name.',
+      noCombinedPropsUsage: 'Avoid using `heading`, `titleId` and `label` properties simultaneously. If the `heading` value is not specified or there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.'
+    },
+    hasSuggestions: true
+  },
+  create: function create(context) {
+    var contextLocalIdentifier = [];
+    return {
+      ImportDeclaration: function ImportDeclaration(node) {
+        var _node$specifiers;
+        var buttonGroupIdentifier = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.filter(function (spec) {
+          if (node.source.value === '@atlaskit/onboarding') {
+            var _spec$imported;
+            return spec.type === 'ImportSpecifier' && ((_spec$imported = spec.imported) === null || _spec$imported === void 0 ? void 0 : _spec$imported.name) === 'Spotlight';
+          } else if (node.source.value === '@atlaskit/onboarding/spotlight') {
+            return spec.type === 'ImportDefaultSpecifier';
+          }
+        });
+        if (buttonGroupIdentifier !== null && buttonGroupIdentifier !== void 0 && buttonGroupIdentifier.length) {
+          var local = buttonGroupIdentifier[0].local;
+          contextLocalIdentifier.push(local.name);
+        }
+      },
+      JSXElement: function JSXElement(node) {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+          return;
+        }
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (contextLocalIdentifier.includes(name)) {
+          var componentLabelProps = node.openingElement.attributes.filter(function (attr) {
+            return (0, _eslintCodemodUtils.isNodeOfType)(attr, 'JSXAttribute') && (0, _eslintCodemodUtils.isNodeOfType)(attr.name, 'JSXIdentifier') && elementsAccessibleNameProps.includes(attr.name.name);
+          });
+          if (componentLabelProps.length === 1) {
+            var prop = componentLabelProps[0];
+            if ('value' in prop && prop.value) {
+              if ((0, _eslintCodemodUtils.isNodeOfType)(prop.value, 'Literal') && !prop.value.value || (0, _eslintCodemodUtils.isNodeOfType)(prop.value, 'JSXExpressionContainer') && !prop.value.expression) {
+                context.report({
+                  node: prop,
+                  messageId: function () {
+                    if (prop.name.name === 'label') {
+                      return 'labelPropShouldHaveContent';
+                    } else if (prop.name.name === 'titleId') {
+                      return 'titleIdShouldHaveValue';
+                    } else {
+                      return 'headingPropShouldHaveContent';
+                    }
+                  }()
+                });
+              }
+            }
+          } else if (componentLabelProps.length > 1) {
+            context.report({
+              node: node.openingElement,
+              messageId: 'noCombinedPropsUsage'
+            });
+          } else {
+            context.report({
+              node: node.openingElement,
+              messageId: 'missingAccessibleName'
+            });
+          }
+        }
+      }
+    };
+  }
+});
+var _default = exports.default = rule;

package/dist/es2019/presets/all-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56a9d309ec6f548dce4a4f6e99059a15>>
+ * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -44,6 +44,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::47f018ad98455be31dc522bcf5360adf>>
+ * @codegen <<SignedSource::d52bbfc25021c62c92de1956f1673f30>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -43,6 +43,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

package/dist/es2019/presets/recommended-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9c6dda34a88386c4fa5b931ab4baf929>>
+ * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -32,6 +32,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f1b4aa9e656294739485e62ba4a33f9d>>
+ * @codegen <<SignedSource::a5d8dbdad2b84370a6e6889312752a98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -31,6 +31,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2ab06b34c4e08cd70b0f67f5915f12c9>>
+ * @codegen <<SignedSource::4a19c51d51547e8f4e27f3785242c226>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -41,6 +41,7 @@ import useHrefInLinkItem from './use-href-in-link-item';
 import useLatestXcssSyntax from './use-latest-xcss-syntax';
 import useLatestXcssSyntaxTypography from './use-latest-xcss-syntax-typography';
 import useMenuSectionTitle from './use-menu-section-title';
+import useOnboardingSpotlightLabel from './use-onboarding-spotlight-label';
 import usePopupLabel from './use-popup-label';
 import usePrimitives from './use-primitives';
 import usePrimitivesText from './use-primitives-text';
@@ -87,6 +88,7 @@ export const rules = {
   'use-latest-xcss-syntax': useLatestXcssSyntax,
   'use-latest-xcss-syntax-typography': useLatestXcssSyntaxTypography,
   'use-menu-section-title': useMenuSectionTitle,
+  'use-onboarding-spotlight-label': useOnboardingSpotlightLabel,
   'use-popup-label': usePopupLabel,
   'use-primitives': usePrimitives,
   'use-primitives-text': usePrimitivesText,

package/dist/es2019/rules/use-onboarding-spotlight-label/index.js ADDED Viewed

@@ -0,0 +1,88 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+const elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
+const rule = createLintRule({
+  meta: {
+    name: 'use-onboarding-spotlight-label',
+    type: 'suggestion',
+    docs: {
+      description: 'Ensures onboarding spotlight dialogs are described to assistive technology by a direct label or by another element.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      missingAccessibleName: 'Missing accessible name. Either specify `heading` or if there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.',
+      labelPropShouldHaveContent: 'The Spotlight component requires a non-empty label.',
+      headingPropShouldHaveContent: 'The Spotlight component requires a non-empty heading.',
+      titleIdShouldHaveValue: '`titleId` should reference the id of the element that defines accessible name.',
+      noCombinedPropsUsage: 'Avoid using `heading`, `titleId` and `label` properties simultaneously. If the `heading` value is not specified or there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.'
+    },
+    hasSuggestions: true
+  },
+  create(context) {
+    const contextLocalIdentifier = [];
+    return {
+      ImportDeclaration(node) {
+        var _node$specifiers;
+        const buttonGroupIdentifier = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.filter(spec => {
+          if (node.source.value === '@atlaskit/onboarding') {
+            var _spec$imported;
+            return spec.type === 'ImportSpecifier' && ((_spec$imported = spec.imported) === null || _spec$imported === void 0 ? void 0 : _spec$imported.name) === 'Spotlight';
+          } else if (node.source.value === '@atlaskit/onboarding/spotlight') {
+            return spec.type === 'ImportDefaultSpecifier';
+          }
+        });
+        if (buttonGroupIdentifier !== null && buttonGroupIdentifier !== void 0 && buttonGroupIdentifier.length) {
+          const {
+            local
+          } = buttonGroupIdentifier[0];
+          contextLocalIdentifier.push(local.name);
+        }
+      },
+      JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        const name = node.openingElement.name.name;
+        if (contextLocalIdentifier.includes(name)) {
+          const componentLabelProps = node.openingElement.attributes.filter(attr => isNodeOfType(attr, 'JSXAttribute') && isNodeOfType(attr.name, 'JSXIdentifier') && elementsAccessibleNameProps.includes(attr.name.name));
+          if (componentLabelProps.length === 1) {
+            const prop = componentLabelProps[0];
+            if ('value' in prop && prop.value) {
+              if (isNodeOfType(prop.value, 'Literal') && !prop.value.value || isNodeOfType(prop.value, 'JSXExpressionContainer') && !prop.value.expression) {
+                context.report({
+                  node: prop,
+                  messageId: (() => {
+                    if (prop.name.name === 'label') {
+                      return 'labelPropShouldHaveContent';
+                    } else if (prop.name.name === 'titleId') {
+                      return 'titleIdShouldHaveValue';
+                    } else {
+                      return 'headingPropShouldHaveContent';
+                    }
+                  })()
+                });
+              }
+            }
+          } else if (componentLabelProps.length > 1) {
+            context.report({
+              node: node.openingElement,
+              messageId: 'noCombinedPropsUsage'
+            });
+          } else {
+            context.report({
+              node: node.openingElement,
+              messageId: 'missingAccessibleName'
+            });
+          }
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/presets/all-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56a9d309ec6f548dce4a4f6e99059a15>>
+ * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -44,6 +44,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::47f018ad98455be31dc522bcf5360adf>>
+ * @codegen <<SignedSource::d52bbfc25021c62c92de1956f1673f30>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -43,6 +43,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-primitives': 'warn',
     '@atlaskit/design-system/use-primitives-text': 'warn',

package/dist/esm/presets/recommended-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9c6dda34a88386c4fa5b931ab4baf929>>
+ * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -32,6 +32,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f1b4aa9e656294739485e62ba4a33f9d>>
+ * @codegen <<SignedSource::a5d8dbdad2b84370a6e6889312752a98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -31,6 +31,7 @@ export default {
     '@atlaskit/design-system/use-latest-xcss-syntax': 'error',
     '@atlaskit/design-system/use-latest-xcss-syntax-typography': 'warn',
     '@atlaskit/design-system/use-menu-section-title': 'warn',
+    '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2ab06b34c4e08cd70b0f67f5915f12c9>>
+ * @codegen <<SignedSource::4a19c51d51547e8f4e27f3785242c226>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -41,6 +41,7 @@ import useHrefInLinkItem from './use-href-in-link-item';
 import useLatestXcssSyntax from './use-latest-xcss-syntax';
 import useLatestXcssSyntaxTypography from './use-latest-xcss-syntax-typography';
 import useMenuSectionTitle from './use-menu-section-title';
+import useOnboardingSpotlightLabel from './use-onboarding-spotlight-label';
 import usePopupLabel from './use-popup-label';
 import usePrimitives from './use-primitives';
 import usePrimitivesText from './use-primitives-text';
@@ -87,6 +88,7 @@ export var rules = {
   'use-latest-xcss-syntax': useLatestXcssSyntax,
   'use-latest-xcss-syntax-typography': useLatestXcssSyntaxTypography,
   'use-menu-section-title': useMenuSectionTitle,
+  'use-onboarding-spotlight-label': useOnboardingSpotlightLabel,
   'use-popup-label': usePopupLabel,
   'use-primitives': usePrimitives,
   'use-primitives-text': usePrimitivesText,

package/dist/esm/rules/use-onboarding-spotlight-label/index.js ADDED Viewed

@@ -0,0 +1,88 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
+var rule = createLintRule({
+  meta: {
+    name: 'use-onboarding-spotlight-label',
+    type: 'suggestion',
+    docs: {
+      description: 'Ensures onboarding spotlight dialogs are described to assistive technology by a direct label or by another element.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      missingAccessibleName: 'Missing accessible name. Either specify `heading` or if there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.',
+      labelPropShouldHaveContent: 'The Spotlight component requires a non-empty label.',
+      headingPropShouldHaveContent: 'The Spotlight component requires a non-empty heading.',
+      titleIdShouldHaveValue: '`titleId` should reference the id of the element that defines accessible name.',
+      noCombinedPropsUsage: 'Avoid using `heading`, `titleId` and `label` properties simultaneously. If the `heading` value is not specified or there is a requirement to reference another element in the DOM as accessible name, use `titleId`. Otherwise, use `label` to explicitly provide the accessible name.'
+    },
+    hasSuggestions: true
+  },
+  create: function create(context) {
+    var contextLocalIdentifier = [];
+    return {
+      ImportDeclaration: function ImportDeclaration(node) {
+        var _node$specifiers;
+        var buttonGroupIdentifier = (_node$specifiers = node.specifiers) === null || _node$specifiers === void 0 ? void 0 : _node$specifiers.filter(function (spec) {
+          if (node.source.value === '@atlaskit/onboarding') {
+            var _spec$imported;
+            return spec.type === 'ImportSpecifier' && ((_spec$imported = spec.imported) === null || _spec$imported === void 0 ? void 0 : _spec$imported.name) === 'Spotlight';
+          } else if (node.source.value === '@atlaskit/onboarding/spotlight') {
+            return spec.type === 'ImportDefaultSpecifier';
+          }
+        });
+        if (buttonGroupIdentifier !== null && buttonGroupIdentifier !== void 0 && buttonGroupIdentifier.length) {
+          var local = buttonGroupIdentifier[0].local;
+          contextLocalIdentifier.push(local.name);
+        }
+      },
+      JSXElement: function JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (contextLocalIdentifier.includes(name)) {
+          var componentLabelProps = node.openingElement.attributes.filter(function (attr) {
+            return isNodeOfType(attr, 'JSXAttribute') && isNodeOfType(attr.name, 'JSXIdentifier') && elementsAccessibleNameProps.includes(attr.name.name);
+          });
+          if (componentLabelProps.length === 1) {
+            var prop = componentLabelProps[0];
+            if ('value' in prop && prop.value) {
+              if (isNodeOfType(prop.value, 'Literal') && !prop.value.value || isNodeOfType(prop.value, 'JSXExpressionContainer') && !prop.value.expression) {
+                context.report({
+                  node: prop,
+                  messageId: function () {
+                    if (prop.name.name === 'label') {
+                      return 'labelPropShouldHaveContent';
+                    } else if (prop.name.name === 'titleId') {
+                      return 'titleIdShouldHaveValue';
+                    } else {
+                      return 'headingPropShouldHaveContent';
+                    }
+                  }()
+                });
+              }
+            }
+          } else if (componentLabelProps.length > 1) {
+            context.report({
+              node: node.openingElement,
+              messageId: 'noCombinedPropsUsage'
+            });
+          } else {
+            context.report({
+              node: node.openingElement,
+              messageId: 'missingAccessibleName'
+            });
+          }
+        }
+      }
+    };
+  }
+});
+export default rule;

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

@@ -46,6 +46,7 @@ export declare const plugin: {
         'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
         'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
         'use-menu-section-title': import("eslint").Rule.RuleModule;
+        'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
         'use-popup-label': import("eslint").Rule.RuleModule;
         'use-primitives': import("eslint").Rule.RuleModule;
         'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -95,6 +96,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-primitives': "warn";
                 readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -146,6 +148,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-primitives': "warn";
                 readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -183,6 +186,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-tag-group-label': "warn";
                 readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -218,6 +222,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-tag-group-label': "warn";
                 readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -267,6 +272,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-primitives': "warn";
             readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -326,6 +332,7 @@ export declare const configs: {
                     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
                     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
                     'use-menu-section-title': import("eslint").Rule.RuleModule;
+                    'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
                     'use-popup-label': import("eslint").Rule.RuleModule;
                     'use-primitives': import("eslint").Rule.RuleModule;
                     'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -375,6 +382,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-primitives': "warn";
             readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -412,6 +420,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-tag-group-label': "warn";
             readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -467,6 +476,7 @@ export declare const configs: {
                     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
                     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
                     'use-menu-section-title': import("eslint").Rule.RuleModule;
+                    'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
                     'use-popup-label': import("eslint").Rule.RuleModule;
                     'use-primitives': import("eslint").Rule.RuleModule;
                     'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -504,6 +514,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-tag-group-label': "warn";
             readonly '@atlaskit/design-system/use-visually-hidden': "error";

package/dist/types/presets/all-flat.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56a9d309ec6f548dce4a4f6e99059a15>>
+ * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -43,6 +43,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-primitives': "warn";
         readonly '@atlaskit/design-system/use-primitives-text': "warn";

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::47f018ad98455be31dc522bcf5360adf>>
+ * @codegen <<SignedSource::d52bbfc25021c62c92de1956f1673f30>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -43,6 +43,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-primitives': "warn";
         readonly '@atlaskit/design-system/use-primitives-text': "warn";

package/dist/types/presets/recommended-flat.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9c6dda34a88386c4fa5b931ab4baf929>>
+ * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -31,6 +31,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-tag-group-label': "warn";
         readonly '@atlaskit/design-system/use-visually-hidden': "error";

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f1b4aa9e656294739485e62ba4a33f9d>>
+ * @codegen <<SignedSource::a5d8dbdad2b84370a6e6889312752a98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -31,6 +31,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-tag-group-label': "warn";
         readonly '@atlaskit/design-system/use-visually-hidden': "error";

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

@@ -41,6 +41,7 @@ export declare const rules: {
     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
     'use-menu-section-title': import("eslint").Rule.RuleModule;
+    'use-onboarding-spotlight-label': 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/use-onboarding-spotlight-label/index.d.ts ADDED Viewed

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

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

@@ -50,6 +50,7 @@ export declare const plugin: {
         'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
         'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
         'use-menu-section-title': import("eslint").Rule.RuleModule;
+        'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
         'use-popup-label': import("eslint").Rule.RuleModule;
         'use-primitives': import("eslint").Rule.RuleModule;
         'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -109,6 +110,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-primitives': "warn";
                 readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -168,6 +170,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-primitives': "warn";
                 readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -215,6 +218,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-tag-group-label': "warn";
                 readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -258,6 +262,7 @@ export declare const plugin: {
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
                 readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
                 readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+                readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 readonly '@atlaskit/design-system/use-popup-label': "warn";
                 readonly '@atlaskit/design-system/use-tag-group-label': "warn";
                 readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -317,6 +322,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-primitives': "warn";
             readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -380,6 +386,7 @@ export declare const configs: {
                     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
                     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
                     'use-menu-section-title': import("eslint").Rule.RuleModule;
+                    'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
                     'use-popup-label': import("eslint").Rule.RuleModule;
                     'use-primitives': import("eslint").Rule.RuleModule;
                     'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -437,6 +444,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-primitives': "warn";
             readonly '@atlaskit/design-system/use-primitives-text': "warn";
@@ -484,6 +492,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-tag-group-label': "warn";
             readonly '@atlaskit/design-system/use-visually-hidden': "error";
@@ -543,6 +552,7 @@ export declare const configs: {
                     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
                     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
                     'use-menu-section-title': import("eslint").Rule.RuleModule;
+                    'use-onboarding-spotlight-label': import("eslint").Rule.RuleModule;
                     'use-popup-label': import("eslint").Rule.RuleModule;
                     'use-primitives': import("eslint").Rule.RuleModule;
                     'use-primitives-text': import("eslint").Rule.RuleModule;
@@ -588,6 +598,7 @@ export declare const configs: {
             readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
             readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
             readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+            readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             readonly '@atlaskit/design-system/use-popup-label': "warn";
             readonly '@atlaskit/design-system/use-tag-group-label': "warn";
             readonly '@atlaskit/design-system/use-visually-hidden': "error";

package/dist/types-ts4.5/presets/all-flat.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::56a9d309ec6f548dce4a4f6e99059a15>>
+ * @codegen <<SignedSource::838ffe48cf42aefaa64f561f5a912a5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -51,6 +51,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-primitives': "warn";
         readonly '@atlaskit/design-system/use-primitives-text': "warn";

package/dist/types-ts4.5/presets/all.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::47f018ad98455be31dc522bcf5360adf>>
+ * @codegen <<SignedSource::d52bbfc25021c62c92de1956f1673f30>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -53,6 +53,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-primitives': "warn";
         readonly '@atlaskit/design-system/use-primitives-text': "warn";

package/dist/types-ts4.5/presets/recommended-flat.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9c6dda34a88386c4fa5b931ab4baf929>>
+ * @codegen <<SignedSource::a8a9e1542951e74387ce967be430c7f5>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -39,6 +39,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-tag-group-label': "warn";
         readonly '@atlaskit/design-system/use-visually-hidden': "error";

package/dist/types-ts4.5/presets/recommended.codegen.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f1b4aa9e656294739485e62ba4a33f9d>>
+ * @codegen <<SignedSource::a5d8dbdad2b84370a6e6889312752a98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -41,6 +41,7 @@ declare const _default: {
         readonly '@atlaskit/design-system/use-latest-xcss-syntax': "error";
         readonly '@atlaskit/design-system/use-latest-xcss-syntax-typography': "warn";
         readonly '@atlaskit/design-system/use-menu-section-title': "warn";
+        readonly '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         readonly '@atlaskit/design-system/use-popup-label': "warn";
         readonly '@atlaskit/design-system/use-tag-group-label': "warn";
         readonly '@atlaskit/design-system/use-visually-hidden': "error";

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

@@ -45,6 +45,7 @@ export declare const rules: {
     'use-latest-xcss-syntax': import("eslint").Rule.RuleModule;
     'use-latest-xcss-syntax-typography': import("eslint").Rule.RuleModule;
     'use-menu-section-title': import("eslint").Rule.RuleModule;
+    'use-onboarding-spotlight-label': 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-ts4.5/rules/use-onboarding-spotlight-label/index.d.ts ADDED Viewed

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

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
 	"description": "The essential plugin for use with the Atlassian Design System.",
-	"version": "10.23.2",
+	"version": "10.24.1",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -31,7 +31,9 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"af:exports": {
 		".": "./src/index.tsx",
@@ -55,7 +57,7 @@
 	},
 	"devDependencies": {
 		"@af/formatting": "*",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlassian/codegen": "*",
 		"@atlassian/eslint-utils": "^0.5.0",