Merge pull request #300 from buildo/293-add_iconsize_to_disclosure

Author: gabro

packages/bento-design-system/src/Disclosure/Config.ts

@@ -15,4 +15,8 @@ export type DisclosureConfig = {
     open: (props: IconProps) => Children;
     closed: (props: IconProps) => Children;
   };
+  iconSize: {
+    1: IconProps["size"];
+    2: IconProps["size"];
+  };
 };

packages/bento-design-system/src/Disclosure/createDisclosure.tsx

@@ -68,7 +68,7 @@ export function createDisclosure(config: DisclosureConfig) {
             reverse={iconPosition === "trailing"}
           >
             <Column width="content">
-              {icon({ size: 16, color: level === 1 ? "primary" : "secondary" })}
+              {icon({ size: config.iconSize[level], color: level === 1 ? "primary" : "secondary" })}
             </Column>
             <Title size={config.titleSize[level]} color={level === 1 ? "default" : "secondary"}>
               {title}

packages/bento-design-system/src/util/defaultConfigs.tsx

@@ -168,6 +168,10 @@ export const disclosure: DisclosureConfig = {
     open: IconChevronUp,
     closed: IconChevronDown,
   },
+  iconSize: {
+    1: 16,
+    2: 16,
+  },
 };
 
 export const disclosureGroup: DisclosureGroupConfig = {