Update all non-major dependencies

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@atlaskit/adf-schema	35.7.0 -> 35.14.0
@atlaskit/adf-utils	19.0.23 -> 19.12.0
@atlaskit/editor-json-transformer	8.10.27 -> 8.21.0
@atlaskit/editor-wikimarkup-transformer	11.2.44 -> 11.12.5
@emotion/react (source)	11.11.4 -> 11.13.3
@fastify/env	4.3.0 -> 4.4.0
@hello-pangea/dnd	16.5.0 -> 16.6.0
@mantine/core (source)	7.6.2 -> 7.14.0
@mantine/dates (source)	7.6.1 -> 7.14.0
@mantine/form (source)	7.6.1 -> 7.14.0
@mantine/hooks (source)	7.6.2 -> 7.14.0
@mantine/notifications (source)	7.6.1 -> 7.14.0
@mantine/tiptap (source)	7.6.2 -> 7.14.0
@playwright/test (source)	1.42.1 -> 1.48.2
@tanstack/react-query (source)	5.25.0 -> 5.60.4
@tanstack/react-query-devtools (source)	5.25.0 -> 5.60.4
@testing-library/jest-dom	6.4.2 -> 6.6.3
@testing-library/react	14.2.1 -> 14.3.1
@tiptap/extension-link (source)	2.2.4 -> 2.9.1
@tiptap/pm (source)	2.2.4 -> 2.9.1
@tiptap/react (source)	2.2.4 -> 2.9.1
@tiptap/starter-kit (source)	2.2.4 -> 2.9.1
@types/jest (source)	29.5.12 -> 29.5.14
@types/lodash (source)	4.14.202 -> 4.17.13
@types/react (source)	18.2.63 -> 18.3.12
@types/react-dom (source)	18.2.20 -> 18.3.1
@typescript-eslint/eslint-plugin (source)	7.1.1 -> 7.18.0
@typescript-eslint/parser (source)	7.1.1 -> 7.18.0
@vitejs/plugin-react (source)	4.2.1 -> 4.3.3
dayjs (source)	1.11.10 -> 1.11.13
electron	29.1.0 -> 29.4.6
electron-squirrel-startup	1.0.0 -> 1.0.1
eslint (source)	8.57.0 -> 8.57.1
eslint-plugin-import	2.29.1 -> 2.31.0
eslint-plugin-import-newlines	1.3.4 -> 1.4.0
eslint-plugin-jsx-a11y	6.8.0 -> 6.10.2
eslint-plugin-react	7.34.0 -> 7.37.2
eslint-plugin-react-hooks (source)	4.6.0 -> 4.6.2
eslint-plugin-testing-library	6.2.0 -> 6.4.0
fastify (source)	4.26.2 -> 4.28.1
husky	9.0.11 -> 9.1.6
immer	10.0.3 -> 10.1.1
lint-staged	15.2.2 -> 15.2.10
postcss (source)	8.4.35 -> 8.4.49
postcss-preset-mantine	1.13.0 -> 1.17.0
react (source)	18.2.0 -> 18.3.1
react-dom (source)	18.2.0 -> 18.3.1
react-router-dom (source)	6.22.2 -> 6.28.0
sass	1.71.1 -> 1.81.0
ts-jest (source)	29.1.2 -> 29.2.5
typescript (source)	5.3.3 -> 5.6.3
use-immer	^0.9.0 -> ^0.10.0
vite-plugin-electron-renderer	0.14.5 -> 0.14.6
yarn	1.22.21 -> 1.22.22
zustand	4.5.2 -> 4.5.5

---

Release Notes

emotion-js/emotion (@​emotion/react)

v11.13.3

Compare Source

v11.13.0

Compare Source

v11.12.0

Compare Source

fastify/fastify-env (@​fastify/env)

v4.4.0

Compare Source

What's Changed

• build(deps-dev): bump tsd from 0.29.0 to 0.30.0 by @​dependabot in https://github.com/fastify/fastify-env/pull/178
• chore(.gitignore): add .tap/ dir by @​Fdawgs in https://github.com/fastify/fastify-env/pull/179
• build(deps-dev): bump tsd from 0.30.7 to 0.31.0 by @​dependabot in https://github.com/fastify/fastify-env/pull/181
• build(deps): bump env-schema from 5.2.1 to 6.0.0 by @​dependabot in https://github.com/fastify/fastify-env/pull/184
• feat: add generic function to retrieve the already typed object by @​EdoCrippaOfficial in https://github.com/fastify/fastify-env/pull/183

New Contributors

• @​EdoCrippaOfficial made their first contribution in https://github.com/fastify/fastify-env/pull/183

Full Changelog: fastify/fastify-env@v4.3.0...v4.4.0

hello-pangea/dnd (@​hello-pangea/dnd)

v16.6.0

Compare Source

Others 🔧

