@aragon/gov-ui-kit 1.0.55 → 1.0.57

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

@@ -163,6 +163,9 @@ export declare const modulesCopy: {
     proposalVotingStage: {
         stage: (index: number) => string;
     };
+    proposalVotingBodyContent: {
+        back: string;
+    };
     voteDataListItemStructure: {
         yourDelegate: string;
         you: string;

package/dist/types/src/modules/components/proposal/proposalVoting/index.d.ts

@@ -5,11 +5,24 @@ export declare const ProposalVoting: {
     Details: import("react").FC<import("./proposalVotingDetails").IProposalVotingDetailsProps>;
     Stage: import("react").FC<import("./proposalVotingStage").IProposalVotingStageProps>;
     Votes: import("react").FC<import("./proposalVotingVotes").IProposalVotingVotesProps>;
+    BodySummary: import("react").FC<import("react").PropsWithChildren<import("./proposalVotingBodySummary").IProposalVotingBodySummaryProps>>;
+    BodySummaryList: import("react").FC<import("react").PropsWithChildren<import("./proposalVotingBodySummaryList").IProposalVotingBodySummaryListProps>>;
+    BodySummaryListItem: import("react").FC<import("./proposalVotingBodySummaryListItem").IProposalVotingBodySummaryListItemProps>;
+    BodyContent: import("react").FC<import("./proposalVotingBodyContent").IProposalVotingBodyContentProps>;
+    Progress: {
+        Item: import("react").FC<import("./proposalVotingProgress").IProposalVotingProgressItemProps>;
+        Container: import("react").FC<import("./proposalVotingProgress").IProposalVotingProgressContainerProps>;
+    };
 };
+export * from './proposalVotingBodyContent';
+export * from './proposalVotingBodySummary';
+export * from './proposalVotingBodySummaryList';
+export * from './proposalVotingBodySummaryListItem';
 export * from './proposalVotingBreakdownMultisig';
 export * from './proposalVotingBreakdownToken';
 export * from './proposalVotingContainer';
 export * from './proposalVotingDefinitions';
 export * from './proposalVotingDetails';
+export * from './proposalVotingProgress';
 export * from './proposalVotingStage';
 export * from './proposalVotingVotes';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodyContent/index.d.ts

@@ -0,0 +1 @@
+export { ProposalVotingBodyContent, type IProposalVotingBodyContentProps } from './proposalVotingBodyContent';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodyContent/proposalVotingBodyContent.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentProps } from 'react';
+import { ProposalVotingStatus } from '../../proposalUtils';
+export interface IProposalVotingBodyContentProps extends ComponentProps<'div'> {
+    /**
+     * Status of the stage.
+     */
+    status: ProposalVotingStatus;
+    /**
+     * Name of the proposal stage displayed for multi-stage proposals.
+     */
+    name?: string;
+    /**
+     * plugin address of the body used to determine if the content should be rendered or not.
+     */
+    bodyId?: string;
+}
+export declare const ProposalVotingBodyContent: React.FC<IProposalVotingBodyContentProps>;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummary/index.d.ts

@@ -0,0 +1 @@
+export { ProposalVotingBodySummary, type IProposalVotingBodySummaryProps } from './proposalVotingBodySummary';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummary/proposalVotingBodySummary.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps, PropsWithChildren } from 'react';
+export interface IProposalVotingBodySummaryProps extends ComponentProps<'div'> {
+}
+export declare const ProposalVotingBodySummary: React.FC<PropsWithChildren<IProposalVotingBodySummaryProps>>;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummaryList/index.d.ts

@@ -0,0 +1 @@
+export { ProposalVotingBodySummaryList, type IProposalVotingBodySummaryListProps, } from './proposalVotingBodySummaryList';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummaryList/proposalVotingBodySummaryList.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps, PropsWithChildren } from 'react';
+export interface IProposalVotingBodySummaryListProps extends ComponentProps<'div'> {
+}
+export declare const ProposalVotingBodySummaryList: React.FC<PropsWithChildren<IProposalVotingBodySummaryListProps>>;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummaryListItem/index.d.ts

