feat: ✨ update all dependencies (#523)

excluding semantic release
solid-design-system · Nov 8, 2023 · a7f1b95 · a7f1b95
1 parent bb8f716
commit a7f1b95
Show file tree

Hide file tree

Showing 11 changed files with 2,571 additions and 3,749 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -106,7 +106,8 @@ module.exports = {
               }
             ]
           }
-        ]
+        ],
+        'lit-a11y/no-aria-slot': 'off'
       }
     },
     {

diff --git a/package.json b/package.json
@@ -32,19 +32,19 @@
     ]
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "eslint": "^8.44.0",
-    "eslint-config-prettier": "^8.8.0",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "eslint": "^8.53.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-chai-expect": "^3.0.0",
     "eslint-plugin-chai-friendly": "^0.7.2",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-lit": "^1.8.3",
-    "eslint-plugin-lit-a11y": "^4.0.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-lit": "^1.10.1",
+    "eslint-plugin-lit-a11y": "^4.1.1",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-wc": "^1.5.0",
+    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-wc": "^2.0.4",
     "husky": "^8.0.3",
-    "prettier": "^3.0.0"
+    "prettier": "^3.0.3"
   }
 }
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -75,74 +75,74 @@
     "release.dry": "semantic-release -d --tagFormat 'components/${version}' -e semantic-release-monorepo"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.5.1",
+    "@floating-ui/dom": "^1.5.3",
     "@shoelace-style/animations": "^1.1.0",
-    "@shoelace-style/localize": "^3.1.0",
-    "classix": "^2.1.32",
-    "lit": "^2.7.5"
+    "@shoelace-style/localize": "^3.1.2",
+    "classix": "^2.1.35",
+    "lit": "^3.0.2"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.9.0",
     "@geometricpanda/storybook-addon-badges": "^2.0.0",
     "@mariohamann/tailwindcss-var": "github:mariohamann/tailwindcss-var",
-    "@mariohamann/wc-storybook-helpers": "^1.3.0",
-    "@open-wc/testing": "^3.2.0",
-    "@open-wc/testing-helpers": "^2.3.0",
-    "@remcovaes/web-test-runner-vite-plugin": "^1.1.5",
-    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@mariohamann/wc-storybook-helpers": "^1.3.3",
+    "@open-wc/testing": "^4.0.0",
+    "@open-wc/testing-helpers": "^3.0.0",
+    "@remcovaes/web-test-runner-vite-plugin": "^1.2.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-essentials": "^7.3.2",
-    "@storybook/addon-interactions": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
-    "@storybook/addon-mdx-gfm": "^7.3.2",
-    "@storybook/addons": "^7.3.2",
-    "@storybook/blocks": "^7.3.2",
-    "@storybook/jest": "^0.2.1",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/theming": "^7.3.2",
-    "@storybook/web-components": "^7.3.2",
-    "@storybook/web-components-vite": "^7.3.2",
-    "@types/mocha": "^10.0.1",
-    "@types/sinon": "^10.0.15",
-    "@web/test-runner": "^0.17.0",
-    "@web/test-runner-commands": "^0.8.0",
-    "@web/test-runner-playwright": "^0.10.1",
-    "autoprefixer": "^10.4.14",
-    "cem-plugin-vs-code-custom-data-generator": "^1.4.1",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-mdx-gfm": "^7.5.3",
+    "@storybook/addons": "^7.5.3",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "@storybook/web-components": "^7.5.3",
+    "@storybook/web-components-vite": "^7.5.3",
+    "@types/mocha": "^10.0.4",
+    "@types/sinon": "^17.0.1",
+    "@web/test-runner": "^0.18.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "autoprefixer": "^10.4.16",
+    "cem-plugin-vs-code-custom-data-generator": "^1.4.2",
     "chroma-js": "^2.4.2",
-    "chromatic": "^6.18.2",
-    "comment-parser": "^1.3.1",
+    "chromatic": "^7.6.0",
+    "comment-parser": "^1.4.1",
     "cssnano": "^6.0.1",
-    "globby": "^13.1.4",
+    "globby": "^13.2.2",
     "gzip-size": "^7.0.0",
     "html-format": "^1.1.2",
     "jsonata": "^2.0.3",
-    "lint-staged": "^13.2.2",
-    "lit-html": "^2.7.4",
+    "lint-staged": "^15.0.2",
+    "lit-html": "^3.0.2",
     "minify-html-literals": "^1.3.5",
     "normalize.css": "^8.0.1",
     "plop": "^4.0.0",
