build: upgrade dev dependencies (#2800)

* Upgrade package devDependencies

Signed-off-by: gpbl <io@gpbl.dev>

* Upgrade example-app dependencies

Signed-off-by: gpbl <io@gpbl.dev>

* Update pnpm-lock

Signed-off-by: gpbl <io@gpbl.dev>

* Fix tests for colors

Signed-off-by: gpbl <io@gpbl.dev>

* Lint file

Signed-off-by: gpbl <io@gpbl.dev>

---------

Signed-off-by: gpbl <io@gpbl.dev>

Author: gpbl

examples-app/package.json

@@ -24,6 +24,6 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "typescript": "^5.8.3",
-    "vite": "^6.2.6"
+    "vite": "^7.0.6"
   }
 }

examples/DisabledSelectedDate.test.tsx

@@ -11,27 +11,35 @@ test("selected days should render with 'selected' modifier when disabled", () =>
   const dayBeforeRangeStart = new Date(2025, 2, 7);
   expect(gridcell(dayBeforeRangeStart, true)).not.toHaveClass("rdp-selected");
   expect(gridcell(dayBeforeRangeStart, true)).not.toHaveStyle(
-    "background-color: red"
+    "background-color: rgb(255, 0, 0)"
   );
   const rangeStart = new Date(2025, 2, 8);
   expect(gridcell(rangeStart, true)).toHaveClass("rdp-selected");
-  expect(gridcell(rangeStart, true)).toHaveStyle("background-color: red");
+  expect(gridcell(rangeStart, true)).toHaveStyle(
+    "background-color: rgb(255, 0, 0)"
+  );
 
   rangeStart.setDate(rangeStart.getDate() + 1);
   expect(gridcell(rangeStart, true)).toHaveClass("rdp-selected");
-  expect(gridcell(rangeStart, true)).toHaveStyle("background-color: red");
+  expect(gridcell(rangeStart, true)).toHaveStyle(
+    "background-color: rgb(255, 0, 0)"
+  );
 
   rangeStart.setDate(rangeStart.getDate() + 1);
   expect(gridcell(rangeStart, true)).toHaveClass("rdp-selected");
-  expect(gridcell(rangeStart, true)).toHaveStyle("background-color: red");
+  expect(gridcell(rangeStart, true)).toHaveStyle(
+    "background-color: rgb(255, 0, 0)"
+  );
 
   rangeStart.setDate(rangeStart.getDate() + 1);
   expect(gridcell(rangeStart, true)).toHaveClass("rdp-selected");
-  expect(gridcell(rangeStart, true)).toHaveStyle("background-color: red");
+  expect(gridcell(rangeStart, true)).toHaveStyle(
+    "background-color: rgb(255, 0, 0)"
+  );
 
   rangeStart.setDate(rangeStart.getDate() + 1);
   expect(gridcell(rangeStart, true)).not.toHaveClass("rdp-selected");
   expect(gridcell(dayBeforeRangeStart, true)).not.toHaveStyle(
-    "background-color: red"
+    "background-color: rgb(255, 0, 0)"
   );
 });

examples/ModifiersStyle.test.tsx

@@ -17,7 +17,7 @@ beforeEach(() => {
 const days = [new Date(2021, 5, 23), new Date(2021, 5, 24)];
 const style = {
   fontWeight: 900,
-  color: "lightgreen"
+  color: "rgb(144, 238, 144)"
 };
 test.each(days)("The day %s should have the proper inline style", (day) => {
   expect(gridcell(day, true)).toHaveStyle(style);

examples/StylingInline.test.tsx

@@ -15,6 +15,6 @@ beforeEach(() => {
 
 test("the caption should apply the custom style", () => {
   expect(screen.getByRole("status").parentElement).toHaveStyle({
-    color: "red"
+    color: "rgb(255, 0, 0)"
   });
 });

package.json

@@ -188,7 +188,7 @@
     "date-fns-jalali": "^4.1.0-0"
   },
   "devDependencies": {
-    "@jest/types": "^29.6.3",
+    "@jest/types": "^30.0.5",
     "@radix-ui/react-select": "^2.1.7",
     "@swc/core": "^1.11.8",
     "@swc/jest": "^0.2.37",
@@ -197,25 +197,25 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.14.1",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.1.0",
     "@types/react": "^19.1.1",
     "@types/react-dom": "^19.1.2",
     "@typescript-eslint/eslint-plugin": "^8.29.1",
     "@typescript-eslint/parser": "^8.29.1",
     "eslint": "^8.57.1",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-import-resolver-typescript": "^3.10.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.11.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-require-extensions": "^0.1.3",
     "eslint-plugin-testing-library": "^7.1.1",
     "html-validate": "^9.5.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.0.5",
+    "jest-environment-jsdom": "^30.0.5",
     "jest-transform-css": "^6.0.2",
     "mockdate": "^3.0.5",
     "prettier": "^3.5.3",