fix: linting

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -30,22 +30,22 @@ body:
     attributes:
       label: Bug type
       options:
-        - 'Functionality'
-        - 'Accessibility'
-        - 'Performance'
-        - 'Security vulnerability'
-        - 'Other'
+        - Functionality
+        - Accessibility
+        - Performance
+        - Security vulnerability
+        - Other
     validations:
       required: true
   - type: dropdown
     id: component-or-design-token
     attributes:
       label: It affects the following packages
       options:
-        - 'Design Tokens'
-        - 'Components'
-        - 'Both'
-        - 'Other'
+        - Design Tokens
+        - Components
+        - Both
+        - Other
     validations:
       required: true
   - type: input
@@ -78,9 +78,9 @@ body:
     attributes:
       label: Input mode
       options:
-        - 'Mouse/Keyboard'
-        - 'Touch'
-        - 'Other'
+        - Mouse/Keyboard
+        - Touch
+        - Other
     validations:
       required: false
   - type: input

.github/ISSUE_TEMPLATE/contributing-request.yml

@@ -25,19 +25,19 @@ body:
     attributes:
       label: Contribution type
       options:
-        - 'Contribute a new component'
-        - 'Contribute an enhancement of a component'
+        - Contribute a new component
+        - Contribute an enhancement of a component
     validations:
       required: true
   - type: dropdown
     id: component-or-design-token
     attributes:
       label: It affects the following packages
       options:
-        - 'Design Tokens'
-        - 'Components'
+        - Design Tokens
+        - Components
         - 'Design Tokens & Components'
-        - 'Other'
+        - Other
     validations:
       required: true
   - type: textarea

.github/ISSUE_TEMPLATE/feature-request-or-enhancement.yml

@@ -25,19 +25,19 @@ body:
     attributes:
       label: Request type
       options:
-        - 'Request for a new component'
-        - 'Request for enhancement of a component'
+        - Request for a new component
+        - Request for enhancement of a component
     validations:
       required: true
   - type: dropdown
     id: component-or-design-token
     attributes:
       label: It affects the following packages
       options:
-        - 'Design Tokens'
-        - 'Components'
+        - Design Tokens
+        - Components
         - 'Design Tokens & Components'
-        - 'Other'
+        - Other
     validations:
       required: true
   - type: textarea

.github/ISSUE_TEMPLATE/question.yml

@@ -25,10 +25,10 @@ body:
     attributes:
       label: It affects the following packages
       options:
-        - 'Design Tokens'
-        - 'Components'
+        - Design Tokens
+        - Components
         - 'Design Tokens & Components'
-        - 'Other'
+        - Other
     validations:
       required: true
   - type: input

.github/ISSUE_TEMPLATE/story.yml

@@ -1,7 +1,7 @@
 name: '[Internal] Story'
 description: An internal story for lyne-components
 title: 'story(COMPONENT): TITLE'
-labels: ['story', 'to-refine']
+labels: [story, to-refine]
 body:
   - type: textarea
     id: description

.github/workflows/codeql-analysis.yml

@@ -9,7 +9,7 @@
 # the `language` matrix defined below to confirm you have the correct set of
 # supported CodeQL languages.
 #
-name: 'CodeQL'
+name: CodeQL
 
 on:
   push:
@@ -32,7 +32,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: ['javascript']
+        language: [javascript]
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
         # Learn more:
         # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
@@ -63,7 +63,7 @@ jobs:
       #    and modify them (or add more) to build your code if your project
       #    uses a compiled language
 
-      #- run: |
+      # - run: |
       #   make bootstrap
       #   make release
 

.github/workflows/continuous-integration-secure.yml

@@ -5,7 +5,7 @@ name: Continuous Integration Secure
 # https://securitylab.github.com/research/github-actions-preventing-pwn-requests/
 on:
   workflow_run:
-    workflows: ['Continuous Integration']
+    workflows: [Continuous Integration]
     types: [completed]
 
 permissions:
@@ -73,7 +73,7 @@ jobs:
         # This label is used for filtering deployments in ArgoCD
         uses: actions-ecosystem/action-add-labels@v1
         with:
-          labels: 'preview-available'
+          labels: preview-available
           number: ${{ env.PR_NUMBER }}
 
   codecov:

.github/workflows/continuous-integration.yml

@@ -14,8 +14,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: Run eslint
@@ -27,8 +27,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: 'Integrity: Verify workspace integrity'
@@ -42,8 +42,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: Install browser dependencies
@@ -52,7 +52,7 @@ jobs:
         run: yarn test
         env:
           NODE_ENV: production
-      - name: 'Assert no new snapshots (run `yarn test --ci` if this fails)'
+      - name: Assert no new snapshots (run `yarn test --ci` if this fails)
         run: git diff --exit-code
       - name: Store coverage
         if: github.event_name == 'pull_request'
@@ -67,8 +67,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: Run build
@@ -124,8 +124,8 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
       - name: Generate chromatic stories
         run: yarn generate:chromatic-stories

.github/workflows/pr-title-lint.yml

@@ -12,8 +12,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: 'Lint: Pull request title'

.github/workflows/preview-image-cleanup.yml

@@ -56,6 +56,6 @@ jobs:
             }
       - uses: actions/delete-package-versions@v4
         with:
-          package-name: 'lyne-components/storybook-preview'
-          package-type: 'container'
+          package-name: lyne-components/storybook-preview
+          package-type: container
           delete-only-untagged-versions: 'true'

