diff --git a/.changeset/hot-dryers-press.md b/.changeset/hot-dryers-press.md new file mode 100644 index 0000000000..a845151cc8 --- /dev/null +++ b/.changeset/hot-dryers-press.md @@ -0,0 +1,2 @@ +--- +--- diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 22e5015c7a..0000000000 --- a/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -root = true - -[*] -charset = utf-8 -end_of_line = lf -indent_size = 2 -indent_style = space -insert_final_newline = true -max_line_length = 80 -trim_trailing_whitespace = true - -[*{md,mdx,markdown}] -trim_trailing_whitespace = false diff --git a/.github/workflows/check-conventional-pr.yml b/.github/workflows/check-conventional-pr.yml index ab76c3390c..bf347cdc4b 100644 --- a/.github/workflows/check-conventional-pr.yml +++ b/.github/workflows/check-conventional-pr.yml @@ -23,5 +23,3 @@ jobs: - uses: CondeNast/conventional-pull-request-action@3ce30fdb4d2beef8b941f23a1114dd8188eba082 # v0.2.0 env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - with: - commitlintRulesPath: './commitlint.rules.js' diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 574cb1cd84..1a05920ac2 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -1,23 +1,12 @@ { "recommendations": [ + "biomejs.biome", "unifiedjs.vscode-mdx", "christian-kohler.npm-intellisense", - "techer.open-in-browser", "ionutvmi.path-autocomplete", - "jock.svg", - "naumovs.color-highlight", "clinyong.vscode-css-modules", - "aaron-bond.better-comments", "eamodio.gitlens", "ms-vsliveshare.vsliveshare", - "vivaxy.vscode-conventional-commits", - "bierner.color-info", - "formulahendry.auto-rename-tag", - "formulahendry.auto-close-tag", - "usernamehw.errorlens", - "phoenisx.cssvar", - "editorconfig.editorconfig", - "zignd.html-css-class-completion", - "biomejs.biome" + "phoenisx.cssvar" ] } diff --git a/.vscode/settings.json b/.vscode/settings.json index 1216c605e2..9f27451640 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -19,7 +19,6 @@ "cssvar.files": [ "packages/theme/src/themes/designsystemet.css", ], - "html-css-class-completion.includeGlobPattern": "packages/css/**/*.{css,html}", "[github-actions-workflow]": { "editor.defaultFormatter": "redhat.vscode-yaml" }, @@ -35,9 +34,6 @@ "[ignore]": { "editor.defaultFormatter": "foxundermoon.shell-format" }, - "[markdown]": { - "editor.defaultFormatter": "yzhang.markdown-all-in-one" - }, "[typescript]": { "editor.defaultFormatter": "biomejs.biome" } diff --git a/commitlint.rules.js b/commitlint.rules.js deleted file mode 100644 index 3808480fc2..0000000000 --- a/commitlint.rules.js +++ /dev/null @@ -1,3 +0,0 @@ -export const rules = { - 'subject-case': [0], -}; diff --git a/package.json b/package.json index bc56cac872..8c879bff61 100644 --- a/package.json +++ b/package.json @@ -43,7 +43,6 @@ "@vitejs/plugin-react-swc": "^4.2.0", "@vitest/coverage-v8": "4.0.7", "@vitest/browser-playwright": "4.0.7", - "@vitest/ui": "4.0.7", "chromatic": "^13.3.3", "just-pnpm": "^1.0.2", "tsconfck": "^3.1.6", diff --git a/packages/cli/package.json b/packages/cli/package.json index 07851801ad..007757472b 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -64,7 +64,6 @@ "dependencies": { "@commander-js/extra-typings": "^14.0.0", "@tokens-studio/sd-transforms": "1.3.0", - "apca-w3": "^0.1.9", "change-case": "^5.4.4", "chroma-js": "^3.1.2", "colorjs.io": "^0.6.0-alpha.1", @@ -81,14 +80,11 @@ }, "devDependencies": { "@tokens-studio/types": "0.5.2", - "@types/apca-w3": "^0.1.3", "@types/chroma-js": "^3.1.2", "@types/fs-extra": "^11.0.4", "@types/node": "^22.19.0", "@types/object-hash": "^3.0.6", "@types/ramda": "^0.31.1", - "fs-extra": "^11.3.2", - "tslib": "^2.8.1", "tsup": "^8.5.0", "tsx": "^4.20.6", "typescript": "^5.9.3" diff --git a/packages/react/package.json b/packages/react/package.json index 5cdb7c2c56..06c93d4277 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -60,7 +60,6 @@ "@storybook/addon-docs": "^9.1.16", "@storybook/addon-vitest": "^9.1.16", "@storybook/react-vite": "^9.1.16", - "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", "@testing-library/user-event": "^14.6.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 16515c08fc..e0b0323638 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -38,9 +38,6 @@ importers: '@vitest/coverage-v8': specifier: 4.0.7 version: 4.0.7(@vitest/browser@4.0.7(vite@7.1.12(@types/node@22.19.0)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.20.6)(yaml@2.7.1))(vitest@4.0.7))(vitest@4.0.7) - '@vitest/ui': - specifier: 4.0.7 - version: 4.0.7(vitest@4.0.7) chromatic: specifier: ^13.3.3 version: 13.3.3 @@ -436,9 +433,6 @@ importers: '@tokens-studio/sd-transforms': specifier: 1.3.0 version: 1.3.0(style-dictionary@5.1.1) - apca-w3: - specifier: ^0.1.9 - version: 0.1.9 change-case: specifier: ^5.4.4 version: 5.4.4 @@ -482,9 +476,6 @@ importers: '@tokens-studio/types': specifier: 0.5.2 version: 0.5.2 - '@types/apca-w3': - specifier: ^0.1.3 - version: 0.1.3 '@types/chroma-js': specifier: ^3.1.2 version: 3.1.2 @@ -500,12 +491,6 @@ importers: '@types/ramda': specifier: ^0.31.1 version: 0.31.1 - fs-extra: - specifier: ^11.3.2 - version: 11.3.2 - tslib: - specifier: ^2.8.1 - version: 2.8.1 tsup: specifier: ^8.5.0 version: 8.5.0(@swc/core@1.13.5)(jiti@2.4.2)(postcss@8.5.6)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.7.1) @@ -591,9 +576,6 @@ importers: '@storybook/react-vite': specifier: ^9.1.16 version: 9.1.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(rollup@4.52.5)(storybook@9.1.16(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@7.1.12(@types/node@22.19.0)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.20.6)(yaml@2.7.1)))(typescript@5.9.3)(vite@7.1.12(@types/node@22.19.0)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.20.6)(yaml@2.7.1)) - '@testing-library/dom': - specifier: ^10.4.1 - version: 10.4.1 '@testing-library/jest-dom': specifier: ^6.9.1 version: 6.9.1 @@ -2505,9 +2487,6 @@ packages: resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} engines: {node: '>=10.13.0'} - '@types/apca-w3@0.1.3': - resolution: {integrity: sha512-1C7e66xWCy1UOXHk/VXs4tjrY9hW3q3sykjJJxSC5TIIFt0lt9mh0ysdQxY0rVejTv4SW92G19j98PjqjCSz7Q==} - '@types/aria-query@5.0.4': resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} @@ -2802,9 +2781,6 @@ packages: resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} engines: {node: '>= 8'} - apca-w3@0.1.9: - resolution: {integrity: sha512-Zrf6AeBeQjNe/fxK7U1jCo5zfdjDl6T4/kdw5Xlky3G7u+EJTZkyItjMYQGtwf9pkftsINxcYyOpuLkzKf1ITQ==} - arg@5.0.2: resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==} @@ -3082,9 +3058,6 @@ packages: colorjs.io@0.6.0-alpha.1: resolution: {integrity: sha512-c/h/8uAmPydQcriRdX8UTAFHj6SpSHFHBA8LvMikvYWAVApPTwg/pyOXNsGmaCBd6L/EeDlRHSNhTtnIFp/qsg==} - colorparsley@0.1.8: - resolution: {integrity: sha512-rObESTTTE6G5qO5WFwFxWPggpw4KfpxnLC6Ssl8bITBnNVRhDsyCeTRAUxWQNVTx2pRknKlO2nddYTxjkdNFaw==} - comma-separated-tokens@2.0.3: resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==} @@ -7930,8 +7903,6 @@ snapshots: '@trysound/sax@0.2.0': {} - '@types/apca-w3@0.1.3': {} - '@types/aria-query@5.0.4': {} '@types/babel__core@7.20.5': @@ -8226,6 +8197,7 @@ snapshots: tinyglobby: 0.2.15 tinyrainbow: 3.0.3 vitest: 4.0.7(@types/debug@4.1.12)(@types/node@22.19.0)(@vitest/browser-playwright@4.0.7)(@vitest/ui@4.0.7)(jiti@2.4.2)(jsdom@26.1.0)(less@4.3.0)(lightningcss@1.30.1)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.20.6)(yaml@2.7.1) + optional: true '@vitest/utils@3.2.4': dependencies: @@ -8277,10 +8249,6 @@ snapshots: normalize-path: 3.0.0 picomatch: 2.3.1 - apca-w3@0.1.9: - dependencies: - colorparsley: 0.1.8 - arg@5.0.2: {} argparse@1.0.10: @@ -8560,8 +8528,6 @@ snapshots: colorjs.io@0.6.0-alpha.1: {} - colorparsley@0.1.8: {} - comma-separated-tokens@2.0.3: {} commander@11.1.0: {} @@ -9118,7 +9084,8 @@ snapshots: optionalDependencies: picomatch: 4.0.3 - fflate@0.8.2: {} + fflate@0.8.2: + optional: true fill-range@7.1.1: dependencies: @@ -9153,7 +9120,8 @@ snapshots: mlly: 1.7.4 rollup: 4.52.5 - flatted@3.3.3: {} + flatted@3.3.3: + optional: true for-each@0.3.5: dependencies: diff --git a/test/__mocks__/svg.ts b/test/__mocks__/svg.ts deleted file mode 100644 index ffe2050a02..0000000000 --- a/test/__mocks__/svg.ts +++ /dev/null @@ -1,2 +0,0 @@ -export default 'SvgrURL'; -export const ReactComponent = 'div'; diff --git a/test/testUtils.ts b/test/testUtils.ts deleted file mode 100644 index df4a4b9181..0000000000 --- a/test/testUtils.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { vi } from 'vitest'; - -export const mockMediaQuery = (maxWidth: number) => { - const setScreenWidth = (width: number) => { - Object.defineProperty(window, 'innerWidth', { - writable: true, - configurable: true, - value: width, - }); - window.matchMedia = vi.fn().mockImplementation((query: string) => ({ - matches: width <= maxWidth, - media: query, - onchange: null, - addEventListener: vi.fn(), - removeEventListener: vi.fn(), - })); - }; - - return { setScreenWidth }; -}; diff --git a/test/vitest.setup.ts b/test/vitest.setup.ts index 388c7d766a..1a3a704342 100644 --- a/test/vitest.setup.ts +++ b/test/vitest.setup.ts @@ -2,26 +2,12 @@ import { expect, vi } from 'vitest'; import '@testing-library/jest-dom/vitest'; import * as matchers from '@testing-library/jest-dom/matchers'; -import { mockMediaQuery } from './testUtils'; - expect.extend(matchers); /** * Mock of Dialog element for testing purposes */ -HTMLDialogElement.prototype.show = vi.fn(function mock( - this: HTMLDialogElement, -) { - this.open = true; -}); - -HTMLDialogElement.prototype.showModal = vi.fn(function mock( - this: HTMLDialogElement, -) { - this.open = true; -}); - HTMLDialogElement.prototype.close = vi.fn(function mock( this: HTMLDialogElement, ) { @@ -37,15 +23,3 @@ document.addEventListener('keydown', (event) => { dialog?.close(); } }); - -// Add support for dialog form method -document.addEventListener('click', ({ target }) => { - if (target instanceof HTMLElement) - target - .closest('form[method="dialog"] button[type="submit"]') - ?.closest('dialog') - ?.close(); -}); - -const { setScreenWidth } = mockMediaQuery(800); -setScreenWidth(800);