@aragon/gov-ui-kit 1.0.64 → 1.0.66

package/dist/types/src/core/components/alerts/alertCard/alertCard.d.ts

@@ -16,12 +16,4 @@ export interface IAlertCardProps extends HTMLAttributes<HTMLDivElement> {
      */
     variant?: AlertVariant;
 }
-/**
- * AlertCard Component
- *
- * Displays an alert card with an icon, a main message, and an optional description.
- *
- * @param {IAlertCardProps} props - Component properties.
- * @returns {React.ReactElement} Rendered AlertCard component.
- */
 export declare const AlertCard: React.FC<IAlertCardProps>;

package/dist/types/src/core/components/alerts/alertInline/alertInline.d.ts

@@ -12,5 +12,4 @@ export interface IAlertInlineProps extends HTMLAttributes<HTMLDivElement> {
      */
     variant?: AlertVariant;
 }
-/** AlertInline UI Component */
 export declare const AlertInline: React.FC<IAlertInlineProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogContent/dialogContent.d.ts

@@ -1,8 +1,14 @@
 import type React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Optional description of the dialog.
+     */
+    description?: string;
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
 }
-/**
- * `Dialog.Content` component.
- */
 export declare const DialogContent: React.FC<IDialogContentProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogFooter/dialogFooter.d.ts

@@ -1,27 +1,28 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ComponentPropsWithoutRef } from 'react';
-import { type IAlertInlineProps } from '../../../alerts';
-import { type IButtonBaseProps } from '../../../button';
-export type IDialogFooterAction = (Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> | Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'type'>) & Pick<IButtonBaseProps, 'iconRight' | 'iconLeft' | 'disabled' | 'isLoading'> & {
+import type { ComponentPropsWithoutRef } from 'react';
+import { type IButtonProps } from '../../../button';
+export type IDialogFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
     /**
-     * Button label
+     * Label of the action button.
      */
     label: string;
 };
 export interface IDialogFooterProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Optional AlertInline
-     */
-    alert?: IAlertInlineProps;
-    /**
-     * Dialog primary action button
+     * Primary action of the dialog.
      */
     primaryAction?: IDialogFooterAction;
     /**
-     * Dialog secondary action button
+     * Secondary action of the dialog.
      */
     secondaryAction?: IDialogFooterAction;
+    /**
+     * Variant of the dialog footer.
+     * @default default
+     */
+    variant?: 'default' | 'wizard';
+    /**
+     * Displays the primary actions with error variant when set to true.
+     */
+    hasError?: boolean;
 }
-/**
- * `Dialog.Footer` component
- */
 export declare const DialogFooter: React.FC<IDialogFooterProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogHeader/dialogHeader.d.ts

@@ -1,31 +1,12 @@
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogHeaderProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Optional accessible description announced when the dialog is opened
-     */
-    description?: string;
-    /**
-     * Indicates whether a back button should be shown
-     * @default false
-     */
-    showBackButton?: boolean;
-    /**
-     * Accessible title summarizing dialog's content or purpose. Will be announced when
-     * dialog is opened.
+     * Title of the dialog displayed on the header and used as the dialog's accessible name.
      */
     title: string;
     /**
-     * Callback invoked when the back button is clicked
-     */
-    onBackClick?: () => void;
-    /**
-     * Callback invoked when the close button is clicked. Closes the dialog by default
+     * Callback triggered on close button click. The close button is not displayed when the property is not set.
      */
-    onCloseClick?: () => void;
+    onClose?: () => void;
 }
-/**
- * `Dialog.Header` component
- *
- * **NOTE**: This component must be used inside a `<Dialog.Root />` component.
- */
 export declare const DialogHeader: React.FC<IDialogHeaderProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRoot.api.d.ts

@@ -56,4 +56,14 @@ export interface IDialogRootProps extends ComponentPropsWithoutRef<'div'> {
      * @default true
      */
     useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the dialog, to be used when implementing a dialog without a Dialog.Header
+     * component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the dialog, to be used when implementing a dialog without a description
+     * on the Dialog.Content component.
+     */
+    hiddenDescription?: string;
 }

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRoot.d.ts

@@ -1,5 +1,2 @@
 import type { IDialogRootProps } from './dialogRoot.api';
-/**
- * `Dialog.Root` component.
- */
 export declare const DialogRoot: React.FC<IDialogRootProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRootHiddenElement.d.ts

@@ -0,0 +1,11 @@
+export interface IDialogRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogRootHiddenElement: React.FC<IDialogRootHiddenElementProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogStoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const DialogStoryComponent: (component: "header" | "content" | "footer" | "root") => (props: object) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContent/dialogAlertContent.d.ts

