Merge pull request #409 from purple-technology/fcc

refactor: adding props with children for Tag and ClosableItem components

Author: PetrHendrych97

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [5.24.1](https://github.com/purple-technology/phoenix-components/compare/v5.24.0...v5.24.1) (2025-05-23)
+
 ## [5.24.0](https://github.com/purple-technology/phoenix-components/compare/v5.23.0...v5.24.0) (2025-03-26)
 
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@purple/phoenix-components",
-	"version": "5.24.0",
+	"version": "5.24.1",
 	"description": "",
 	"main": "dist/bundle.umd.js",
 	"module": "dist/bundle.esm.js",

src/components/ClosableItem/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { PropsWithChildren } from 'react'
 
 import iconTimes from '../../images/times.svg'
 import { GenericComponentProps } from '../../interfaces/GenericComponentProps'
@@ -9,7 +9,7 @@ export interface ClosableItemProps extends GenericComponentProps {
 	onClose?: React.MouseEventHandler<HTMLButtonElement>
 }
 
-export const ClosableItem: React.FC<ClosableItemProps> = ({
+export const ClosableItem: React.FC<PropsWithChildren<ClosableItemProps>> = ({
 	testId = 'ClosableItem',
 	className,
 	onClose,

src/components/Tag/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { PropsWithChildren } from 'react'
 
 import { GenericComponentProps } from '../../interfaces/GenericComponentProps'
 import { ColorTheme } from '../../types/Color'
@@ -13,7 +13,7 @@ export interface TagProps extends GenericComponentProps, MarginProps {
 	outline?: boolean
 }
 
-export const Tag: React.FC<TagProps> = ({
+export const Tag: React.FC<PropsWithChildren<TagProps>> = ({
 	colorTheme = 'brand',
 	size = 'md',
 	testId = 'Tag',