feat: add animations and error/loading states to TimelineOutline comp…

…onent (#516)

* feat: add animations and error/loading states to TimelineOutline component

* fix deepscan issues

* chore: update dependencies to latest versions

* chore: downgrade semver package from 7.7.0 to 7.5.4 in pnpm-lock.yaml

* refactor: clean up code and improve type safety in various components

* chore: update peerDependencies to use caret versioning for React and ReactDOM

* refactor: restructure router configuration for improved readability and maintainability

* chore: update Babel configuration and dependencies for improved compatibility

* chore: add sass-embedded dependency for enhanced Sass support

babel.config.js

@@ -3,14 +3,6 @@ module.exports = {
     '@babel/plugin-transform-optional-chaining',
     '@babel/plugin-transform-typescript',
     'babel-plugin-jsx-remove-data-test-id',
-    [
-      '@emotion',
-      {
-        // sourceMap is on by default but source maps are dead code
-        // eliminated in production
-        sourceMap: false,
-      },
-    ],
   ],
   // Adding presets for better compatibility and support
   presets: [

package.json

@@ -44,68 +44,60 @@
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
     "focus-visible": "^5.2.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "styled-components": "^6.1.13",
+    "styled-components": "^6.1.14",
     "use-debounce": "^10.0.4",
     "xss": "^1.0.15"
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "styled-components": "^6.0.0"
   },
   "publishConfig": {
     "cache": "cache/.npm",
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/plugin-transform-typescript": "^7.26.5",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.23.0",
+    "@babel/plugin-transform-optional-chaining": "^7.23.0",
+    "@babel/plugin-transform-runtime": "^7.23.0",
+    "@babel/plugin-transform-typescript": "^7.26.7",
+    "@babel/preset-env": "^7.26.7",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@emotion/babel-plugin": "^11.13.5",
+    "@babel/runtime": "^7.23.0",
     "@eslint/compat": "^1.2.5",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.19.0",
-    "@jest/types": "^29.6.3",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-buble": "^1.0.3",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-eslint": "^9.0.5",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-strip": "^3.0.4",
     "@rollup/plugin-terser": "^0.4.4",
     "@size-limit/preset-big-lib": "^11.1.6",
     "@stylelint/postcss-css-in-js": "^0.38.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.6.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.10.6",
-    "@types/react": "^19.0.7",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.12.0",
+    "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@types/react-router-dom": "^5.3.3",
-    "@types/sanitize-html": "^2.13.0",
     "@types/styled-components": "^5.1.34",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.20.0",
-    "@typescript-eslint/parser": "^8.20.0",
+    "@typescript-eslint/eslint-plugin": "^8.22.0",
+    "@typescript-eslint/parser": "^8.22.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^2.1.8",
-    "@vitest/ui": "^2.1.8",
+    "@vitest/coverage-v8": "^3.0.4",
+    "@vitest/ui": "^3.0.4",
     "autoprefixer": "^10.4.20",
-    "babel-loader": "^9.2.1",
     "babel-plugin-jsx-remove-data-test-id": "^3.0.0",
     "babel-plugin-styled-components": "^2.1.4",
     "c8": "^10.1.3",
     "cssnano": "^7.0.6",
-    "cypress": "13.17.0",
-    "eslint": "^9.18.0",
-    "eslint-config-prettier": "^10.0.1",
+    "cypress": "14.0.1",
+    "eslint": "^9.19.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
@@ -115,44 +107,37 @@
     "husky": "^9.1.7",
     "intersection-observer": "^0.12.2",
     "jsdom": "^26.0.0",
-    "lint-staged": "^15.3.0",
+    "lint-staged": "^15.4.3",
     "postcss": "^8.5.1",
     "postcss-preset-env": "^10.1.3",
     "postcss-syntax": "^0.36.2",
     "prettier": "^3.4.2",
     "pretty-quick": "^4.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-is": "^19.0.0",
-    "react-router-dom": "^7.1.1",
+    "react-router-dom": "^7.1.4",
     "rimraf": "^6.0.1",
-    "rollup": "^4.30.1",
-    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup": "^4.32.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-visualizer": "^5.14.0",
-    "sass": "^1.83.4",
-    "semver": "7.6.3",
+    "sass-embedded": "^1.83.4",
+    "semver": "7.7.0",
     "size-limit": "^11.1.6",
-    "snyk": "^1.1295.0",
+    "snyk": "^1.1295.2",
     "start-server-and-test": "^2.0.10",
-    "stylelint": "^16.13.2",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recess-order": "^5.1.1",
+    "stylelint": "^16.14.1",
     "stylelint-config-recommended": "^15.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-order": "^6.0.4",
-    "stylelint-processor-styled-components": "^1.10.0",
     "typescript": "^5.7.3",
-    "typescript-plugin-css-modules": "^5.1.0",
     "typescript-plugin-styled-components": "^3.0.0",
-    "vite": "^6.0.7",
+    "typescript-transform-paths": "^3.4.6",
+    "vite": "^6.0.11",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.4"
   },
   "resolutions": {
     "ansi-regex": "5.0.1",