@@ -1,8 +1,10 @@
 import type React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface IDialogAlertContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
 }
-/**
- * `DialogAlert.Content` component.
- */
 export declare const DialogAlertContent: React.FC<IDialogAlertContentProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContext/dialogAlertContext.d.ts

@@ -0,0 +1,5 @@
+import type { IDialogAlertRootProps } from '../dialogAlertRoot';
+export interface IDialogAlertContext extends Required<Pick<IDialogAlertRootProps, 'variant'>> {
+}
+export declare const DialogAlertContextProvider: import("react").Provider<IDialogAlertContext | null>;
+export declare const useDialogAlertContext: () => IDialogAlertContext;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContext/index.d.ts

@@ -0,0 +1 @@
+export { DialogAlertContextProvider, useDialogAlertContext, type IDialogAlertContext } from './dialogAlertContext';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertFooter/dialogAlertFooter.d.ts

@@ -1,26 +1,19 @@
 import type React from 'react';
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
-import { type IButtonBaseProps } from '../../../button';
-export type IDialogAlertFooterAction = (Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> | Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>) & Pick<IButtonBaseProps, 'iconRight' | 'iconLeft' | 'disabled' | 'isLoading'> & {
+import { type IButtonProps } from '../../../button';
+export type IDialogAlertFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
     /**
-     * Button label
+     * Label of the action button.
      */
     label: string;
 };
 export interface IDialogAlertFooterProps {
     /**
-     * Alert dialog primary action button
+     * Action button of the alert dialog.
      */
     actionButton: IDialogAlertFooterAction;
     /**
-     * Alert dialog secondary button used for dismissing the dialog
-     * or cancelling the action
+     * Secondary button of the alert dialog used for dismissing the dialog or cancelling the action.
      */
     cancelButton: IDialogAlertFooterAction;
 }
-/**
- * `DialogAlert.Footer` component
- *
- * **NOTE**: This component must be used inside a `<DialogAlert.Root />` component.
- */
 export declare const DialogAlertFooter: React.FC<IDialogAlertFooterProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertHeader/dialogAlertHeader.d.ts

@@ -1,17 +1,8 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
 export interface IDialogAlertHeaderProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Title summarizing dialog's content or purpose.
      */
     title: string;
-    /**
-     * Optional visually hidden description announced when the dialog is opened for accessibility.
-     */
-    description?: string;
 }
-/**
- * `DialogAlert.Header` component
- *
- * **NOTE**: This component must be used inside a `<DialogAlert.Root />` component.
- */
 export declare const DialogAlertHeader: React.FC<IDialogAlertHeaderProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRoot.api.d.ts

@@ -0,0 +1,55 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DialogAlertVariant = 'critical' | 'info' | 'success' | 'warning';
+export interface IDialogAlertRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling of the dialog's content container.
+     */
+    containerClassName?: string;
+    /**
+     * Manages the visibility state of the dialog. Should be implemented alongside `onOpenChange` for controlled usage.
+     */
+    open?: boolean;
+    /**
+     * Additional CSS class names for custom styling of the overlay behind the dialog.
+     */
+    overlayClassName?: string;
+    /**
+     * The visual style variant of the dialog.
+     * @default info
+     */
+    variant?: DialogAlertVariant;
+    /**
+     * Callback function invoked when the open state of the dialog changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler called when focus moves to the trigger after closing the dialog.
+     */
+    onCloseAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when focus moves to the destructive action after opening the dialog.
+     */
+    onOpenAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
+     */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /**
+     * Keeps the focus inside the Alert Dialog when set to true.
+     * @default true
+     */
+    useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the alert dialog, to be used when implementing a dialog without a
+     * DialogAlert.Header component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the alert dialog.
+     */
+    hiddenDescription?: string;
+}

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRoot.d.ts

