chore: Update minor and patch NPM dependencies (#408)

CHANGELOG.md

@@ -11,6 +11,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Update `Tabs.List` component to only render when used with multiple tabs
 - Bump `elliptic` to 6.6.1
+- Update minor and patch NPM dependencies
+- Restore Figma previews on primitive variables documentation pages
 
 ## [1.0.66] - 2025-02-11
 

package.json

@@ -83,8 +83,8 @@
     "wagmi": "^2.14.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.8",
-    "@babel/preset-env": "^7.26.8",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@hookform/devtools": "^4.3.3",
@@ -93,61 +93,61 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-designs": "^8.1.0",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-designs": "^8.2.0",
+    "@storybook/addon-essentials": "^8.5.6",
+    "@storybook/addon-links": "^8.5.6",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-webpack5": "^8.5.3",
-    "@storybook/test": "^8.5.3",
+    "@storybook/blocks": "^8.5.6",
+    "@storybook/react": "^8.5.6",
+    "@storybook/react-webpack5": "^8.5.6",
+    "@storybook/test": "^8.5.6",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query": "^5.66.5",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@types/sanitize-html": "^2.13.0",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "eslint": "^9.20.0",
-    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint": "^9.20.1",
+    "eslint-import-resolver-typescript": "^3.8.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-storybook": "^0.11.2",
+    "eslint-plugin-storybook": "^0.11.3",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-testing-library": "^7.1.1",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.4.3",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.2",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.5.0",
+    "prettier": "^3.5.1",
     "prettier-plugin-organize-imports": "^4.1.0",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
-    "rollup": "^4.34.6",
+    "rollup": "^4.34.8",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.5.3",
+    "storybook": "^8.5.6",
     "tailwindcss": "^3.4.17",
     "ts-jest": "^29.2.5",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.0",
-    "viem": "^2.23.0",
+    "typescript-eslint": "^8.24.1",
+    "viem": "^2.23.2",
     "wagmi": "^2.14.11"
   },
   "bugs": {

src/theme/tokens/primitives/borderRadius.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/blocks';
+import { Figma } from '@storybook/addon-designs/blocks';
 import classNames from 'classnames';
 import resolveConfig from 'tailwindcss/resolveConfig';
 import tailwindConfig from '../../../../tailwind.config';
@@ -30,3 +31,7 @@ export const DisplayComponent = ({ className, children }) => (
     })}
 
 </div>
+
+## Figma
+
+<Figma url="https://www.figma.com/file/jfKRr1V9evJUp1uBeyP3Zz/v1.0.0?type=design&node-id=9907-11105&mode=dev" />

src/theme/tokens/primitives/colors.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/blocks';
+import { Figma } from '@storybook/addon-designs/blocks';
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
 
@@ -66,3 +67,7 @@ export const ColorSwatch = ({ colorGroupName }) => {
     <ColorSwatch colorGroupName="warning" />
     <ColorSwatch colorGroupName="critical" />
 </div>
+
+## Figma
+
+<Figma url="https://www.figma.com/design/jfKRr1V9evJUp1uBeyP3Zz/v1.0.0?node-id=8842-13335&m=dev" />

src/theme/tokens/primitives/shadows.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/blocks';
+import { Figma } from '@storybook/addon-designs/blocks';
 import classNames from 'classnames';
 import resolveConfig from 'tailwindcss/resolveConfig';
 import tailwindConfig from '../../../../tailwind.config';
@@ -79,3 +80,7 @@ export const shadowVariants = {
     })}
 
 </div>
+
+## Figma
+
+<Figma url="https://www.figma.com/file/jfKRr1V9evJUp1uBeyP3Zz/v1.0.0?type=design&node-id=8874-14149&mode=dev" />

src/theme/tokens/primitives/spacing.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/blocks';
+import { Figma } from '@storybook/addon-designs/blocks';
 import resolveConfig from 'tailwindcss/resolveConfig';
 import classNames from 'classnames';
 import tailwindConfig from '../../../../tailwind.config';
@@ -51,3 +52,7 @@ export const DisplayComponent = ({ name, value, sizePx, sizeRem }) => {
         </tbody>
     </table>
 </div>
+
+## Figma
+
+<Figma url="https://www.figma.com/file/jfKRr1V9evJUp1uBeyP3Zz/v1.0.0?type=design&node-id=8874-13957&mode=dev" />

src/theme/tokens/primitives/typography.mdx

@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/blocks';
+import { Figma } from '@storybook/addon-designs/blocks';
 import classNames from 'classnames';
 import resolveConfig from 'tailwindcss/resolveConfig';
 import tailwindConfig from '../../../../tailwind.config';
@@ -73,3 +74,7 @@ import tailwindConfig from '../../../../tailwind.config';
     })}
 
 </div>
+
+## Figma
+
+<Figma url="https://www.figma.com/design/ISSDryshtEpB7SUSdNqAcw/Governance-UI-Kit?node-id=8842-13335&m=dev" />