changelog.md

@@ -1,6 +1,18 @@
 # Changelog
 
 
+## v2.4.0
+
+[compare changes](https://github.com/azat-io/eslint-plugin-perfectionist/compare/v2.3.0...v2.4.0)
+
+### 🚀 Features
+
+- Add side-effect-style import group ([32dbef8](https://github.com/azat-io/eslint-plugin-perfectionist/commit/32dbef8))
+
+### ❤️ Contributors
+
+- Azat S. ([@azat-io](http://github.com/azat-io))
+
 ## v2.3.0
 
 [compare changes](https://github.com/azat-io/eslint-plugin-perfectionist/compare/v2.2.0...v2.3.0)

docs/rules/sort-imports.md

@@ -99,6 +99,7 @@ type Group =
   | 'parent'
   | 'sibling'
   | 'side-effect'
+  | 'side-effect-style'
   | 'index'
   | 'object'
   | 'style'
@@ -170,6 +171,8 @@ import formatNumber from '../utils/format-number'
 import config from './config'
 // 'side-effect' - Side effect imports
 import './set-production-env.js'
+// side-effect-style - Side effect style imports
+import './styles.scss'
 // 'index' - Main file from the current directory
 import main from '.'
 // 'object' - TypeScript object-imports

package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-plugin-perfectionist",
   "description": "ESLint plugin for sorting various data such as objects, imports, types, enums, JSX props, etc.",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "homepage": "https://eslint-plugin-perfectionist.azat.io",
   "repository": "https://github.com/azat-io/eslint-plugin-perfectionist",
   "author": "Azat S. <to@azat.io>",

rules/sort-imports.ts

@@ -32,6 +32,7 @@ export enum NewlinesBetweenValue {
 }
 
 type Group<T extends string[]> =
+  | 'side-effect-style'
   | 'external-type'
   | 'internal-type'
   | 'builtin-type'
@@ -308,6 +309,10 @@ export default createEslintRule<Options<string[]>, MESSAGE_ID>({
       if (node.type === 'ImportDeclaration') {
         setCustomGroups(options['custom-groups'].value, node.source.value)
 
+        if (isSideEffectImport(node) && isStyle(node.source.value)) {
+          defineGroup('side-effect-style')
+        }
+
         if (isSideEffectImport(node)) {
           defineGroup('side-effect')
         }

test/sort-imports.test.ts

@@ -3736,10 +3736,12 @@ describe(RULE_NAME, () => {
               import { useClient } from '~/hooks/useClient'
 
               import '~/css/globals.css'
+
+              import '~/data'
             `,
             options: [
               {
-                groups: ['internal', 'side-effect'],
+                groups: ['internal', 'side-effect-style', 'side-effect'],
               },
             ],
           },
@@ -3748,24 +3750,27 @@ describe(RULE_NAME, () => {
           {
             code: dedent`
               import { useClient } from '~/hooks/useClient'
+              import '~/data'
               import '~/css/globals.css'
             `,
             output: dedent`
               import { useClient } from '~/hooks/useClient'
 
               import '~/css/globals.css'
+
+              import '~/data'
             `,
             options: [
               {
-                groups: ['internal', 'side-effect'],
+                groups: ['internal', 'side-effect-style', 'side-effect'],
               },
             ],
             errors: [
               {
                 messageId: 'missedSpacingBetweenImports',
                 data: {
                   left: '~/hooks/useClient',
-                  right: '~/css/globals.css',
+                  right: '~/data',
                 },
               },
             ],