@bitrise/bitkit-v2 0.3.242 → 0.3.243
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js +2 -7
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
- package/dist/theme/slot-recipes/Card.recipe.d.ts +12 -0
- package/dist/theme/slot-recipes/Card.recipe.js +35 -11
- package/dist/theme/slot-recipes/Card.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/ExpandableCard.recipe.js +1 -13
- package/dist/theme/slot-recipes/ExpandableCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +13 -1
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ var BitkitExpandableCard = (props) => {
|
|
|
15
15
|
if (isValidElement(icon)) renderedIcon = cloneElement(icon, { size: "24" });
|
|
16
16
|
else if (icon) renderedIcon = /* @__PURE__ */ jsx(icon, { size: "24" });
|
|
17
17
|
return /* @__PURE__ */ jsx(Card.Root, {
|
|
18
|
+
paddingSize: "sm",
|
|
18
19
|
css: styles.root,
|
|
19
20
|
children: /* @__PURE__ */ jsxs(Collapsible.Root, {
|
|
20
21
|
defaultOpen: defaultExpanded,
|
|
@@ -52,13 +53,7 @@ var BitkitExpandableCard = (props) => {
|
|
|
52
53
|
})]
|
|
53
54
|
}), /* @__PURE__ */ jsxs(Collapsible.Content, {
|
|
54
55
|
css: styles.collapsible,
|
|
55
|
-
children: [/* @__PURE__ */ jsx(
|
|
56
|
-
css: styles.body,
|
|
57
|
-
children
|
|
58
|
-
}), !!footer && /* @__PURE__ */ jsx(Box, {
|
|
59
|
-
css: styles.footer,
|
|
60
|
-
children: footer
|
|
61
|
-
})]
|
|
56
|
+
children: [/* @__PURE__ */ jsx(Card.Body, { children }), !!footer && /* @__PURE__ */ jsx(Card.Footer, { children: footer })]
|
|
62
57
|
})]
|
|
63
58
|
})
|
|
64
59
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitExpandableCard.js","names":[],"sources":["../../../lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport { type BitkitAvatarProps } from '../BitkitAvatar/BitkitAvatar';\n\ntype UncontrolledProps = {\n defaultExpanded?: boolean;\n expanded?: never;\n onChange?: never;\n};\n\ntype ControlledProps = {\n defaultExpanded?: never;\n expanded: boolean;\n onChange: (expanded: boolean) => void;\n};\n\nexport type BitkitExpandableCardProps = Omit<\n CollapsibleRootProps,\n 'defaultOpen' | 'onChange' | 'onOpenChange' | 'open'\n> & {\n children: ReactNode;\n footer?: ReactNode;\n icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;\n secdText?: ReactNode;\n size: 'md' | 'lg';\n suffix?: ReactNode;\n title: ReactNode;\n} & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = (props: BitkitExpandableCardProps) => {\n const {\n children,\n defaultExpanded,\n expanded,\n footer,\n icon,\n onChange,\n secdText,\n size = 'lg',\n suffix,\n title,\n ...rest\n } = props;\n\n const recipe = useSlotRecipe({ key: 'expandableCard' });\n const styles = recipe({ size });\n\n const handleOpenChange = onChange ? (details: { open: boolean }) => onChange(details.open) : undefined;\n\n let renderedIcon: ReactNode = null;\n if (isValidElement<BitkitAvatarProps>(icon)) {\n renderedIcon = cloneElement(icon, { size: '24' });\n } else if (icon) {\n const Icon = icon;\n renderedIcon = <Icon size=\"24\" />;\n }\n\n return (\n <Card.Root css={styles.root}>\n <Collapsible.Root defaultOpen={defaultExpanded} open={expanded} onOpenChange={handleOpenChange} {...rest}>\n <Collapsible.Trigger css={styles.header}>\n <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n {!!renderedIcon && <Box css={styles.icon}>{renderedIcon}</Box>}\n <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n {title}\n {!!secdText && <Text css={styles.secdText}>{secdText}</Text>}\n </Box>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n {!!suffix && <Text css={styles.suffix}>{suffix}</Text>}\n <Collapsible.Indicator asChild>\n <AssetSelectChevron />\n </Collapsible.Indicator>\n </Box>\n </Collapsible.Trigger>\n <Collapsible.Content css={styles.collapsible}>\n <
|
|
1
|
+
{"version":3,"file":"BitkitExpandableCard.js","names":[],"sources":["../../../lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport { type BitkitAvatarProps } from '../BitkitAvatar/BitkitAvatar';\n\ntype UncontrolledProps = {\n defaultExpanded?: boolean;\n expanded?: never;\n onChange?: never;\n};\n\ntype ControlledProps = {\n defaultExpanded?: never;\n expanded: boolean;\n onChange: (expanded: boolean) => void;\n};\n\nexport type BitkitExpandableCardProps = Omit<\n CollapsibleRootProps,\n 'defaultOpen' | 'onChange' | 'onOpenChange' | 'open'\n> & {\n children: ReactNode;\n footer?: ReactNode;\n icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;\n secdText?: ReactNode;\n size: 'md' | 'lg';\n suffix?: ReactNode;\n title: ReactNode;\n} & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = (props: BitkitExpandableCardProps) => {\n const {\n children,\n defaultExpanded,\n expanded,\n footer,\n icon,\n onChange,\n secdText,\n size = 'lg',\n suffix,\n title,\n ...rest\n } = props;\n\n const recipe = useSlotRecipe({ key: 'expandableCard' });\n const styles = recipe({ size });\n\n const handleOpenChange = onChange ? (details: { open: boolean }) => onChange(details.open) : undefined;\n\n let renderedIcon: ReactNode = null;\n if (isValidElement<BitkitAvatarProps>(icon)) {\n renderedIcon = cloneElement(icon, { size: '24' });\n } else if (icon) {\n const Icon = icon;\n renderedIcon = <Icon size=\"24\" />;\n }\n\n return (\n <Card.Root paddingSize=\"sm\" css={styles.root}>\n <Collapsible.Root defaultOpen={defaultExpanded} open={expanded} onOpenChange={handleOpenChange} {...rest}>\n <Collapsible.Trigger css={styles.header}>\n <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n {!!renderedIcon && <Box css={styles.icon}>{renderedIcon}</Box>}\n <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n {title}\n {!!secdText && <Text css={styles.secdText}>{secdText}</Text>}\n </Box>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n {!!suffix && <Text css={styles.suffix}>{suffix}</Text>}\n <Collapsible.Indicator asChild>\n <AssetSelectChevron />\n </Collapsible.Indicator>\n </Box>\n </Collapsible.Trigger>\n <Collapsible.Content css={styles.collapsible}>\n <Card.Body>{children}</Card.Body>\n {!!footer && <Card.Footer>{footer}</Card.Footer>}\n </Collapsible.Content>\n </Collapsible.Root>\n </Card.Root>\n );\n};\n\nBitkitExpandableCard.displayName = 'BitkitExpandableCard';\n\nexport default BitkitExpandableCard;\n"],"mappings":";;;;;;;;;AAoCA,IAAM,wBAAwB,UAAqC;CACjE,MAAM,EACJ,UACA,iBACA,UACA,QACA,MACA,UACA,UACA,OAAO,MACP,QACA,OACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,iBAAiB,CACtC,EAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,mBAAmB,YAAY,YAA+B,SAAS,QAAQ,IAAI,IAAI,KAAA;CAE7F,IAAI,eAA0B;CAC9B,IAAI,eAAkC,IAAI,GACxC,eAAe,aAAa,MAAM,EAAE,MAAM,KAAK,CAAC;MAC3C,IAAI,MAET,eAAe,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;CAGlC,OACE,oBAAC,KAAK,MAAN;EAAW,aAAY;EAAK,KAAK,OAAO;YACtC,qBAAC,YAAY,MAAb;GAAkB,aAAa;GAAiB,MAAM;GAAU,cAAc;GAAkB,GAAI;aAApG,CACE,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;cAAjC,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;eAA5C,CACG,CAAC,CAAC,gBAAgB,oBAAC,KAAD;MAAK,KAAK,OAAO;gBAAO;KAAkB,CAAA,GAC7D,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAa,eAAc;gBAA1D,CACG,OACA,CAAC,CAAC,YAAY,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAW;MAAe,CAAA,CACxD;OACF;QACL,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;eAA/B,CACG,CAAC,CAAC,UAAU,oBAAC,MAAD;MAAM,KAAK,OAAO;gBAAS;KAAa,CAAA,GACrD,oBAAC,YAAY,WAAb;MAAuB,SAAA;gBACrB,oBAAC,oBAAD,CAAqB,CAAA;KACA,CAAA,CACpB;MACc;OACrB,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;cAAjC,CACE,oBAAC,KAAK,MAAN,EAAY,SAAoB,CAAA,GAC/B,CAAC,CAAC,UAAU,oBAAC,KAAK,QAAN,EAAA,UAAc,OAAoB,CAAA,CAC5B;KACL;;CACT,CAAA;AAEf;AAEA,qBAAqB,cAAc"}
|
|
@@ -17,17 +17,29 @@ declare const cardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"b
|
|
|
17
17
|
body: {
|
|
18
18
|
padding: "16";
|
|
19
19
|
};
|
|
20
|
+
footer: {
|
|
21
|
+
paddingInline: "16";
|
|
22
|
+
paddingBlock: "8";
|
|
23
|
+
};
|
|
20
24
|
};
|
|
21
25
|
md: {
|
|
22
26
|
body: {
|
|
23
27
|
paddingInline: "24";
|
|
24
28
|
paddingBlock: "16";
|
|
25
29
|
};
|
|
30
|
+
footer: {
|
|
31
|
+
paddingInline: "24";
|
|
32
|
+
paddingBlock: "8";
|
|
33
|
+
};
|
|
26
34
|
};
|
|
27
35
|
lg: {
|
|
28
36
|
body: {
|
|
29
37
|
padding: "24";
|
|
30
38
|
};
|
|
39
|
+
footer: {
|
|
40
|
+
paddingInline: "24";
|
|
41
|
+
paddingBlock: "12";
|
|
42
|
+
};
|
|
31
43
|
};
|
|
32
44
|
};
|
|
33
45
|
}>;
|
|
@@ -4,11 +4,17 @@ import { cardAnatomy } from "@chakra-ui/react/anatomy";
|
|
|
4
4
|
var cardSlotRecipe = defineSlotRecipe({
|
|
5
5
|
className: "card",
|
|
6
6
|
slots: cardAnatomy.keys(),
|
|
7
|
-
base: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
base: {
|
|
8
|
+
root: {
|
|
9
|
+
backgroundColor: "background/primary",
|
|
10
|
+
border: "1px solid",
|
|
11
|
+
borderRadius: "8"
|
|
12
|
+
},
|
|
13
|
+
footer: {
|
|
14
|
+
borderTop: "1px solid",
|
|
15
|
+
borderTopColor: "border/minimal"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
12
18
|
variants: {
|
|
13
19
|
elevation: {
|
|
14
20
|
true: { root: {
|
|
@@ -18,12 +24,30 @@ var cardSlotRecipe = defineSlotRecipe({
|
|
|
18
24
|
false: { root: { borderColor: "border/regular" } }
|
|
19
25
|
},
|
|
20
26
|
paddingSize: {
|
|
21
|
-
sm: {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
sm: {
|
|
28
|
+
body: { padding: "16" },
|
|
29
|
+
footer: {
|
|
30
|
+
paddingInline: "16",
|
|
31
|
+
paddingBlock: "8"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
body: {
|
|
36
|
+
paddingInline: "24",
|
|
37
|
+
paddingBlock: "16"
|
|
38
|
+
},
|
|
39
|
+
footer: {
|
|
40
|
+
paddingInline: "24",
|
|
41
|
+
paddingBlock: "8"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
lg: {
|
|
45
|
+
body: { padding: "24" },
|
|
46
|
+
footer: {
|
|
47
|
+
paddingInline: "24",
|
|
48
|
+
paddingBlock: "12"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
27
51
|
}
|
|
28
52
|
},
|
|
29
53
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n },\n },\n variants: {\n elevation: {\n true: {\n root: {\n borderColor: 'border/minimal',\n boxShadow: 'elevation/sm',\n },\n },\n false: {\n root: {\n borderColor: 'border/regular',\n },\n },\n },\n paddingSize: {\n sm: {\n body: {\n padding: '16',\n },\n },\n md: {\n body: {\n paddingInline: '24',\n paddingBlock: '16',\n },\n },\n lg: {\n body: {\n padding: '24',\n },\n },\n },\n },\n defaultVariants: {\n elevation: true,\n paddingSize: 'lg',\n },\n});\n\nexport default cardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM
|
|
1
|
+
{"version":3,"file":"Card.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Card.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst cardSlotRecipe = defineSlotRecipe({\n className: 'card',\n slots: cardAnatomy.keys(),\n base: {\n root: {\n backgroundColor: 'background/primary',\n border: '1px solid',\n borderRadius: '8',\n },\n footer: {\n borderTop: '1px solid',\n borderTopColor: 'border/minimal',\n },\n },\n variants: {\n elevation: {\n true: {\n root: {\n borderColor: 'border/minimal',\n boxShadow: 'elevation/sm',\n },\n },\n false: {\n root: {\n borderColor: 'border/regular',\n },\n },\n },\n paddingSize: {\n sm: {\n body: {\n padding: '16',\n },\n footer: {\n paddingInline: '16',\n paddingBlock: '8',\n },\n },\n md: {\n body: {\n paddingInline: '24',\n paddingBlock: '16',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '8',\n },\n },\n lg: {\n body: {\n padding: '24',\n },\n footer: {\n paddingInline: '24',\n paddingBlock: '12',\n },\n },\n },\n },\n defaultVariants: {\n elevation: true,\n paddingSize: 'lg',\n },\n});\n\nexport default cardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,YAAY,KAAK;CACxB,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,cAAc;EAChB;EACA,QAAQ;GACN,WAAW;GACX,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,WAAW;GACT,MAAM,EACJ,MAAM;IACJ,aAAa;IACb,WAAW;GACb,EACF;GACA,OAAO,EACL,MAAM,EACJ,aAAa,iBACf,EACF;EACF;EACA,aAAa;GACX,IAAI;IACF,MAAM,EACJ,SAAS,KACX;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;GACA,IAAI;IACF,MAAM;KACJ,eAAe;KACf,cAAc;IAChB;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;GACA,IAAI;IACF,MAAM,EACJ,SAAS,KACX;IACA,QAAQ;KACN,eAAe;KACf,cAAc;IAChB;GACF;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
1
|
+
declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "secdText" | "description", {
|
|
2
2
|
size: {
|
|
3
3
|
md: {
|
|
4
4
|
header: {
|
|
@@ -4,9 +4,8 @@ import { cardAnatomy } from "@chakra-ui/react/anatomy";
|
|
|
4
4
|
var expandableCardSlotRecipe = defineSlotRecipe({
|
|
5
5
|
className: "expandable-card",
|
|
6
6
|
slots: [
|
|
7
|
-
...cardAnatomy.keys(),
|
|
7
|
+
...cardAnatomy.omit("body", "footer").keys(),
|
|
8
8
|
"collapsible",
|
|
9
|
-
"footer",
|
|
10
9
|
"icon",
|
|
11
10
|
"secdText",
|
|
12
11
|
"suffix"
|
|
@@ -39,17 +38,6 @@ var expandableCardSlotRecipe = defineSlotRecipe({
|
|
|
39
38
|
animationDuration: "moderate"
|
|
40
39
|
}
|
|
41
40
|
},
|
|
42
|
-
body: {
|
|
43
|
-
borderTop: "1px solid",
|
|
44
|
-
borderColor: "border/minimal",
|
|
45
|
-
padding: "16"
|
|
46
|
-
},
|
|
47
|
-
footer: {
|
|
48
|
-
borderTop: "1px solid",
|
|
49
|
-
borderColor: "border/minimal",
|
|
50
|
-
paddingY: "8",
|
|
51
|
-
paddingX: "16"
|
|
52
|
-
},
|
|
53
41
|
icon: { color: "icon/secondary" },
|
|
54
42
|
secdText: { color: "text/secondary" },
|
|
55
43
|
suffix: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n className: 'expandable-card',\n slots: [...cardAnatomy.
|
|
1
|
+
{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n className: 'expandable-card',\n slots: [...cardAnatomy.omit('body', 'footer').keys(), 'collapsible', 'icon', 'secdText', 'suffix'],\n base: {\n root: {\n backgroundColor: 'background/primary',\n overflow: 'hidden',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n cursor: 'pointer',\n width: '100%',\n color: 'text/primary',\n '&:active': {\n backgroundColor: 'background/active',\n },\n '&:hover:not(:active)': {\n backgroundColor: 'background/hover',\n },\n _hover: {\n color: 'text/primary',\n },\n _open: {\n backgroundColor: 'background/secondary',\n },\n },\n collapsible: {\n overflow: 'hidden',\n _open: {\n animationName: 'expand-height, fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height, fade-out',\n animationDuration: 'moderate',\n },\n },\n icon: {\n color: 'icon/secondary',\n },\n secdText: {\n color: 'text/secondary',\n },\n suffix: {\n color: 'text/secondary',\n mx: '16',\n textStyle: 'body/md/regular',\n },\n },\n variants: {\n size: {\n md: {\n header: { textStyle: 'body/md/regular', paddingX: '16', paddingY: '12' },\n secdText: { textStyle: 'body/sm/regular' },\n },\n lg: {\n header: { textStyle: 'body/lg/regular', padding: '16' },\n secdText: { textStyle: 'body/md/regular' },\n },\n },\n },\n defaultVariants: {\n size: 'lg',\n },\n});\n\nexport default expandableCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK,QAAQ,QAAQ,EAAE,KAAK;EAAG;EAAe;EAAQ;EAAY;CAAQ;CACjG,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,OAAO;GACP,YAAY,EACV,iBAAiB,oBACnB;GACA,wBAAwB,EACtB,iBAAiB,mBACnB;GACA,QAAQ,EACN,OAAO,eACT;GACA,OAAO,EACL,iBAAiB,uBACnB;EACF;EACA,aAAa;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,MAAM,EACJ,OAAO,iBACT;EACA,UAAU,EACR,OAAO,iBACT;EACA,QAAQ;GACN,OAAO;GACP,IAAI;GACJ,WAAW;EACb;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,UAAU;IAAM,UAAU;GAAK;GACvE,UAAU,EAAE,WAAW,kBAAkB;EAC3C;EACA,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,SAAS;GAAK;GACtD,UAAU,EAAE,WAAW,kBAAkB;EAC3C;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
|
|
@@ -239,17 +239,29 @@ declare const slotRecipes: {
|
|
|
239
239
|
body: {
|
|
240
240
|
padding: "16";
|
|
241
241
|
};
|
|
242
|
+
footer: {
|
|
243
|
+
paddingInline: "16";
|
|
244
|
+
paddingBlock: "8";
|
|
245
|
+
};
|
|
242
246
|
};
|
|
243
247
|
md: {
|
|
244
248
|
body: {
|
|
245
249
|
paddingInline: "24";
|
|
246
250
|
paddingBlock: "16";
|
|
247
251
|
};
|
|
252
|
+
footer: {
|
|
253
|
+
paddingInline: "24";
|
|
254
|
+
paddingBlock: "8";
|
|
255
|
+
};
|
|
248
256
|
};
|
|
249
257
|
lg: {
|
|
250
258
|
body: {
|
|
251
259
|
padding: "24";
|
|
252
260
|
};
|
|
261
|
+
footer: {
|
|
262
|
+
paddingInline: "24";
|
|
263
|
+
paddingBlock: "12";
|
|
264
|
+
};
|
|
253
265
|
};
|
|
254
266
|
};
|
|
255
267
|
}>;
|
|
@@ -857,7 +869,7 @@ declare const slotRecipes: {
|
|
|
857
869
|
};
|
|
858
870
|
};
|
|
859
871
|
}>;
|
|
860
|
-
expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
872
|
+
expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "secdText" | "description", {
|
|
861
873
|
size: {
|
|
862
874
|
md: {
|
|
863
875
|
header: {
|