.github/workflows/release-please.yml

@@ -43,8 +43,8 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
           registry-url: 'https://registry.npmjs.org'
           scope: sbb-esta
       - run: yarn install --frozen-lockfile --non-interactive
@@ -106,8 +106,8 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v4
         with:
-          node-version-file: '.nvmrc'
-          cache: 'yarn'
+          node-version-file: .nvmrc
+          cache: yarn
       - run: yarn install --frozen-lockfile --non-interactive
 
       - name: Run build

.storybook/main.ts

@@ -18,7 +18,7 @@ const config: StorybookConfig = {
         sourcemap: false,
         rollupOptions: {
           output: {
-            manualChunks(id) {
+            manualChunks(_id) {
               return 'main';
             },
           },

.storybook/manager.js

@@ -1,5 +1,5 @@
 import { addons } from '@storybook/manager-api';
-import theme from './theme';
+import theme from './theme.js';
 
 addons.setConfig({
   enableShortcuts: false,

.storybook/preview.ts

@@ -1,7 +1,8 @@
 import * as tokens from '@sbb-esta/lyne-design-tokens';
 import '../src/components/core/styles/global.scss';
 
-const getViewportName = (key: string) => key.replace(/(^SbbBreakpoint|Min$)/g, '').toLowerCase();
+const getViewportName = (key: string): string =>
+  key.replace(/(^SbbBreakpoint|Min$)/g, '').toLowerCase();
 const breakpoints = Object.entries(tokens)
   .filter(([key]) => key.startsWith('SbbBreakpoint') && key.endsWith('Min'))
   .map(([key, value]) => ({ key: getViewportName(key), value: value as number }))

eslint.config.js

@@ -8,7 +8,6 @@ import tseslint from 'typescript-eslint';
 import eslintConfigPrettier from 'eslint-config-prettier';
 import eslintPluginYml from 'eslint-plugin-yml';
 import eslint from '@eslint/js';
-import { parse, parseForESLint } from '@typescript-eslint/parser';
 const eslintPluginLyne = await import('./tools/eslint/index.ts');
 
 const compat = new FlatCompat({
@@ -26,9 +25,7 @@ export default [
   },
   {
     languageOptions: {
-      globals: { ...globals.browser },
-      ecmaVersion: 2020,
-      parser: { parse, parseForESLint },
+      globals: { ...globals.browser, ...globals.node },
     },
   },
   {
@@ -132,6 +129,20 @@ export default [
       camelcase: 'off',
     },
   },
-
+  {
+    files: ['**/*.stories.ts'],
+    rules: {
+      '@typescript-eslint/naming-convention': 'off',
+    },
+  },
+  {
+    files: ['**/*.js'],
+    rules: {
+      'import-x/namespace': 'off',
+      'import-x/default': 'off',
+      'import-x/no-named-as-default': 'off',
+      'import-x/no-named-as-default-member': 'off',
+    },
+  },
   eslintConfigPrettier,
 ];

scripts/chromatic-stories-generator.ts

@@ -2,7 +2,7 @@ import { readdirSync, readFileSync, writeFileSync } from 'fs';
 import { basename, dirname, join, relative } from 'path';
 import { fileURLToPath } from 'url';
 
-import ts from 'typescript';
+import * as ts from 'typescript';
 
 const chromaticFile = join(
   dirname(fileURLToPath(import.meta.url)),

scripts/clean-storybook-files.cjs

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const fs = require('fs'),
   path = require('path'),
   allowedExtensions =

scripts/docs_generate.ts

@@ -1,6 +1,7 @@
 /**
  * Docs: https://github.com/open-wc/custom-elements-manifest/tree/master/packages/to-markdown
  */
+/* eslint-disable import-x/namespace, import-x/default, import-x/no-named-as-default, import-x/no-named-as-default-member */
 import fs from 'fs';
 
 import { customElementsManifestToMarkdown } from '@custom-elements-manifest/to-markdown';

scripts/migrate-ssr-e2e.ts

@@ -4,7 +4,7 @@ import { basename, dirname, join, relative } from 'path';
 import * as glob from 'glob';
 // eslint-disable-next-line @typescript-eslint/naming-convention
 import MagicString from 'magic-string';
-import ts from 'typescript';
+import * as ts from 'typescript';
 
 /*
  * Convert e2e test files to use the lit fixture, to enable ssr testing.

scripts/migrate-toggle-data-entry.ts

@@ -3,7 +3,7 @@ import { readFileSync, writeFileSync } from 'fs';
 import * as glob from 'glob';
 // eslint-disable-next-line @typescript-eslint/naming-convention
 import MagicString from 'magic-string';
-import ts from 'typescript';
+import * as ts from 'typescript';
 
 function* iterate(node: ts.Node): Generator<ts.Node, void, unknown> {
   yield node;

src/components/alert/alert-group/alert-group.ts

@@ -111,7 +111,6 @@ export class SbbAlertGroupElement extends LitElement {
         <slot @slotchange=${(event: Event) => this._slotChanged(event)}></slot>
       </div>
     `;
-    /* eslint-disable lit/binding-positions */
   }
 }
 

src/components/autocomplete/autocomplete.stories.ts

@@ -9,7 +9,7 @@ import type {
   Decorator,
   StoryContext,
 } from '@storybook/web-components';
-import isChromatic from 'chromatic';
+import isChromatic from 'chromatic/isChromatic';
 import type { TemplateResult } from 'lit';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';