@latte-macchiat-io/latte-vanilla-components 0.0.485 → 0.0.486

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.485",
+  "version": "0.0.486",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/ExpandCollapse/Item/index.tsx

@@ -20,7 +20,10 @@ import { Paragraph } from '../../Paragraph';
 export type ExpandCollapseItemsProps = {
   title: string;
   text: string;
-  icon?: string;
+  icon?: {
+    path?: string;
+    size?: number;
+  };
 };
 
 export const ExpandCollapseItem = ({ title, text, icon }: ExpandCollapseItemsProps): React.ReactElement => {
@@ -37,9 +40,9 @@ export const ExpandCollapseItem = ({ title, text, icon }: ExpandCollapseItemsPro
         className={collapseExpandItemTitle}
         onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && toggleList()}>
         <Icon
-          iconPath={icon || icons.caret}
+          size={icon?.size || 20}
           className={collapseExpandTitleIcon}
-          size={themeContract.expandCollapse.item.title.icon.size || 20}
+          iconPath={icon?.path || icons.caret}
           color={themeContract.expandCollapse.item.title.icon.color || themeContract.icon.color}
         />
         <Heading as="h3" size="sm">

package/src/components/ExpandCollapse/index.tsx

@@ -8,16 +8,15 @@ import { Heading } from '../Heading';
 
 export type ExpandCollapseProps = React.HTMLAttributes<HTMLDivElement> & {
   title?: string;
-  icon?: string;
   list: ExpandCollapseItemsProps[];
 };
 
-export const ExpandCollapse = ({ title, icon = undefined, list, className }: ExpandCollapseProps): React.ReactElement => (
+export const ExpandCollapse = ({ title, list, className }: ExpandCollapseProps): React.ReactElement => (
   <div className={cn(collapseExpand, className)}>
     {title && <Heading as="h2">{title}</Heading>}
     <div className={collapseExpandList}>
       {list.map((expandCollapseItem, index) => (
-        <ExpandCollapseItem {...expandCollapseItem} key={`expandCollapseItem-${index}`} icon={icon} />
+        <ExpandCollapseItem {...expandCollapseItem} key={`expandCollapseItem-${index}`} />
       ))}
     </div>
   </div>