@@ -1,54 +1,2 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-export type DialogAlertVariant = 'critical' | 'info' | 'success' | 'warning';
-export interface IDialogAlertRootProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Additional CSS class names for custom styling of the dialog's content container.
-     */
-    containerClassName?: string;
-    /**
-     * Manages the visibility state of the dialog. Should be implemented alongside `onOpenChange` for controlled usage.
-     */
-    open?: boolean;
-    /**
-     * Additional CSS class names for custom styling of the overlay behind the dialog.
-     */
-    overlayClassName?: string;
-    /**
-     * The visual style variant of the dialog.
-     * @default info
-     */
-    variant?: DialogAlertVariant;
-    /**
-     * Callback function invoked when the open state of the dialog changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Handler called when focus moves to the trigger after closing the dialog.
-     */
-    onCloseAutoFocus?: (e: Event) => void;
-    /**
-     * Handler called when focus moves to the destructive action after opening the dialog.
-     */
-    onOpenAutoFocus?: (e: Event) => void;
-    /**
-     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
-     */
-    onEscapeKeyDown?: (e: KeyboardEvent) => void;
-    /**
-     * Keeps the focus inside the Alert Dialog when set to true.
-     * @default true
-     */
-    useFocusTrap?: boolean;
-}
-export interface IDialogAlertContext {
-    variant: DialogAlertVariant;
-}
-export declare const DialogAlertContext: import("react").Context<IDialogAlertContext>;
-/**
- * `DialogAlert.Root` component.
- */
+import type { IDialogAlertRootProps } from './dialogAlertRoot.api';
 export declare const DialogAlertRoot: React.FC<IDialogAlertRootProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRootHiddenElement.d.ts

@@ -0,0 +1,11 @@
+export interface IDialogAlertRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogAlertRootHiddenElement: React.FC<IDialogAlertRootHiddenElementProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/index.d.ts

@@ -1 +1,2 @@
-export { DialogAlertContext, DialogAlertRoot, type DialogAlertVariant, type IDialogAlertContext, type IDialogAlertRootProps, } from './dialogAlertRoot';
+export { DialogAlertRoot } from './dialogAlertRoot';
+export type { DialogAlertVariant, IDialogAlertRootProps } from './dialogAlertRoot.api';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertStoryComponent.d.ts

@@ -0,0 +1,2 @@
+import { type DialogAlertVariant } from './index';
+export declare const DialogAlertStoryComponent: (component: "header" | "content" | "footer" | "root", variant?: DialogAlertVariant) => (props: object) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/core/test/utils/testLogger.d.ts

@@ -1,7 +1,9 @@
 declare class TestLogger {
     private shouldSuppressErrors;
     private originalConsoleError;
+    private originalConsoleWarn;
     private testErrorLogger;
+    private testWarnLogger;
     setup: () => void;
     suppressErrors: () => void;
 }

package/dist/types/src/modules/assets/copy/modulesCopy.d.ts

