@atlaskit/eslint-plugin-design-system 13.17.1 → 13.17.3

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

@@ -1,9 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3de5d5b44aa01faabdb840bc7fb43d04>>
+ * @codegen <<SignedSource::c3ee5646fc648d2510a70195a04d7fe9>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
+import enforceInlineStylesInSelect from './enforce-inline-styles-in-select';
 import ensureDesignTokenUsage from './ensure-design-token-usage';
 import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import ensureIconColor from './ensure-icon-color';
@@ -68,6 +69,7 @@ import useTokensTypography from './use-tokens-typography';
 import useVisuallyHidden from './use-visually-hidden';
 export var rules = {
   'consistent-css-prop-usage': consistentCssPropUsage,
+  'enforce-inline-styles-in-select': enforceInlineStylesInSelect,
   'ensure-design-token-usage': ensureDesignTokenUsage,
   'ensure-design-token-usage/preview': ensureDesignTokenUsagePreview,
   'ensure-icon-color': ensureIconColor,

package/dist/esm/rules/no-legacy-icons/helpers.js

@@ -425,14 +425,14 @@ export var isInsideLegacyButton = function isInsideLegacyButton(node, legacyButt
 export var isInsideIconOnlyLegacyButton = function isInsideIconOnlyLegacyButton(node, legacyButtonImports) {
   var insideIconOnlyLegacyButton = false;
   if (isInsideLegacyButton(node, legacyButtonImports)) {
-    var _node$parent7, _node$parent8, _node$parent9, _node$parent10, _node$parent11, _node$parent12;
+    var _node$parent7, _node$parent8, _node$parent9, _node$parent0, _node$parent1, _node$parent10;
     var legacyButtonAttributes = node.parent && isNodeOfType(node.parent, 'JSXExpressionContainer') && (_node$parent7 = node.parent) !== null && _node$parent7 !== void 0 && _node$parent7.parent && isNodeOfType(node.parent.parent, 'JSXAttribute') && node.parent.parent.parent && isNodeOfType((_node$parent8 = node.parent) === null || _node$parent8 === void 0 || (_node$parent8 = _node$parent8.parent) === null || _node$parent8 === void 0 ? void 0 : _node$parent8.parent, 'JSXOpeningElement') ? (_node$parent9 = node.parent) === null || _node$parent9 === void 0 || (_node$parent9 = _node$parent9.parent) === null || _node$parent9 === void 0 ? void 0 : _node$parent9.parent.attributes.map(function (attribute) {
       var _attribute$name;
       return isNodeOfType(attribute, 'JSXAttribute') && isNodeOfType(attribute.name, 'JSXIdentifier') && (attribute === null || attribute === void 0 || (_attribute$name = attribute.name) === null || _attribute$name === void 0 ? void 0 : _attribute$name.name);
     }).filter(Boolean) : [];
     var hasIconBefore = legacyButtonAttributes.includes('iconBefore');
     var hasIconAfter = legacyButtonAttributes.includes('iconAfter');
-    var hasChildren = ((_node$parent10 = node.parent) === null || _node$parent10 === void 0 || (_node$parent10 = _node$parent10.parent) === null || _node$parent10 === void 0 || (_node$parent10 = _node$parent10.parent) === null || _node$parent10 === void 0 ? void 0 : _node$parent10.parent) && isNodeOfType((_node$parent11 = node.parent) === null || _node$parent11 === void 0 || (_node$parent11 = _node$parent11.parent) === null || _node$parent11 === void 0 || (_node$parent11 = _node$parent11.parent) === null || _node$parent11 === void 0 ? void 0 : _node$parent11.parent, 'JSXElement') && ((_node$parent12 = node.parent) === null || _node$parent12 === void 0 || (_node$parent12 = _node$parent12.parent) === null || _node$parent12 === void 0 || (_node$parent12 = _node$parent12.parent) === null || _node$parent12 === void 0 ? void 0 : _node$parent12.parent.children.length) > 0;
+    var hasChildren = ((_node$parent0 = node.parent) === null || _node$parent0 === void 0 || (_node$parent0 = _node$parent0.parent) === null || _node$parent0 === void 0 || (_node$parent0 = _node$parent0.parent) === null || _node$parent0 === void 0 ? void 0 : _node$parent0.parent) && isNodeOfType((_node$parent1 = node.parent) === null || _node$parent1 === void 0 || (_node$parent1 = _node$parent1.parent) === null || _node$parent1 === void 0 || (_node$parent1 = _node$parent1.parent) === null || _node$parent1 === void 0 ? void 0 : _node$parent1.parent, 'JSXElement') && ((_node$parent10 = node.parent) === null || _node$parent10 === void 0 || (_node$parent10 = _node$parent10.parent) === null || _node$parent10 === void 0 || (_node$parent10 = _node$parent10.parent) === null || _node$parent10 === void 0 ? void 0 : _node$parent10.parent.children.length) > 0;
     if (hasIconBefore && !hasIconAfter && !hasChildren || !hasIconBefore && hasIconAfter && !hasChildren || !hasIconBefore && !hasIconAfter && hasChildren) {
       insideIconOnlyLegacyButton = true;
     }
@@ -661,15 +661,15 @@ export var throwManualErrors = function throwManualErrors(_ref9) {
 };
 
 // Loops through automatic errors and them after adding the required suggestion/fix
-export var throwAutoErrors = function throwAutoErrors(_ref10) {
-  var errorsManual = _ref10.errorsManual,
-    errorsAuto = _ref10.errorsAuto,
-    iconSizesInfo = _ref10.iconSizesInfo,
-    legacyIconImports = _ref10.legacyIconImports,
-    guidance = _ref10.guidance,
-    migrationIconImports = _ref10.migrationIconImports,
-    shouldUseMigrationPath = _ref10.shouldUseMigrationPath,
-    context = _ref10.context;
+export var throwAutoErrors = function throwAutoErrors(_ref0) {
+  var errorsManual = _ref0.errorsManual,
+    errorsAuto = _ref0.errorsAuto,
+    iconSizesInfo = _ref0.iconSizesInfo,
+    legacyIconImports = _ref0.legacyIconImports,
+    guidance = _ref0.guidance,
+    migrationIconImports = _ref0.migrationIconImports,
+    shouldUseMigrationPath = _ref0.shouldUseMigrationPath,
+    context = _ref0.context;
   // Set of all the import sources that have manual errors (required later to check if a source has both manual and auto
   // errors in one file making it impossible to just remove the legacy import)
   var allManualErrorSources = Object.entries(errorsManual).reduce(function (result, option) {

package/dist/esm/rules/no-nested-styles/index.js

@@ -52,18 +52,21 @@ var getKeyValue = function getKeyValue(node, context) {
   }
   return '';
 };
-var isWidthMediaQuery = function isWidthMediaQuery(rawSelector) {
-  var selectors = parseSelector(rawSelector);
-  if (selectors[0].startsWith('@')) {
-    // If the selector includes a min-width/max-width query, return false - the primitives media object should be used instead:
-    // https://staging.atlassian.design/components/primitives/responsive/breakpoints/examples
-    // Otherwise return true, non-width queries are acceptable
-    return selectors.some(function (selector) {
-      return selector.includes('min-width') || selector.includes('max-width');
-    });
-  }
-  return false;
-};
+
+// const isWidthMediaQuery = (rawSelector: string): boolean => {
+// 	const selectors = parseSelector(rawSelector);
+
+// 	if (selectors[0].startsWith('@')) {
+// 		// If the selector includes a min-width/max-width query, return false - the primitives media object should be used instead:
+// 		// https://staging.atlassian.design/components/primitives/responsive/breakpoints/examples
+// 		// Otherwise return true, non-width queries are acceptable
+// 		return selectors.some(
+// 			(selector) => selector.includes('min-width') || selector.includes('max-width'),
+// 		);
+// 	}
+// 	return false;
+// };
+
 var isAllowedNestedSelector = function isAllowedNestedSelector(rawSelector) {
   if (rawSelector.trim() === '&') {
     // This can be written without the nest.
@@ -95,7 +98,8 @@ var rule = createLintRule({
       severity: 'error'
     },
     messages: {
-      noWidthQueries: 'Media queries that target min-width or max-width are not allowed. Use the media object provided by the Atlassian Design System instead. https://staging.atlassian.design/components/primitives/responsive/breakpoints/examples',
+      // noWidthQueries:
+      // 	'Media queries that target min-width or max-width are not allowed. Use the media object provided by the Atlassian Design System instead. https://staging.atlassian.design/components/primitives/responsive/breakpoints/examples',
       noNestedStyles: 'Nested styles are not allowed as they can change unexpectedly when child markup changes and result in duplicates when extracting to CSS.',
       noDirectNestedStyles: "Styles applied with data attributes are not allowed, split them into discrete CSS declarations and apply them conditionally with JavaScript.\n\n```\nconst disabledStyles = css({ opacity: 0.5 });\n\n<div css={isDisabled && disabledStyles} />\n```\n"
     }
@@ -113,13 +117,16 @@ var rule = createLintRule({
           });
           return;
         }
-        if (isWidthMediaQuery(getKeyValue(node.key, context))) {
-          context.report({
-            node: node,
-            messageId: 'noWidthQueries'
-          });
-          return;
-        }
+
+        // if (isWidthMediaQuery(getKeyValue(node.key as Rule.Node, context))) {
+        // 	context.report({
+        // 		node,
+        // 		messageId: 'noWidthQueries',
+        // 	});
+
+        // 	return;
+        // }
+
         if (!isAllowedNestedSelector(getKeyValue(node.key, context))) {
           context.report({
             node: node,

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

@@ -16,6 +16,7 @@ export declare const plugin: {
     };
     rules: {
         'consistent-css-prop-usage': import("eslint").Rule.RuleModule;
+        'enforce-inline-styles-in-select': import("eslint").Rule.RuleModule;
         'ensure-design-token-usage': import("eslint").Rule.RuleModule;
         'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
         'ensure-icon-color': import("eslint").Rule.RuleModule;
@@ -84,6 +85,7 @@ export declare const plugin: {
             plugins: string[];
             rules: {
                 '@atlaskit/design-system/consistent-css-prop-usage': "error";
+                '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
                 '@atlaskit/design-system/ensure-design-token-usage': "error";
                 '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
                 '@atlaskit/design-system/ensure-icon-color': "error";
@@ -153,6 +155,7 @@ export declare const plugin: {
             };
             rules: {
                 '@atlaskit/design-system/consistent-css-prop-usage': "error";
+                '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
                 '@atlaskit/design-system/ensure-design-token-usage': "error";
                 '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
                 '@atlaskit/design-system/ensure-icon-color': "error";
@@ -323,6 +326,7 @@ declare const configs: {
         plugins: string[];
         rules: {
             '@atlaskit/design-system/consistent-css-prop-usage': "error";
+            '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
             '@atlaskit/design-system/ensure-design-token-usage': "error";
             '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
             '@atlaskit/design-system/ensure-icon-color': "error";
@@ -392,6 +396,7 @@ declare const configs: {
         };
         rules: {
             '@atlaskit/design-system/consistent-css-prop-usage': "error";
+            '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
             '@atlaskit/design-system/ensure-design-token-usage': "error";
             '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
             '@atlaskit/design-system/ensure-icon-color': "error";

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

@@ -2,6 +2,7 @@ declare const _default: {
     plugins: {};
     rules: {
         '@atlaskit/design-system/consistent-css-prop-usage': "error";
+        '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
         '@atlaskit/design-system/ensure-design-token-usage': "error";
         '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
         '@atlaskit/design-system/ensure-icon-color': "error";

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

@@ -2,6 +2,7 @@ declare const _default: {
     plugins: string[];
     rules: {
         '@atlaskit/design-system/consistent-css-prop-usage': "error";
+        '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
         '@atlaskit/design-system/ensure-design-token-usage': "error";
         '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
         '@atlaskit/design-system/ensure-icon-color': "error";

package/dist/types/rules/enforce-inline-styles-in-select/index.d.ts

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

package/dist/types/rules/enforce-inline-styles-in-select/utils.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare function checkStylesObject(node: Rule.Node, stylesValue: any, context: Rule.RuleContext): void;

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

@@ -1,5 +1,6 @@
 export declare const rules: {
     'consistent-css-prop-usage': import("eslint").Rule.RuleModule;
+    'enforce-inline-styles-in-select': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
     'ensure-icon-color': import("eslint").Rule.RuleModule;

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

@@ -16,6 +16,7 @@ export declare const plugin: {
     };
     rules: {
         'consistent-css-prop-usage': import("eslint").Rule.RuleModule;
+        'enforce-inline-styles-in-select': import("eslint").Rule.RuleModule;
         'ensure-design-token-usage': import("eslint").Rule.RuleModule;
         'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
         'ensure-icon-color': import("eslint").Rule.RuleModule;
@@ -84,6 +85,7 @@ export declare const plugin: {
             plugins: string[];
             rules: {
                 '@atlaskit/design-system/consistent-css-prop-usage': "error";
+                '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
                 '@atlaskit/design-system/ensure-design-token-usage': "error";
                 '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
                 '@atlaskit/design-system/ensure-icon-color': "error";
@@ -156,6 +158,7 @@ export declare const plugin: {
             };
             rules: {
                 '@atlaskit/design-system/consistent-css-prop-usage': "error";
+                '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
                 '@atlaskit/design-system/ensure-design-token-usage': "error";
                 '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
                 '@atlaskit/design-system/ensure-icon-color': "error";
@@ -335,6 +338,7 @@ declare const configs: {
         plugins: string[];
         rules: {
             '@atlaskit/design-system/consistent-css-prop-usage': "error";
+            '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
             '@atlaskit/design-system/ensure-design-token-usage': "error";
             '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
             '@atlaskit/design-system/ensure-icon-color': "error";
@@ -407,6 +411,7 @@ declare const configs: {
         };
         rules: {
             '@atlaskit/design-system/consistent-css-prop-usage': "error";
+            '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
             '@atlaskit/design-system/ensure-design-token-usage': "error";
             '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
             '@atlaskit/design-system/ensure-icon-color': "error";

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

@@ -2,6 +2,7 @@ declare const _default: {
     plugins: {};
     rules: {
         '@atlaskit/design-system/consistent-css-prop-usage': "error";
+        '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
         '@atlaskit/design-system/ensure-design-token-usage': "error";
         '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
         '@atlaskit/design-system/ensure-icon-color': "error";

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

@@ -2,6 +2,7 @@ declare const _default: {
     plugins: string[];
     rules: {
         '@atlaskit/design-system/consistent-css-prop-usage': "error";
+        '@atlaskit/design-system/enforce-inline-styles-in-select': "error";
         '@atlaskit/design-system/ensure-design-token-usage': "error";
         '@atlaskit/design-system/ensure-design-token-usage/preview': "warn";
         '@atlaskit/design-system/ensure-icon-color': "error";

package/dist/types-ts4.5/rules/enforce-inline-styles-in-select/index.d.ts

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

package/dist/types-ts4.5/rules/enforce-inline-styles-in-select/utils.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare function checkStylesObject(node: Rule.Node, stylesValue: any, context: Rule.RuleContext): void;

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

@@ -1,5 +1,6 @@
 export declare const rules: {
     'consistent-css-prop-usage': import("eslint").Rule.RuleModule;
+    'enforce-inline-styles-in-select': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
     'ensure-icon-color': import("eslint").Rule.RuleModule;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
 	"description": "The essential plugin for use with the Atlassian Design System.",
-	"version": "13.17.1",
+	"version": "13.17.3",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -44,9 +44,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/eslint-utils": "^2.0.0",
-		"@atlaskit/icon": "^26.4.0",
-		"@atlaskit/icon-lab": "^4.17.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon-lab": "^5.0.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@typescript-eslint/utils": "^7.1.0",
 		"ajv": "^6.12.6",