Merge branch 'main' into feat-adding-mode-prop-to-all-components

versini-org · Mar 5, 2024 · f5224ab · f5224ab
2 parents e1e3775 + a411cbb
commit f5224ab
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
@@ -3,7 +3,7 @@
 	"packages/ui-components": "5.3.0",
 	"packages/ui-hooks": "2.2.0",
 	"packages/ui-system": "1.0.1",
-	"packages/ui-private": "1.1.0",
+	"packages/ui-private": "1.2.0",
 	"packages/ui-icons": "1.1.0",
 	"packages/ui-plugins": "1.0.0"
 }
diff --git a/packages/ui-private/CHANGELOG.md b/packages/ui-private/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.2.0](https://github.com/aversini/ui-components/compare/ui-private-v1.1.0...ui-private-v1.2.0) (2024-03-05)
+
+
+### Features
+
+* **Modal:** adding prop className to ModalClose ([#372](https://github.com/aversini/ui-components/issues/372)) ([fbadadb](https://github.com/aversini/ui-components/commit/fbadadb949bdc4816e4553eff0cea95403cc6444))
+
 ## [1.1.0](https://github.com/aversini/ui-components/compare/ui-private-v1.0.0...ui-private-v1.1.0) (2024-02-26)
 
 

diff --git a/packages/ui-private/package.json b/packages/ui-private/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-private",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {

diff --git a/packages/ui-private/src/components/Modal/Modal.tsx b/packages/ui-private/src/components/Modal/Modal.tsx
@@ -107,18 +107,19 @@ export const ModalClose = React.forwardRef<
 	HTMLButtonElement,
 	{
 		trigger: React.ReactElement;
+		className?: string;
 	}
 >(function ModalClose(props, ref) {
 	const { setOpen } = useModalContext();
-	const { trigger, ...rest } = props;
+	const { trigger, className, ...rest } = props;
 	const handleClose = React.useCallback(() => setOpen(false), [setOpen]);
 	return (
-		<>
+		<div className={className}>
 			{React.cloneElement(trigger, {
 				ref,
 				onClick: handleClose,
 				...rest,
 			})}
-		</>
+		</div>
 	);
 });