@@ -27,7 +27,7 @@ export declare const modulesCopy: {
     proposalActionsItem: {
         dropdownLabel: string;
         nativeSendAlert: string;
-        nativeSendDescription: (amount: string) => string;
+        nativeSendDescription: (amount: string, symbol: string) => string;
         notVerified: {
             function: string;
             contract: string;

package/dist/types/src/modules/hooks/useBlockExplorer/index.d.ts

@@ -1 +1,2 @@
-export { ChainEntityType, useBlockExplorer, type IBuildEntityUrlParams, type IUseBlockExplorerParams, } from './useBlockExplorer';
+export { useBlockExplorer } from './useBlockExplorer';
+export { ChainEntityType, type IBlockExplorerDefinitions, type IBuildEntityUrlParams, type IUseBlockExplorerParams, type IUseBlockExplorerReturn, } from './useBlockExplorer.api';

package/dist/types/src/modules/hooks/useBlockExplorer/useBlockExplorer.api.d.ts

@@ -0,0 +1,57 @@
+import type { Config } from 'wagmi';
+export declare enum ChainEntityType {
+    ADDRESS = "address",
+    TRANSACTION = "tx",
+    TOKEN = "token"
+}
+export interface IUseBlockExplorerParams {
+    /**
+     * Chains definitions to use for returning the block explorer definitions and building the URLs. Defaults to the
+     * chains defined on the Wagmi context provider.
+     */
+    chains?: Config['chains'];
+    /**
+     * Uses the block explorer definition of the specified Chain ID when set. Defaults to the ID of the first chain on
+     * the chains list.
+     */
+    chainId?: number;
+}
+export interface IBlockExplorerDefinitions {
+    /**
+     * Name of the block explorer.
+     */
+    name: string;
+    /**
+     * URL of the block explorer.
+     */
+    url: string;
+}
+export interface IUseBlockExplorerReturn {
+    /**
+     * Definitions for the requested block explorer.
+     */
+    blockExplorer?: IBlockExplorerDefinitions;
+    /**
+     * Function to retrieve the block explorer from the given chain id. Defaults to the first block explorer of the
+     * chain defined on the hook params or on the Wagmi context provider.
+     */
+    getBlockExplorer: (chainId?: number) => IBlockExplorerDefinitions | undefined;
+    /**
+     * Function to build the url for the given entity.
+     */
+    buildEntityUrl: (params: IBuildEntityUrlParams) => string | undefined;
+}
+export interface IBuildEntityUrlParams {
+    /**
+     * The type of the entity (e.g. address, transaction, token)
+     */
+    type: ChainEntityType;
+    /**
+     * ID of the chain related to the entity. When set, overrides the chainId set as hook parameter.
+     */
+    chainId?: number;
+    /**
+     * The ID of the entity (e.g. transaction hash for a transaction)
+     */
+    id?: string;
+}

package/dist/types/src/modules/hooks/useBlockExplorer/useBlockExplorer.d.ts

@@ -1,45 +1,2 @@
-import { type Config } from 'wagmi';
-export declare enum ChainEntityType {
-    ADDRESS = "address",
-    TRANSACTION = "tx",
-    TOKEN = "token"
-}
-export interface IUseBlockExplorerParams {
-    /**
-     * Chains definitions to use for returning the block explorer definitions and building the URLs. Defaults to the
-     * chains defined on the Wagmi context provider.
-     */
-    chains?: Config['chains'];
-    /**
-     * Uses the block explorer definition of the specified Chain ID when set. Defaults to the ID of the first chain on
-     * the chains list.
-     */
-    chainId?: number;
-}
-export interface IBuildEntityUrlParams {
-    /**
-     * The type of the entity (e.g. address, transaction, token)
-     */
-    type: ChainEntityType;
-    /**
-     * ID of the chain related to the entity. When set, overrides the chainId set as hook parameter.
-     */
-    chainId?: number;
-    /**
-     * The ID of the entity (e.g. transaction hash for a transaction)
-     */
-    id?: string;
-}
-export declare const useBlockExplorer: (params?: IUseBlockExplorerParams) => {
-    blockExplorer: {
-        name: string;
-        url: string;
-        apiUrl?: string | undefined;
-    } | undefined;
-    getBlockExplorer: (chainId?: number) => {
-        name: string;
-        url: string;
-        apiUrl?: string | undefined;
-    } | undefined;
-    buildEntityUrl: ({ type, chainId, id }: IBuildEntityUrlParams) => string | undefined;
-};
+import type { IUseBlockExplorerParams, IUseBlockExplorerReturn } from './useBlockExplorer.api';
+export declare const useBlockExplorer: (params?: IUseBlockExplorerParams) => IUseBlockExplorerReturn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.0.64",
+  "version": "1.0.66",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -65,7 +65,7 @@
     "@tiptap/starter-kit": "^2.11.0",
     "blockies-ts": "^1.0.0",
     "classnames": "^2.5.0",
-    "framer-motion": "^12.0.0",
+    "framer-motion": "^12.4.0",
     "luxon": "^3.5.0",
     "react-dropzone": "^14.3.0",
     "react-imask": "^7.6.0",
@@ -74,17 +74,17 @@
   },
   "peerDependencies": {
     "@tailwindcss/typography": "^0.5.0",
-    "@tanstack/react-query": "^5.64.0",
+    "@tanstack/react-query": "^5.66.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-hook-form": "^7.54.0",
     "tailwindcss": "^3.4.0",
-    "viem": "^2.22.0",
+    "viem": "^2.23.0",
     "wagmi": "^2.14.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.26.8",
+    "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@hookform/devtools": "^4.3.3",
@@ -93,30 +93,31 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-designs": "^8.0.4",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-designs": "^8.1.0",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-webpack5": "^8.5.0",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-webpack5": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/react-query": "^5.64.2",
+    "@tanstack/react-query": "^5.66.0",
     "@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.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.7",
+    "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@types/sanitize-html": "^2.13.0",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "eslint": "^9.18.0",
+    "eslint": "^9.20.0",
     "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -128,26 +129,26 @@
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.4.1",
+    "lint-staged": "^15.4.3",
     "postcss": "^8.5.1",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.0",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-tailwindcss": "^0.6.10",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
-    "rollup": "^4.31.0",
+    "rollup": "^4.34.6",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.5.0",
+    "storybook": "^8.5.3",
     "tailwindcss": "^3.4.17",
     "ts-jest": "^29.2.5",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.21.0",
-    "viem": "^2.22.10",
-    "wagmi": "^2.14.8"
+    "typescript-eslint": "^8.24.0",
+    "viem": "^2.23.0",
+    "wagmi": "^2.14.11"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"

package/src/theme/tokens/primitives/typography.css

@@ -20,9 +20,9 @@
   --guk-line-height-relaxed: 1.65;
 
   /******* Font Family *******/
-  --guk-font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
-    "Noto Color Emoji";
+  --guk-font-family:
+    "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 @font-face {