@bitrise/bitkit-v2 0.3.242 → 0.3.244
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/recipes/Icon.recipe.d.ts +2 -0
- package/dist/theme/recipes/Icon.recipe.js +16 -0
- package/dist/theme/recipes/Icon.recipe.js.map +1 -0
- package/dist/theme/recipes/index.d.ts +1 -0
- package/dist/theme/recipes/index.js +2 -0
- package/dist/theme/recipes/index.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/GroupHeading.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/index.d.ts +14 -2
- 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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineRecipe } from "@chakra-ui/react/styled-system";
|
|
2
|
+
//#region lib/theme/recipes/Icon.recipe.ts
|
|
3
|
+
var iconRecipe = defineRecipe({
|
|
4
|
+
className: "icon",
|
|
5
|
+
base: {
|
|
6
|
+
display: "inline-block",
|
|
7
|
+
lineHeight: "1em",
|
|
8
|
+
flexShrink: "0",
|
|
9
|
+
color: "currentcolor",
|
|
10
|
+
verticalAlign: "middle"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
//#endregion
|
|
14
|
+
export { iconRecipe as default };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=Icon.recipe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.recipe.js","names":[],"sources":["../../../lib/theme/recipes/Icon.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst iconRecipe = defineRecipe({\n className: 'icon',\n base: {\n display: 'inline-block',\n lineHeight: '1em',\n flexShrink: '0',\n color: 'currentcolor',\n verticalAlign: 'middle',\n },\n});\n\nexport default iconRecipe;\n"],"mappings":";;AAEA,IAAM,aAAa,aAAa;CAC9B,WAAW;CACX,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,eAAe;CACjB;AACF,CAAC"}
|
|
@@ -5,6 +5,7 @@ import buttonRecipe from "./Button.recipe.js";
|
|
|
5
5
|
import closeButtonRecipe from "./CloseButton.recipe.js";
|
|
6
6
|
import controlButtonRecipe from "./ControlButton.recipe.js";
|
|
7
7
|
import definitionTooltipRecipe from "./DefinitionTooltip.recipe.js";
|
|
8
|
+
import iconRecipe from "./Icon.recipe.js";
|
|
8
9
|
import linkRecipe from "./Link.recipe.js";
|
|
9
10
|
import linkButtonRecipe from "./LinkButton.recipe.js";
|
|
10
11
|
import selectableTagRecipe from "./SelectableTag.recipe.js";
|
|
@@ -21,6 +22,7 @@ var recipes = {
|
|
|
21
22
|
controlButton: controlButtonRecipe,
|
|
22
23
|
colorButton: colorButtonRecipe,
|
|
23
24
|
definitionTooltip: definitionTooltipRecipe,
|
|
25
|
+
icon: iconRecipe,
|
|
24
26
|
input: inputRecipe,
|
|
25
27
|
link: linkRecipe,
|
|
26
28
|
linkButton: linkButtonRecipe,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport inputRecipe from './Input.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\n\nconst recipes = {\n badge: badgeRecipe,\n button: buttonRecipe,\n closeButton: closeButtonRecipe,\n controlButton: controlButtonRecipe,\n colorButton: colorButtonRecipe,\n definitionTooltip: definitionTooltipRecipe,\n input: inputRecipe,\n link: linkRecipe,\n linkButton: linkButtonRecipe,\n selectableTag: selectableTagRecipe,\n separator: separatorRecipe,\n skeleton: skeletonRecipe,\n spinner: spinnerRecipe,\n textarea: textareaRecipe,\n toggleButton: toggleButtonRecipe,\n};\n\nexport default recipes;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport iconRecipe from './Icon.recipe';\nimport inputRecipe from './Input.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\n\nconst recipes = {\n badge: badgeRecipe,\n button: buttonRecipe,\n closeButton: closeButtonRecipe,\n controlButton: controlButtonRecipe,\n colorButton: colorButtonRecipe,\n definitionTooltip: definitionTooltipRecipe,\n icon: iconRecipe,\n input: inputRecipe,\n link: linkRecipe,\n linkButton: linkButtonRecipe,\n selectableTag: selectableTagRecipe,\n separator: separatorRecipe,\n skeleton: skeletonRecipe,\n spinner: spinnerRecipe,\n textarea: textareaRecipe,\n toggleButton: toggleButtonRecipe,\n};\n\nexport default recipes;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAM,UAAU;CACd,OAAO;CACP,QAAQ;CACR,aAAa;CACb,eAAe;CACf,aAAa;CACb,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,MAAM;CACN,YAAY;CACZ,eAAe;CACf,WAAW;CACX,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;AAChB"}
|
|
@@ -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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const groupHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "
|
|
1
|
+
declare const groupHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "separator" | "root" | "titleBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "separator" | "root" | "titleBlock">>;
|
|
2
2
|
export default groupHeadingRecipe;
|
|
@@ -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: {
|
|
@@ -881,7 +893,7 @@ declare const slotRecipes: {
|
|
|
881
893
|
};
|
|
882
894
|
}>;
|
|
883
895
|
field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator">>;
|
|
884
|
-
groupHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "
|
|
896
|
+
groupHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "separator" | "root" | "titleBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "separator" | "root" | "titleBlock">>;
|
|
885
897
|
fieldset: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "helperText" | "errorText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "helperText" | "errorText">>;
|
|
886
898
|
fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "itemGroup" | "clearTrigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
|
|
887
899
|
variant: {
|