fix: update dependencies (#259)

* fix: wip update devDependencies and dependencies

Still need to figure out how to solve failing tests after updating vitest and happy-dom
devDependencies

* fix: fix broken test files

* fix: adjust distance and skidding to attention popover example

* fix: lint PaginationTest.tsx and PillTest.tsx

* fix: update dependencies, devDependencies and sort package.json alphabetically

* fix(textarea): use defaultValue instead of value in TextFieldWithRef story to remove error

package.json

@@ -6,12 +6,11 @@
  "license": "Apache-2.0",
  "exports": {
  ".": {
+ "default": "./dist/npm/index.js",
  "import": "./dist/npm/index.js",
- "require": "./dist/npm/index.cjs",
- "default": "./dist/npm/index.js"
+ "require": "./dist/npm/index.cjs"
  },
  "./cjs": "./dist/npm/index.cjs",
- "./components/toggle": "./dist/npm/packages/toggle/index.js",
  "./components/alert": "./dist/npm/packages/alert/index.js",
  "./components/attention": "./dist/npm/packages/attention/index.js",
  "./components/badge": "./dist/npm/packages/badge/index.js",
@@ -30,7 +29,8 @@
  "./components/switch": "./dist/npm/packages/switch/index.js",
  "./components/tabs": "./dist/npm/packages/tabs/index.js",
  "./components/textarea": "./dist/npm/packages/textarea/index.js",
- "./components/textfield": "./dist/npm/packages/textfield/index.js"
+ "./components/textfield": "./dist/npm/packages/textfield/index.js",
+ "./components/toggle": "./dist/npm/packages/toggle/index.js"
  },
  "module": "dist/npm/index.js",
  "main": "dist/npm/index.js",
@@ -55,7 +55,7 @@
  },
  "peerDependencies": {
  "@warp-ds/css": "2.0.0-next.4",
- "react": "^18.0.0"
+ "react": "18.x"
  },
  "scripts": {
  "build-storybook": "storybook build && touch ./storybook-static/.nojekyll",
@@ -73,83 +73,80 @@
  "semantic-release": "semantic-release",
  "test-storybook": "test-storybook --url http://localhost:9003",
  "test:storybook": "concurrently -k -s first \"pnpm run dev\" \"wait-on http://localhost:9003 && pnpm run test-storybook\"",
- "test:watch": "vitest watch",
  "test:unit": "vitest run --coverage",
+ "test:watch": "vitest watch",
  "test": "pnpm test:unit && pnpm test:storybook"
  },
  "devDependencies": {
- "@babel/core": "^7.23.9",
- "@babel/eslint-parser": "^7.23.10",
- "@babel/preset-env": "^7.23.9",
- "@babel/preset-typescript": "^7.23.3",
- "@chbphone55/classnames": "^2.0.0",
- "@eik/cli": "^2.0.32",
- "@eik/esbuild-plugin": "^1.1.45",
- "@lingui/cli": "^4.7.0",
- "@lingui/conf": "^4.7.0",
- "@semantic-release/changelog": "^6.0.3",
- "@semantic-release/git": "^10.0.1",
- "@storybook/addon-actions": "^7.6.12",
- "@storybook/addon-essentials": "^7.6.12",
- "@storybook/addon-interactions": "^7.6.12",
- "@storybook/builder-vite": "^7.6.12",
- "@storybook/cli": "^7.6.12",
- "@storybook/react-vite": "^7.6.12",
- "@storybook/test": "^7.6.12",
- "@storybook/test-runner": "^0.16.0",
- "@testing-library/jest-dom": "^6.2.0",
- "@testing-library/react": "^14.1.2",
- "@types/node": "^20.11.16",
- "@types/react": "^18.2.55",
- "@types/react-dom": "^18.2.18",
- "@typescript-eslint/eslint-plugin": "^6.19.0",
- "@typescript-eslint/parser": "^6.19.0",
- "@vitejs/plugin-react": "^4.2.1",
- "@vitest/coverage-v8": "^1.2.2",
- "concurrently": "^8.2.2",
- "cz-conventional-changelog": "^3.3.0",
- "element-collapse": "^1.0.1",
- "esbuild": "0.19.11",
+ "@babel/core": "7.24.7",
+ "@babel/eslint-parser": "7.24.7",
+ "@babel/preset-env": "7.24.7",
+ "@babel/preset-typescript": "7.24.7",
+ "@eik/cli": "2.0.38",
+ "@eik/esbuild-plugin": "1.1.47",
+ "@lingui/cli": "4.11.2",
+ "@lingui/conf": "4.11.2",
+ "@semantic-release/changelog": "6.0.3",
+ "@semantic-release/git": "10.0.1",
+ "@storybook/addon-actions": "8.2.1",
+ "@storybook/addon-essentials": "8.2.1",
+ "@storybook/addon-interactions": "8.2.1",
+ "@storybook/builder-vite": "8.2.1",
+ "@storybook/cli": "8.2.1",
+ "@storybook/react-vite": "8.2.1",
+ "@storybook/test-runner": "0.19.0",
+ "@storybook/test": "8.2.1",
+ "@testing-library/jest-dom": "6.4.6",
+ "@testing-library/react": "16.0.0",
+ "@types/node": "20.14.10",
+ "@types/react-dom": "18.3.0",
+ "@types/react": "18.3.3",
+ "@typescript-eslint/eslint-plugin": "7.16.0",
+ "@typescript-eslint/parser": "7.16.0",
+ "@vitejs/plugin-react": "4.3.1",
+ "@vitest/coverage-v8": "2.0.1",
  "@warp-ds/eslint-config": "1.0.5",
- "eslint-config-react-app": "^7.0.1",
- "eslint-plugin-flowtype": "^8.0.3",
- "eslint-plugin-jsx-a11y": "^6.8.0",
- "eslint-plugin-react": "^7.33.2",
- "eslint-plugin-react-hooks": "^4.6.0",
- "eslint-plugin-storybook": "^0.6.15",
- "glob": "^10.3.10",
- "happy-dom": "^13.1.4",
- "jest": "^29.7.0",
- "playwright": "^1.41.2",
- "prettier": "^3.2.5",
- "react": "18.2.0",
- "react-dom": "18.2.0",
- "react-focus-lock": "^2.5.2",
- "resize-observer-polyfill": "^1.5.1",
- "semantic-release": "^23.0.0",
- "semantic-release-slack-bot": "^4.0.0",
- "storybook": "^7.6.12",
- "typescript": "5.3.3",
- "unocss": "^0.58.0",
- "vite": "^5.0.12",
- "vitest": "^1.2.2",
- "wait-on": "^7.2.0"
+ "@warp-ds/uno": "2.x",
+ "concurrently": "8.2.2",
+ "cz-conventional-changelog": "3.3.0",
+ "element-collapse": "1.1.0",
+ "esbuild": "0.23.0",
+ "eslint-config-react-app": "7.0.1",
+ "eslint-plugin-flowtype": "8.0.3",
+ "eslint-plugin-jsx-a11y": "6.9.0",
+ "eslint-plugin-react-hooks": "4.6.2",
+ "eslint-plugin-react": "7.34.3",
+ "eslint-plugin-storybook": "0.8.0",
+ "glob": "11.0.0",
+ "happy-dom": "14.12.3",
+ "jest": "29.7.0",
+ "playwright": "1.45.1",
+ "prettier": "3.3.2",
+ "react-dom": "18.x",
+ "react": "18.x",
+ "semantic-release": "24.0.0",
+ "semantic-release-slack-bot": "4.0.2",
+ "storybook": "8.2.1",
+ "typescript": "5.5.3",
+ "unocss": "0.x",
+ "vite": "5.3.3",
+ "vitest": "2.0.1",
+ "wait-on": "7.2.0"
  },
  "dependencies": {
  "@chbphone55/classnames": "2.0.0",
- "@lingui/core": "4.7.0",
- "@warp-ds/core": "1.1.3",
+ "@lingui/core": "4.11.2",
+ "@warp-ds/core": "1.1.5",
  "@warp-ds/css": "2.0.0-next.4",
- "@warp-ds/icons": "2.0.0",
- "@warp-ds/uno": "2.x",
- "react-focus-lock": "2.9.7",
+ "@warp-ds/icons": "2.0.2",
+ "react-focus-lock": "2.12.1",
  "resize-observer-polyfill": "1.5.1",
  "scroll-doctor": "2.0.2"
  },
  "eik": {
+ "files": "./dist/eik",
  "server": "https://assets.finn.no",
- "type": "package",
- "files": "./dist/eik"
+ "type": "package"
  },
  "config": {
  "commitizen": {

packages/attention/stories/Attention.stories.tsx

@@ -212,8 +212,8 @@ export function PopoverIconAsTargetEl() {
  <Attention
  popover
  placement="bottom-end"
- distance={2}
- skidding={12}
+ distance={0}
+ skidding={2}
  targetEl={targetEl}
  isShowing={show}
  id="popover-icon-target-el-attention-example">

packages/textarea/stories/TextArea.stories.tsx

@@ -21,7 +21,7 @@ export const TextFieldWithRef = () => {
  console.log(ref.current);
  });
 
- return <TextArea label="Description" value="hey" ref={ref} />;
+ return <TextArea label="Description" defaultValue="hey" ref={ref} />;
 };
 
 export const required = () => <TextArea label="Description" required />;