-    "postcss": "^8.4.24",
-    "prettier": "^3.0.0",
+    "postcss": "^8.4.31",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-summary": "^2.0.0",
     "semantic-release": "^19.0.5",
     "semantic-release-monorepo": "^7.0.5",
-    "sinon": "^17.0.0",
-    "storybook": "^7.3.2",
-    "storybook-addon-designs": "7.0.0-beta.2",
-    "tailwindcss": "^3.3.2",
-    "terser": "^5.17.7",
-    "typescript": "5.0.4",
-    "user-agent-data-types": "^0.4.0",
-    "vite": "^4.3.9",
-    "vite-node": "^0.34.2",
+    "sinon": "^17.0.1",
+    "storybook": "^7.5.3",
+    "storybook-addon-designs": "6.3.1",
+    "tailwindcss": "^3.3.5",
+    "terser": "^5.24.0",
+    "typescript": "5.2.2",
+    "user-agent-data-types": "^0.4.2",
+    "vite": "^4.5.0",
+    "vite-node": "^0.34.6",
     "vite-plugin-cem": "^0.5.0",
-    "vite-tsconfig-paths": "^4.2.0"
+    "vite-tsconfig-paths": "^4.2.1"
   },
   "release": {
     "branches": [

diff --git a/packages/components/src/components/carousel/carousel.test.ts b/packages/components/src/components/carousel/carousel.test.ts
@@ -295,7 +295,7 @@ describe('<sd-carousel>', () => {
           const nextButton: HTMLElement = el.shadowRoot!.querySelector('#carousel__navigation-button--next')!;
           sinon.stub(el, 'next');
           el.goToSlide(2, 'auto');
-          await oneEvent(el.scrollContainer, 'scrollend');
+          await oneEvent(el.scrollContainer, 'scrollend', false);
           await el.updateComplete;
           // Act
           await clickOnElement(nextButton);
@@ -347,7 +347,7 @@ describe('<sd-carousel>', () => {
 
       // Go to the second slide so that the previous button will be enabled
       el.goToSlide(1, 'auto');
-      await oneEvent(el.scrollContainer, 'scrollend');
+      await oneEvent(el.scrollContainer, 'scrollend', false);
       await el.updateComplete;
 
       const previousButton: HTMLElement = el.shadowRoot!.querySelector('#carousel__navigation-button--previous')!;
@@ -398,9 +398,9 @@ describe('<sd-carousel>', () => {
           // Act
           await clickOnElement(previousButton);
           // wait first scroll to clone
-          await oneEvent(el.scrollContainer, 'scrollend');
+          await oneEvent(el.scrollContainer, 'scrollend', false);
           // wait scroll to actual item
-          await oneEvent(el.scrollContainer, 'scrollend');
+          await oneEvent(el.scrollContainer, 'scrollend', false);
           // Assert
           expect(previousButton).to.have.attribute('aria-disabled', 'false');
           expect(el.activeSlide).to.be.equal(2);
@@ -464,7 +464,7 @@ describe('<sd-carousel>', () => {
 
         // Act
         el.goToSlide(2);
-        await oneEvent(el.scrollContainer, 'scrollend');
+        await oneEvent(el.scrollContainer, 'scrollend', false);
         await el.updateComplete;
 
         // Assert

diff --git a/packages/components/src/components/icon/icon.test.ts b/packages/components/src/components/icon/icon.test.ts
@@ -59,7 +59,7 @@ describe('<sd-icon>', () => {
 
     it('renders pre-loaded system icons and emits sd-load event', async () => {
       const el = await fixture<SdIcon>(html` <sd-icon library="system"></sd-icon> `);
-      const listener = oneEvent(el, 'sd-load') as Promise<CustomEvent>;
+      const listener = oneEvent(el, 'sd-load', false);
 
       el.name = 'chevron-down';
       const ev = await listener;
@@ -99,7 +99,7 @@ describe('<sd-icon>', () => {
       const fakeId = 'test-src';
       const el = await fixture<SdIcon>(html` <sd-icon></sd-icon> `);
 
-      const listener = oneEvent(el, 'sd-load');
+      const listener = oneEvent(el, 'sd-load', false);
       el.src = `data:image/svg+xml,${encodeURIComponent(`<svg id="${fakeId}"></svg>`)}`;
 
       await listener;
@@ -113,7 +113,7 @@ describe('<sd-icon>', () => {
   describe('new library', () => {
     it('renders icons from the new library and emits sd-load event', async () => {
       const el = await fixture<SdIcon>(html` <sd-icon library="test-library"></sd-icon> `);
-      const listener = oneEvent(el, 'sd-load') as Promise<CustomEvent>;
+      const listener = oneEvent(el, 'sd-load', false);
 
       el.name = 'test-icon1';
       const ev = await listener;
@@ -142,7 +142,7 @@ describe('<sd-icon>', () => {
 
     it('emits sd-error when the file cant be retrieved', async () => {
       const el = await fixture<SdIcon>(html` <sd-icon library="test-library"></sd-icon> `);
-      const listener = oneEvent(el, 'sd-error') as Promise<CustomEvent>;
+      const listener = oneEvent(el, 'sd-error', false);
 
       el.name = 'bad-request';
       const ev = await listener;
@@ -154,7 +154,7 @@ describe('<sd-icon>', () => {
 
     it("emits sd-error when there isn't an svg element in the registered icon", async () => {
       const el = await fixture<SdIcon>(html` <sd-icon library="test-library"></sd-icon> `);
-      const listener = oneEvent(el, 'sd-error') as Promise<CustomEvent>;
+      const listener = oneEvent(el, 'sd-error', false);
 
       el.name = 'bad-icon';
       const ev = await listener;

diff --git a/packages/components/src/components/radio-group/radio-group.test.ts b/packages/components/src/components/radio-group/radio-group.test.ts
@@ -175,7 +175,7 @@ describe('when resetting a form', () => {
     await radioGroup.updateComplete;
     setTimeout(() => button.click());
 
-    await oneEvent(form, 'reset');
+    await oneEvent(form, 'reset', false);
     await radioGroup.updateComplete;
 
     expect(radioGroup.value).to.equal('1');
@@ -263,7 +263,7 @@ describe('when the value changes', () => {
     `);
     const radio = radioGroup.querySelector<SdRadio>('#radio-1')!;
     setTimeout(() => radio.click());
-    const event = (await oneEvent(radioGroup, 'sd-change')) as CustomEvent;
+    const event = await oneEvent(radioGroup, 'sd-change', false);
     expect(event.target).to.equal(radioGroup);
     expect(radioGroup.value).to.equal('1');
   });
@@ -278,7 +278,7 @@ describe('when the value changes', () => {
     const radio = radioGroup.querySelector<SdRadio>('#radio-1')!;
     radio.focus();
     setTimeout(() => sendKeys({ press: ' ' }));
-    const event = (await oneEvent(radioGroup, 'sd-change')) as CustomEvent;
+    const event = await oneEvent(radioGroup, 'sd-change', false);
     expect(event.target).to.equal(radioGroup);
     expect(radioGroup.value).to.equal('1');
   });

diff --git a/packages/components/src/components/radio/radio.stories.ts b/packages/components/src/components/radio/radio.stories.ts
@@ -95,6 +95,7 @@ export const Parts = {
   },
   render: (args: any) => {
     return generateTemplate({
+      constants: { type: 'attribute', name: 'value', value: '1' },
       axis: {
         y: {
           type: 'template',
@@ -106,7 +107,7 @@ export const Parts = {
                 <style>#part-${part} sd-radio::part(${part}){outline: solid 2px red}</style>
                 <div id="part-${part}">
                 ${
-                  part === 'control--unchecked'
+                  !part.includes('unchecked')
                     ? '<sd-radio-group value="1">%TEMPLATE%</sd-radio-group>'
                     : '<sd-radio-group>%TEMPLATE%</sd-radio-group>'
                 }

diff --git a/packages/components/vite.config.package.ts b/packages/components/vite.config.package.ts
@@ -31,7 +31,8 @@ export default (() => {
           assetFileNames: `[name].[ext]`,
           preserveModulesRoot: 'src'
         },
-        external: id => {
+        external: (id: string) => {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-return
           return (
             id.includes('floating-ui') || (id.includes('lit') && !id.includes('utilities')) || id.includes('classix')
           );
@@ -53,4 +54,4 @@ export default (() => {
       }
     }
   };
-}) as typeof defineConfig;
+}) as unknown as typeof defineConfig;
diff --git a/packages/components/vite.config.styles.ts b/packages/components/vite.config.styles.ts
@@ -39,4 +39,4 @@ export default (() => {
       }
     }
   };
-}) as typeof defineConfig;
+}) as unknown as typeof defineConfig;
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts
@@ -41,7 +41,7 @@ export default (({ command }: { command: string }) => {
       lib: {
         entry: path.resolve(__dirname, 'src/solid-components.ts'),
         name: 'Solid Components',
-        fileName: format => `${format}/solid-components.js`
+        fileName: (format: string) => `${format}/solid-components.js`
       },
       rollupOptions: {
         output: {
@@ -71,4 +71,4 @@ export default (({ command }: { command: string }) => {
       }
     }
   };
-}) as typeof defineConfig;
+}) as unknown as typeof defineConfig;