• deps-dev: bump follow-redirects from 1.15.5 to 1.15.6 (6d179e7)
• deps: bump @​babel/runtime to ^7.24.1 (7c1ebdc)
• deps: update dependency node to v20.11.1 (#​724) (4f9d0fb)
• dev-deps: bump @​atlaskit/* (a084659)
• dev-deps: bump @​babel/* and drop proposals (6887cc7)
• dev-deps: bump @​commitlint/* (ea17ec5)
• dev-deps: bump @​testing-library/* (b44585a)
• dev-deps: bump @​types/* (6686794)
• dev-deps: bump cypress to 13.7.1 (af4cccf)
• dev-deps: bump eslint packages (e66821e)
• dev-deps: bump express to 4.19.1 (867e161)
• dev-deps: bump husky to 9.0.11 (5ffbd61)
• dev-deps: bump lighthouse to 11.7.0 (1136f07)
• dev-deps: bump markdown-it to 14.1.0 (b8b1457)
• dev-deps: bump rollup to 4.13.0 (1a2e15a)
• dev-deps: bump storybook to v8 (f57439e)
• dev-deps: bump styled-components to 6.1.8 (25e3855)
• dev-deps: bump stylelint* (b0e79ec)
• dev-deps: bump typescript to 5.4.3 (3586b4e)
• dev-deps: bump webpack to 5.91.0 (f261378)
• dev-deps: install @​types/jest (c5fdf0a)
• dev-deps: update all non-major development dependencies (6c6d8a3)
• dev-deps: update commitlint monorepo to v18 (7f56da0)
• dev-deps: update commitlint monorepo to v19 (major) (#​760) (686d224)
• dev-deps: update dependency @​release-it/conventional-changelog to v8 (9d64c5c)
• dev-deps: update dependency @​testing-library/jest-dom to v6 (#​643) (c8b3453)
• dev-deps: update dependency jsdom to v23 (2ee0b6e)
• dev-deps: update dependency jsdom to v24 (#​751) (a4187f3)
• dev-deps: update dependency markdown-it to v14 (#​739) (eb6709c)
• dev-deps: update dependency release-it to v17 (#​713) (3a718db)
• dev-deps: update dependency rollup to v4 (#​693) (d61fe02)
• dev-deps: update dependency rollup-plugin-dts to v6 (#​646) (22fe6eb)
• dev-deps: update dependency stylelint to v16.3.0 (6abdf00)
• dev-deps: update pnpm (c4a99dd)
• dev-deps: update typescript-eslint monorepo to v7 (major) (#​753) (e4330ad)

CI 🛠

• update actions/cache action to v4 (#​752) (5c51a75)
• update browser-tools orb to v1.4.8 (#​754) (41f0aa9)
• update chromaui/action action to v11 (#​757) (3805e42)
• update Node.js to v20.11.1 (#​725) (b27e11c)

mantinedev/mantine (@​mantine/core)

v7.14.0: 💋

Compare Source

View changelog with demos on mantine.dev website

AngleSlider component

New AngleSlider component:

import { AngleSlider, Group } from '@​mantine/core';

function Demo() {
  return (
    <Group p="lg" gap={50}>
      <AngleSlider
        aria-label="Angle slider"
        formatLabel={(value) => `${value}°`}
        size={100}
        restrictToMarks
        marks={[
          { value: 0 },
          { value: 45 },
          { value: 90 },
          { value: 135 },
          { value: 180 },
          { value: 225 },
          { value: 270 },
          { value: 315 },
        ]}
      />

      <AngleSlider
        aria-label="Angle slider"
        formatLabel={(value) => `${value}°`}
        size={100}
        marks={[
          { value: 0, label: '0°' },
          { value: 45, label: '45°' },
          { value: 90, label: '90°' },
          { value: 135, label: '135°' },
          { value: 180, label: '180°' },
          { value: 225, label: '225°' },
          { value: 270, label: '270°' },
          { value: 315, label: '315°' },
        ]}
      />
    </Group>
  );
}

RadialBarChart component

New RadialBarChart component:

import { RadialBarChart } from '@​mantine/charts';

const data = [
  { name: '18-24', value: 31.47, color: 'blue.7' },
  { name: '25-29', value: 26.69, color: 'orange.6' },
  { name: '30-34', value: 15.69, color: 'yellow.7' },
  { name: '35-39', value: 8.22, color: 'cyan.6' },
  { name: '40-49', value: 8.63, color: 'green' },
  { name: '50+', value: 2.63, color: 'pink' },
  { name: 'unknown', value: 6.67, color: 'gray' },
];

function Demo() {
  return <RadialBarChart data={data} dataKey="value" h={280} withLabels />;
}

FunnelChart component

New FunnelChart component:

import { FunnelChart } from '@​mantine/charts';

const data = [
  { name: 'USA', value: 400, color: 'indigo.6' },
  { name: 'India', value: 300, color: 'yellow.6' },
  { name: 'Japan', value: 100, color: 'teal.6' },
  { name: 'Other', value: 200, color: 'gray.6' },
];

function Demo() {
  return <FunnelChart data={data} />;
}

Modal.Stack and Drawer.Stack components

New Modal.Stack and Drawer.Stack components simplify usage of multiple modals/drawers at the same time.

Use Modal.Stack component to render multiple modals at the same time.
Modal.Stack keeps track of opened modals, manages z-index values, focus trapping
and closeOnEscape behavior. Modal.Stack is designed to be used with useModalsStack hook.

Differences from using multiple Modal components:

• Modal.Stack manages z-index values – modals that are opened later will always have higher z-index value disregarding their order in the DOM
• Modal.Stack disables focus trap and Escape key handling for all modals except the one that is currently opened
• Modals that are not currently opened are present in the DOM but are hidden with opacity: 0 and pointer-events: none
• Only one overlay is rendered at a time

import { Button, Group, Modal, useModalsStack } from '@​mantine/core';

function Demo() {
  const stack = useModalsStack(['delete-page', 'confirm-action', 'really-confirm-action']);

  return (
    <>
      <Modal.Stack>
        <Modal {...stack.register('delete-page')} title="Delete this page?">
          Are you sure you want to delete this page?