@@ -0,0 +1 @@
+export { ProposalVotingBodySummaryListItem, type IProposalVotingBodySummaryListItemProps, } from './proposalVotingBodySummaryListItem';

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingBodySummaryListItem/proposalVotingBodySummaryListItem.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { type IDataListItemProps } from '../../../../../core';
+export type IProposalVotingBodySummaryListItemProps = IDataListItemProps & {
+    /**
+     * ID of the body.
+     */
+    id: string;
+    /**
+     * Children to render.
+     */
+    children: ReactNode;
+};
+export declare const ProposalVotingBodySummaryListItem: React.FC<IProposalVotingBodySummaryListItemProps>;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingStage/proposalVotingStage.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from 'react';
-import { ProposalVotingStatus } from '../../proposalUtils';
+import type { ProposalVotingStatus } from '../../proposalUtils';
 export interface IProposalVotingStageProps extends ComponentProps<'div'> {
     /**
      * Status of the stage.
@@ -17,10 +17,6 @@ export interface IProposalVotingStageProps extends ComponentProps<'div'> {
      * Name of the proposal stage displayed for multi-stage proposals.
      */
     name?: string;
-    /**
-     * Forces the multi-stage content to be rendered when set to true.
-     */
-    forceMount?: true;
     /**
      * Index of the stage set automatically by the ProposalVotingContainer for multi-stage proposals.
      */
@@ -29,5 +25,9 @@ export interface IProposalVotingStageProps extends ComponentProps<'div'> {
      * Defines if the proposal has multiple stages or not.
      */
     isMultiStage?: boolean;
+    /**
+     * List of plugin addresses of bodies.
+     */
+    bodyList?: string[];
 }
 export declare const ProposalVotingStage: React.FC<IProposalVotingStageProps>;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingStageContext/proposalVotingStageContext.d.ts

@@ -1,5 +1,17 @@
 import type { IProposalVotingStageProps } from '../proposalVotingStage/proposalVotingStage';
 export interface IProposalVotingStageContext extends Pick<IProposalVotingStageProps, 'startDate' | 'endDate'> {
+    /**
+     * List of plugin addresses to be displayed in the body summary list.
+     */
+    bodyList?: string[];
+    /**
+     * The active body to be displayed.
+     */
+    activeBody?: string;
+    /**
+     * Function to set the active body.
+     */
+    setActiveBody?: (id: string | undefined) => void;
 }
 export declare const ProposalVotingStageContextProvider: import("react").Provider<IProposalVotingStageContext | null>;
 export declare const useProposalVotingStageContext: () => IProposalVotingStageContext;

package/dist/types/src/modules/components/proposal/proposalVoting/proposalVotingTabs/proposalVotingTabs.d.ts

@@ -1,4 +1,3 @@
-import { type RefObject } from 'react';
 import { type ITabsRootProps } from '../../../../../core';
 import { ProposalVotingStatus } from '../../proposalUtils';
 import { ProposalVotingTab } from '../proposalVotingDefinitions';
@@ -12,9 +11,5 @@ export interface IProposalVotingTabsProps extends ITabsRootProps {
      * @default ProposalVotingTab.BREAKDOWN
      */
     defaultValue?: ProposalVotingTab;
-    /**
-     * Reference object of the parent accordion component (on multi-stage proposals) to update its height on tab change.
-     */
-    accordionRef?: RefObject<HTMLDivElement>;
 }
 export declare const ProposalVotingTabs: React.FC<IProposalVotingTabsProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -56,14 +56,14 @@
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@tiptap/extension-code-block": "^2.9.0",
-    "@tiptap/extension-image": "^2.9.0",
-    "@tiptap/extension-link": "^2.9.0",
-    "@tiptap/extension-placeholder": "^2.9.0",
-    "@tiptap/extension-text-style": "^2.9.0",
-    "@tiptap/pm": "^2.9.0",
-    "@tiptap/react": "^2.9.0",
-    "@tiptap/starter-kit": "^2.9.0",
+    "@tiptap/extension-code-block": "^2.10.0",
+    "@tiptap/extension-image": "^2.10.0",
+    "@tiptap/extension-link": "^2.10.0",
+    "@tiptap/extension-placeholder": "^2.10.0",
+    "@tiptap/extension-text-style": "^2.10.0",
+    "@tiptap/pm": "^2.10.0",
+    "@tiptap/react": "^2.10.0",
+    "@tiptap/starter-kit": "^2.10.0",
     "blockies-ts": "^1.0.0",
     "classnames": "^2.0.0",
     "framer-motion": "^11.11.0",
@@ -75,12 +75,12 @@
   },
   "peerDependencies": {
     "@tailwindcss/typography": "^0.5.0",
-    "@tanstack/react-query": "^5.60.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@tanstack/react-query": "^5.61.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "tailwindcss": "^3.4.0",
     "viem": "^2.21.0",
-    "wagmi": "^2.12.0"
+    "wagmi": "^2.13.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -93,18 +93,18 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@storybook/addon-designs": "^8.0.4",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-webpack5": "^8.4.4",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "^8.4.5",
     "@storybook/storybook-deployer": "^2.8.16",
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.15",
-    "@tanstack/react-query": "^5.60.5",
+    "@tanstack/react-query": "^5.61.3",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
@@ -121,9 +121,9 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^0.11.0",
+    "eslint-plugin-storybook": "^0.11.1",
     "eslint-plugin-tailwindcss": "^3.17.5",
-    "eslint-plugin-testing-library": "^6.4.0",
+    "eslint-plugin-testing-library": "^7.0.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -132,20 +132,20 @@
     "postcss-loader": "^8.1.1",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier-plugin-tailwindcss": "^0.6.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.27.3",
+    "rollup": "^4.27.4",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.12.0",
-    "storybook": "^8.4.4",
+    "storybook": "^8.4.5",
     "tailwindcss": "^3.4.15",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.15.0",
-    "viem": "^2.21.47",
-    "wagmi": "^2.12.33"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.16.0",
+    "viem": "^2.21.50",
+    "wagmi": "^2.13.0"
   },
   "bugs": {
     "url": "https://github.com/aragon/gov-ui-kit/issues"
@@ -163,5 +163,5 @@
     "./build.css": "./build.css",
     "./tailwind.config": "./tailwind.config.js"
   },
-  "packageManager": "yarn@4.5.1"
+  "packageManager": "yarn@4.5.3"
 }

package/src/core/components/index.css

@@ -1,4 +1,3 @@
-@import "./accordion";
 @import "./avatars";
 @import "./collapsible";
 @import "./dialogs";

package/src/core/components/accordion/accordionItemContent/index.css

@@ -1,21 +0,0 @@
-@keyframes accordionExpand {
-  from {
-    height: 0;
-    opacity: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-    opacity: 1;
-  }
-}
-
-@keyframes accordionCollapse {
-  from {
-    height: var(--radix-accordion-content-height);
-    opacity: 1;
-  }
-  to {
-    height: 0;
-    opacity: 0;
-  }
-}

package/src/core/components/accordion/index.css

@@ -1 +0,0 @@
-@import "./accordionItemContent";