fix(Badge): ability to customize mods (#402)

tenphi · web-flow · commit a9674c26de7f · 2023-10-03T16:40:30.000+04:00
diff --git a/.changeset/twenty-ghosts-taste.md b/.changeset/twenty-ghosts-taste.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Add ability to customize mods for the Badge component.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/content/Badge/Badge.tsx b/src/components/content/Badge/Badge.tsx
@@ -43,7 +43,7 @@ export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
 }
 
 export const Badge = forwardRef(function Badge(allProps: CubeBadgeProps, ref) {
-  let { type, children, ...props } = allProps;
+  let { type, children, mods, ...props } = allProps;
 
   const styles = extractStyles(props, CONTAINER_STYLES);
 
@@ -54,6 +54,7 @@ export const Badge = forwardRef(function Badge(allProps: CubeBadgeProps, ref) {
       data-type={type}
       mods={{
         long: typeof children !== 'string' || children.length > 1,
+        ...mods,
       }}
       styles={styles}
     >

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`export const Badge = forwardRef(function Badge(allProps: CubeBadgeProps, ref) {`
`46`		`- let { type, children, ...props } = allProps;`
	`46`	`+ let { type, children, mods, ...props } = allProps;`
`47`	`47`
`48`	`48`	`const styles = extractStyles(props, CONTAINER_STYLES);`
`49`	`49`
`@@ -54,6 +54,7 @@ export const Badge = forwardRef(function Badge(allProps: CubeBadgeProps, ref) {`
`54`	`54`	`data-type={type}`
`55`	`55`	`mods={{`
`56`	`56`	`long: typeof children !== 'string' \|\| children.length > 1,`
	`57`	`+ ...mods,`
`57`	`58`	`}}`
`58`	`59`	`styles={styles}`
`59`	`60`	`>`