@aragon/gov-ui-kit 1.0.68 → 1.0.70

package/dist/types/src/core/components/avatars/avatar/avatar.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { type ResponsiveAttribute } from '../../../types';
-export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export interface IAvatarProps extends ComponentPropsWithoutRef<'img'> {
     /**
      *  Fallback content to display when the image fails to load or no image is provided.

package/dist/types/src/core/components/toggles/toggleGroup/toggleGroup.d.ts

@@ -1,6 +1,11 @@
 import type { ComponentProps } from 'react';
 export type ToggleGroupValue<TMulti extends boolean> = TMulti extends true ? string[] | undefined : string | undefined;
 export interface IToggleGroupBaseProps<TMulti extends boolean> extends Omit<ComponentProps<'div'>, 'value' | 'onChange' | 'defaultValue' | 'ref' | 'dir'> {
+    /**
+     * Variant of the component defining the spacing between the toggle items.
+     * @default fixed
+     */
+    variant?: 'fixed' | 'space-between';
     /**
      * Allows multiple toggles to be selected at the same time when set to true.
      */

package/dist/types/src/modules/components/asset/assetDataListItem/assetDataListItemStructure/assetDataListItemStructure.d.ts

@@ -21,5 +21,9 @@ export type IAssetDataListItemStructureProps = IDataListItemProps & {
      * The fiat price of the asset.
      */
     fiatPrice?: number | string;
+    /**
+     * Hides the asset value when set to true.
+     */
+    hideValue?: boolean;
 };
 export declare const AssetDataListItemStructure: React.FC<IAssetDataListItemStructureProps>;

package/dist/types/src/modules/components/dao/daoDataListItem/daoDataListItemStructure/daoDataListItemStructure.d.ts

@@ -25,5 +25,9 @@ export type IDaoDataListItemStructureProps = IDataListItemProps & {
      * The network on which the DAO operates.
      */
     network?: string;
+    /**
+     * Displays an external link icon and updates the information shown when set to true.
+     */
+    isExternal?: boolean;
 };
 export declare const DaoDataListItemStructure: React.FC<IDaoDataListItemStructureProps>;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsFooter/proposalActionsFooter.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentProps } from 'react';
 export interface IProposalActionsFooterProps extends ComponentProps<'div'> {
+    /**
+     * List of action IDs to be used to toggle the expanded state for all the actions, defaults to the index of the actions.
+     */
+    actionIds?: string[];
 }
 export declare const ProposalActionsFooter: React.FC<IProposalActionsFooterProps>;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItem/proposalActionsItem.api.d.ts

@@ -26,6 +26,10 @@ export interface IProposalActionsItemProps<TAction extends IProposalAction = IPr
      * Index of the action injected by the <ProposalActions.Container /> component.
      */
     index?: number;
+    /**
+     * Value of the action used as accordion item value, defaults to the index property if not provided.
+     */
+    value?: string;
     /**
      * Custom component for the action to be rendered on BASIC view.
      */

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsRoot/proposalActionsRoot.d.ts

@@ -7,5 +7,13 @@ export interface IProposalActionsRootProps extends ComponentProps<'div'> {
      * @default 0
      */
     actionsCount?: number;
+    /**
+     * List of actions ids that are expanded. To be used for controlling the expanded / collapsed states.
+     */
+    expandedActions?: string[];
+    /**
+     * Callback called when the expanded state of an action changes.
+     */
+    onExpandedActionsChange?: (expandedActions: string[]) => void;
 }
 export declare const ProposalActionsRoot: React.FC<IProposalActionsRootProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.0.68",
+  "version": "1.0.70",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -74,7 +74,7 @@
   },
   "peerDependencies": {
     "@tailwindcss/typography": "^0.5.0",
-    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query": "^5.67.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-hook-form": "^7.54.0",
@@ -88,24 +88,24 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@hookform/devtools": "^4.3.3",
-    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-designs": "^8.2.0",
-    "@storybook/addon-essentials": "^8.5.8",
-    "@storybook/addon-links": "^8.5.8",
+    "@storybook/addon-designs": "^8.2.1",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/blocks": "^8.5.8",
-    "@storybook/react": "^8.5.8",
-    "@storybook/react-webpack5": "^8.5.8",
-    "@storybook/test": "^8.5.8",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/test": "^8.6.4",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/react-query": "^5.66.8",
+    "@tanstack/react-query": "^5.67.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -115,15 +115,15 @@
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@types/sanitize-html": "^2.13.0",
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "cross-env": "^7.0.3",
-    "eslint": "^9.20.1",
+    "eslint": "^9.22.0",
     "eslint-import-resolver-typescript": "^3.8.3",
     "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.3",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^0.11.4",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-testing-library": "^7.1.1",
     "husky": "^9.1.7",
@@ -132,23 +132,23 @@
     "lint-staged": "^15.4.3",
     "postcss": "^8.5.3",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.5.1",
+    "prettier": "^3.5.3",
     "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.8",
+    "rollup": "^4.35.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.5.8",
+    "storybook": "^8.6.4",
     "tailwindcss": "^3.4.17",
-    "ts-jest": "^29.2.5",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.1",
-    "viem": "^2.23.4",
-    "wagmi": "^2.14.11"
+    "ts-jest": "^29.2.6",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.26.1",
+    "viem": "^2.23.9",
+    "wagmi": "^2.14.12"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"
@@ -166,5 +166,5 @@
     "./build.css": "./build.css",
     "./tailwind.config": "./tailwind.config.js"
   },
-  "packageManager": "yarn@4.6.0"
+  "packageManager": "yarn@4.7.0"
 }

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

@@ -1,6 +1,6 @@
 :root {
   /******* Font Weight *******/
-  --guk-font-weight-normal: 500;
+  --guk-font-weight-normal: 400;
   --guk-font-weight-semibold: 600;
 
   /******* Font Size *******/
@@ -28,7 +28,7 @@
 @font-face {
   font-family: "Manrope";
   font-style: normal;
-  font-weight: 500;
+  font-weight: 400;
   font-display: swap;
   src: url("../../fonts/Manrope-Regular.ttf") format("truetype");
 }