build(deps-dev): bump eslint dependencies and run formatter

Author: iOvergaard

package-lock.json

@@ -75,8 +75,8 @@
     "@storybook/web-components": "^7.6.12",
     "@storybook/web-components-vite": "^7.6.12",
     "@types/chai": "4.3.5",
-    "@typescript-eslint/eslint-plugin": "6.6.0",
-    "@typescript-eslint/parser": "6.0.0",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
     "@web/dev-server-esbuild": "0.4.3",
     "@web/test-runner": "0.17.0",
     "@web/test-runner-playwright": "0.11.0",

package.json

@@ -49,7 +49,7 @@ export const AAAOverview: StoryFn = props => html`
             look="${props.look}"
             color="${props.color}">
             <uui-icon name="${el}"></uui-icon>
-          </uui-button>`
+          </uui-button>`,
       )}
     </uui-action-bar>
   </uui-icon-registry-essential>
@@ -71,7 +71,7 @@ export const Single = () => {
                 <uui-icon name="delete"></uui-icon>
               </uui-button>
             </uui-action-bar>
-          </div> `
+          </div> `,
       )}
     </uui-icon-registry-essential>
   `;
@@ -97,12 +97,12 @@ export const LooksAndColors = () => {
                         .look="${look as any}"
                         .color="${color as any}">
                         <uui-icon name="${el}"></uui-icon>
-                      </uui-button>`
+                      </uui-button>`,
                   )}
                 </uui-action-bar>
-              `
+              `,
             )}
-          </div> `
+          </div> `,
       )}
     </uui-icon-registry-essential>
   `;

packages/uui-action-bar/lib/uui-action-bar.story.ts

@@ -55,7 +55,7 @@ describe('UuiAvatarGroup Limit', async () => {
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
-      </uui-avatar-group>`
+      </uui-avatar-group>`,
     );
   });
 
@@ -76,7 +76,7 @@ describe('UuiAvatarGroup Limit', async () => {
       html` <uui-avatar-group>
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
-      </uui-avatar-group>`
+      </uui-avatar-group>`,
     );
 
     const small = avatarGroup.shadowRoot!.querySelector('small');

packages/uui-avatar-group/lib/uui-avatar-group.test.ts

@@ -43,19 +43,19 @@ describe('UuiAvatar', () => {
 
   it('renders an image when imgSrc is set', async () => {
     const avatar = await fixture(
-      html`<uui-avatar img-src="${avatarSrc}" name="My Avatar"></uui-avatar>`
+      html`<uui-avatar img-src="${avatarSrc}" name="My Avatar"></uui-avatar>`,
     );
     expect(avatar).shadowDom.to.equal(
-      `<img alt="MA" src="${avatarSrc}" srcset="" title="My Avatar" /><slot></<slot>`
+      `<img alt="MA" src="${avatarSrc}" srcset="" title="My Avatar" /><slot></<slot>`,
     );
   });
 
   it('renders an image with alt text when imgSrc and text is set', async () => {
     const avatar = await fixture(
-      html`<uui-avatar img-src="${avatarSrc}" name="alt text"></uui-avatar>`
+      html`<uui-avatar img-src="${avatarSrc}" name="alt text"></uui-avatar>`,
     );
     expect(avatar).shadowDom.to.equal(
-      `<img alt="AT" src="${avatarSrc}" srcset="" title="alt text" /><slot></<slot>`
+      `<img alt="AT" src="${avatarSrc}" srcset="" title="alt text" /><slot></<slot>`,
     );
   });
 
@@ -66,7 +66,7 @@ describe('UuiAvatar', () => {
 
   it('shows the first and last initial when text is used and there is no image', async () => {
     const avatar = await fixture(
-      html`<uui-avatar name="First Second Last"></uui-avatar>`
+      html`<uui-avatar name="First Second Last"></uui-avatar>`,
     );
     expect(avatar).shadowDom.to.equal('FL<slot></<slot>');
   });

packages/uui-avatar/lib/uui-avatar.test.ts

@@ -174,9 +174,9 @@ export const LooksAndColors: Story = () => html`
                 >${uppercaseFirstLetter(look)}</uui-badge
               >
             </div>
-          `
+          `,
         )}
       </div>
-    `
+    `,
   )}
 `;

packages/uui-badge/lib/uui-badge.story.ts

@@ -23,5 +23,5 @@ export const UUIHorizontalPulseKeyframes = css`
 `;
 
 export const UUIHorizontalPulseAnimationValue = unsafeCSS(
-  'pulse 0.8s ease-in-out infinite both'
+  'pulse 0.8s ease-in-out infinite both',
 );

packages/uui-base/lib/animations/uui-pulse.ts

@@ -28,5 +28,5 @@ export const UUIHorizontalShakeKeyframes = css`
 `;
 
 export const UUIHorizontalShakeAnimationValue = unsafeCSS(
-  'uui-horizontal-shake 600ms ease backwards'
+  'uui-horizontal-shake 600ms ease backwards',
 );

packages/uui-base/lib/animations/uui-shake.ts

@@ -4,7 +4,7 @@
 
 export class UUIEvent<
   DetailType extends Record<string, any> = Record<string, any>,
-  EventTargetType extends EventTarget | null = EventTarget | null
+  EventTargetType extends EventTarget | null = EventTarget | null,
 > extends Event {
   readonly detail: DetailType;
   readonly target!: EventTargetType;

packages/uui-base/lib/events/UUIEvent.ts

@@ -14,7 +14,7 @@ export declare class ActiveMixinInterface {
  * @mixin
  */
 export const ActiveMixin = <T extends Constructor<LitElement>>(
-  superClass: T
+  superClass: T,
 ) => {
   class ActiveMixinClass extends superClass {
     /**