@bitrise/bitkit-v2 0.3.288 → 0.3.290
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.d.ts +3 -1
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js +9 -5
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
- package/dist/components/BitkitRadio/BitkitRadio.js +1 -1
- package/dist/components/BitkitRadio/BitkitRadio.js.map +1 -1
- package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/ExpandableCard.recipe.js +4 -4
- package/dist/theme/slot-recipes/ExpandableCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +3 -3
- package/package.json +1 -1
|
@@ -14,10 +14,12 @@ type ControlledProps = {
|
|
|
14
14
|
};
|
|
15
15
|
export type BitkitExpandableCardProps = Omit<CollapsibleRootProps, 'defaultOpen' | 'onChange' | 'onOpenChange' | 'open'> & {
|
|
16
16
|
children: ReactNode;
|
|
17
|
+
elevation?: boolean;
|
|
17
18
|
footer?: ReactNode;
|
|
18
19
|
icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;
|
|
19
|
-
|
|
20
|
+
iconColor?: string;
|
|
20
21
|
size: 'md' | 'lg';
|
|
22
|
+
subtitle?: ReactNode;
|
|
21
23
|
suffix?: ReactNode;
|
|
22
24
|
title: ReactNode;
|
|
23
25
|
} & (UncontrolledProps | ControlledProps);
|
|
@@ -8,13 +8,17 @@ import { Collapsible } from "@chakra-ui/react/collapsible";
|
|
|
8
8
|
import { Card } from "@chakra-ui/react/card";
|
|
9
9
|
//#region lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx
|
|
10
10
|
var BitkitExpandableCard = (props) => {
|
|
11
|
-
const { children, defaultExpanded, expanded, footer, icon,
|
|
11
|
+
const { children, defaultExpanded, elevation = true, expanded, footer, icon, iconColor, onChange, size = "lg", subtitle, suffix, title, ...rest } = props;
|
|
12
12
|
const styles = useSlotRecipe({ key: "expandableCard" })({ size });
|
|
13
13
|
const handleOpenChange = onChange ? (details) => onChange(details.open) : void 0;
|
|
14
14
|
let renderedIcon = null;
|
|
15
15
|
if (isValidElement(icon)) renderedIcon = cloneElement(icon, { size: "24" });
|
|
16
|
-
else if (icon) renderedIcon = /* @__PURE__ */ jsx(icon, {
|
|
16
|
+
else if (icon) renderedIcon = /* @__PURE__ */ jsx(icon, {
|
|
17
|
+
color: iconColor,
|
|
18
|
+
size: "24"
|
|
19
|
+
});
|
|
17
20
|
return /* @__PURE__ */ jsx(Card.Root, {
|
|
21
|
+
elevation,
|
|
18
22
|
paddingSize: "sm",
|
|
19
23
|
css: styles.root,
|
|
20
24
|
children: /* @__PURE__ */ jsxs(Collapsible.Root, {
|
|
@@ -35,9 +39,9 @@ var BitkitExpandableCard = (props) => {
|
|
|
35
39
|
display: "flex",
|
|
36
40
|
alignItems: "flex-start",
|
|
37
41
|
flexDirection: "column",
|
|
38
|
-
children: [title, !!
|
|
39
|
-
css: styles.
|
|
40
|
-
children:
|
|
42
|
+
children: [title, !!subtitle && /* @__PURE__ */ jsx(Text, {
|
|
43
|
+
css: styles.subtitle,
|
|
44
|
+
children: subtitle
|
|
41
45
|
})]
|
|
42
46
|
})]
|
|
43
47
|
}), /* @__PURE__ */ jsxs(Box, {
|
|
@@ -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
|
|
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 elevation?: boolean;\n footer?: ReactNode;\n icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;\n iconColor?: string;\n size: 'md' | 'lg';\n subtitle?: ReactNode;\n suffix?: ReactNode;\n title: ReactNode;\n} & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = (props: BitkitExpandableCardProps) => {\n const {\n children,\n defaultExpanded,\n elevation = true,\n expanded,\n footer,\n icon,\n iconColor,\n onChange,\n size = 'lg',\n subtitle,\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 color={iconColor} size=\"24\" />;\n }\n\n return (\n <Card.Root elevation={elevation} 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 {!!subtitle && <Text css={styles.subtitle}>{subtitle}</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":";;;;;;;;;AAsCA,IAAM,wBAAwB,UAAqC;CACjE,MAAM,EACJ,UACA,iBACA,YAAY,MACZ,UACA,QACA,MACA,WACA,UACA,OAAO,MACP,UACA,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,OAAO;EAAW,MAAK;CAAM,CAAA;CAGpD,OACE,oBAAC,KAAK,MAAN;EAAsB;EAAW,aAAY;EAAK,KAAK,OAAO;YAC5D,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"}
|
|
@@ -33,7 +33,7 @@ var BitkitRadio = forwardRef((props, ref) => {
|
|
|
33
33
|
children: /* @__PURE__ */ jsxs(RadioGroup.ItemText, {
|
|
34
34
|
as: "div",
|
|
35
35
|
children: [labelText, !!helperText && /* @__PURE__ */ jsx(Text, {
|
|
36
|
-
color: "text/helper",
|
|
36
|
+
color: state === "disabled" ? "text/disabled" : "text/helper",
|
|
37
37
|
textStyle: "comp/input/helperText",
|
|
38
38
|
children: helperText
|
|
39
39
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n badge?: 'off' | 'on';\n helperText?: ReactNode;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n labelText: ReactNode;\n state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n return (\n <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n <RadioGroup.ItemIndicator />\n </Skeleton>\n {!!badge && (\n <Skeleton loading={state === 'skeleton'}>\n <BitkitBadge colorVariant={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n {badge}\n </BitkitBadge>\n </Skeleton>\n )}\n <Skeleton loading={state === 'skeleton'}>\n <RadioGroup.ItemText as=\"div\">\n {labelText}\n {!!helperText && (\n <Text color
|
|
1
|
+
{"version":3,"file":"BitkitRadio.js","names":[],"sources":["../../../lib/components/BitkitRadio/BitkitRadio.tsx"],"sourcesContent":["import { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react';\n\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\n\nexport type BitkitRadioProps = {\n badge?: 'off' | 'on';\n helperText?: ReactNode;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n labelText: ReactNode;\n state?: 'disabled' | 'skeleton';\n} & Omit<RadioGroup.ItemProps, 'disabled'>;\n\nconst BitkitRadio = forwardRef<HTMLInputElement, BitkitRadioProps>((props, ref) => {\n const { badge, helperText, inputProps, labelText, state, ...rest } = props;\n\n return (\n <RadioGroup.Item disabled={state === 'disabled'} {...rest}>\n <RadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n <Skeleton borderRadius=\"50%\" loading={state === 'skeleton'}>\n <RadioGroup.ItemIndicator />\n </Skeleton>\n {!!badge && (\n <Skeleton loading={state === 'skeleton'}>\n <BitkitBadge colorVariant={badge === 'on' ? 'green' : 'neutral'} width=\"40\">\n {badge}\n </BitkitBadge>\n </Skeleton>\n )}\n <Skeleton loading={state === 'skeleton'}>\n <RadioGroup.ItemText as=\"div\">\n {labelText}\n {!!helperText && (\n <Text color={state === 'disabled' ? 'text/disabled' : 'text/helper'} textStyle=\"comp/input/helperText\">\n {helperText}\n </Text>\n )}\n </RadioGroup.ItemText>\n </Skeleton>\n </RadioGroup.Item>\n );\n});\n\nBitkitRadio.displayName = 'BitkitRadio';\n\nexport default BitkitRadio;\n"],"mappings":";;;;;;;AAeA,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,YAAY,YAAY,WAAW,OAAO,GAAG,SAAS;CAErE,OACE,qBAAC,WAAW,MAAZ;EAAiB,UAAU,UAAU;EAAY,GAAI;YAArD;GACE,oBAAC,WAAW,iBAAZ;IAAiC;IAAK,GAAI;GAAa,CAAA;GACvD,oBAAC,UAAD;IAAU,cAAa;IAAM,SAAS,UAAU;cAC9C,oBAAC,WAAW,eAAZ,CAA2B,CAAA;GACnB,CAAA;GACT,CAAC,CAAC,SACD,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,aAAD;KAAa,cAAc,UAAU,OAAO,UAAU;KAAW,OAAM;eACpE;IACU,CAAA;GACL,CAAA;GAEZ,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,IAAG;eAAxB,CACG,WACA,CAAC,CAAC,cACD,oBAAC,MAAD;MAAM,OAAO,UAAU,aAAa,kBAAkB;MAAe,WAAU;gBAC5E;KACG,CAAA,CAEW;;GACb,CAAA;EACK;;AAErB,CAAC;AAED,YAAY,cAAc"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "
|
|
1
|
+
declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "description" | "subtitle", {
|
|
2
2
|
size: {
|
|
3
3
|
md: {
|
|
4
4
|
header: {
|
|
@@ -6,7 +6,7 @@ declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDef
|
|
|
6
6
|
paddingX: "16";
|
|
7
7
|
paddingY: "12";
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
subtitle: {
|
|
10
10
|
textStyle: "body/sm/regular";
|
|
11
11
|
};
|
|
12
12
|
};
|
|
@@ -15,7 +15,7 @@ declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDef
|
|
|
15
15
|
textStyle: "body/lg/regular";
|
|
16
16
|
padding: "16";
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
subtitle: {
|
|
19
19
|
textStyle: "body/md/regular";
|
|
20
20
|
};
|
|
21
21
|
};
|
|
@@ -7,7 +7,7 @@ var expandableCardSlotRecipe = defineSlotRecipe({
|
|
|
7
7
|
...cardAnatomy.omit("body", "footer").keys(),
|
|
8
8
|
"collapsible",
|
|
9
9
|
"icon",
|
|
10
|
-
"
|
|
10
|
+
"subtitle",
|
|
11
11
|
"suffix"
|
|
12
12
|
],
|
|
13
13
|
base: {
|
|
@@ -39,7 +39,7 @@ var expandableCardSlotRecipe = defineSlotRecipe({
|
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
icon: { color: "icon/secondary" },
|
|
42
|
-
|
|
42
|
+
subtitle: { color: "text/secondary" },
|
|
43
43
|
suffix: {
|
|
44
44
|
color: "text/secondary",
|
|
45
45
|
mx: "16",
|
|
@@ -53,14 +53,14 @@ var expandableCardSlotRecipe = defineSlotRecipe({
|
|
|
53
53
|
paddingX: "16",
|
|
54
54
|
paddingY: "12"
|
|
55
55
|
},
|
|
56
|
-
|
|
56
|
+
subtitle: { textStyle: "body/sm/regular" }
|
|
57
57
|
},
|
|
58
58
|
lg: {
|
|
59
59
|
header: {
|
|
60
60
|
textStyle: "body/lg/regular",
|
|
61
61
|
padding: "16"
|
|
62
62
|
},
|
|
63
|
-
|
|
63
|
+
subtitle: { textStyle: "body/md/regular" }
|
|
64
64
|
}
|
|
65
65
|
} },
|
|
66
66
|
defaultVariants: { size: "lg" }
|
|
@@ -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.omit('body', 'footer').keys(), 'collapsible', 'icon', '
|
|
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', 'subtitle', '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 subtitle: {\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 subtitle: { textStyle: 'body/sm/regular' },\n },\n lg: {\n header: { textStyle: 'body/lg/regular', padding: '16' },\n subtitle: { 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"}
|
|
@@ -939,7 +939,7 @@ declare const slotRecipes: {
|
|
|
939
939
|
};
|
|
940
940
|
};
|
|
941
941
|
}>;
|
|
942
|
-
expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "
|
|
942
|
+
expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "description" | "subtitle", {
|
|
943
943
|
size: {
|
|
944
944
|
md: {
|
|
945
945
|
header: {
|
|
@@ -947,7 +947,7 @@ declare const slotRecipes: {
|
|
|
947
947
|
paddingX: "16";
|
|
948
948
|
paddingY: "12";
|
|
949
949
|
};
|
|
950
|
-
|
|
950
|
+
subtitle: {
|
|
951
951
|
textStyle: "body/sm/regular";
|
|
952
952
|
};
|
|
953
953
|
};
|
|
@@ -956,7 +956,7 @@ declare const slotRecipes: {
|
|
|
956
956
|
textStyle: "body/lg/regular";
|
|
957
957
|
padding: "16";
|
|
958
958
|
};
|
|
959
|
-
|
|
959
|
+
subtitle: {
|
|
960
960
|
textStyle: "body/md/regular";
|
|
961
961
|
};
|
|
962
962
|
};
|